/* clearfix
------------------------------------------*/
.clear{ clear: both; }
.clearfix{ zoom: 1; }
.clearfix:after{ content: ''; display: table; clear: both; }

/* base
------------------------------------------*/
*, *:before, *:after{
	outline: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
html{
	font-size: 62.5%;
}
body, th, td, h1, h2, h3, h4, h5, h6, table, td, th, input, textarea, select, label, button{
	color: #333;
	font-size: 1.4rem;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Helvetica', 'Arial', 'YuGothic', 'Yu Gothic', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
	font-weight: normal;
	font-feature-settings: 'palt';
	line-height: 2;
	letter-spacing: 0.05em;
	word-break: break-all;
	word-wrap: break-word;
}
h1, h2, h3, h4, h5, h6{
	font-weight: bold;
	line-height: 1.3;
}

a, button{ color: #b0a071; text-decoration: none; transition: all 0.2s linear; user-select: none; }

ul, ol{ list-style: none; }	
img{ max-width: 100%; height: auto; vertical-align: middle; backface-visibility: hidden; transition: all 0.2s linear; }
a, button{ text-decoration: none; transition: all 0.2s linear; }
::-moz-focus-inner{ padding: 0; border: 0; }
:placeholder-shown { color: #bbb; }
::-webkit-input-placeholder{ color: #bbb; }
::-moz-placeholder{ color: #bbb; }
:-moz-placeholder{ color: #bbb; }
:-ms-input-placeholder{ color: #bbb; }

.default a img:hover{
	opacity: 0.7;
}

.serif{
	font-family: 'Times New Roman', 'YuMincho', 'Yu Mincho', 'Hiragino Mincho ProN', 'MS PMincho', serif;
}

/* js
------------------------------------------*/
body.fixed{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
#loading{
	z-index: 9999;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
}
#loading:after{
	content: '\f110';
	display: block;
	position: fixed;
	top: 50%;
	left: 0;
	margin: -50px 0 0 0;
	width: 100%;
	height: 100px;
	color: #888;
	font-size: 4.0rem;
	font-family: FontAwesome;
	text-align: center;
	line-height: 100px;
	animation: 3s linear infinite rotation;
}
@keyframes rotation{
	0%{ transform: rotate(0); }
	100%{ transform: rotate(360deg); }
}

/* eccube
------------------------------------------*/
.bg-load-overlay{
	background: rgba(255, 255, 255, 0.4);
	box-sizing: border-box;
	position: fixed;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: space-around;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2147483647;
	opacity: 1;
}

/* Btn */
.ec-inlineBtn--cancel,
.ec-inlineBtn--action,
.ec-inlineBtn,
.ec-blockBtn--cancel,
.ec-blockBtn--action,
.ec-blockBtn{
	cursor: pointer;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 50px;
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
	background: #555;
	border: #555 1px solid;
	border-radius: 3px;
}
.ec-inlineBtn{
	padding: 0 30px;
	width: auto;
	height: 44px;
	line-height: 44px;
}
.ec-inlineBtn--cancel,
.ec-inlineBtn--action,
.ec-inlineBtn{
	display: inline-block;
	padding: 0 20px;
	width: auto;
	font-size: 1.3rem;
}
.ec-inlineBtn--action,
.ec-blockBtn--action,
.ec-blockBtn{
	background: #e56161;
	border: #e56161 1px solid;
}
.default .ec-inlineBtn--cancel:hover,
.default .ec-inlineBtn--action:hover,
.default .ec-inlineBtn:hover,
.default .ec-blockBtn--cancel:hover,
.default .ec-blockBtn--action:hover,
.default .ec-blockBtn:hover{
	opacity: 0.7;
}
.ec-blockBtn--action + .ec-blockBtn--cancel,
.ec-blockBtn{
	margin: 10px 0 0 0;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
textarea{
	display: block;
	padding: 0 10px;
	width: 100%;
	height: 44px;
	background: #fff;
	border: #ddd 1px solid;
	border-radius: 3px;
	transition: all 0.2s linear;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus{
	background: #fff;
	border: #aaa 1px solid;
}
textarea{
	padding: 10px;
	height: 200px;
}
.ec-select select,
.ec-birth select{
	padding: 0 25px 0 10px;
	height: 44px;
	color: #333;
	font-size: 1.5rem;
	line-height: 44px;
	background:
		linear-gradient(45deg, transparent 50%, #333 50%) no-repeat center right 14px/4px 4px,
		linear-gradient(-45deg, transparent 50%, #333 50%) no-repeat center right 10px/4px 4px;
	background-color: #fff;
	border: #ddd 1px solid;
	border-radius: 3px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.ec-checkbox input,
.ec-radio input{
	position: relative;
	top: -2px;
}
.ec-checkbox label,
.ec-radio label{
	margin: 0 15px 0 0;
}
.ec-halfInput{
	display: flex;
	flex-wrap: wrap;
}
.ec-halfInput input{
	margin: 0 10px 0 0;
	width: 40%;
}
.ec-halfInput span input{
	width: 90%;
}
.ec-zipInput{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 0 10px 0;
	width: auto;
}
.ec-zipInput input{
	width: 120px;
}
.ec-zipInputHelp{
	display: none;
}
.ec-zipInput + .ec-select,
.ec-select + .ec-input,
.ec-input + .ec-input{
	margin: 10px 0 0 0;
}
.error input[type="text"],
.error input[type="number"],
.error input[type="email"],
.error input[type="password"],
.error textarea,
.error select{
	border: #e56161 1px solid;
	background-color: #fff3f3;
}
.ec-errorMessage{
	width: 100%;
	color: #e56161;
	font-size: 1.3rem;
}

/* .ec-modal */
.ec-modal .checkbox{
	display: none;
}
.ec-modal .ec-modal-overlay{
	z-index: -100;
	opacity: 0;
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	transition: all 0.2s linear;
}
.ec-modal .ec-modal-wrap{
	align-self: center;
	width: 500px;
	max-width: 90%;
	margin: 0 auto;
	padding: 40px 25px;
	text-align: center;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
	transition: all 0.2s linear;
}
.ec-modal .ec-modal-wrap .ec-modal-box{
	margin: 20px 0 0 0;
	text-align: center;
}
.ec-modal .ec-modal-wrap .ec-modal-box label{
	transition: all 0.2s linear;
}
.ec-modal .ec-modal-overlay .ec-modal-close{
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}
.ec-modal .ec-modal-overlay .ec-modal-close span{
	display: block;
	width: 40px;
	height: 40px;
}
.ec-modal .ec-modal-overlay .ec-modal-close span:before,
.ec-modal .ec-modal-overlay .ec-modal-close span:after{
	content: '';
	display: block;
	position: absolute;
	top: 19px;
	left: 10px;
	width: 20px;
	height: 2px;
	background: #555;
	transform: rotate(45deg);
	border-radius: 1px;
}
.ec-modal .ec-modal-overlay .ec-modal-close span:after{
	transform: rotate(135deg);
}
.ec-modal .ec-modal-overlay-close{
	cursor: pointer;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.ec-modal input:checked ~ .ec-modal-overlay{
	z-index: 9997;
	opacity: 1;
	overflow: auto;
	transform: scale(1);
}
.ec-modal input:checked ~ .ec-modal-overlay .ec-modal-overlay-close{
	display: block;
}
.ec-modal input:checked ~ .ec-modal-overlay .ec-modal-wrap{
	z-index: 9999;
	transform: translateY(0);
}

/* Layout
------------------------------------------*/
.container{
	overflow: hidden;
}
.main{
	margin: 0 auto;
	max-width: 1080px;
}
.front_page .main{
	max-width: 100%;
	padding: 0;
}

/* header
------------------------------------------*/
.header{
	display: block;
	border-top: 4px solid #213666;
}
.header-inner{
	position: relative;
	margin: 0 auto;
	max-width: 1240px;
	height: 110px;
}
.front_page .header{
}
.header .logo{
	position: absolute;
	top: 33px;
	left: 0;
}
.header-nav{
	display: flex;
	position: absolute;
	top: 18px;
	right: 0;
}
.header-nav .header-form{
	position: relative;
	margin: 0 20px 0 0;
	padding: 0 10px;
	width: 200px;
	height: 30px;
	background: #e5e8f4;
	border: 1px solid #dadada;
	border-radius: 15px;
}
.header-nav .header-form input{
	width: 200px;
	height: 30px;
	line-height: 30px;
	background: none;
	border: none;
	appearance: none;
}
.header-nav .header-form button{
	cursor: pointer;
	position: absolute;
	top: -2px;
	right: 8px;
	font-size: 1.5rem;
	line-height: 30px;
	background: none;
	border: none;
	color: inherit;
}
.header-nav .header-mymenu{
	position: relative;
	margin: 0 0 0 20px;
}
.header-nav .header-mymenu div{
	cursor: pointer;
	height: 30px;
	font-size: 2.0rem;
	line-height: 30px;
	user-select: none;
}
.header-nav .header-mymenu div .fa{
	margin: 0 8px 0 0;
}
.header-nav .header-mymenu div span{
	font-size: 1.5rem;
}
.header-nav .header-mymenu ul{
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 60px;
	left: 50%;
	padding: 20px;
	background: #555;
	border-radius: 3px;
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
	transform: translateX(-50%);
	transition: all 0.2s ease;
}
.header-nav .header-mymenu ul.open{
	opacity: 1;
	visibility: visible;
	top: 50px;
}
.header-nav .header-mymenu ul:before{
	content: '';
	position: absolute;
	top: -8px;
	left: 50%;
	border-color: transparent transparent #555 transparent;
	border-width: 0 4px 8px 4px;
	border-style: solid;
	transform: translateX(-50%);
}
.header-nav .header-mymenu ul li{
	text-align: left;
}
.header-nav .header-mymenu ul li a{
	display: block;
	padding: 5px 0;
	width: 120px;
	color: #fff;
}
.header-nav .header-cart{
	position: relative;
}
.header-nav .header-cart a,
.header-nav .header-entry a,
.header-nav .header-login a{
	display: block;
	margin: 0 10px;
	height: 30px;
	text-align: center;
	font-size: 1.0rem;
	line-height: 30px;
	color: inherit;
}
.header-nav .header-cart i,
.header-nav .header-entry i,
.header-nav .header-login i{
	display: block;
	font-size: 1.5rem;
}
.header-nav .header-cart span{
	position: absolute;
	top: 2px;
	right: -2px;
	padding: 0 3px;
	min-width: 18px;
	height: 18px;
	color: #fff;
	font-size: 1.1rem;
	line-height: 18px;
	text-align: center;
	background: #e56161;
	border-radius: 20px;
}
.gnav{
	position: absolute;
	top: 68px;
	right: 0;
}
.gnav > ul{
	display: flex;
}
.gnav > ul > li{
	position: relative;
}
.gnav > ul > li::before,
.gnav > ul > li::after{
	display: block;
	width: 1px;
	height: 26px;
	background: #f4f4f4;
	position: absolute;
	top: 0;
}
.gnav > ul > li::before{
	content:"";
	left: 0;
}
.gnav > ul > li:last-child::after{
	content:"";
	right: 0;
}

.gnav > ul > li > a{
	display: block;
	height: 26px;
	line-height: 26px;
	padding: 0 25px;
	text-align: center;
	font-size: 1.4rem;
	font-family: 'Times New Roman', 'YuMincho', 'Yu Mincho', 'Hiragino Mincho ProN', 'MS PMincho', serif;
	font-weight: bold;
	color: inherit;
}
.gnav ul.child{
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 120%;
	left: 0;
	padding: 15px;
	width: 150%;
	background: #fff;
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
	transition: all 0.2s ease;
	z-index: 1;
}
.gnav ul.child.open{
	visibility: visible;
	opacity: 1;
	top: 100%;
}
.gnav ul.child > li > a{
	display: block;
	font-size: 1.2rem;
	color: inherit;
}
.gnav ul.child > li > a:before{
	content: '\f105';
	margin: 0 5px 0 0;
	font-family: FontAwesome;
	color: #213666;
}
.gnav ul.child > li > ul{
	padding: 5px 5px 5px 20px;
}
.gnav ul.child > li > ul > li > a{
	display: block;
	padding: 3px 0;
	font-size: 1.3rem;
}

.sp-header{
	display: none;
}
.sp-header-inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 15px;
}
.drawer-btn{
	position: relative;
	width: 44px;
	height: 44px;
}
.drawer-btn span,
.drawer-btn:before,
.drawer-btn:after{
	content: '';
	display: block;
	position: absolute;
	top: 21px;
	left: 14px;
	width: 16px;
	height: 2px;
	background: #555;
	border-radius: 1px;
}
.drawer-btn:before{
	top: 16px;
}
.drawer-btn:after{
	top: 26px;
}
.drawer-nav-list a{
	color: inherit;
}
.drawer-nav-list a::before{
	color: #b0a071
}
.sp-header-logo{
	width: calc(100% - 88px);
	text-align: center;
}
.sp-header-logo img{
	width: 200px;
}
.sp-header-cart{
	position: relative;
}
.sp-header-cart a{
	display: block;
	width: 44px;
	height: 44px;
	font-size: 2.0rem;
	line-height: 44px;
	text-align: center;
	color: inherit;
}
.sp-header-cart span{
	position: absolute;
	top: 2px;
	right: 0;
	padding: 0 3px;
	min-width: 18px;
	height: 18px;
	color: #fff;
	font-size: 1.1rem;
	line-height: 18px;
	text-align: center;
	background: #e56161;
	border-radius: 20px;
}

/* drawer
------------------------------------------*/
.drawer-bg{
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	transition: all 0.2s ease;
	z-index: 9998;
}
.drawer-bg.open{
	opacity: 1;
	visibility: visible;
}
.drawer-close{
	cursor: pointer;
	display: block;
	position: fixed;
	top: 30px;
	left: 0;
	width: 80%;
	max-width: 300px;
	height: 40px;
}
.drawer-close:before,
.drawer-close:after{
	content: '';
	display: block;
	position: absolute;
	top: 19px;
	left: calc(100% + (25% / 2) - 15px);
	width: 30px;
	height: 2px;
	background: #fff;
	transform: rotate(45deg);
	border-radius: 1px;
}
.drawer-close:after{
	transform: rotate(135deg);
}
.drawer{
	opacity: 0;
	visibility: hidden;
	overflow: auto;
	position: fixed;
	top: 0;
	right: 100%;
	width: 80%;
	max-width: 300px;
	height: 100%;
	background: #fff;
	transition: all 0.2s ease;
	transform: none;
	z-index: 9999;
}
.drawer.open{
	opacity: 1;
	visibility: visible;
	transform: translateX(100%);
}
.drawer-main{
	margin: 15px;
	padding: 15px;
	text-align: center;
	background: #f5f5f5;
	border-radius: 3px;
}
.drawer-main p{
	margin: 0 0 10px 0;
	font-size: 1.1rem;
}
.drawer-main p span{
	font-size: 1.5rem;
	font-weight: bold;
}
.drawer-main-point{
	font-size: 1.1rem;
}
.drawer-main-point span{
	color: #e26e6e;
	font-size: 1.5rem;
	font-weight: bold;
}
.drawer-main-btn{
	display: flex;
	justify-content: space-between;
}
.drawer-main-btn a{
	display: block;
	margin: 0;
	width: 48%;
}
.drawer-search{
	position: relative;
	margin: 0 15px 15px 15px;
	padding: 0 10px;
	width: calc(100% - 30px);
	height: 44px;
	border: #f5f5f5 1px solid;
	border-radius: 30px;
}
.drawer-search input{
	width: 90%;
	height: 44px;
	line-height: 44px;
	background: none;
	border: none;
	appearance: none;
}
.drawer-search input::-webkit-search-cancel-button{
	appearance: none;
}
.drawer-search button{
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 2.0rem;
	line-height: 44px;
	background: none;
	border: none;
}
.drawer-nav-title{
	padding: 8px 15px;
	font-size: 1.1rem;
	font-weight: bold;
	background: #f5f5f5;
}
.drawer-nav-list ul li{
	border-bottom: #f5f5f5 1px solid;
}
.drawer-nav-list ul li a{
	display: block;
	position: relative;
	padding: 10px 15px 10px 25px;
	font-size: 1.3rem;
}
.drawer-nav-list ul li a:before{
	content: '\f105';
	position: absolute;
	top: 10px;
	left: 15px;
	font-family: FontAwesome;
}
.drawer-nav-list ul li ul{
	padding: 10px 15px 10px 25px;
}
.drawer-nav-list ul li ul li{
	border: none;
}
.drawer-nav-list ul li ul li a{
	padding: 5px 0;
}
.drawer-nav-list ul li ul li a:before{
	display: none;
}
.drawer-icon{
	margin: 30px 15px;
}
.drawer-icon ul{
	display: flex;
	justify-content: center;
}
.drawer-icon ul li{
	margin: 0 5px;
}
.drawer-icon ul li a{
	display: block;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	background: #f5f5f5;
	border-radius: 22px;
}
.drawer-copyright{
	opacity: 0.7;
	padding: 0 0 30px 0;
	font-size: 1.0rem;
	text-align: center;
}

/* footer
------------------------------------------*/
.pagetop-btn{
	opacity: 0;
	visibility: hidden;
	position: fixed;
	bottom: 4vw;
	right: 4vw;
	transition: all 0.2s ease;
}
.pagetop-btn.show{
	z-index: 10;
	opacity: 1;
	visibility: visible;
}
.pagetop-btn a{
	display: block;
	width: 50px;
	height: 50px;
	color: #fff;
	line-height: 50px;
	text-align: center;
	background: #485a82;
	border-radius: 50%;
	font-size: 2.4rem;
}
.default .pagetop-btn a:hover{
	opacity: 0.7;
}

.mainbn{
	margin: 100px 0 0 0;
	padding: 70px 0;
	background: #f8f8f8;
}
.mainbn-inner{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
}
.mainbn ul{
	display: flex;
	justify-content: space-between;
	margin: 0 -15px;
}
.mainbn li{
	margin: 0 15px;
}

.footer{
	display: block;
	text-align: center;
	background: #e5e8f4;
}
.footer-inner{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 35px 0;
}
.footer-nav1 {
	margin-bottom: 70px;
}
.footer-nav1 ul{
	display: flex;
	justify-content: center;
}
.footer-nav1 ul li{
	position: relative;
	padding: 0 37px;
	color: #213666;
}
.footer-nav1 ul li a{
	color: inherit;
}
.footer-nav1 ul li:before,
.footer-nav1 ul li:last-child::after{
	content: "|";
	position: absolute;
	top: -2px;
}
.footer-nav1 ul li:before{left: 0;}
.footer-nav1 ul li:last-child::after{right: 0;}

.footer-info{
	position: relative;
	text-align: left;
}
.footer-logo{
	margin-bottom: 20px;
}
.footerbn{
	display: flex;
	position: absolute;
	top: 0;
	right: 0;
}
.footerbn li{
	margin-left: 10px;
}
.footer-sns{
	max-width: 280px;
	display: flex;
	justify-content: center;
}
.footer-sns li{
	margin: 0 2.5px;
}

.footer-bottom{
	display: flex;
	justify-content: space-between;
	margin-top: 25px;
	font-size: 1.2rem;
}
.footer-addr br{display: none;}
.footer-nav2 ul{
	display: flex;
	justify-content: right;
}
.footer-nav2 ul li{
	position: relative;
	margin-left: 20px;
}
.footer-nav2 ul li a{
	color: inherit;
}
.footer-nav2 ul li a::before{
	content:"";
	display: inline-block;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	border: 3px solid #c7b590;
	margin-right: 5px;
}
.footer-copyright{
	height: 30px;
	line-height: 30px;
	background: #213666;
	font-size: 1.1rem;
	color: #fff;
}

.sp-footer{
	display: none;
	text-align: center;
	background: #e5e8f4;
}
.sp-footer-inner{
	padding: 8vw 4vw;
}
.sp-footer-nav ul{
	margin: 0 auto 4vw;
	max-width: 300px;
}
.sp-footer-nav ul li{
	text-align: left;
	border-bottom: #ddd 1px solid;
}
.sp-footer-nav ul li a{
	display: block;
	position: relative;
	padding: 10px 10px 10px 20px;
	font-size: 1.3rem;
	color: inherit;
}
.sp-footer-nav ul li a:before{
	content: '\f105';
	position: absolute;
	top: 10px;
	left: 5px;
	font-family: FontAwesome;
}
.sp-footer-logo{
	margin: 0 auto 6vw;
	width: 200px;
}
.sp-footer-copyright{
	padding: 2vw;
	background: #213666;
	font-size: 1.1rem;
	color: #fff;
}

/* home
------------------------------------------*/

/* mainvisual */
.mainvisual{
	position: relative;
	text-align: center;
}
.slick-slide img{
	max-width: 1920px;
	width: 100%;
	height: 480px;
	object-fit: cover;
	margin: 0 auto;
}
.mainvisual .slick-arrow{
	position: absolute;
	top: 50%;
	left: 20px;
	width: 40px;
	height: 40px;
	font-size: 2.0rem;
	line-height: 40px;
	text-align: center;
	background: rgba(255, 255, 255, 0.8);
	border: none;
	border-radius: 3px;
	transform: translateY(-50%);
	z-index: 1;
}
.mainvisual .slick-arrow.fa-angle-right{
	left: auto;
	right: 20px;
}
.mainvisual .slick-dots{
	display: flex;
	justify-content: center;
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;

}
.mainvisual .slick-dots li{
	margin: 0 5px;
}
.mainvisual .slick-dots li:before{
	content: '';
	opacity: 0.5;
	display: block;
	width: 8px;
	height: 8px;
	background: #555;
	border-radius: 4px;
}
.mainvisual .slick-dots li.slick-active:before{
	opacity: 1;
}
.mainvisual .slick-dots li button{
	display: none;
}
.mainvisual .slick-list{
	padding: 0 !important;
}


.newblog{
	margin: 0 0 84px;
	background:linear-gradient(90deg,#213666 0%,#213666 50%,#fff 50%,#fff 100%);
}
.newblog-main{
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	background: #fff;
}
.newblog h2{
	flex: 0 0 200px;
	margin-right: 40px;
}
.newblog-more{
	flex: 0 0 100px;
	margin-left: 40px;
}
.newblog-list{
	flex-grow: 1;
}
.newblog .item{
	display: flex;
	height: 60px;
	align-items: center;
	color: #184462;
}
.newblog .date{
	font-size: 1.3rem;
	margin-right: 30px;
}
.newblog a{
	color: inherit;
}

.main-cat{
	position: relative;
	margin-bottom: 100px;
	padding: 91px 0;
	background: #f4f4f4;
}
.main-cat h2{
	position: absolute;
	top: -11px;
	left: 50%;
	transform: translateX(-50%);
}
.main-cat-inner{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
}
.main-cat .child{
	display: flex;
	justify-content: space-between;
}
.main-cat .child li{
	max-width: 520px;
	width: 100%;
}
.main-cat .child li .image a{
	display: block;
	position: relative;
}
.main-cat .child li .image a::after{
	content:"";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(/html/template/cectpl/assets/img/cat-li.png) no-repeat right bottom;
	z-index: 5;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.main-cat .child li .image a:hover::after{
	background-color: rgba(255, 255, 255, 0.3);
}
.main-cat .child li h3{
	margin: 15px 0;
	font-size: 2.2em;
	font-weight: normal;
}
.main-cat .child li h3 a{
	color: inherit;
}

.newitems{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto 160px;
}
.newitems.rec{
	margin-bottom: 100px;
}
.newitems h2{
	margin: 0 0 57px;
	text-align: center;
}
.newitems ul{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
}
.newitems .image{
	position: relative;
	padding: 100% 0 0 0;
	width: 100%;
}
.newitems .image img{
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.newitems .text h3{
	margin: 8px 0;
	font-size: 1.5rem;
	color: #6e6e6e;
}
.newitems .text .price{
	text-align: right;
	font-size: 1.3rem;
	color: #6e6e6e;
	font-weight: bold;
}
.newitems .text .price03{
	color: #e56161;
	font-size: 1.3rem;
}
.newitems-more{
	margin-top: 35px;
	text-align: center;
}

/* page
------------------------------------------*/

/* title */
.page-title{
	padding: 80px 0;
	background: url(/html/template/cectpl/assets/img/page-title-bg.jpg) no-repeat center center / cover;
}
.page-title-inner{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	text-align: center;
}
.page-title-inner h1,
.page-title-inner p{
	line-height: 1.3;
	font-size: 3.4rem;
	font-weight: bold;
	color: #fff;
}

/* breadcrumb */
.breadcrumb{
	margin: 30px 0;
	font-size: 1.2rem;
}
.breadcrumb-inner{
	max-width: 1080px;
	margin: 0 auto;
}
.breadcrumb ul{
	display: flex;
}
.breadcrumb ul li:after{
	content: '>';
	margin: 0 5px;
}
.breadcrumb ul li:last-child:after{
	display: none;
}
.breadcrumb ul li a{
}
.breadcrumb ul li span{
}

/* product list */
.ec-productListRole{
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.ec-productListRole__main{
	margin: 0 0 50px 0;
	width: calc(100% - 240px);
}
.ec-productListRole__side{
	width: 200px;
}
.ec-productListCategory{
	margin: 0 0 50px 0;
}
.ec-productListCategory__image{
	margin: 0 0 30px 0;
}
.ec-productListCategory__image img{
	width: 100%;
}
.ec-productListCategory__content{
}
.ec-searchnavRole{
	margin: 0 0 30px 0;
}
.ec-searchnavRole__topicpath{
	margin: 0 0 5px 0;
	padding: 0 0 10px 0;
	border-bottom: #ddd 1px solid;
}
.ec-topicpath{
	display: flex;
}
.ec-topicpath li{
}
.ec-topicpath li.ec-topicpath__divider{
	margin: 0 5px;
}
.ec-topicpath li a{
	font-weight: bold;
}
.ec-searchnavRole__infos{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ec-searchnavRole__counter span.ec-font-bold{
	font-weight: bold;
}
.ec-shelfGrid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.ec-shelfGrid li.ec-shelfGrid__item p.ec-shelfGrid__item-image{
	margin: 0 0 15px 0;
}
.ec-shelfGrid li.ec-shelfGrid__item p.ec-shelfGrid__item-image img{
	width: 100%;
}
.default .ec-shelfGrid li.ec-shelfGrid__item p.ec-shelfGrid__item-image a:hover img{
	opacity: 0.7;
}
.ec-shelfGrid li.ec-shelfGrid__item h3{
	margin: 0 0 5px 0;
	font-weight: bold;
}
.ec-shelfGrid li.ec-shelfGrid__item p.ec-shelfGrid__description{
	margin: 5px 0;
	font-size: 1.3rem;
}
.ec-shelfGrid li.ec-shelfGrid__item p.price02-default{
	font-size: 1.3rem;
	font-weight: normal;
}
.ec-shelfGrid li.ec-shelfGrid__item p.price03-default{
	position: absolute;
	top: 5px;
	right: 20px;
	padding: 3px 8px;
	color: #fff;
	font-size: 1.1rem;
	font-weight: normal;
	background: #e56161;
	border-radius: 3px;
}

.ec-pagerRole{
	margin: 50px 0;
}
.ec-pagerRole ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.ec-pagerRole ul li{
	margin: 0 2px;
}
.ec-pagerRole ul li a{
	display: block;
	padding: 5px 12px;
	color: #555;
	border: #555 1px solid;
	border-radius: 3px;
}
.ec-pagerRole ul li.ec-pager__item--active a{
	color: #fff;
	font-weight: bold;
	background: #555;
}

/* product list sidebar */
.ec-SideBlockRole{
	margin: 0 0 30px 0;
}
.ec-SideBlockRole h3{
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: #555 2px solid;
}
.ec-SideBlockRole ul li{
	padding: 5px 0;
	border-bottom: #ddd 1px dashed;
}
.ec-SideBlockRole ul li ul{
	padding: 10px;
}
.ec-SideBlockRole ul li ul li{
	font-size: 1.3rem;
	border: none;
}
.ec-sideAboutRole__main{
	padding: 15px;
	font-size: 1.3rem;
	background: #f5f5f5;
}
.ec-sideAboutRole__main .name{
	margin: 0 0 5px 0;
	font-weight: bold;
}
.ec-sideAboutRole__main .text p{
	position: relative;
	padding: 0 0 0 15px;
}
.ec-sideAboutRole__main .text p:before{
	content: '\f041';
	position: absolute;
	top: 0;
	left: 0;
	color: #555;
	font-family: FontAwesome;
}
.ec-sideAboutRole__main .text .phone_number:before{
	content: '\f095';
}
.ec-sideAboutRole__main .text .business_hour:before{
	content: '\f017';
}

/* product detail */
.deliv-notice{
	margin: 0 0 50px 0;
	padding: 15px;
	color: #fff;
	text-align: center;
	background: #e56161;
	border-radius: 3px;
}
.deliv-notice:before{
	content: '\f071';
	margin: 0 8px 0 0;
	font-family: FontAwesome;
}
.ec-productRole .ec-grid2{
	display: flex;
	margin: 0 0 80px 0;
}
.ec-productRole .ec-grid2__cell{
	width: 55%;
}
.ec-productRole .ec-grid2__cell:last-of-type{
	padding: 0 0 0 40px;
	width: 45%;
}
.ec-sliderItemRole .item_visual img{
	width: 100%;
}
.ec-sliderItemRole .item_nav{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	margin: 10px 0 0 0;
}
.ec-sliderItemRole .item_nav .slideThumb{
	cursor: pointer;
}
.default .ec-sliderItemRole .item_nav .slideThumb img:hover{
	opacity: 0.7;
}
.ec-productRole__code{
	margin: 0 0 10px 0;
	color: #aaa;
	font-size: 1.3rem;
}
.ec-productRole__profile .ec-headingTitle{
	margin: 0 0 20px 0;
	font-size: 3.2rem;
}
.ec-productRole__tags{
	display: flex;
	margin: 0 0 20px 0;
}
.ec-productRole__tags li{
	display: block;
	margin: 0 5px 0 0;
	padding: 3px 8px;
	color: #fff;
	font-size: 1.1rem;
	background: #555;
	border-radius: 3px;
}
.ec-productRole__price .ec-price__tax{
	font-size: 1.3rem;
}
.ec-productRole__price01{
	opacity: 0.7;
}
.ec-productRole__price01 .ec-price__price{
	text-decoration: line-through;
}
.ec-productRole__price03{
	margin: 10px 0 0 0;
	padding: 20px;
	background: #f5f5f5;
	border-radius: 3px;
}
.ec-productRole__price03 p{
	margin: 0 0 5px 0;
}
.ec-productRole__price03 p span{
	display: block;
	color: #e56161;
	font-size: 1.3rem;
}
.ec-productRole__price02 .ec-price__price,
.ec-productRole__price03 .ec-price__price{
	color: #e56161;
	font-size: 2.4rem;
	font-weight: bold;
}
.ec-productRole__price02.hidden{
	opacity: 0.7;
}
.ec-productRole__price02.hidden .ec-price__price{
	color: #333;
	font-size: 1.5rem;
	font-weight: normal;
	text-decoration: line-through;
}
.ec-productRole__category{
	margin: 20px 0;
	padding: 20px 0 0 0;
	border-top: #ddd 1px solid;
}
.ec-productRole__category div{
	margin: 0 0 5px 0;
	font-weight: bold;
}
.ec-productRole__category ul{
	padding: 0 0 0 10px;
}
.ec-productRole__cart{
	margin: 0 0 20px 0;
	padding: 20px;
	background: #f5f5f5;
	border-radius: 3px;
}
.ec-productRole__actions{
}
.ec-productRole__actions > div{
	margin: 0 0 10px 0;
}
.ec-productRole__actions .ec-select select{
	width: 100%;
}
.ec-productRole__actions .ec-numberInput{
	display: flex;
	align-items: center;
}
.ec-productRole__actions .ec-numberInput span{
	width: 15%;
}
.ec-productRole__actions .ec-numberInput input{
	width: 85%;
}
.ec-productRole__btn{
	margin: 10px 0 0 0;
}
.ec-productRole__description{
}
.ec-productRole__freearea{
	margin: 0 0 80px 0;
}

/* other common */
.ec-link{
	cursor: pointer;
	text-decoration: underline;
}
.ec-required{
	margin: 0 0 0 10px;
	color: #e56161;
}
.ec-para-normal{
	margin: 0 0 50px 0;
}
.ec-para-normal + .ec-para-normal{
	margin: -50px 0 50px 0;
}
.ec-borderedDefs dl{
	display: flex;
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	border-bottom: #ddd 1px dashed;
}
.ec-borderedDefs dl dt{
	width: 20%;
	font-weight: bold;
}
.ec-borderedDefs dl dd{
	position: relative;
	width: 80%;
}
.ec-borderedDefs dl dd p{
	margin: 5px 0 0 0;
	font-size: 1.3rem;
}
.ec-off4Grid{
	margin: 30px auto;
	max-width: 400px;
}
.ec-off4Grid .ec-checkbox{
	margin: 0 0 20px 0;
	text-align: center;
}
.ec-reportHeading{
	margin: 0 0 20px 0;
	font-size: 2.4rem;
	text-align: center;
}
.ec-reportDescription{
	text-align: center;
}

/* login */
.ec-login{
	margin: 0 auto;
	max-width: 600px;
}
.ec-login__icon{
	display: none;
}
.ec-login__input .ec-input input{
	margin: 0 0 10px 0;
}
.ec-login__input .ec-checkbox{
	margin: 10px 0 0 0;
}
.ec-login .ec-grid2{
	display: flex;
}
.ec-login .ec-grid2 .ec-grid2__cell{
	width: 50%;
}
.ec-login .ec-grid2 .ec-grid2__cell:last-of-type{
	padding: 0 0 0 30px;
}

/* cart */
.cart_page .ec-grid3{
	display: flex;
	justify-content: space-between;
}
.cart_page .ec-grid3 .ec-grid3__cell2{
	width: 60%;
}
.cart_page .ec-grid3 .ec-grid3__cell{
	width: calc(40% - 40px);
}
.ec-guest{
	display: flex;
	align-items: center;
	padding: 0 50px;
	height: 100%;
	text-align: center;
	background: #f5f5f5;
	border-radius: 3px;
}
.ec-guest p{
	margin: 0 0 15px 0;
}
.ec-cartRole__progress{
	text-align: center;
}
.ec-progress{
	display: flex;
	justify-content: center;
	margin: 0 0 50px 0;
}
.ec-progress__item{
	position: relative;
	width: 20%;
	max-width: 100px;
	text-align: center;
}
.ec-progress__item:after{
	z-index: -1;
	content: '';
	display: block;
	position: absolute;
	top: 18px;
	left: 50%;
	width: 100%;
	height: 4px;
	background: #555;
}
.ec-progress__item:last-of-type:after{
	display: none;
}
.ec-progress__number{
	margin: 0 auto 10px auto;
	width: 40px;
	height: 40px;
	color: #fff;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	background: #555;
	border-radius: 20px;
}
.ec-progress__label{
	font-size: 1.3rem;
	font-weight: bold;
}
.is-complete .ec-progress__number{
	background: #e56161;
}
.is-complete .ec-progress__label{
	color: #e56161;
}
.ec-cartRole__totalText{
	margin: 30px 0;
	text-align: center;
}
.ec-cartTable{
	display: table;
	width: 100%;
}
.ec-cartHeader{
	display: table-row;
}
.ec-cartHeader li{
	display: table-cell;
	padding: 20px;
	color: #555;
	font-weight: bold;
	text-align: center;
	background: #f5f5f5;
}
.ec-cartRow{
	display: table-row;
}
.ec-cartRow li{
	display: table-cell;
	padding: 20px 0;
	vertical-align: middle;
	border-bottom: #ddd 1px dashed;
}
.ec-cartRow__delColumn{
	width: 8%;
}
.ec-cartRow__delColumn a img{
	display: none;
}
.ec-cartRow__delColumn a{
	display: block;
	position: relative;
	margin: 0 auto;
	width: 40px;
	height: 40px;
}
.ec-cartRow__delColumn a:before,
.ec-cartRow__delColumn a:after{
	content: '';
	display: block;
	position: absolute;
	top: 19px;
	left: 10px;
	width: 20px;
	height: 2px;
	background: #555;
	transform: rotate(45deg);
	border-radius: 1px;
}
.ec-cartRow__delColumn a:after{
	transform: rotate(135deg);
}
.ec-cartRow__contentColumn{
}
.ec-cartRow__img{
	display: table-cell;
	width: 80px;
	vertical-align: middle;
}
.ec-cartRow__summary{
	display: table-cell;
	padding: 0 0 0 15px;
	font-size: 1.1rem;
	font-weight: bold;
	vertical-align: middle;
}
.ec-cartRow__name a{
	font-size: 1.5rem;
}
.ec-cartRow__unitPrice{
	margin: 5px 0 0 0;
	font-size: 1.5rem;
}
.ec-cartRow__sutbtotalSP,
.ec-cartRow__amountSP{
	display: none;
}
.ec-cartRow__amountColumn{
	width: 12%;
	text-align: center;
}
.ec-cartRow__amount{
	margin: 0 0 10px 0;
}
.ec-cartRow__amountUpDown a,
.ec-cartRow__amountUpDown div{
	display: inline-block;
	position: relative;
	margin: 0 2px;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	border: #555 2px solid;
	border-radius: 20px;
}
.ec-cartRow__amountUpDown div{
	opacity: 0.3;
}
.ec-cartRow__amountUpDown a img,
.ec-cartRow__amountUpDown div img{
	display: none;
}
a.ec-cartRow__amountDownButton:before,
a.ec-cartRow__amountUpButton:before,
a.ec-cartRow__amountUpButton:after,
div.ec-cartRow__amountDownButtonDisabled:before{
	content: '';
	display: block;
	position: absolute;
	top: 15px;
	left: 10px;
	width: 12px;
	height: 2px;
	background: #555;
	border-radius: 1px;
}
a.ec-cartRow__amountUpButton:after{
	transform: rotate(90deg);
}
.ec-cartRow__subtotalColumn{
	width: 12%;
	text-align: right;
}
.ec-cartRole__actions{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.ec-cartRole__total{
	margin: 30px 0;
	width: 100%;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: right;
}
.ec-cartRole__total span{
	margin: 0 0 0 10px;
	color: #e56161;
	font-size: 2.4rem;
}
.ec-cartRole__actions .ec-blockBtn--action,
.ec-cartRole__actions .ec-blockBtn--cancel{
	margin: 0 10px;
	width: 200px;
}
.ec-alert-warning{
	margin: 30px 0;
	padding: 15px;
	color: #fff;
	text-align: center;
	background: #e56161;
	border-radius: 3px;
}
.ec-alert-warning__icon img{
	display: none;
}
.ec-alert-warning__text:before{
	content: '\f071';
	margin: 0 8px 0 0;
	font-family: FontAwesome;
}
.ec-orderRole{
	display: flex;
	justify-content: space-between;
}
.ec-orderRole__detail{
	width: 60%;
}
.ec-orderRole__summary{
	width: calc(40% - 40px);
}
.ec-orderRole__detail h2{
	margin: 0 0 20px 0;
	height: 44px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 44px;
}
.ec-orderAccount,
.ec-orderDelivery,
.ec-orderPayment,
.ec-orderConfirm{
	position: relative;
	margin: 0 0 30px 0;
	padding: 30px;
	background: #fff;
	border: #ddd 1px solid;
	border-radius: 3px;
}
.ec-orderAccount__change button,
.ec-orderDelivery__change button{
	position: absolute;
	top: 30px;
	right: 30px;
	color: #555;
	background: #fff;
	border: #555 1px solid;
}
.mod-button{
	display: flex;
}
.mod-button span{
	margin: 0 10px 0 0;
}
.ec-orderDelivery__title{
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	font-weight: bold;
	border-bottom: #ddd 1px solid;
}
.ec-borderedList li{
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: #ddd 1px dashed;
}
.ec-imageGrid{
	display: flex;
	align-items: center;
}
.ec-imageGrid__img{
	width: 80px;
}
.ec-imageGrid__content{
	padding: 0 0 0 20px;
	font-size: 1.3rem;
}
.ec-imageGrid__content span{
	margin: 0 0 0 5px;
}
.ec-selects{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 20px 0;
}
.ec-selects .ec-select label{
	margin: 0 10px 0 0;
	font-weight: bold;
}
.ec-selects .ec-select:first-of-type{
	margin: 10px 0;
	width: 100%;
}
.ec-selects .ec-select__delivery{
	margin: 0 20px 0 0;
}
.ec-totalBox{
	margin: 0 0 30px 0;
	padding: 30px;
	background: #f5f5f5;
	border-radius: 3px;
}
.ec-totalBox__spec{
	display: flex;
	justify-content: space-between;
}
.ec-totalBox__total{
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	font-weight: bold;
	text-align: right;
	border-top: #ddd 1px dashed;
}
.ec-totalBox__total .ec-totalBox__price{
	margin: 0 5px 0 10px;
	font-size: 2.4rem;
}
.ec-totalBox__taxRate{
	display: flex;
	justify-content: flex-end;
	font-size: 1.1rem;
}
.ec-totalBox__taxRate dt{
	margin: 0 5px 0 0;
}
.ec-totalBox__taxRate dt:before{
	content: '[ ';
}
.ec-totalBox__taxRate dd:after{
	content: ' ]';
}
.ec-totalBox__paymentTotal{
	margin: 10px 0 20px 0;
	font-weight: bold;
	text-align: right;
}
.ec-totalBox__paymentTotal .ec-totalBox__price{
	margin: 0 5px 0 10px;
	color: #e56161;
	font-size: 2.4rem;
}
.ec-totalBox__pointBlock{
	margin: 10px 0 0 0;
	padding: 10px 0;
	border-top: #ddd 1px dashed;
}
.ec-addressRole__actions,
.ec-AddAddress__new{
	margin: 0 0 30px 0;
}
.ec-addressList__item{
	display: flex;
	align-items: center;
	margin: 0 0 20px 0;
	padding: 30px;
	background: #f5f5f5;
	border-radius: 3px;
}
.ec-addressList__remove .ec-icon{
	position: relative;
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 3px;
}
.ec-addressList__remove .ec-icon img{
	display: none;
}
.ec-addressList__remove .ec-icon:before,
.ec-addressList__remove .ec-icon:after{
	content: '';
	display: block;
	position: absolute;
	top: 19px;
	left: 10px;
	width: 20px;
	height: 2px;
	background: #555;
	transform: rotate(45deg);
	border-radius: 1px;
}
.ec-addressList__remove .ec-icon:after{
	transform: rotate(135deg);
}
.ec-addressList__action{
	margin: 0 0 0 auto;
	padding: 0 0 0 20px;
}
.ec-addressList__address{
	padding: 0 0 0 20px;
}
.ec-AddAddress__add{
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	border-bottom: #ddd 1px dashed;
}
.ec-AddAddress__item{
	display: flex;
	align-items: center;
	padding: 30px;
	background: #f5f5f5;
	border-radius: 3px;
}
.ec-AddAddress__itemThumb{
	width: 120px;
}
.ec-AddAddress__itemtContent{
	padding: 0 0 0 20px;
}
.ec-AddAddress__itemtTitle{
	margin: 0 0 5px 0;
	font-weight: bold;
}
.ec-AddAddress__select{
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0;
	width: 100%;
}
.ec-AddAddress__select label{
	font-weight: bold;
}
.ec-AddAddress__select select,
.ec-AddAddress__select input{
	margin: 0 10px 0 0;
}
.ec-AddAddress__selectNumber input{
	display: inline-block;
	width: 80px;
}

/* mypage */
.ec-navlistRole__navlist{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ec-navlistRole__navlist .ec-navlistRole__item{
	width: 19%;
}
.ec-navlistRole__navlist .ec-navlistRole__item a{
	display: block;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	background: #f5f5f5;
	border-radius: 3px;
}
.ec-navlistRole__navlist .ec-navlistRole__item.active a{
	color: #fff;
	background: #555;
}
.ec-welcomeMsg{
	margin: 30px 0;
	padding: 0 0 30px 0;
	text-align: center;
	border-bottom: #ddd 1px solid;
}

.ec-historyRole__contents{
	display: flex;
	padding: 30px 0;
	border-top: #ddd 1px dashed;
}
.ec-historyRole__header{
	width: 25%;
}
.ec-historyListHeader__date{
	margin: 0 0 10px 0;
	font-weight: bold;
}
.ec-definitions{
	display: flex;
}
.ec-definitions dt{
	width: 120px;
}
.ec-definitions dt:after{
	content: ' :';
}
.ec-historyListHeader__action{
	margin: 10px 0 0 0;
}
.ec-historyRole__detail .ec-imageGrid{
	margin: 10px 0 0 0;
}
.ec-historyRole__detail .ec-imageGrid:first-of-type{
	margin: 0;
}
.ec-orderOrder{
	margin: 0 0 30px 0;
}
.ec-orderDelivery__item{
	margin: 0 0 10px 0;
}
.ec-orderDelivery__address{
	margin: 0 0 10px 0;
}
.ec-definitions--soft{
	display: flex;
}
.ec-definitions--soft dt{
	width: 100px;
}
.ec-orderMail__body{
	display: none;
}
.ec-orderMail{
	margin: 0 0 30px 0;
	padding: 30px;
	background: #fff;
	border: #ddd 1px solid;
	border-radius: 3px;
}
.ec-orderMail__link a{
	cursor: pointer;
	font-weight: bold;
	text-decoration: underline;
}
.ec-orderMail__body{
	margin: 20px 0 0 0;
	font-size: 1.3rem;
}
.ec-orderMail__close{
	margin: 20px 0 0 0;
	text-align: center;
}
.ec-orderMail__close a{
	text-decoration: underline;
}

.ec-favoriteRole__header{
	margin: 0 0 20px 0;
}
.ec-favoriteRole__itemList{
	display: flex;
	flex-wrap: flex;
	margin: 0 -15px;
}
.ec-favoriteRole__itemList li{
	position: relative;
	margin: 0 0 30px 0;
	padding: 0 15px;
	width: 25%;
}
.ec-favoriteRole__itemList li a.ec-closeBtn--circle{
	display: block;
	position: absolute;
	top: 5px;
	right: 20px;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 3px;
}
.ec-favoriteRole__itemList li a.ec-closeBtn--circle:before,
.ec-favoriteRole__itemList li a.ec-closeBtn--circle:after{
	content: '';
	display: block;
	position: absolute;
	top: 19px;
	left: 10px;
	width: 20px;
	height: 2px;
	background: #555;
	transform: rotate(45deg);
	border-radius: 1px;
}
.ec-favoriteRole__itemList li a.ec-closeBtn--circle:after{
	transform: rotate(135deg);
}
.ec-favoriteRole__itemList li a.ec-closeBtn--circle img{
	display: none;
}
.ec-favoriteRole__itemTitle{
	margin: 10px 0 0 0;
}
.ec-withdrawRole .ec-icon,
.ec-withdrawConfirmRole .ec-icon{
	display: none;
}

/* blog list */
.ec-blogListRole,
.ec-blogDetailRole{
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.ec-blogListRole__main,
.ec-blogDetailRole__main{
	margin: 0 0 50px 0;
	width: calc(100% - 240px);
}
.ec-blogListRole__side,
.ec-blogDetailRole__side{
	width: 200px;
}
.ec-blogListRole__main h2{
	margin: 0 0 30px 0;
	font-size: 1.8rem;
	border-bottom: #333 2px solid;
}
.ec-blogListRole__main .item{
	display: flex;
	margin: 0 0 40px 0;
}
.ec-blogListRole__main .image{
	width: 180px;
	height: 180px;
}
.ec-blogListRole__main .image img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.default .ec-blogListRole__main .image a:hover img{
	opacity: 0.7;
}
.ec-blogListRole__main .text{
	padding: 0 0 0 20px;
	width: calc(100% - 180px);
}
.ec-blogListRole__main .text h3{
	margin: 0 0 10px 0;
	font-size: 2.2rem;
}
.ec-blogListRole__main .text .meta{
	display: flex;
	justify-content: space-between;
	margin: 20px 0 0 0;
	font-size: 1.3rem;
}
.ec-blogListRole__main .text .meta .categories ul,
.ec-blogDetailRole__main .categories ul{
	display: flex;
	flex-wrap: wrap;
}
.ec-blogListRole__main .text .meta .categories ul li,
.ec-blogDetailRole__main .categories ul li{
	margin: 0 5px 0 0;
}
.ec-blogListRole__main .text .meta .categories ul li a,
.ec-blogDetailRole__main .categories ul li a{
	display: block;
	padding: 2px 10px;
	color: #fff;
	font-size: 1.3rem;
	background: #555;
	border-radius: 20px;
}

/* blog detail */
.ec-blogDetailRole__main .categories ul{
	margin: 0 0 10px 0;
}
.ec-blogDetailRole__main h1{
	margin: 0 0 10px 0;
	font-size: 3.2rem;
}
.ec-blogDetailRole__main .date{
	margin: 0 0 20px 0;
	color: #aaa;
	font-size: 1.3rem;
}
.ec-blogDetailRole__main .eyecatch{
	margin: 0 0 10px 0;
}
.ec-blogDetailRole__main .eyecatch img{
	width: 100%;
}
.ec-blogDetailRole__main .sns{
	margin: 0 0 30px 0;
}
.ec-blogDetailRole__main .sns ul{
	display: flex;
	margin: 0 -2px;
}
.ec-blogDetailRole__main .sns ul li{
	margin: 0 2px;
	width: calc(100% / 5);
}
.ec-blogDetailRole__main .sns ul li a{
	display: block;
	padding: 10px;
	color: #fff;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
}
.ec-blogDetailRole__main .sns ul li a .fa{
	margin: 0 5px 0 0;
	font-weight: bold;
}
.ec-blogDetailRole__main .sns ul li.sns-facebook a{ background: #3B5998; }
.ec-blogDetailRole__main .sns ul li.sns-twitter a{ background: #55acee; }
.ec-blogDetailRole__main .sns ul li.sns-line a{ background: #1dcd00; }
.ec-blogDetailRole__main .sns ul li.sns-hatena a{ background: #008fde; }
.ec-blogDetailRole__main .sns ul li.sns-pocket a{ background: #d3505a; }

.ec-blogDetailRole__main .tags{
	margin: 30px 0;
}
.ec-blogDetailRole__main .tags ul{
	display: flex;
	margin: 0 0 10px 0;
}
.ec-blogDetailRole__main .tags ul li{
	margin: 0 5px 0 0;
}
.ec-blogDetailRole__main .tags ul li a{
	display: block;
	padding: 1px 5px;
	font-size: 1.1rem;
	border: #555 1px solid;
	border-radius: 3px;
}
.ec-blogDetailRole__main-content{
}
.ec-blogDetailRole__main-content p{
	margin: 30px 0;
}
.ec-blogDetailRole__main-content p a{
	text-decoration: underline;
}
.ec-blogDetailRole__main-content h2{
	margin: 30px 0;
	font-size: 2.5rem;
	font-weight: bold;
}
.ec-blogDetailRole__main-content h3{
	margin: 30px 0;
	font-size: 2.0rem;
	font-weight: bold;
}
.ec-blogDetailRole__main-content h4{
	margin: 30px 0;
	font-size: 1.8rem;
	font-weight: bold;
}

/* blog side */
.ec-blogSideBlockRole{
	margin: 0 0 30px 0;
}
.ec-blogSideBlockRole h3{
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: #555 2px solid;
}
.ec-blogSideBlockRole ul li{
	padding: 5px 0;
	border-bottom: #ddd 1px dashed;
}
.ec-blogSideBlockRole ul li ul{
	padding: 10px;
}
.ec-blogSideBlockRole ul li ul li{
	font-size: 1.3rem;
	border: none;
}

/* other */
.page-content p{
	margin: 40px 0;
}
.page-content h2{
	position: relative;
	margin: 40px 0;
	padding: 20px 20px 20px 50px;
	font-size: 2.2rem;
	font-weight: bold;
	color: #fff;
	background: #213666;
}
.page-content h2::before{
	content:"";
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	display: block;
	width: 6px;
	height: 40px;
	background:linear-gradient(#9d8d6c 0%,#9d8d6c 50%,#c7b590 50%,#c7b590 100%);
}
.page-content h3{
	margin: 40px 0;
	padding: 15px;
	border-left: #213666 2px solid;
	background: #f4f4f4;
	font-size: 1.8rem;
	font-weight: normal;
	color: #213666;
}
.page-content h4{
	display: flex;
	align-items: center;
	margin: 40px 0;
	font-size: 1.8rem;
	font-weight: normal;
	color: #213666;
}
.page-content h4::before{
	content:"";
	display: inline-block;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	border: 3px solid #9d8d6c;
	margin-right: 5px;
}
.page-content table{
	margin: 40px 0;
	width: 100%;
}
.page-content table tbody th{
	width: 20%;
	padding: 15px;
	font-weight: bold;
	text-align: left;
	background: #f5f5f5;
	border: #ddd 1px solid;
}
.page-content table tbody td{
	width: 80%;
	padding: 15px;
	text-align: left;
	border: #ddd 1px solid;
}
.page-content iframe{
	width: 100%;
	height: 400px;
}