@charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

img {
	border: 0px;
	vertical-align: top
}

a {
	margin: 0px;
	padding: 0px;
}

html {
	font-size: 16px;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 1.7;
	color: #000000;
	margin: 0;
	padding: 0;
	position: relative;
	word-break: break-all;
}

ul {
	list-style-type: none;
}


.container {
	max-width: 1280px;
	margin: 0 auto;
}

.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

#contents01,
#contents02,
#contents03,
#contents04,
#contents05,
footer {
	padding: 0 30px;
	overflow: hidden;
}

.sp {
	display: none;
}

/*----------------------------------------

ヘッダー

----------------------------------------*/

header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	background: #fff;
	box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.6);
	overflow: hidden;
}

/* .logo {
	margin-left: 10px;
} */

#header {
	position: fixed;
	z-index: 99;
	width: 100%;

}

#header .container {
	padding: 10px 20px;
	border-radius: 5px;
	background-color: #fff;
	display: flex;
	align-items: center;
}

#header ul {
	display: flex;
	align-items: center;
	margin-left: auto;
	margin-bottom: 0;
}

#header ul li {
	margin-left: 20px;
}

#header ul li:first-child {
	margin-left: 0px;
}

#header ul li:last-child {
	margin-left: 20px;
}

#header ul li:last-child a {
	color: #fff;
	background-color: #0084C4;
	/*padding: 3px 20px!important;*/
	max-width: 160px;
	height: 36px;
	border-radius: 25px;
	display: flex;
	align-items: center;
	position: relative;
	border-bottom: none !important;
	padding-left: 50px;
	padding-right: 30px;
}

#header ul li:last-child a::after {
	content: "";
	background: url(../img/top/mail.jpg) no-repeat;
	height: 15px;
	width: 20px;
	position: absolute;
	left: 20px;
	top: 9px;
}

#header ul li:last-child a:hover {
	color: #fff;
}

#header ul .select a {
	color: #0084C4;
	border-bottom: 3px solid #0084C4;
}

#header ul li a {
	padding: 10px;
}

#header ul li a:hover {
	color: #0084C4;
}

header h1 {
	font-size: 22px;
}

header li img {
	margin-right: 10px;
}

/*----------------------------------------

フッター

----------------------------------------*/


#footer {
	width: 100%;
	/* height: 620px; */
	background: url(../img/top/footer-logo.png) no-repeat;
	background-size: 378px auto;
	background-position: right 5% top 88%;
	background-color: #133F66;
	position: relative;
	padding-bottom: 25px;
}

#footer p {
	color: #fff;
	font-size: 14px;
}

.footer-top {
	margin-bottom: 50px;
	display: flex;
	align-items: center;
}

.footer-top ul li {
	margin-left: 80px;
}

.footer-top ul {
	display: flex;
	align-items: center;
	margin-left: auto;
}

.footer-add {
	margin-top: 15px;
	margin-bottom: 35px;
	font-size: 14px;
}

.footer-add p:first-child {
	margin-right: 20px;
}

.footer-add-tel {
	display: flex;
	align-items: center;
	margin-top: 15px;
}

.footer-add p,
.footer-add-tel p {
	margin-right: 20px;
}

.white-box p {
	color: #7FABA9 !important;
}

.white-box-wrap {
	width: 267px;
	display: flex;
	justify-content: center;
}

.footer-tel {
	font-size: 1.1rem;
}

.footer-wrap {
	display: flex;
	padding-top: 74px;
	width: 1280px;
	margin: 0 auto;
	margin-left: 45px;

}

.footer-right {
	display: flex;
	padding-left: 111px;
	padding-top: 16px;
}

.footer-right ul {
	margin-left: 40px;
}

.footer-white {
	border: 1px solid #fff;
	padding: 5px 40px;

}

.small {
	font-size: 0.8rem;
	margin-left: 30px;
}


.copyright {
	padding: 110px 0 0 0;
}

#footer .copyright p {
	width: 1240px;
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
}

.copyright p a {
	font-size: 11px;
	color: #fff;
}


#pagetop {
	position: fixed;
	bottom: 20px;
	right: 15px;
	z-index: 999;
	display: none;
}

.fz {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
}

.fz18 {
	font-size: 18px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #fff;
}

footer ul li:not(.fz18, .small) {
	padding-left: 15px;
	position: relative;
	display: block;
	margin-bottom: 1em;
}

footer ul li:not(.fz18, .small):before {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	display: block;
	width: 3px;
	/*線の太さ*/
	height: 16px;
	/*線の長さ*/
	transform: translateY(-50%);
	/*位置調整*/
	background-color: #fff;
	/*線の色*/
}

.copyright a:hover {
	text-decoration: none !important;
}
/*----------------------------------------

ヘッダーメニュー

----------------------------------------*/

#header a:link {
	color: #000;
	text-decoration: none;
}
#header a:visited {
	color: #000;
	text-decoration: none;	
}
#header a:hover {
	color: #000;
	text-decoration: none;
}
#header a:active {
	color: #000;
	text-decoration: none;	
}

#header li:last-child a:link {
	color: #fff;
	text-decoration: none;
}
/*----------------------------------------

フッターメニュー

----------------------------------------*/
#footer a:link {
	color: #FFF;
	text-decoration: none;
}
#footer a:visited {
	color: #FFF;
	text-decoration: none;	
}
#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}
#footer a:active {
	color: #FFF;
	text-decoration: none;	
}

/*--- contents04 ---*/
#contents04 .index-about-left {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

}

#contents04 .index-about-right {
	background: #EEEEEE;
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

}

.white {
	color: #fff !important;

}

#contents04 .sectiontitle {
	margin-bottom: 5px;
}

.blue::before {
	left: -2px;
	width: 15px;
	height: 2px;
	background: #0084C4;
}

.blue::after {
	left: 3px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #0084C4;
	border-right: 2px solid #0084C4;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#contents04 .arrow {
	margin-top: 50px;
}

#contents04 {
	position: relative;
	overflow: hidden;
	background: #0084C4;
	padding: 35px 0;
}

#contents04.common_contact {
	margin-top: 80px;
}

#contents04 .container {
	position: relative;
	z-index: 2;
}

#contents04 .sectiontitle  .sectiontitle-en {
	color: #fff;
	line-height: 1.7;
}

#index-contact .index-contact {
	max-width: 800px;
	margin: 0 auto;
	border:  1px solid #fff;
	padding: 30px 0;
	text-align: center;
}
#index-contact .index-contact h3 {
	color: #fff;
	margin-top: 20px;
	font-size: 18px;
}
#index-contact .index-contact a {
	background: #fff;
	padding: 5px 60px;
    border-radius: 25px;
	color: #0084C4;
	margin-top: 50px;
	display: inline-block;
	position: relative;
}
#index-contact .index-contact a.more::before {
	background-color: #0084C4;
}
#index-contact .index-contact a.more::after {
	border-top-color: #0084C4;
	border-right-color: #0084C4;
}
#index-contact .index-contact a::before {
	position: absolute;
    top: 0;
    bottom: 0;
    right: -75%;
    margin: auto;
    content: "";
    vertical-align: middle;
	left: -2px;
    width: 15px;
    height: 2px;
	background-color: #0084C4;
}
#index-contact .index-contact a::after {
	left: 3px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	position: absolute;
    top: 0;
    bottom: 0;
    right: -75%;
    margin: auto;
    content: "";
    vertical-align: middle;
	border-top-color: #0084C4;
    border-right-color: #0084C4;
	box-sizing: content-box;
}

/* ご利用ガイド */

.ec-guide h2 {
    font-size: 22px;
    font-weight: bold;
	padding-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin: 0;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "MS P明朝", "MS PMincho", serif;
}
.ec-guide .ec-guidetitle {
	padding-top: 0px;
}
.ec-guide-in h3 {
	font-size: 16px;
	font-weight: bold;
}
.ec-guide-in h4 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 1em;
}
.ec-guide p {
	margin-top: 1em;
	line-height: 1.7; 
}
.ec-guide ol li {
	line-height: 1.7;
	list-style-position: inside;
}
.ec-notice {
	color: red;
}
.pad {
	display: none;
}

.ec-registerRole {
    margin: 0;
    padding-left: 0px;
    padding-right: 0px;
    max-width: 1140px;
}
.first-guide {
    margin-top: 60px;
}

/* #page_help_guide .ec-layoutRole .ec-layoutRole__contents, #page_help_tradelaw .ec-layoutRole .ec-layoutRole__contents {
	padding-top: 120px;
} */

/*========================================

パンくずリスト

========================================*/
#breadcrumb {
	padding-left: 30px;
	padding-right: 30px;
}

#page_product_detail #breadcrumb {
	padding: 0;
	margin-bottom: 50px;
}

#breadcrumb ul {
	padding: 22px 0;
	text-align: left;
	display: flex;
	align-items: center;
}

#breadcrumb li {
	font-size: 16px;
	padding: 0 10px 0 0;
}

#breadcrumb li a {
	font-size: 16px;
	padding: 0 10px 0 0;
}

#breadcrumb li:last-child {
	padding: 0;
}
/*========================================

タイトル

========================================*/
.sectiontitle {
	display: flex;
	flex-direction: column;
	margin-bottom: 112px;
}

.sectiontitle-en {
	font-family: '游ゴシック', sans-serif;
	font-weight: bold;
	font-size: 60px;
	color: #0084C4;
	letter-spacing: -2.5px;
}

.sectiontitle-ja {
	display: flex;
	align-items: center;
	font-size: 15px;
	font-weight: normal;

}

.no-line {
	display: flex;
	align-items: center;
	font-size: 1.6rem;
	font-weight: normal;
}

.sectiontitle-ja::before {
	content: "";
	width: 35px;
	height: 1px;
	background-color: #000;
	margin-right: 30px;
}
.sectiontitle-en {
    text-transform: uppercase;
}

.ec-pageHeader h1 {
    border-top: none;
    border-bottom: 5px solid #0084C4;
    margin: 10px 0 48px;
    padding: 8px;
    font-size: 32px;
    font-weight: bold;
	line-height: 1.7;
}

#page_help_guide .ec-pageHeader h1, #page_help_tradelaw .ec-pageHeader h1 {
	padding-bottom: 35px;
}


.ec-borderedDefs dl {
    display: flex;
    border-bottom: 1px dotted #0084C4;
    margin: 0;
    padding: 10px 0 0;
    flex-wrap: wrap;
}
.ec-borderedDefs {
    width: 100%;
    border-top: none; 
    margin-bottom: 16px;
}
.ec-guide h2 {
    font-size: 22px;
    font-weight: bold;
    padding-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #0084C4;
    margin: 0;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "MS P明朝", "MS PMincho", serif;
}
/* 特定商 */


.ec-layoutRole .ec-layoutRole__contents {
 
    padding-top: 120px;}

.ec-layoutRole .ec-layoutRole__contents {

    margin-top: 0;
}
.ec-secHeading__ja{
	font-size: 0.8rem;
	}
/* 商品一覧 */
.ec-blockBtn--action:hover {
    color: #fff;
    background-color: #005580;
    border-color: #005580;
}
.ec-blockBtn--action {
    background-color: #0084C4;
    border-color: #0084C4;
 
}

.ec-productRole {
	padding-top: 0px;
}


.categry-box{
	border: 3px #0084C4 solid;
	}

	
    /*カテゴリ縦も並べる*/
    .ec-itemNav__nav {
        display: flex;
        flex-direction: column;
    }
    
    /*文字を左寄せ*/
    .ec-itemNav__nav li a {
        text-align: left;
    }
    
    /*カテゴリの位置と横幅調整*/
    .ec-itemNav__nav li ul li ul,
    .ec-itemNav__nav li ul li:hover ul li {
        width: 100%;
    }
    
    .ec-itemNav__nav li ul {
        left: 100%;
        width: 100%;
        top: 0;
    }
    
    /*背景色、文字サイズ調整*/
    .ec-itemNav__nav > li:hover > a {
        background-color: #eee;
    }
    
    .ec-itemNav__nav li a,
    .ec-itemNav__nav li ul li a {
        font-size: 20px;
        padding: 12px;
		display: flex;
		    align-items: center;
    }
	 .ec-itemNav__nav li a::before{
       content: "";
	   display: block;
    width: 12px;
    height: 12px;
    margin-right: 10px;
    background-color: #0084C4;
    }
	.ec-itemNav__nav li ul li a::before{
		 content: "";
	   display: block;
    width: 3px;
    height: 16px;
    margin-right: 20px;
    background-color: #000;
		}


.ec-itemNav__nav {
    display: block;
}
.ec-itemNav__nav {
    margin: 0 auto;
    padding: 0;
    width: auto;
    height: auto;
    list-style-type: none;
    text-align: center;
    vertical-align: bottom;
}

.ec-itemNav__nav li {
    width: auto;
}
.ec-itemNav__nav li {
    float: none;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
}

.ec-itemNav__nav li ul {
    display: block;
    z-index: 100;
    /* position: absolute; */
}
.ec-itemNav__nav li ul {
    /* display: none; */
    /* z-index: 0; */
    margin: 0;
    padding: 0;
    min-width: 200px;
    list-style: none;
    position: static;
}
.ec-itemNav__nav li ul li {
     height: auto !important; 
}
.ec-itemNav__nav li ul li a {
    border-bottom: 1px solid #E8E8E8;
    padding: 16px 22px 16px 16px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    text-align: left;
	background-color: #fff;
	margin-left: 25px;
}

.ec-itemNav__nav > li:hover > a {
    background-color: #C7EDFF;

}

.ec-itemNav__nav > li:hover > a {
    background: #C7EDFF;
}
.ec-itemNav__nav > li:hover li:hover > a {
    background: #73D0FD;
}
.ec-blockTopBtn {
    right: 30px;
    bottom: 70px;
}
.ec-blockTopBtn{
  display: none;
  position: fixed;
  width:120px;
  height: 40px;
  right: 0;
  bottom: 70px;
  cursor: pointer;
  color: #FFFFFF;
  text-align: center;
  line-height: 40px;
  opacity: 0.8;
  background-color: transparent;

  }

.ec-shelfGrid .ec-shelfGrid__item-image {
    height: 150px;
    margin-bottom: 10px;
    text-align: center;
}
.ec-shelfGrid .ec-shelfGrid__item {
    margin-bottom: 60px;
    width: 33%;
    display: flex;
    flex-direction: column;
}
.ec-blockBtn--action.disabled:hover, .ec-blockBtn--action.disabled:focus, .ec-blockBtn--action.disabled.focus, .ec-blockBtn--action[disabled]:hover, .ec-blockBtn--action[disabled]:focus, .ec-blockBtn--action[disabled].focus, fieldset[disabled] .ec-blockBtn--action:hover, fieldset[disabled] .ec-blockBtn--action:focus, fieldset[disabled] .ec-blockBtn--action.focus {
    background-color: #005580;
    border-color: #005580;
}
.ec-blockBtn--action:active, .ec-blockBtn--action.active, .open > .ec-blockBtn--action.dropdown-toggle {
    color: #fff;
    background-color: #0084C4;
    background-image: none;
    border-color: #0084C4;
}
.ec-blockBtn--action:focus, .ec-blockBtn--action.focus {
    color: #fff;
    background-color: #0084C4;
    border-color: #1C4C94;
}
.ec-inlineBtn--action:hover {
    color: #fff;
    background-color: #0084C4;
    border-color: #1C4C94;
	opacity: 0.9;
}
.ec-inlineBtn--action {
    display: inline-block;
    margin-bottom: 0;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 10px 16px;
    text-decoration: none;
    color: #fff;
    background-color: #0084C4;
    border-color: #0084C4;
}
.ec-inlineBtn--action:active, .ec-inlineBtn--action.active, .open > .ec-inlineBtn--action.dropdown-toggle {
    color: #fff;
    background-color: #0084C4 !important;
    background-image: none;
    border-color: #1C4C94 !important;
}
.ec-blockBtn--action:active {
    background-color: #0084C4 !important;
    border-color: #0084C4 !important;
}
.ec-layoutRole .ec-layoutRole__left, .ec-layoutRole .ec-layoutRole__right {
    display: block;
    width: 30% !important ;
}
.ec_icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding: 0 30px;
}

#page_product_list .ec_icon {
	padding: 0;
}

.ec-headerNaviRole__search {
    width: 35%;
}


/*========================================
商品詳細
========================================*/
.ec-productRole .ec-productRole__description {
	margin-top: 30px;
}
.ec-productRole .ec-productRole__btn {
    margin-top: 15px;
}
.ec-shelfGrid .ec-shelfGrid__item .ec-productRole__btn {
    margin-top: 5px;
}

/*========================================

ログイン
ゲスト購入が可能になったら↓削除する
========================================*/
#page_shopping_login .ec-login {
	width: 80%;
	margin: 0 auto;
}

/*========================================
ご購入手続き
========================================*/
/* 配送方法非表示 */
/* #page_shopping .ec-selects .ec-select:nth-child(1), #page_shopping_confirm .ec-selects .ec-select:nth-child(1) {
	display: none;
} */



/* for small PC */
@media (max-width: 1280px) { 

/*========================================
header
========================================*/
#header .container {
	padding-left: min(1.25vw ,20px);
	padding-right: min(1.25vw ,20px);
	justify-content: space-around;
}
header h1 {
	font-size: 18px;
}
header h1 img {
	width: 50px;
}
#header ul {
	margin-left: 0;
}
#header ul li {
	margin-left: 10px;
	line-height: 1;
}
#header ul li:last-child {
	margin-left: 10px;
}
#header ul li a {
	font-size: min(1.75vw, 16px);
	padding-left: 5px;
	padding-right: 5px;
}
#header ul li:last-child a {
	padding-left: 30px;
	padding-right: 15px;
}
#header ul li:last-child a::after {
	width: 15px;
	height: 11.25px;
	background-size: 100% auto;
	left: 10px;
	top: 12px;
}




/*========================================
main
========================================*/
.container {
	width: 100%;
}

.ec-layoutRole .ec-layoutRole__contents {
	padding-top: 100px;
}

/*========================================
footer
========================================*/
.footer-wrap {
	width: 100%;
	justify-content: space-between;
	margin-left: auto;
}
.footer-right {
	padding-left: 0;
}
.footer-title img {
	width: 225px;
}
.footer-title {
	font-size: 18px;
}



/*========================================
商品一覧
========================================*/
#page_product_list .ec_icon {
	padding: 0 20px;
}





}

/* for tablet */
@media (max-width: 1160px) {

/* icon	 */
.ec-headerNaviRole__nav {
	margin-left: auto;
	margin-right: 20px;
}
.ec-headerNav .ec-headerNav__itemLink {
	display: none;
}

/* footer */


.fz18 {
	font-size: 16px;
}
.footer-right ul a {
	font-size: 14px;
}

}



/* for tablet */
@media (max-width: 1024px) {

.ec-headerSearch .ec-headerSearch__keyword {
    /* width: 180px; */
}
.ec_concept {
	background-size: cover;
}
.ec-footertitle {
	margin-right: 15px;
}

.f-menu {
    width: 140px;
	margin-right: 15px;
}
.f-menu2 {
    width: 350px;
}
.ec_menu nav ul li {
    margin-left: 30px;
}
.ec_concept_left {
	margin-right: 20px;
}
.ec_concept .ec-role h3 {
    font-size: 25px;
}
.ec_concept_right {
	width: 50%;
	flex-shrink: 0;
}

.ec_concept_right p br {
	display: none;
}
.f-tel {
	flex-direction: column;
}
.f-add {
	flex-direction: column;
}
.pad {
	display: block;
}

/*========================================
main
========================================*/
/* サイドメニュー */
.ec-itemNav__nav li a, .ec-itemNav__nav li ul li a {
	font-size: 16px;
}

}

@media (max-width: 990px) {
/* footer */
.footer-add-tel {
	display: block;
}
.footer-white {
	width: 105px;
	padding-left: 35px;
	padding-right: 35px;
	margin-bottom: 10px;
}

}


@media (max-width: 920px) {

.ec-headerNav .ec-headerNav__item span {
	display: none;
}
.ec_concept {
    background-image: url(../img/top/concept_back3.png);
}
.ec_menu nav ul li {
    margin-left: 15px;
    font-size: 14px;
}
}



/* for sp */
@media (max-width: 767px) {
.pc {
	display: none;
}
.pad {
	display: none;
}

.sp {
	display: block;
}
.ec-cartNavi {
    padding: 10px 0 0 10px;
}
.ec-headerNaviRole .ec-headerNaviRole__right {
    margin-right: 50px;
}
.ec-headerNav .ec-headerNav__itemIcon {
    margin-right: 0px;
}


/* ハンバーガーボタン */
.ec-headerNavSP {
	/* top: 35px; */
	top: 0;
    right: 0;
    left: auto;
	background: #0084C4;
	border-radius: 0;
	width: 64px;
	height: 64px;
	font-size: 30px;
}
.fa-bars:before {
	color: #fff;
}
.ec-headerNavSP .fas {
	vertical-align: 9px;
}
.ec-headerNavSP .fas::after {
	content: "MENU";
	font-size: 10px;
	color: #fff;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -25%;
}

.ec-drawerRoleClose {
	background: #0084C4;

}
.ec-drawerRoleClose .fas {
	color: #fff;
}



.ec-headerNaviRole .ec-headerNaviRole__left {
    width: 150px;
}

.mv_wrap {
    background-image: url(../img/top/mv_pic.jpg);
    width: 100vw;
    margin-left: calc(50% - 50vw);
    height: 100vh;
    background-repeat: no-repeat;
    background-position: top right -550px;
    background-size: cover;
    position: relative;
}
.mv_wrap2 {
	height: 250px;
	width: 100vw;
    margin-left: calc(50% - 50vw);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

/* draw */

.ec-drawerRole {
    top: 0;
    left: unset;
    right: 0;
}
.ec-drawerRole {
    transform: translateX(300px);
}
.ec-drawerRoleClose {
    left: unset;
    right: 270px;
}
.ec-drawerRole {
	background-color: #333;
}
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item {
    background-color: #333;
}

.ec-headerSearch .ec-headerSearch__keyword {
	width: 100%;
}
.ec-itemNav__nav li a {
	font-size: 18px;
}
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li ul li a {
	margin-left: 0;
}



/* main */
.ec-secHeading .ec-secHeading__line {
    margin: 0 10px 0 40px;
}

.ec-more2 {
	width: 100%;
    padding: 10px 0;
    border: 1px solid #ddd;
    text-align: center;
}
.ec-more2 a {
	color: #fff;
	font-weight: 500;
}
.ec-more2 {
    font-weight: bold;
    padding: 15px 0;
    border: 1px solid #ddd;
    background-color: #363636;
}

/* news */

.ec-newsRole {
	padding: 40px 0;
}
.ec-shelfRole {
    margin-bottom: 30px;
    margin-top: 50px;
}
/* concept */

.ec_concept .ec-role {
    display: block;
}
.ec-newItemRole {
	padding: 0 0 50px;
}
.ec_concept_left {
	margin-bottom: 30px;
	margin-right: 0px;
}
.ec_concept .ec-role h3 {
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "MS P明朝", "MS PMincho", serif;
    font-size: 25px;
}
.ec_concept {
    background-image: url(../img/top/concept_back2.png);
	padding: 60px 0;
}
.ec_concept_right {
	width: 100%;
}

/* footer */

.ec-footerRole__inner {
    display: block;
}

.f-menu {
    width: 100%;
	margin-top: 0px;
}
.f-menu2 {
    width: 100%;
	margin-top: 30px;
}
.f-menuin {
	display: block;
}
.f-menuin ul {
    width: 100%;
	margin-bottom: 0px;
}
.f-menuin ul:first-child {
    width: 100%;
}
.f-menuin ul a {
    display: block;
}
.ec-footerRole__inner ul li {
	padding-bottom: 10px;
    border-bottom: 1px dotted #fff;
}
.ec-footerRole__inner ul li::before {
    content: "";
    margin-right: 0px;
}
.ec-footerTitle__copyright {
    margin-top: 30px;
}
.ec-footerTitle__copyright a {
    font-size: 12px;
}
.ec-footertitle {
	margin-top: 40px;
}

/* page */

.page_contents .ec-secHeading .ec-secHeading__ja {
    display: block;
	margin-top: 10px;
}
.page_contents .ec-secHeading .ec-secHeading__line {
    display: none;
}


/* contact */

.ec-contactRole p {
    margin: 16px 0 0;
}
.ec-contactRole .ec-para-normal {
    margin: 0 0 16px 0;
}
.ec-borderedDefs dl {
    display: block;
	padding: 0;
}
.ec-borderedDefs dt {
    width: 100%;
	border-bottom: 0px;
	padding: 10px 0 0 0;
}
.ec-borderedDefs dd {
    margin: 0;
	padding: 0 0 10px 0;
}
.ec-borderedDefs dl:first-child dt {
	padding: 0;
}
.ec-borderedDefs dl:first-child dd {
	padding: 0 0 10px 0;
}

.ec-input input, .ec-birth input, .ec-select input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input {
    width: 100%;
}
.ec-input textarea {
	width: 100%;
}



/*========================================
header
========================================*/
#header {
	height: 64px;
}
#header .container {
	justify-content: flex-start;
}

#header ul {
	display: none;
}
header h1 {
	font-size: 18px;
	margin: 0;
	font-weight: bold;
}
header h1 img {
    /* max-height: 32px; */
    width: auto;
    padding-right: 10px;
}

/*========================================
main
========================================*/
.ec-layoutRole .ec-layoutRole__contents {
	padding: 64px 0 0;
}

/* サイドカテゴリメニュー非表示 */
.ec-layoutRole .ec-layoutRole__left {
	display: none;
}

.ec_icon {
	display: none;
}

/* パンくず */
#breadcrumb {
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px dotted #ccc;
}
#breadcrumb ul {
	padding-top: 20px;
	padding-bottom: 0;
}
#breadcrumb li {
	font-size: 12px;
}
#breadcrumb li a {
	font-size: 12px;
}


#page_product_detail #breadcrumb {
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 10px;
	padding-right: 10px;
}



/* ページタイトル */
.ec-pageHeader h1 {
	font-size: 24px;
}
#page_help_guide .ec-pageHeader h1, #page_help_tradelaw .ec-pageHeader h1 {
	padding-bottom: 15px;
	padding-left: 0;
	margin-bottom: 0;
}

.sectiontitle-en {
	font-size: 50px;
	line-height: 4rem;
}



/*========================================
footer
========================================*/

#sp_fmenu {
	background-color: #EBEBEB;
}
#sp_fmenu ul {
	padding: 0;
	margin: 0;
}
#sp_fmenu li {
    list-style-type: none;
    border-top: 1px solid #FFF;
    position: relative;
}
#sp_fmenu a {
    display: block;
    padding: 3.125%;
    color: #444;
    text-decoration: none;
}
#sp_fmenu li a::after {
    border-right: 2px solid #444;
    border-top: 2px solid #444;
    border-radius: 1px;
    content: "";
    height: 0.7em;
    width: 0.7em;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 1em;
    top: 0;
    bottom: 0;
    margin: auto;
}




#footer {
	padding-left: 0;
	padding-right: 0;
	background-image: none;
}
#footer .container {
	padding-left: 0;
	padding-right: 0;
}
.footer-wrap {
	width: 100%;
	padding-top: 15px;
	padding-left: 0;
	padding-right: 0;
	margin: 0 auto;
	display: block;
}
.footer-top {
	margin-bottom: 0;
}

.footer-right {
	display: none;
}
.footer-left {
	text-align: center;
}
#footer p.footer-title {
	margin-bottom: 0;
}
.footer-title img {
	width: 60%;
}
#footer p {
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 120%;
	font-size: 12px;
}
#footer .footer-add {
	margin-bottom: 12px;
}
#footer .footer-add .fz {
	margin-bottom: 0;
}
#footer  .footer-add p:last-child {
	margin-top: 0;
}
.footer-add-tel {
	flex-direction: column;
	margin-top: 0;
}
#footer .footer-white {
	display: inline-block;
	width: auto;
	margin-right: 0;
	margin-bottom: 0;
}
#footer .footer-add p, .footer-add-tel p {
	margin-right: 0;
}
.copyright {
	padding: 5px 5px 0;
	display: block;
}
#footer .copyright p {
	width: 100%;
}
#footer .copyright p a {
	display: block;
}

/* ページTOPへ戻る */
.ec-blockTopBtn  {
	right: -10px;
	bottom: 50px;
	opacity: 1;
	z-index: 100;
}
.ec-blockTopBtn img  {
	width: 80px;
}

/* お問い合わせリンク */
#contents04 {
	padding: 35px;
}
#contents04 .container {
	padding-left: 0;
	padding-right: 0;
}
#index-contact .index-contact {
	padding: 15px;
}
#index-contact .index-contact h3 {
	font-size: 16px;
	font-weight: normal;
}
#contents04 .sectiontitle {
	margin-top: 0;
}
#index-contact .index-contact a {
    background: #fff;
    border-radius: 25px;
    color: #0084C4;
    height: 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 110px;
	margin-top: 20px;
	margin-bottom: 15px;
	position: relative;
	font-size: 14px;
}




/*========================================
カート
========================================*/
/* カートに追加　見積ボタン */
.ec-inlineBtn--action.btn_color {
	margin-top: 10px;
}

/*========================================
ログイン
========================================*/
#page_shopping_login .ec-login {
	width: 100%;
}


/*========================================
商品一覧
========================================*/
#page_product_list .ec-shelfRole {
	margin-top: 0;
}
#page_product_list .ec-shelfGrid .ec-shelfGrid__item {
	width: 50%;
	margin-bottom: 40px;
}
.ec-shelfGrid .ec-shelfGrid__item .ec-productRole__btn  button {
	font-size: 13px;
}

/*========================================
ご利用ガイド
========================================*/

.first-guide {
	margin-top: 40px;
}
/*========================================
特定商
========================================*/
#page_help_tradelaw .ec-off1Grid {
	margin-top: 30px;
}
#page_help_tradelaw .ec-borderedDefs dd {
	line-height: 1.8;
}

/*========================================
会員登録
========================================*/
.registration_page .ec-registerRole {
	padding-left: 20px;
	padding-right: 20px;
}


}