@charset "UTF-8";


/* =================================
	header
======================================== */

header{
	background-position: center bottom;
	background-size: cover;
}

header .innar{
	margin: 0 auto;
	width: 1120px;
	padding: 20px 0 0;
}

header .innar .head-cont1{
	margin-bottom: 20px;
	overflow: hidden;
}

header .innar .head-cont1 .point{
	font-size: 14px;
	line-height: 150%;
	font-weight: normal;
	float: left;
}

header .innar .head-cont1 .point strong{
	color: #c7524b;
	font-weight: normal;
}

header .head-cont1 .cont{
	width: 280px;
	padding-right: 40px;
	float: right;
	text-align: right;
}

header .head-cont1 .cont a{
	display: inline-block;
	font-size: 14px;
	line-height: 150%;
	color: #000;
	text-decoration: none;
}

header .head-cont1 .cont a:hover{
	text-decoration: underline;
}


header .innar .head-cont2 ul{
	margin-bottom: 10px;
	display: flex;
	flex-flow: row nowrap;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end;
	align-items: center;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row nowrap;
	-ms-flex-pack:flex-end;
	-ms-flex-align:center;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:row;
	-webkit-box-pack:flex-end;
	-webkit-box-align:center;

	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row nowrap;
	-webkit-justify-content:flex-end;
	-webkit-align-items:center;
}

header .innar .head-cont2 ul li{
	float: left;
	margin-left: 20px;
	font-size: 14px;
	line-height: 150%;
}

header .innar .head-cont2 ul li:first-child a{
	display: block;
	border-radius: 5px;
	padding: 5px 15px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #7cc1c2;
	-webkit-transition: .3s;
	transition: .3s;
}

header .innar .head-cont2 ul li:first-child a span{
	display: inline-block;
	padding-left: 22px;
	background: url(../img/bg_lmypage.svg) no-repeat left center;
	background-size: 12px 20px;
	
}

header .innar .head-cont2 ul li:first-child a:hover{
	background: #B6DCDE;
}

header .innar .head-cont2 ul li:nth-child(2) a{
	display: block;
	border-radius:5px;
	padding: 5px 15px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #7cc1c2;
	-webkit-transition: .3s;
	transition: .3s;
}

header .innar .head-cont2 ul li:nth-child(2) a span{
	display: inline-block;
	padding-left: 22px;
	background: url(../img/bg_login.png) no-repeat left center;
}

header .innar .head-cont2 ul li:nth-child(2) a:hover{
	background: #B6DCDE;
}



header .innar .head-cont2 ul li:last-child a{
	display: block;
	border-radius: 5px;
	padding: 5px 15px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #c7524b;
	-webkit-transition: .3s;
	transition: .3s;
}

header .innar .head-cont2 ul li:last-child a span{
	display: inline-block;
	padding-left: 32px;
	background: url(../img/bg_cart.png) no-repeat left center;
}

header .innar .head-cont2 ul li:last-child a:hover{
	background: #E17A77;
}

header .head-cont2{
	margin-bottom: 10px;
	overflow: hidden;
}

header .head-cont2 .logo{
	width: 210px;
	position: relative;
	z-index: 20;
	float: left;
}

header .head-cont2 .logo a{
	margin-bottom: 5px;
	display: block;
}

header .head-cont2 .right{
	width: 800px;
	float: right;
}


header .head-cont2 .dial{

	display: flex;
	flex-flow: row nowrap;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end;
	align-items: center;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row nowrap;
	-ms-flex-pack:flex-end;
	-ms-flex-align:center;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:row;
	-webkit-box-pack:flex-end;
	-webkit-box-align:center;

	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row nowrap;
	-webkit-justify-content:flex-end;
	-webkit-align-items:center;
}

header .head-cont2 .dial .dial-in{
	text-align: right;
}

header .head-cont2 .dial p{
	
	font-size: 30px;
	line-height: 110%;
	font-weight: bold;

}

header .head-cont2 .dial p span{
	margin-right: 10px;
	font-size: 14px;
	line-height: 150%;
	font-weight: normal;
	vertical-align: middle;
}

header .head-cont2 .dial .cap{
	text-align: center;
	color: #999;
	font-size: 14px;
	line-height: 150%;
}

header .delivery{
	width: 100%;
	border-collapse: collapse;
	color: #000;
	font-size: 14px;
	line-height: 150%;
}

header .delivery th{
	background: #e6e6e6;
	text-align: center;
	padding: 5px 0;
}

header .delivery td{
	text-align: center;
	padding: 5px 0;
}

header .delivery td.shipment{
	background: #fff;
	color: #000;
}

header .delivery td.point{
	background: #961912;
	color: #fff;
}


/* =================================
	nav
======================================== */

nav{
	width: 100%;
	position: relative;
	border-top: 1px #ddd solid;
}

nav .nav-innar{
	margin: 0;
	width: auto;
}

nav .nav-cover{
	margin: 0 auto;
	max-width: 1120px;
	text-align: center;
	
	display: flex;
	flex-flow: row nowrap;
	justify-content:center;
	align-items: center;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row nowrap;
	-ms-flex-pack:center;
	-ms-flex-align:center;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:row;
	-webkit-box-pack:center;
	-webkit-box-align:center;

	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row nowrap;
	-webkit-justify-content:center;
	-webkit-align-items:center;
	
}

nav .nav-cover li{
	width: 16.6%;
}

nav .nav-cover li:first-child{
	width: 16.8%;
}

nav .nav-cover li:last-child{
	width: 16.8%;
}


nav .nav-cover a.link{
	display: block;
	padding: 10px 20px;
	font-size: 14px;
	line-height: 150%;
	color: #000;
	text-decoration: none;
	-webkit-transition: .3s;
	transition: .3s;
}

nav .nav-cover a.link:hover{
	background: #D5EBEC;
}

nav .nav-cover a.link .icon{
	margin-bottom: 5px;
}



.is-fixed {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	overflow: hidden;
	background: #fff!important;
}


/* =================================
	information
======================================== */

.dashboardTab {
    position: absolute!important;
    bottom: -10px;
	left: 0;
	right: 0;
    height: 0;
    width: 1120px;
    margin: 0 auto;
    font-size: 100%;
    color: #ffffff;
    cursor: pointer;
    text-align: right;
    display: block;
	-webkit-transition: .3s;
	transition: .3s;
}

.dashboardTab span img {   
	margin-top: 10px;
	width: 28px !important;
	height: 28px !important;
}

/*z-indexは.dashboardWUPより低く*/

.dashboardWrapper {
	color:#fff;
    width: 100%;
    margin-left: 0; /*jqueryで#side_menuの幅取得して表示位置調整*/
    margin-top: -542px; /*padding分とheight分の合計を画面外へ*/
    height: 542px;
    padding-top: 0; /*OPEN!!画像分表示下げる*/
    z-index: 99000;
    position: absolute;
    font-size: 90%;
    /*overflow: auto; *//*使用するとタブが表示されない*/
}

.dashboardWUP {z-index: 70000; }

/*ダッシュボード内コンテンツheight合わせ必要*/

.dwcontents {
    height: 542px;
	background:#fff;
    width: 100%;
	-webkit-transition: .3s;
	transition: .3s;
	position: relative;
}

.dwcontents .arrow{
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 13px;
	width: 1120px;
	text-align: right;
	margin: 0 auto;
}

.dwcontents .arrow .in{
	position: absolute;
	top: 20px;
	right: -3px;
	padding-left: 1090px;
	width: 30px;
	height: 20px;
	background: url(../img/info_arrow.svg) no-repeat right top;
	background-size: 20px 10px;
}

/*ダッシュボード内　コンテンツ*/

.information-block{
	margin: 0 auto;
	height: 480px;
	width: 1120px;
	padding: 15px 0 0;
	position: relative;
}

.information-block .headline{
	margin-bottom: 15px;
	
	display: flex;
	flex-flow: row nowrap;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	align-items: center;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row nowrap;
	-ms-flex-pack:flex-start;
	-ms-flex-align:center;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:row-reverse;
	-webkit-box-pack:flex-start;
	-webkit-box-align:center;

	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row nowrap;
	-webkit-justify-content:flex-start;
	-webkit-align-items:center;
}

.information-block .headline .logo{
	width: 517px;
	margin-right: 40px;
}

.information-block .headline h1{
	width: 563px;
	font-size: 13px;
	line-height: 200%;
	font-weight: normal;
	color: #000;
}

.information-menu{
	overflow: hidden;
	padding-top: 15px;
}

.information-menu .menu-list{
	width: 750px;
	float: left;
	
	display: flex;
	flex-flow: row nowrap;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	align-items: stretch;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row nowrap;
	-ms-flex-pack:flex-start;
	-ms-flex-align:stretch;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:row-reverse;
	-webkit-box-pack:flex-start;
	-webkit-box-align:stretch;

	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row nowrap;
	-webkit-justify-content:flex-start;
	-webkit-align-items:stretch;
}

.information-menu .menu-list{
	width: 750px;
	float: left;
}

.information-menu .menu-list a{
	color: #000;
	line-height: 200%;
	text-decoration: none;
}

.information-menu .menu-list a:hover{
	text-decoration: underline;
}

.information-menu .menu-list .column1{
	width: 183px;
	border-right: 1px #ccc solid;
	padding-right: 20px;
}

.information-menu .menu-list .column2{
	width: 196px;
	padding: 0 20px;
}

.information-menu .menu-list .column3{
	width: 268px;
	border-left: 1px #ccc solid;
	padding: 0 20px;
}

.information-menu .payment{
	width: 340px;
	float: right;
	padding: 14px;
	border: 1px #000 solid;
}

.information-menu .payment h2{
	margin-bottom: 10px;
	text-align: center;
	font-size: 22px;
	line-height: 150%;
	color: #000;
}

.information-menu .payment .caption{
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 180%;
	color: #000;
}

.information-menu .payment .card{
	margin-bottom: 10px;
}

.information-menu .payment .btn-cover{
	margin: 0 auto;
	width: 260px;
}

/* =================================
	top-slide
======================================== */

.top-slide{
	margin-bottom: 30px;
	padding: 0;
	overflow: hidden;
}

.top-slide .innar{
	position: relative;
 	margin-left: auto;
 	margin-right: auto;
 	max-width: 1120px;
}

.top-slide .swiper-container{
	
	width: 100%;
	height: 100%;
	overflow: visible;
	z-index: 1;
}

.top-slide .swiper-container .swiper-wrapper{
	text-align: center;
	margin-bottom: 30px;
}


.top-slide .swiper-container .swiper-slide{

}

.top-slide .swiper-container .swiper-slide img{

}

.top-slide .swiper-container .swiper-slide img{

}

.top-slide .swiper-container .image{
	
}

.top-slide .swiper-container .swiper-slide a{
	-webkit-transition: all .6s;
	transition: all .6s;
}

.top-slide .swiper-container .swiper-slide a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


.top-slide .swiper-container .swiper-pagination{
	text-align: left;
}

.top-slide .swiper-container .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius:50px;
    background: #ccc;
    opacity: 1;
}
.top-slide .swiper-container .swiper-pagination-bullet-active{
	background: #7cc1c2;
}

.top-slide .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: -0px;
	left: inherit!important;
	right: 0;
}

/* =================================
	pr-block
======================================== */

.pr-block{
	margin-bottom: 30px;
	padding: 15px 0;
	background: #294a8d;	
}

.pr-block .innar{
	margin: 0 auto;
	max-width: 1120px;
	color: #fff;
	
	display: flex;
	flex-flow: row nowrap;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	align-items: center;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row nowrap;
	-ms-flex-pack:flex-start;
	-ms-flex-align:center;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:row;
	-webkit-box-pack:flex-start;
	-webkit-box-align:center;

	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row nowrap;
	-webkit-justify-content:flex-start;
	-webkit-align-items:center;
}

.pr-block .innar .parts1{
	margin-right: 20px;
	font-size: 16px;
	line-height: 150%;
}

.pr-block .innar .parts1 strong{
	background: #a92822;
	display: inline-block;
	padding: 5px 10px;
	margin-left: 5px;
}

.pr-block .innar .parts2{
	margin-right: 20px;
	background: #fff;
	color: #294a8d;
	border-radius: 5px;
	padding: 5px 10px;
}

.pr-block .innar .parts3{
	font-size: 14px;
	line-height: 150%;
}

.pr-block .innar .parts3 span{
	display: block;
	font-size: 12px;
	line-height: 150%;
}

.mrt30{
    margin-top: 30px !important;
    margin-bottom: 10px;
}

/* =================================
	word-block
======================================== */

.word-block{
	margin: 0 auto 50px;
	width: 1120px;
	overflow: hidden;
}

.word-block .tag{
	width: 650px;
	float: left;
}

.word-block .tag h2{
	padding-top: 5px;
	width: 100px;
	font-size: 14px;
	line-height: 150%;
	font-weight: normal;
	float: left;
}

.word-block .tag ul{
	width: 550px;
	float: right;
}

.word-block .tag ul li{
	float: left;
	margin: 0 10px 10px 0;
}

.word-block .tag ul li a{
	display: block;
	border: 1px #ccc solid;
	color: #000;
	text-decoration: none;
	font-size: 14px;
	line-height: 150%;
	padding: 5px 15px;
	-webkit-transition: .3s;
	transition: .3s;
}

.word-block .tag ul li a:hover{
	background: #ccc;
}

.word-block .search{
	width: 420px;
	float: right;
}

.word-block .search table{
	width: 100%;
	border-collapse: collapse;
}

.word-block .search table th{
	background: #efefef;
	padding-left: 10px;
}

.word-block .search table th input{
	width: 100%;
	border: none;
	background: #efefef;
}

.word-block .search table td{
	width: 44px;
	padding-left: 10px;
}


/* =================================
	pickup
======================================== */

.pickup-block{
	margin-bottom: 50px;
	padding: 0;

}

.pickup-block .innar{
	margin: 0 auto;
	width: 1120px;
	
	display: flex;
	flex-flow: row nowrap;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	align-items: stretch;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row nowrap;
	-ms-flex-pack:flex-start;
	-ms-flex-align:stretch;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:row;
	-webkit-box-pack:flex-start;
	-webkit-box-align:stretch;

	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row nowrap;
	-webkit-justify-content:flex-start;
	-webkit-align-items:stretch;
}

.pickup-block .innar .tit{
	margin-right: 10px;
	width: 150px;
	
	display: flex;
	flex-flow: row nowrap;
	justify-content:center;
	-ms-flex-align: center;
	align-items: center;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row nowrap;
	-ms-flex-pack:center;
	-ms-flex-align:stretch;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:row;
	-webkit-box-pack:center;
	-webkit-box-align:center;

	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row nowrap;
	-webkit-justify-content:center;
	-webkit-align-items:center;
	
	background: url(../img/bg_pickup.jpg) no-repeat center center;
	background-size: cover;
}

.pickup-block .innar .tit .tit-in{
	text-align: center;
}

.pickup-block .innar .tit h2{
	margin-bottom: 1em;
	font-size: 20px;
	color: #e66f6a;
	line-height: 150%;
	font-weight: normal;
	vertical-align: middle;
}

.pickup-block .innar .tit p{
	font-size: 14px;
	line-height: 160%;
}

.pickup-block .swiper-container{
	width: 902px;
	padding: 0 58px 0 0;
	position: relative;
}

.pickup-block .swiper-container .swiper-wrapper{
	margin: 0;
	padding: 0 0 0 20px;
}

.pickup-block .swiper-container .swiper-button-prev{
	width: 18px;
	height: 34px;
	margin-top: -14px;
	background-size: 15px 28px;
	background-image: url(../img/prev.svg);
	left: 0;
	right: auto
}

.pickup-block .swiper-container .swiper-button-next{
	width: 18px;
	height: 34px;
	margin-top: -14px;
	background-size: 15px 28px;
	background-image: url(../img/next.svg);
	right: 0;
	left: auto
}

.pickup-block .swiper-container .swiper-slide{
	border: 1px #ccc solid;
	background: #fff;
	width: 200px!important;
}

.pickup-block .swiper-container .image{
	padding: 10px 0;
	text-align: center;
	
	display: flex;
	flex-flow: row nowrap;
	justify-content:center;
	align-items: center;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row nowrap;
	-ms-flex-pack:center;
	-ms-flex-align:center;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:row;
	-webkit-box-pack:center;
	-webkit-box-align:center;

	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row nowrap;
	-webkit-justify-content:center;
	-webkit-align-items:center;
}

.pickup-block .swiper-container .image img{
	width: auto!important;
	height: auto!important;
}

.pickup-block .swiper-container .name{
	border-bottom: 1px #ccc solid;
	
	display: flex;
	flex-flow: row nowrap;
	justify-content:center;
	align-items: center;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row nowrap;
	-ms-flex-pack:center;
	-ms-flex-align:center;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:row;
	-webkit-box-pack:center;
	-webkit-box-align:center;

	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row nowrap;
	-webkit-justify-content:center;
	-webkit-align-items:center;
}

.pickup-block .swiper-container .image a{
	-webkit-transition: all .6s;
	transition: all .6s;
}

.pickup-block .swiper-container .image a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.pickup-block .swiper-container .name p{
	padding: 10px;
	text-align: center;
	font-size: 16px;
	line-height: 150%;
}

/* =================================
	thought-block
======================================== */

.thought-block{
	background: #ecfbfc;
	padding: 50px 0 50px;
}

.thought-block .innar{
	margin: 0 auto;
	width: 1120px;
}

.thought-block .innar .block1{
	margin-bottom: 50px;
}

.thought-block .innar .block1:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.thought-block .innar .block1 .image{
	width: 189px;
	float: left;
}

.thought-block .innar .block1 .ab{
	margin-top: 15px;
}

.thought-block .innar .block1 .txt{
	width: 860px;
	float: right;
}

.thought-block .innar .block1 .txt h2{
	margin-bottom: 30px;
	font-size: 25px;
	line-height: 150%;
	font-weight: normal;
}

.thought-block .innar .block1 .txt p{
	font-size: 14px;
	line-height: 180%;
	margin-bottom: 1em;
}

.thought-block .innar .block1 .txt p:last-child{
	margin-bottom: 0;
}


.thought-block .innar .block2{
	
}

.thought-block .innar .block2:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.thought-block .innar .block2 .image{
	width: 520px;
	float: right;
}

.thought-block .innar .block2 .txt h2{
	margin-bottom: 30px;
	font-size: 25px;
	line-height: 150%;
	font-weight: normal;
}

.thought-block .innar .block2 .txt{
	width: 540px;
	float: left;
}

.thought-block .innar .block2 .txt p{
	font-size: 14px;
	line-height: 180%;
	margin-bottom: 1em;
}

.thought-block .innar .block2 .txt p:last-child{
	margin-bottom: 0;
}

.thought-block .btn-cover{
	width: 30%;
	margin: 40px auto 0;
}

/* =================================
	jouchi-contents
======================================== */

.jouchi-contents{
	padding: 50px 0 0;
	margin: 0 auto;
	width: 1120px;
}

.jouchi-contents .en{
	text-align: center;
	font-size: 30px;
	line-height: 120%;
}

.jouchi-contents h2{
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 150%;
	text-align: center;
	font-weight: normal;
}

.jouchi-contents .movie-block{
	margin-bottom: 40px;
}

.jouchi-contents .movie-block:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.jouchi-contents .movie-block .left{
	width: 540px;
	float: left;
}

.jouchi-contents .movie-block .right{
	width: 540px;
	float: right;
}

.jouchi-contents ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.jouchi-contents ul li{
	width: 49;
	float: left;
	margin: 0 2% 2% 0;
}

.jouchi-contents ul li:nth-child(2n){
	margin-right: 0;
}

.jouchi-contents ul li .image{
	margin-bottom: 20px;
}

.jouchi-contents ul li .image a{
	-webkit-transition: all .6s;
	transition: all .6s;
}

.jouchi-contents ul li .image a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.jouchi-contents ul li .txt{
	line-height: 160%;
}

.jouchi-contents .btn-cover{
	width: 50%;
	margin: 40px auto;
}

/* =================================
	ranking
======================================== */

.ranking-block{
	margin: 0 auto;
	width: 1120px;
	padding: 50px 0;
}

.ranking-block .en{
	text-align: center;
	font-size: 30px;
	line-height: 120%;
}

.ranking-block h2{
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 150%;
	text-align: center;
	font-weight: normal;
}

.ranking-block .innar{
	display: flex;
	flex-flow: row wrap;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	align-items: stretch;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row wrap;
	-ms-flex-pack:flex-start;
	-ms-flex-align:stretch;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:row;
	-webkit-box-pack:flex-start;
	-webkit-box-align:stretch;

	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row wrap;
	-webkit-justify-content:flex-start;
	-webkit-align-items:stretch;
}

.ranking-block .rank-cont{
	width: 224px;
	padding: 15px 15px 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
}

.ranking-block .rank-cont:last-child{
	border-right: none;
}

.ranking-block .rank-cont .tit-rank{
	text-align: center;
	margin-bottom: 15px;
}

.ranking-block .rank-cont .image{
	text-align: center;
	margin-bottom: 20px;
}

.ranking-block .rank-cont .image a{
	-webkit-transition: all .6s;
	transition: all .6s;
}

.ranking-block .rank-cont .image a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


.ranking-block .rank-cont .item{
	font-size: 16px;
	line-height: 150%;
}

.ranking-block .rank-cont .price{
	color: #a92822;
	font-size: 24px;
	line-height: 150%;
}

.ranking-block .rank-cont .caption{
	
}

/* =================================
	news block
======================================== */

.news-block{
	margin-bottom: 50px;
	background: #f4f4f4;
	padding: 50px 0;
}

.news-block .innar{
	margin: 0 auto;
	width: 1120px;
}

.news-block .innar .headline{
	margin-bottom: 20px;
	
	display: flex;
	flex-flow: row wrap;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row wrap;
	-ms-flex-pack:flex-start;
	-ms-flex-align:flex-end;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:row;
	-webkit-box-pack:flex-start;
	-webkit-box-align:flex-end;

	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row wrap;
	-webkit-justify-content:flex-start;
	-webkit-align-items:flex-end;
}

.news-block .innar .headline .tit{
	width: 560px;
}

.news-block .innar .headline .tit h2{
	font-size: 18px;
	line-height: 150%;
}

.news-block .innar .headline .tit .en{
	color: #294a8d;
	font-size: 24px;
	line-height: 150%;
	font-weight: bold;
}

.news-block .innar .headline .txt{
	width: 560px;
	text-align: right;
}

.news-block .innar .news-cont{
	background: #fff;
	padding: 30px 50px;
}

.news-block .innar .news-cont .topics{
	margin-bottom: 30px;
	height: 260px;
	overflow: auto;
	padding-right: 30px;
}

.news-block .innar .news-cont .topics dl{
	border-bottom: 1px #ccc dotted;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.news-block .innar .news-cont .topics dl dt{
	font-weight: bold;
	margin-bottom: 5px;
}

.news-block .innar .news-cont .btn-cover{
	margin: 0 auto;
	width: 320px;
}

.topics {
  /* 対象となる要素のクラス名が"element"の場合 */
  overflow: auto; }

.topics::-webkit-scrollbar {
  /* スクロールバー本体 */
  width: 5px;
  background: #ccc; }

.topics::-webkit-scrollbar:horizontal {
  /* 横方向のスクロールバー本体 */
  width: 5px;
  background: #ccc; }

.topics::-webkit-scrollbar-thumb {
  /* スクロールバーの動く部分 */
  background: #999;
  border-radius: 2px; }

.topics::-webkit-scrollbar-thumb:horizontal {
  /* 横方向のスクロールバーの動く部分 */
  background: #999;
  border-radius: 2px; }

.topics::-webkit-scrollbar-track-piece:start {
  /* スクロールバーの動く部分の前 */
  background: #ccc; }

.topics::-webkit-scrollbar-track-piece:end {
  /* スクロールバーの動く部分の後ろ */
  background: #ccc; }

.topics::-webkit-scrollbar-corner {
  /* スクロールバー角 */
  background: transparent; }



.btn01 {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  text-align: center;
  border: 2px #294a8d solid;
	border-radius: 5px;
  background: #294a8d;
  text-decoration: none !important;
  color: #fff !important;
  font-size: 14px;
  line-height: 150%;
  padding: 15px;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s; }
  .btn01 span {
    padding: 0 15px; }
  .btn01 .arrow {
    position: absolute;
    display: inline-block;
    padding-left: 0px;
    right: 20px;
    top: 43%;
    -webkit-transition: all .3s;
    transition: all .3s; }
    .btn01 .arrow:before {
      content: '';
      width: 8px;
      height: 8px;
      border: 0px;
      margin-bottom: -4px;
      border-top: solid 1px #fff;
      border-right: solid 1px #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      top: 50%;
      right: 0; }
  .btn01:hover {
    color: #294a8d !important;
    background: #fff; }
    .btn01:hover .arrow {
      position: absolute;
      display: inline-block;
      padding-left: 0px;
      right: 20px;
      -webkit-transition: all .3s;
      transition: all .3s; }
      .btn01:hover .arrow:before {
        content: '';
        border-top: solid 1px #294a8d;
        border-right: solid 1px #294a8d; }

.btn02 {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  text-align: center;
  border: 2px #294a8d solid;
	border-radius: 5px;
  background: #294a8d;
  text-decoration: none !important;
  color: #fff !important;
  font-size: 14px;
  line-height: 150%;
  padding: 10px 15px;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s; }
  .btn02 span {
    padding: 0 15px; }
  .btn02 .arrow {
    position: absolute;
    display: inline-block;
    padding-left: 0px;
    right: 20px;
    top: 43%;
    -webkit-transition: all .3s;
    transition: all .3s; }
    .btn02 .arrow:before {
      content: '';
      width: 8px;
      height: 8px;
      border: 0px;
      margin-bottom: -4px;
      border-top: solid 1px #fff;
      border-right: solid 1px #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      top: 50%;
      right: 0; }
  .btn02:hover {
    color: #294a8d !important;
    background: #fff; }
    .btn02:hover .arrow {
      position: absolute;
      display: inline-block;
      padding-left: 0px;
      right: 20px;
      -webkit-transition: all .3s;
      transition: all .3s; }
      .btn02:hover .arrow:before {
        content: '';
        border-top: solid 1px #294a8d;
        border-right: solid 1px #294a8d; }


/* =================================
	silk block
======================================== */

.silk-block{
	margin-bottom: 50px;
}

.silk-block h2{
	margin: 0 auto 30px;
	width: 1120px;
	font-size: 30px;
	line-height: 150%;
	font-weight: normal;
}

.silk-block .tab-cover{
	background: url(../img/bg_tab.gif) repeat-x left bottom;
}

.silk-block .tab-cover .tabbox{
	margin: 0 auto;
	width: 1120px;
}

.silk-block .tab-cover .tabbox:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.silk-block .tab-cover .tabbox li{
	width: 206px;
	float: left;
	cursor: pointer;
	margin-right: 1px;
	text-align: center;
	font-size: 16px;
	line-height: 150%;
	color: #fff;
	border-top: 5px #64C3C3 solid;
	padding: 10px 0 15px;
	background: #64C3C3;
}

.silk-block .tab-cover .tabbox li.select{
	background:url(../img/bg_tab.svg) no-repeat center bottom #fff;
	color: #000;
}

.silk-block .btn-cover{
	margin: 0 auto;
	width: 320px;
}


.ranking-cont{
	margin: 0 auto 30px;
	width: 1120px;
	padding: 30px 0 0;
}

.qaranking-cont{
	margin: 0 auto 30px;
	width: 1120px;
	padding: 30px 0 0;
}

.item-list{
	
}

.item-list:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.item-list .item-cont{
	width: 200px;
	margin-right: 30px;
	float: left;
}

.item-list .item-cont:last-child{
	margin-right: 0;
}

.item-list .item-cont .item-image{
	
}

.item-list .item-cont .item-image a{
	display: block;
	margin-bottom: 20px;
	border: 5px #eee solid;
	padding: 20px 10px;
	text-align: center;
	-webkit-transition: .3s;
	transition: .3s;
}

.item-list .item-cont .item-image a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.item-list .item-cont .item-image img{
	width: auto;
	max-width: 147px;
}

.item-list .item-cont .item-name{
	font-size: 16px;
	line-height: 150%;
}

.item-list .item-cont .item-price{
	margin-bottom: 10px;
	color: #a92822;
	font-size: 24px;
	line-height: 150%;
}

.item-list .item-cont .item-caption{
	
}

/* =================================
	developer
======================================== */

.developer-block{
	margin-bottom: 50px;
	padding: 50px 0;
	background: url(../img/bg_developer.jpg) no-repeat center center;
	background-size: cover;
}

.developer-block .innar{
	margin: 0 auto;
	width: 1120px;
}

.developer-block .innar .en{
	font-size: 30px;
	line-height: 150%;
}

.developer-block .innar h2{
	margin-bottom: 30px;
	font-size: 30px;
	line-height: 150%;
	font-weight: normal;
}

.developer-block .innar .block{
	
}

.developer-block .innar .block:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


.developer-block .innar .block .image{
	width: 730px;
	float: left;
}


.developer-block .innar .block .txt{
	width: 340px;
	float: right;
}

.developer-block .innar .block .txt h3{
	margin-bottom: 30px;
	font-size: 30px;
	line-height: 150%;
	font-weight: normal;
	text-align: center;
}

.developer-block .innar .block .txt p{
	margin-bottom: 1em;
	line-height: 180%;
}


.developer-block .innar .block .txt a.cart{
	display: block;
	border-radius: 5px;
	padding: 30px 15px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #c7524b;
	font-size: 20px;
	line-height: 150%;
	-webkit-transition: .3s;
	transition: .3s;
}

.developer-block .innar .block .txt a.cart span{
	display: inline-block;
	padding-left: 32px;
	background: url(../img/bg_cart.png) no-repeat left center;
}

.developer-block .innar .block .txt a.cart:hover{
	background: #E17A77;
}

/* =================================
	try-block
======================================== */

.try-block{
	margin: 0 auto 50px;
	width: 1120px;
}

.try-block h2{
	margin-bottom: 20px;
	font-size: 30px;
	line-height: 150%;
	font-weight: normal;
}

/* =================================
	voice-block
======================================== */

.voice-block{
	margin: 0 auto 50px;
	width: 1120px;
}

.voice-block .icon{
	text-align: center;
	margin-bottom: 10px;
}

.voice-block .en{
	text-align: center;
	font-size: 30px;
	line-height: 150%;
	font-weight: bold;
}

.voice-block h2{
	margin-bottom: 40px;
	text-align: center;
	font-size: 18px;
	line-height: 150%;
	font-weight: normal;
}

.voice-cont:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.voice-cont .cont{
	width: 540px;
	float: left;
}

.voice-cont .cont:last-child{
	float: right;
}

.voice-cont .cont .image{
	margin-bottom: 20px;
}
.voice-cont .cont h3{
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 150%;
	font-weight: normal;
}

.voice-cont .cont .item{
	margin-bottom: 20px;
	color: #999;
	font-size: 14px;
	line-height: 160%;
	font-weight: normal;
}

.voice-cont .cont .txt{
	margin-bottom: 20px;
	line-height: 160%;
}

.voice-block .btn-cover{
	width: 50%;
	margin: 40px auto;
}

.user-point{
	background: #e3dea9;
	text-align: center;
	padding: 8px;
}

.user-point p{
	display: inline-block;
	background: url(../img/icon_review.svg) no-repeat left 0.3em;
	background-size: 30px 30px;
	padding: 0 0 0 40px;
	font-size: 16px;
	line-height: 150%;
}

.user-point p strong{
	color: #a92822;
	font-size: 26px;
	line-height: 150%;
}

/* =================================
	ranking block
======================================== */
.tabbox2{
	margin: 0 auto;
	width: 1120px;
}

.tabbox2:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.tabbox2 li{
	width: 206px;
	float: left;
	cursor: pointer;
	margin-right: 1px;
	text-align: center;
	font-size: 16px;
	line-height: 150%;
	color: #fff;
	border-top: 5px #64C3C3 solid;
	padding: 10px 0 15px;
	background: #64C3C3;
}

.tabbox2 li.select{
	background:url(../img/bg_tab.svg) no-repeat center bottom #fff;
	color: #000;
}


/* =================================
	blog-block
======================================== */

.blog-block{
	background: #ecfbfc;
	padding: 50px 0;
	margin-bottom: 50px;
}

.blog-block .innar{
	margin: 0 auto;
	width: 1120px;
}

.blog-block .en{
	text-align: center;
	font-size: 30px;
	line-height: 150%;
	font-weight: bold;
	color: #294a8d;
}

.blog-block h2{
	margin-bottom: 40px;
	text-align: center;
	font-size: 18px;
	line-height: 150%;
	font-weight: normal;
}

.blog-block .innar ul{
	display: flex;
	flex-flow: row wrap;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	align-items: stretch;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row wrap;
	-ms-flex-pack:flex-start;
	-ms-flex-align:stretch;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:row;
	-webkit-box-pack:flex-start;
	-webkit-box-align:stretch;

	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row wrap;
	-webkit-justify-content:flex-start;
	-webkit-align-items:stretch;
}

.blog-block .innar ul li{
	width: 340px;
	margin: 0 50px 50px 0;
}

.blog-block .innar ul li:nth-child(3n) {
	margin-right: 0;
}

.blog-block .innar ul li .image{
	margin-bottom: 10px;
}

.blog-block .innar ul li .image a{
	-webkit-transition: all .6s;
	transition: all .6s;
}

.blog-block .innar ul li .image a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.blog-block .innar ul li .date{
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 150%;	
	font-weight: bold;
}

.blog-block .innar ul li .tit{
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 150%;	
}

.blog-block .innar ul li .read{
	font-size: 14px;
	line-height: 180%;	
}

.blog-block .innar .btn-cover{
	margin: 0 auto;
	width: 320px;
}


/* =================================
	f-btn-block
======================================== */

.f-btn-block{
	margin: 0 auto 50px;
	width: 1120px;
	
	display: flex;
	flex-flow: row wrap;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	align-items: stretch;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row wrap;
	-ms-flex-pack:flex-start;
	-ms-flex-align:stretch;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:row;
	-webkit-box-pack:flex-start;
	-webkit-box-align:stretch;

	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row wrap;
	-webkit-justify-content:flex-start;
	-webkit-align-items:stretch;
}

.f-btn-block p{
	margin-bottom: 30px;
}
.f-btn-block p:last-child{
	margin-bottom: 0;
}

.f-btn-block .bannar a{
	-webkit-transition: all .6s;
	transition: all .6s;
}

.f-btn-block .bannar a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


.f-btn-block .left{
	width: 540px;
	margin-right: 40px;
}

.f-btn-block .right{
	width: 540px;
}

.f-btn-block a.mail{
	width: 540px;
	display: block;
}

.f-btn-block a.mail{
	background: #7cc1c2;
	padding: 15px 0;
	margin-right: 20px;
	font-size: 20px;
	line-height: 150%;
	text-align: center;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.f-btn-block a.mail:hover{
	background: #ABD7D8;
}

.f-btn-block a.mail span{
	display: inline-block;
	background: url(../img/icon_mailmaga.svg) no-repeat left center;
	background-size: 43px 31px;
	padding: 5px 0 5px 51px;
}

.f-btn-block a.line{
	width: 540px;
	display: block;
}

.f-btn-block a.line{
	background: #58c039;
	padding: 15px 0;
	font-size: 20px;
	line-height: 150%;
	text-align: center;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.f-btn-block a.line:hover{
	background: #00A604;
}

.f-btn-block a.line span{
	display: inline-block;
	background: url(../img/icon_line.png) no-repeat left center;
	background-size: 134px 36px;
	padding: 5px 0 5px 150px;
}




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

footer{
	background: #ecfbfc;
	padding: 50px 0 0;
}

footer .shop-info-tit{
	margin-bottom: 30px;
	text-align: center;
}

footer .shop-info-tit .en{
	font-size: 22px;
	line-height: 150%;
	color: #294a8d;
}

footer .shop-info-tit h2{
	margin-bottom: 20px;
	font-size: 14px;
	color: #294a8d;
	line-height: 150%;
	font-weight: normal;
}

footer .shop-info-tit .txt{
	text-align: center;
	margin-bottom: 20px;
}


footer .shop-info-data .cont2{
	margin-bottom: 10px;
	
	display: flex;
	flex-flow: row nowrap;
	justify-content:center;
	align-items: stretch;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row nowrap;
	-ms-flex-pack:center;
	-ms-flex-align:stretch;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:row;
	-webkit-box-pack:center;
	-webkit-box-align:stretch;

	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row nowrap;
	-webkit-justify-content:center;
	-webkit-align-items:stretch;
}

footer .shop-info-data .cont2 .box {
	text-align: center;
	width: 322px;
	padding: 20px;
	border: 2px #ccc solid;
	background: #fff;
	margin-right: 11px;
	
	display: flex;
	flex-flow: row nowrap;
	justify-content:center;
	align-items: center;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row nowrap;
	-ms-flex-pack:center;
	-ms-flex-align:center;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:row;
	-webkit-box-pack:center;
	-webkit-box-align:center;

	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row nowrap;
	-webkit-justify-content:center;
	-webkit-align-items:center;
}

footer .shop-info-data .cont2 .box .in{
	
}

footer .shop-info-data .cont2 .box .btn-cover{
	margin: 0 auto 10px;
	width: 280px;
}

footer .shop-info-data .cont2 .box .btn-cover:last-child{
	margin: 0 auto;
}

footer .shop-info-data .cont2 .box:last-child{
	margin-right: 0;
}

footer .shop-info-data .cont2 .box h2{
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 150%;
}

footer .shop-info-data .cont2 .box .dial-tit{
	margin-bottom: 20px;
}

footer .dial p{
	font-size: 30px;
	display: inline-block;
	line-height: 120%;
}

footer .dial span{
	display: block;
	text-align: center;
	color: #999;
	font-size: 14px;
	line-height: 150%;
}

footer .shop-info-data .cont3 {
	margin: 0 auto 30px;
	max-width: 1120px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px #ccc solid;
	background: #fff;
	
	display: flex;
	flex-flow: row nowrap;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	align-items: stretch;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row nowrap;
	-ms-flex-pack:flex-start;
	-ms-flex-align:stretch;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:row;
	-webkit-box-pack:flex-start;
	-webkit-box-align:stretch;

	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row nowrap;
	-webkit-justify-content:flex-start;
	-webkit-align-items:stretch;
}

footer .shop-info-data .cont3 .tit{
	width: 200px;
	background: #efefef;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 50px 20px;
	
	display: flex;
	flex-flow: row nowrap;
	justify-content:center;
	align-items: center;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row nowrap;
	-ms-flex-pack:center;
	-ms-flex-align:center;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:row;
	-webkit-box-pack:center;
	-webkit-box-align:center;

	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row nowrap;
	-webkit-justify-content:center;
	-webkit-align-items:center;
}


footer .shop-info-data .cont3 .text{
	padding: 50px 20px;
	display: flex;
	flex-flow: row nowrap;
	justify-content:center;
	align-items: center;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row nowrap;
	-ms-flex-pack:center;
	-ms-flex-align:center;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:row;
	-webkit-box-pack:center;
	-webkit-box-align:center;

	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row nowrap;
	-webkit-justify-content:center;
	-webkit-align-items:center;
}

footer .shop-info-data .cont3 .text .in{
	font-size: 14px;
	line-height: 160%;
}

footer .shop-info-data .cont3 .card{
	width: 410px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	
	display: flex;
	flex-flow: row nowrap;
	justify-content:center;
	align-items: center;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row nowrap;
	-ms-flex-pack:center;
	-ms-flex-align:center;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:row;
	-webkit-box-pack:center;
	-webkit-box-align:center;

	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row nowrap;
	-webkit-justify-content:center;
	-webkit-align-items:center;
}







footer .foot-menu{
	padding-bottom: 20px;
	text-align: center;
}

footer .foot-menu a{
	text-decoration: none;
	color: #000;
	margin: 0 3px;
}

footer .foot-menu a:hover{
	text-decoration: underline;
}

footer .foot-menu p{
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 150%;
}

footer .foot-menu p:last-child{
	margin-bottom: 0;
}

footer .copyrights{
	background: #000;
	padding: 20px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 150%;
}


/* =================================
	リニューアル
======================================== */


.banner-block{
	width: 1120px;
	margin: 0 auto 50px;
}

.banner-block ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.banner-block ul li{
	float: left;
	width: 49%;
	margin:0 2% 2% 0;
}


.banner-block ul li:nth-child(2n){
	margin-right: 0;
}

.banner-block img{
	width: 100%;
	height: auto;
}

/* =================================
	下層共通項
======================================== */

.unmrb{	margin-bottom: 0!important;}

.page-tit{
	background: url(../img/page-tit.jpg) no-repeat center bottom;
	background-size: cover;
	position: relative;
	height: 150px;
	margin-bottom: 50px;
}

.page-tit p{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
	color: #294a8d;
	text-align: center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 240%;
	line-height: 150%;
}


.contents{
	width: 1120px;
	margin: 40px auto;
}

.contents:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.lside{
	width: 240px !important;
	float: left;
}

.sends{ margin-bottom: 30px;}

.sends dt{
	background: #bc4142;
	padding: 15px 10px;
	text-align: center;
	color: #fff;
	font-size: 140%;
}

.sends dt span{ font-size: 58%;}

.sends dd.deds{
	background: #333;
	padding: 10px;
	color: #fff;
	text-align: center;
}

.sends dd.times{
	-webkit-box-shadow: 0 0 0 1px #ccc inset ;
	box-shadow: 0 0 0 1px #ccc inset ;
	padding: 20px;
	font-size: 80%;
	line-height: 150%;
}


.side-tit{
	background: #294a8d;
	padding: 15px;
	text-align: center;
	color: #fff;
	font-size: 130%;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,  Arial, "メイリオ", Meiryo, sans-serif;
}

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

/* サイドナビアコーディオン
    
/*======================================================================*/

.category {    margin-bottom: 40px }

.category ul.cagry-accordion li ul{	display:none;}

.category ul.cagry-accordion > li{
    background: #F5F5F5;
    color: #000;
	border: 1px solid #ccc;
	margin-top: -1px;
}

.category ul.cagry-accordion li ul li{	
border-bottom: 1px dotted #ccc;}

.category ul.cagry-accordion li ul li:last-child{
	border-bottom:none;
}


.category ul.cagry-accordion li ul li a{
    width: 80%;
    display: block;
    padding: 5% 15% 5% 5%;
	background:url(../img/acc-arrow-blue.svg) no-repeat 94% 50% #fff;
	background-size: 8px 8px;
	font-size: 90%;
}

.category ul.cagry-accordion li ul li span{
    width: 90%;
    display: block;
    padding: 5%;
	background:url(../img/open.svg) no-repeat 94% 50% #fff;
	background-size: 12px 12px;
	color:#000;
}

.category ul.cagry-accordion p{
	cursor: pointer;
}

.category ul.cagry-accordion p span,
.category ul.cagry-accordion div span{
    width: 75%;
    display: block;
    padding: 5% 5% 5% 20%;
	background: url(../img/open.svg) no-repeat 94% 50% #fff;
	background-size: 12px 12px;
}

.category ul.non-accordion p span {
     width: 90%;
    display: block;
    padding: 5%;
	background: #000;
}

.category ul.cagry-accordion p span.mind{
	width: 90%;
	padding: 5% !important;
}

.category ul.cagry-accordion li .item01{
	background: url(../img/item01.png) no-repeat 15px center,url(../img/open.svg) no-repeat 94% 50% #fff;
	background-size: auto 40px,12px 12px;
}

.category ul.cagry-accordion li .item01.open{
	background: url(../img/item01.png) no-repeat 15px center,url(../img/acc-close.svg) no-repeat 94% 50% #efefef;
	background-size: auto 40px,12px 12px;
}

.category ul.cagry-accordion li .item02{
	background: url(../img/item02.png) no-repeat 15px center,url(../img/open.svg) no-repeat 94% 50% #fff;
	background-size: auto 40px,12px 12px;
}

.category ul.cagry-accordion li .item02.open{
	background: url(../img/item02.png) no-repeat 15px center,url(../img/acc-close.svg) no-repeat 94% 50% #efefef;
	background-size: auto 40px,12px 12px;
}

.category ul.cagry-accordion li .item03{
	background: url(../img/item03.png) no-repeat 10px center,url(../img/open.svg) no-repeat 94% 50% #fff;
	background-size: auto 24px,12px 12px;
}

.category ul.cagry-accordion li .item03.open{
	background: url(../img/item03.png) no-repeat 10px center,url(../img/acc-close.svg) no-repeat 94% 50% #efefef;
	background-size: auto 24px,12px 12px;
}

.category ul.cagry-accordion li .item04{
	background: url(../img/item04.png) no-repeat 15px center,url(../img/open.svg) no-repeat 94% 50% #fff;
	background-size: auto 40px,12px 12px;
}

.category ul.cagry-accordion li .item04.open{
	background: url(../img/item04.png) no-repeat 15px center,url(../img/acc-close.svg) no-repeat 94% 50% #efefef;
	background-size: auto 40px,12px 12px;
}

.category ul.cagry-accordion li .item05{
	background: url(../img/item05.png) no-repeat 10px center,url(../img/open.svg) no-repeat 94% 50% #fff;
	background-size: auto 24px,12px 12px;
}

.category ul.cagry-accordion li .item05.open{
	background: url(../img/item05.png) no-repeat 10px center,url(../img/acc-close.svg) no-repeat 94% 50% #efefef;
	background-size: auto 24px,12px 12px;
}

.category ul.cagry-accordion li .item06{
	background: url(../img/item06.png) no-repeat 10px center,url(../img/open.svg) no-repeat 94% 50% #fff;
	background-size: auto 20px,12px 12px;
}

.category ul.cagry-accordion li .item06.open{
	background: url(../img/item06.png) no-repeat 10px center,url(../img/acc-close.svg) no-repeat 94% 50% #efefef;
	background-size: auto 20px,12px 12px;
}

.category ul.cagry-accordion li .item07{
	background: url(../img/item07.png) no-repeat 15px center,url(../img/open.svg) no-repeat 94% 50% #fff;
	background-size: auto 40px,12px 12px;
}

.category ul.cagry-accordion li .item07.open{
	background: url(../img/item07.png) no-repeat 15px center,url(../img/acc-close.svg) no-repeat 94% 50% #efefef;
	background-size: auto 40px,12px 12px;
}

.category ul.cagry-accordion li .item08{
	background: url(../img/item08.png) no-repeat 15px center,url(../img/open.svg) no-repeat 94% 50% #fff;
	background-size: auto 40px,12px 12px;
}

.category ul.cagry-accordion li .item08.open{
	background: url(../img/item08.png) no-repeat 15px center,url(../img/acc-close.svg) no-repeat 94% 50% #efefef;
	background-size: auto 40px,12px 12px;
}

.category ul.cagry-accordion li .item09{
	background: url(../img/item09.png) no-repeat 12px center,url(../img/open.svg) no-repeat 94% 50% #fff;
	background-size: auto 40px,12px 12px;
}

.category ul.cagry-accordion li .item09.open{
	background: url(../img/item09.png) no-repeat 12px center,url(../img/acc-close.svg) no-repeat 94% 50% #efefef;
	background-size: auto 40px,12px 12px;
}

.category ul.cagry-accordion li .item10{
	background: url(../img/item010.png) no-repeat 10px center,url(../img/open.svg) no-repeat 94% 50% #fff;
	background-size: auto 40px,12px 12px;
}

.category ul.cagry-accordion li .item10.open{
	background: url(../img/item010.png) no-repeat 10px center,url(../img/acc-close.svg) no-repeat 94% 50% #efefef;
	background-size: auto 40px,12px 12px;
}

.category ul.cagry-accordion li .item11{
	background: url(../img/item011.png) no-repeat 12px center,url(../img/open.svg) no-repeat 94% 50% #fff;
	background-size: auto 40px,12px 12px;
}

.category ul.cagry-accordion li .item11.open{
	background: url(../img/item011.png) no-repeat 12px center,url(../img/acc-close.svg) no-repeat 94% 50% #efefef;
	background-size: auto 40px,12px 12px;
}

.category ul.cagry-accordion li .item12{
	background: url(../img/item12.png) no-repeat 10px center,url(../img/open.svg) no-repeat 94% 50% #fff;
	background-size: auto 40px,12px 12px;
}

.category ul.cagry-accordion li .item12.open{
	background: url(../img/item12.png) no-repeat 10px center,url(../img/acc-close.svg) no-repeat 94% 50% #efefef;
	background-size: auto 40px,12px 12px;
}

.category ul.cagry-accordion li .item13{
	background: url(../img/item13.png) no-repeat 10px center,url(../img/open.svg) no-repeat 94% 50% #fff;
	background-size: auto 28px,12px 12px;
}

.category ul.cagry-accordion li .item13.open{
	background: url(../img/item13.png) no-repeat 10px center,url(../img/acc-close.svg) no-repeat 94% 50% #efefef;
	background-size: auto 28px,12px 12px;
}

.category ul.cagry-accordion li .item14{
	background: url(../img/item14.png) no-repeat 10px center,url(../img/open.svg) no-repeat 94% 50% #fff;
	background-size: auto 28px,12px 12px;
}

.category ul.cagry-accordion li .item14.open{
	background: url(../img/item14.png) no-repeat 10px center,url(../img/acc-close.svg) no-repeat 94% 50% #efefef;
	background-size: auto 28px,12px 12px;
}

.category ul.cagry-accordion p span.open,
.category ul.cagry-accordion div span.open{
	background: url(../img/acc-close.svg) no-repeat 94% 50% #efefef;
	background-size: 12px 12px;
}

.category ul.cagry-accordion li ul li p span.open,
.category ul.cagry-accordion li ul li div span.open{
	background: url(../img/acc-close.svg) no-repeat 94% 50% #fff;
		background-size: 12px 12px;
}

.subcategory {    display: none }

.seane{
	margin-bottom: 40px;
}

.seane li a{
	width: 80%;
    display: block;
    padding: 5% 15% 5% 5%;
    background: #F5F5F5;
    color: #000;
	border: 1px solid #ccc;
	margin-top: -1px;
	text-decoration: none;
	background:url(../img/acc-arrow.svg) no-repeat 94% 50% #fff;
	background-size: 8px 8px;
}

.s-banner li{
	list-style: none;
	margin-bottom: 10px;
}

.s-banner li img{
	width: 100%;
	height: auto;
}

.chanoyu{
    color: #000;
	margin-top: -1px;
}

.chanoyu a{
	display: block;
    padding: 5% 15% 5% 5%;
	text-decoration: none !important;
	color: #000;
	background:url(../img/acc-arrow.svg) no-repeat 94% 50% #fff !important;
	background-size: 8px 8px !important;
}

.rside{
	float: right;
	width: 840px;
}

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

/* 商品一覧
    
/*======================================================================*/

.listarea ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.listarea ul > li{
	float: left;
	width: 16%;
	margin: 0 2% 5%;
}

.listarea ul li img{
	width: 100%;
	height: auto;
}

.listarea ul > li:nth-child(5n){
	margin-right: 0 !important;
}

.listarea a{
	text-decoration: none;
	color: #000;
}


.listarea ul > li ul li{
	float: left;
	width: 50%;
	margin: 0;
}

.listarea ul > li ul{
	margin-bottom: 15px;
}

.listarea .name{
	font-size: 120%;
	line-height: 150%;
	font-weight: bold;
}

.listarea a:hover .name{
	text-decoration: underline;
}

.listarea .price{
	font-weight: bold;
	color: #dc0000;
}

.listarea .ones{
	font-size: 90%;
	color: #999;
}

.lines{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
	margin-bottom: 50px;
}

.lines:after,
.lines ul:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.lines p{
	float: left;
	margin-right:30px;
	padding: 5px 0;
}

.lines ul,
.lines ul li{
	float: left;
}

.lines ul li{
	-webkit-box-shadow: 0 0 0 1px #ccc inset;
	box-shadow: 0 0 0 1px #ccc inset;
	padding: 5px 10px;
	margin-right: 10px;
}

.lines ul li.active{
	background: #0bb7b2;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

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

/* 商品詳細
    
/*======================================================================*/


.tp-seo{
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

.details:after,
.lcont:after,
.rcont .FS2_original_icons:after,
.det-sns:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.details .lcont{
	float: left;
	width: 460px;
}

.lcont li:first-child{	margin: 0 auto 20px;}

.lcont li:nth-child(2){
	float: left;
	margin-right: 20px;
}

.details .rcont{
	float: right;
	width: 340px;
}

.rcont h1.itemTitle{
	line-height: 130%;
	font-size: 150%;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,  Arial, "メイリオ", Meiryo, sans-serif;
	font-weight: normal;
	margin-bottom: 25px;
}

.rcont .FS2_original_icons{margin-bottom: 20px;}

.rcont .FS2_original_icons li{
	float: left;
	list-style: none;
}

.itemNumber{
	color: #999;
	margin-bottom: 10px;
}

.FS2_itemPrice_text{
	color:#bc4142;
	font-size:150%;
    line-height: 150%;
	margin-bottom: 10px;
}

.FS2_point{
	color:#bc4142;
	margin-bottom: 20px;
}

.det-sns{	margin-bottom: 30px;}

.det-sns li{
	margin-right: 15px;
	float: left;
}

.det-sns li:last-child{
	padding-top: 5px;
}

.cr-info li{
	margin-bottom: 15px;
}

.cont-market{
	margin: 50px auto;
}

.micro-tit{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,  Arial, "メイリオ", Meiryo, sans-serif;
	font-weight: normal;
	border-bottom: 5px solid #294a8d;
	padding-bottom: 15px;
	margin-bottom: 20px;
	font-size: 120%;
	font-weight: bold;
}

.c-detail{
	width: 100%;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-collapse:collapse;
	margin-bottom: 50px;
}

.c-detail th,
.c-detail td{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 2%;
}

.c-detail th{
	width: 26%;
	background: #d7eeef;
}

.mb-txt p{
	margin-bottom: 25px;
}

.mb-txt p:last-child{
	margin-bottom: 0;
}

.single{
	text-align: center;
}

.single img{
	max-width: 770px;
}

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

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

.appl{
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 15px;
}

.guide-link:after,
.sends:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.guide-link{	margin-bottom: 40px;}

.guide-link li{
	width: 23.5%;
	float: left;
	margin: 0 2% 2% 0;
}

.guide-link li:nth-child(4n){
	margin-right: 0;
}

.guide-link li a{
	display: block;
	text-align: center;
	-webkit-box-shadow: 0 0 0 1px #ccc inset;
	box-shadow: 0 0 0 1px #ccc inset;
	border-radius: 20px;
	padding: 3% 5%;
	font-size: 86%;
	text-decoration: none;
}

.min-tit{
	padding: 10px 0 10px 20px;
	font-size: 130%;
	margin-bottom: 40px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,  Arial, "メイリオ", Meiryo, sans-serif;
	border-left: 8px solid #294a8d;
	border-bottom: 1px solid #ddd;
}

.mb-txt p{
	margin-bottom: 20px;
}

.mb-txt p:last-child{
	margin-bottom: 0;
}

.sends{	margin-bottom: 60px;}

.sends .mb-txt{
	width: 70%;
	float: left;
	line-height: 2em;
}

.sends .timemap{
	width: 25%;
	float: right;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.sends .timemap td{
	border-bottom: 1px dotted #ccc;
	border-right: 1px solid #ccc;
	padding: 5%;
	text-align: center;
}

.timeshift{
	margin-bottom:80px;
	border-collapse: collapse;
}

.timeshift td,
.timeshift th{
	padding:10px;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
}

.timeshift th{
	background:#bdd6ea;
	font-weight: normal;
	text-align: left;
	width: 36%;
}

.timeshift td{
	width:50%;
}

.timeshift .blues{
	background:#294a8d;
	color: #fff;
}

.timeshift td.yellow{
	background:#F9F7DB;
}

.timeshift td.pink{
	background:#F6EAE9;
}

.timeshift td.blue{
	background:#e3f1fb;
}

.timeshift td.noline{
}



.picx{
	text-align: center;
	color: #fff;
	background: #bc4142;
	padding: 15px 5%;
	font-size: 150%;
	margin-bottom: 20px;
}

.sendmap{
	border-left:1px solid #fff;
	margin-bottom:20px;
	border-collapse: collapse;
}

.sendmap td,
.sendmap th{
	padding:10px;
	background: #e3f1fb;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.sendmap th{
	background: #294a8d;
	color: #fff;
	text-align: center;
	font-weight: normal;
}

.w40{	width: 40%;}
.fees{	text-align: right;}
.tips{ background: #bdd6ea !important;}

.case-send{	margin-bottom: 60px;}

.case-send dt{
	font-size: 120%;
	line-height: 150%;
	margin-bottom: 15px;
}

.case-send dd{
	background: url(../img/dot-line.gif) repeat-x left bottom;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.basetable{
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 60px;
}

.basetable th,
.basetable td{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 3%;
	vertical-align: top;
}

.basetable th{
	text-align: center;
	width: 26%;
	font-weight: normal;
	background: #e3f1fb;
}

.glaytable{
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
}

.glaytable th,
.glaytable td{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 2%;
}

.glaytable th{
	text-align: center;
	width: 20%;
	font-weight: normal;
	background: #eee;
}

.red{	color: #bc4142;}

.moneys{
	-webkit-box-shadow: 0 0 0 5px #ddd inset;
	box-shadow: 0 0 0 5px #ddd inset;
	padding: 5%;
}

.imgfix img{
	width: 100%;
	height: auto;
}

.flow-g{	margin-bottom: 60px;}

.flow-g dt{
	background: #eee;
	padding: 10px;
	margin-bottom: 25px;
}

.flow-g dd{
	padding: 0 0 0 104px;
	margin-bottom: 30px;
	min-height: 48px;
}

.flow-g .flow1{
	background: url(../img/online-shopping-cart.svg) no-repeat 20px center;
	background-size: 48px 48px;
}

.flow-g .flow2{
	background: url(../img/sent-mail.svg) no-repeat 20px center;
	background-size: 48px 48px;
}

.flow-g .flow3{
	background: url(../img/mail.svg) no-repeat 20px center;
	background-size: 48px 48px;
}

.flow-g .flow4{
	background: url(../img/cargo-truck.svg) no-repeat 20px center;
	background-size: 48px 48px;
}

.guidetel{
	-webkit-box-shadow: 0 0 0 5px #ddd inset;
	box-shadow: 0 0 0 5px #ddd inset;
	padding: 5%;
	text-align: center;
	margin-bottom:20px;
}

.guidetel dt{
	font-size: 280%;
	font-family: Georgia, "Times New Roman", Times, "serif";
	line-height: 150%;
}

.guidetel dt span{
	background: url(../img/phone.svg) no-repeat left center;
	background-size: 32px 32px;
	padding-left: 48px;
}

.function{
	background: #294a8d;
	color: #fff;
	padding: 10px;
	margin-bottom: 0 !important;
}

.func{
	-webkit-box-shadow: 0 0 0 1px #ccc inset;
	box-shadow: 0 0 0 1px #ccc inset;
	padding: 5%;
	margin-bottom: 60px;
}

.func li{
	list-style: decimal !important;
	margin-bottom: 10px;
}

.func li:last-child{
	margin-bottom: 0;
}

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

/* 新規会員登録
    
/*======================================================================*/

.min-num{
	background: #555555;
	text-align: center;
	font-size: 200%;
	color: #fff;
	padding: 18px;
	margin-bottom: 30px;
}

.tokus:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.tokus{
	margin-bottom: 60px;
}

.tokus li{
	width: 33%;
	margin: 0 4% 4% 0;
	float: left;
	padding-left: 15%;
	min-height: 100px;
}

.tokus li:nth-child(2n){
	margin-right: 0;
}

.tokus li:last-child{
	margin-right: 0;
	width: 85%;
}


.tokus dt{
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 15px;
}

.tokus dd{
	color: #999;
}

.toku01{background: url(../img/toku01.gif) no-repeat left top;}
.toku02{background: url(../img/toku02.gif) no-repeat left top;}
.toku03{background: url(../img/toku03.gif) no-repeat left top;}
.toku04{background: url(../img/toku04.gif) no-repeat left top;}
.toku05{background: url(../img/toku05.gif) no-repeat left top;}
.toku06{background: url(../img/toku06.gif) no-repeat left top;}
.toku07{background: url(../img/toku07.gif) no-repeat left top;}

.stages dt{
	background: #294a8d;
	text-align: center;
	color: #fff;
	padding: 15px;
}

.stages dd{
	-webkit-box-shadow: 0 0 0 1px #ccc inset;
	box-shadow: 0 0 0 1px #ccc inset;
	padding: 5%;
}

.stages{
	margin-bottom: 60px;
}

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

/* 個人情報の取り扱いについて
    
/*======================================================================*/

.pv-date{
	text-align: right;
	margin-bottom: 40px;
}

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

/* 特定商取引法
    
/*======================================================================*/

.about-sell{	margin-bottom: 60px;}

.about-sell dt{
	margin-bottom: 15px;
	font-weight: bold;
}

.backs{
	margin:0 0 60px 24px;
}

.backs li{
	margin-bottom: 10px;
	list-style: disc;
}

.backs li p{
	margin:30px 0 -30px 54px;
}

.backs li ul{
	margin: 30px 0 30px 80px;
}

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

/* よくあるご質問
    
/*======================================================================*/

#acMenu{	margin-bottom: 60px;}

#acMenu dt{
    display:block;
	width: 95%;
	-webkit-box-shadow: 0 0 0 1px #ccc inset;
	box-shadow: 0 0 0 1px #ccc inset;
	padding: 2% 2% 2% 7%;
	background:url(../img/open.svg) no-repeat 97% center , url(../img/icon-q.svg) no-repeat 3% 20px;
	background-size: 16px 16px;
	margin: -1px 0 0 0;
}

#acMenu dd{
    display:none;
	width: 95%;
	background: url(../img/icon-a.svg) no-repeat 3% 20px #e5ebd9;
	background-size: 16px 16px;
	-webkit-box-shadow: 0 0 0 1px #ccc inset;
	box-shadow: 0 0 0 1px #ccc inset;
	padding: 2% 2% 2% 7%;
	margin: -1px 0 0 0;
}

#acMenu dt.active{
    background:url(../img/acc-close.svg) no-repeat 97% center , url(../img/icon-q.svg) no-repeat 3% 20px;
	background-size: 16px 16px;
}

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

/* 会社概要
    
/*======================================================================*/

.aboutinfo{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 60px;
}

.aboutinfo tr{
	background: url(../img/dot-line.gif) repeat-x left bottom;
}

.aboutinfo iframe{
	width: 100%;
}

.aboutinfo th,
.aboutinfo td{
	padding: 15px;
	vertical-align: text-top;
}

.aboutinfo th{	width: 24%;}

.aboutinfo ul li{	list-style: none;}

.aboutinfo ul li:first-child{
	width: 200px;
	float: left;
	padding: 5px 0;
}

.aboutinfo ul li:last-child{
	width: 200px;
	float: left;
}

.aboutinfo .amp{
	padding: 0px 0;
	vertical-align: middle;
}

.aboutinfo ul li a{
	display: block;
	background:url(../img/acc-arrow.svg) no-repeat 92% center #7cc1c2;
	background-size: 10px 10px;
	color: #fff;
	text-align: center;
	padding: 5px;
	border-radius: 20px;
}

.aboutinfo ul li a:hover{
	display: block;
	background:url(../img/acc-arrow.svg) no-repeat 92% center #46898A;
	background-size: 10px 10px;
	color: #fff;
	text-align: center;
	padding: 5px;
	border-radius: 20px;
}

.about-guide ul li{
	width: 31.6%;
	margin-right: 2.6%;
	float: left;
	line-height: 160%;
}

.about-guide ul li:last-child{
	margin-right: 0;
}

.about-guide ul li p img{
	width: 100%;
	height: auto;
}

.about-guide ul:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

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

/* futureshop上書きCSS
    
/*======================================================================*/

.pan{
	background: none;
}

.pageTitle{
	padding: 10px 0 10px 20px;
    font-size: 130%;
    margin-bottom: 40px;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E, Arial, "メイリオ", Meiryo, sans-serif;
    border-left: 8px solid #294a8d;
    border-bottom: 1px solid #ddd;
    font-weight: normal !important;
}


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

/* ログイン
    
/*===================*/

.inputTableArea caption{
	display: none;
}

.inputTableArea .userTable_01 th{
	background: #e3f1fb;
	text-align: left;
}

.inputTableArea .userTable_01 th,
.inputTableArea .userTable_01 td{
	padding: 15px;
}

.inputTableArea .userTable_01 td input{
	padding: 10px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: 1px solid #ccc;
}

.FS2_login_layout_table_td_left{
	width: 48%;
	float: left;
}

.FS2_login_layout_table_td_right{
	width: 48%;
	float: right;
}

.FS2_login_layout_table_td_left .CrossHead,
.FS2_login_layout_table_td_right .CrossHead{
	font-weight: normal;
	font-size: 100%;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
    margin-top: 0px;
}


.inputTableArea .itemCenter input{
	margin-bottom: 15px !important;
}

.FS2_OtherServiceLoginAreaDivider_container{
	padding: 15px 0;
}

.defmenber p{
	margin-bottom: 25px;
}

.defmenber ul{
	-webkit-box-shadow: 0 0 0 1px #ccc inset;
	box-shadow: 0 0 0 1px #ccc inset;
	padding: 20px;
	background: #edf2e2;
	margin-bottom: 30px;
}

.defmenber ul li{
	list-style: disc;
	margin:0 0 15px 20px;
}

.defmenber ul li:last-child{
	margin-bottom: 0;
}

.layout_footer{
	margin-top: 60px;
}

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

/* メルマガ登録
    
/*===================*/

.FS_mailFilter_container p{
	font-size: 90%;
	margin-bottom: 30px;
}

.FS2_bottom_btn_center_1 #delete{
	margin-bottom: 60px;
}

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

/* 商品一覧
    
/*===================*/

/*　システムコンテンツ：並び替え（並び替え｜価格が安い｜価格が高い｜新着順｜）　*/
/*　システムコンテンツ：並び替え：コンテナ　*/

.FS2_sort_menu_bg {
	margin:0px;
	padding:25px 5px;
	border-bottom: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
}

.FS2_sort_menu_bg:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}


.FS2_sort_menu_bg ul {
	margin:0px;
	padding:0px;
	text-align:center !important;
	float: right;
}

.FS2_sort_menu_bg li {
	margin:0px;
	width: 120px;
	padding:0 0px;
	display:inherit !important;
	border-right:1px solid #333333;
	float: left;
	background: #000;
	color: #fff;
}

.FS2_sort_menu_title{
	background: #fff !important;
	color: #fff !important;
	font-size: 0px !important;
	border-right:none !important;
	display: none !important;
}

.FS2_sort_menu_bg li a{
	color: #000;
	display: block;
	width: 100%;
	text-decoration: none;
	background: #fff !important;
}

/*　システムコンテンツ：ページ切り替え（○件中○件表示）　*/
.pager {
	margin:20px 0;
	padding:10px 0 30px;
	border-bottom:1px solid #DDDDDD;
}

.pager .FS2_pager_stay{
	background: #294a8d;
	color: #fff;
	padding: 5px 10px;
}

.pager .FS2_pager_link{
	-webkit-box-shadow: 0 0 0 1px #ccc inset;
	box-shadow: 0 0 0 1px #ccc inset;
	padding: 5px 10px;
}

.FS2_pager_link_next img,
.FS2_pager_link_last img{
	vertical-align:middle !important;
	line-height: 1em;
	font-size: 0;
	margin: -3px 0 0 6px;
}

/*　商品グループレイアウト1×1から
　　商品レイアウト横幅指定　*/

.alignItem_03{
	width: 100% !important;
}

.alignItem_03 .gl_Item {
	width:27.6%;
	margin:0 1.66% 40px 0;
	padding: 15px 2%;
	-webkit-box-shadow: 0 0 0 1px #ccc inset;
	box-shadow: 0 0 0 1px #ccc inset;
}

.alignItem_03 .gl_Item a{
	text-decoration: none;
	color: #000;
	cursor: pointer !important;
}

.alignItem_03 .gl_Item a:hover{
	text-decoration: underline;
	cursor: pointer !important;
}

.alignItem_03 .gl_Item .itemCatchCopy{
	display: none;
}

.alignItem_03 .gl_Item .itemGroup{
	text-align: left !important;
	font-size: 90%;
	font-weight: normal;
}

.alignItem_03 .gl_Item .FS2_itemPrice_area{
	text-align: left !important;
}

.alignItem_03 .gl_Item .FS2_thumbnail_container img{
	width: 230px;
	height: 230px;
}

.alignItem_03 .gl_Item .FS2_original_icons{
	margin-bottom: 12px;
}

.alignItem_03 .gl_Item .FS2_original_icons:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.alignItem_03 .gl_Item .FS2_original_icons li{
	float: left !important;
	width: 50%;
	font-size: 0;
	line-height: 0;
	padding: 0 !important;
	margin: 0 !important;
}

.alignItem_03 .gl_Item .FS2_original_icons li img{
	width: 100%;
	height: auto;
}

.FS2_itemPrice_area .itemPrice{
	color: #dc0000 !important;
}

.FS2_itemPrice_addition{
	font-size: 80%;
}

.alignItem_03 .gl_Item .FS2_ItemShortComment{
	text-align: left;
	font-size: 86%;
	line-height: 150%;
	color: #999;
}

.FS2_GroupList .groupLayout .alignItem_02 .gl_Item:nth-child(n+21){
	display: none;
}

.alignItem_05 .gl_Item{
	display: block !important;
	width: 100% !important;
	
}

.alignItem_05 .gl_Item a{
	text-decoration: none;
	color: #000;
	cursor: pointer !important;
}

.alignItem_05 .gl_Item a:hover{
	text-decoration: underline;
	cursor: pointer !important;
}

.alignItem_05 .gl_Item .itemCatchCopy{
	display: none;
}

.alignItem_05 .gl_Item .itemGroup{
	text-align: left !important;
	font-size: 90%;
	font-weight: normal;
}

.alignItem_05 .gl_Item .FS2_itemPrice_area{
	text-align: left !important;
}

.alignItem_05 .gl_Item .FS2_thumbnail_container img{
	width: 100%;
	height: auto;
}

.alignItem_05 .gl_Item .FS2_original_icons{
	margin-bottom: 0;
}

.alignItem_05 .gl_Item .FS2_original_icons:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.FS2_eye_catch_icon{    margin-bottom: 5px;}

.alignItem_05 .gl_Item .FS2_original_icons li{
	float: left !important;
	font-size: 0;
	line-height: 0;
	padding: 0 !important;
    margin: 0 5px 5px 0;
}

.alignItem_05 .gl_Item .FS2_original_icons li img{
	max-width: 100%;
	height: auto;
}

.alignItem_05 .gl_Item .FS2_ItemShortComment{
	text-align: left;
	font-size: 86%;
	line-height: 150%;
	color: #999;
}

.FS2_body_Goods_GoodsGroupList_0 .layout_content .pager,
.FS2_body_Goods_GoodsGroupList_0 .layout_content .FS2_breadcrumbs{
	display: none;
}

.FS2_GroupList .groupLayout .alignItem_02{
	display: flex;
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;/*--- safari（PC）用 ---*/
	-ms-flex-direction : row; /* for IE10 */
	-ms-flex-wrap : wrap; /* for IE10 */
}

.FS2_GroupList .groupLayout .alignItem_02 .gl_Item{
	    width: 43%;
}

.FS2_GroupList .groupLayout .alignItem_02 .gl_Item img{
	width: 100%;
	height: auto;
}

.FS2_GroupList .groupLayout .alignItem_02 .gl_Item{
	-webkit-box-shadow: 0 0 0 1px #ccc inset;
	box-shadow: 0 0 0 1px #ccc inset;
    margin: 0 2% 2% 0;
    text-align: left !important;
    padding: 3%;
}

.FS2_GroupList .groupLayout .alignItem_02 .gl_Item:nth-of-type(2n){
	margin-right: 0;
}

.FS2_GroupList .groupLayout .alignItem_02 .gl_Item .FS2_thumbnail_container{
	float: left;
	width: 40%;
	margin-right: 4%;
}
/*============================*/

/* 商品詳細
    
/*===================*/

#FS2_itemlayout_J .FS2_itemlayout_td_Left{
	width: 400px !important;
}

#FS2_itemlayout_J .FS2_itemlayout_td_Left a{
	float: left;
	padding: 0 !important;
	margin: 0 !important;
}

#FS2_itemlayout_J .FS2_itemlayout_td_Left a img{
	width: 190px;
	height: auto;
	margin-bottom: 20px;
}

#FS2_itemlayout_J .FS2_itemlayout_td_Left a:first-child img{
	width: 400px;
	height: auto;
	margin-bottom: 20px;
}

#FS2_itemlayout_J .FS2_itemlayout_td_Left a:last-child img{
	margin-left: 10px;
}



#FS2_itemlayout_J .FS2_itemlayout_td_Right{
	float: right;
	width: 400px !important;
	margin-left: 40px;
}

#FS2_itemlayout_J .itemTitle{
	font-size: 150%;
	line-height: 150%;
	font-weight: normal;
	margin-bottom: 25px;
}

#FS2_itemlayout_J .FS2_original_icons:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

#FS2_itemlayout_J .FS2_original_icons li{
	float: left !important;
	font-size: 0;
	line-height: 0;
	padding: 0 !important;
	margin: 0 2% 2% 0 !important;
}


#FS2_itemlayout_J .FS2_original_icons li img{
	max-width: 100%;
	height: auto;
}

#FS2_itemlayout_J .FS2_itemPrice_area .itemPrice{
	color: #dc0000 !important;
	font-size: 140%;
	font-family: Verdana, Geneva, "sans-serif";
}

#FS2_itemlayout_J .FS2_point{
	border: none;
	margin-bottom: 20px;
}

#FS2_itemlayout_J form{
	-webkit-box-shadow: 0 0 0 5px #efefef inset;
	box-shadow: 0 0 0 5px #efefef inset;
	padding: 30px;
	margin-bottom: 30px;
}

.FS2_inputSelection_table{
	width: 380px !important;
}

.FS2_inputSelection_table th{
	background: none;
	text-align: left;
	border: none;
	padding: 2%;
	font-size: 90% !important;
	width: 100px !important;
}

.FS2_inputSelection_table td{
	border: none;
	padding: 2%;
	width: 190px !important;
	text-align: left !important;
	float: left !important;
}

.FS2_inputSelection select{
	background: #fafafa;
	border: 1px solid #dddddd;
	border-radius: 5px;
}

.FS2_figure_table td.FS2_figure_table_td_cart_btn input{
	width: 250px;
	height: auto;
    -webkit-transition: .3s;
    transition: .3s;
}

.FS2_figure_table td.FS2_figure_table_td_cart_btn input:hover{
    opacity: .7;
}

.FS2_TweetButton_area,
.FS2_InquiryButton_area,
.FS2_WishListButton_area,
.FS2_ReviewEditButton_area{
	margin-bottom: 15px;
}

.FS2_ReviewButton_area{
	margin-bottom: 25px;
}

.item-comm{
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 20px;
}

.comment-txt{
	margin-bottom: 50px;
}

.comment-txt p{
	margin-bottom: 20px;
}

.comment-txt p:last-child{
	margin-bottom: 0;
}

.itemdeds{
	border-collapse:collapse;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 50px;
}

.itemdeds td,
.itemdeds th{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px;
}

.itemdeds th{
	width: 25%;
	text-align: left;
	font-weight: normal;
	background: #edf2e2;
}

table#detail{
	border-collapse:collapse;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 50px;
	width: 100%;
}

table#detail td,
table#detail th{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px;
}

table#detail th{
	width: 25%;
	text-align: left;
	font-weight: normal;
	background: #edf2e2;
}

.minis{
	font-size: 90%;
	color: #999;
	margin-bottom: 20px;
}

.img-cove{	margin-bottom: 30px;}

.img-cove img{
	width: 100%;
	height: auto;
}

.cove{
	font-size: 160%;
	font-weight: bold;
	line-height: 150%;
	margin-bottom: 30px;
}

.cove-01{
	background: url(../img/d-line.gif) repeat-x left bottom;
	padding-bottom: 30px;
	margin-bottom: 30px;
	font-weight: normal;
}

.cove-02{
	background: #e6e6e6;
	padding: 15px 20px;
	border-radius: 8px;
	margin-bottom: 30px;
	font-weight: normal;
}

.cove-03{
	-webkit-box-shadow: 0 0 0 1px #294a8d inset;
	box-shadow: 0 0 0 1px #294a8d inset;
	padding: 15px 20px;
	border-radius: 8px;
	margin-bottom: 30px;
	font-weight: normal;
}

.cove-txt{
	margin-bottom: 50px;
}

.cove-txt p{
	margin-bottom: 20px;
}

.cove-txt p:last-child{
	margin-bottom: 0;
}

.item-guide:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.item-guide{
	margin-bottom: 30px;
}

.item-guide li{
	float: left;
	width: 32%;
	margin: 0 2% 2% 0;
}

.item-guide li:nth-child(3n){
	float: left;
	width: 32%;
	margin: 0 0 2% 0;
}

.item-guide li img{
	width: 100%;
	height: auto;
}

.item-guide li a{-webkit-transition: .3s;transition: .3s;}

.item-guide li a:hover{
	opacity: .4;
}

.FS2_ItemComment{
	margin-top: 50px;
}

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

/* 買い物かご
    
/*===================*/

.layout_content{
	width: 100% !important;
}

.FS2_mypagetop_list h3.CrossHead{	
    display: block !important;
border-bottom: 1px solid #000 !important;
padding-bottom: 10px !important;
margin-bottom: 25px;}

.layout_content .system_content .cartTable td,
.layout_content .system_content .cartTable th{
	padding: 15px;
}


.myout{
    width: 250px;
    margin: 0 auto;
    text-align: center;
}

.myout a{
    display: block;
    background: #7bc1c2;
    color: #fff;
    text-decoration: none;
    font-size: 130%;
    padding: 20px;
}
/*============================*/

/* カタログ請求
    
/*===================*/

.form-table th{
	background:#DDEFFD;
	text-align: left;
	width: 24%;
}

.form-table{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.form-table th,
.form-table td{
	padding: 20px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.need{
	color: #C9090C;
	font-size: 90%;
	margin-bottom: 10px;
}

.filter{
	font-size: 90%;
	margin-bottom: 40px;
}

.tec{
	text-align: center;
	margin-bottom: 70px;
}

.f-smit{
	background: url(../img/form-send.gif) no-repeat center center;
	width: 242px;
	height: 36px;
	border: none;
	text-indent: -9999px;
	margin-right: 50px;
}

.f-reset{
	background: url(../img/form-reset.gif) no-repeat center center;
	width: 242px;
	height: 36px;
	border: none;
	text-indent: -9999px;
}

.f-reset2{
	background: url(../img/form-reset2.gif) no-repeat center center;
	width: 242px;
	height: 36px;
	border: none;
	text-indent: -9999px;
}

.formetel{
	text-align: center;
	margin-bottom:20px;
}

.formetel dt{
	font-size: 280%;
	font-family: Georgia, "Times New Roman", Times, "serif";
	line-height: 150%;
}

.formetel dt span{
	background: url(../img/phone.svg) no-repeat left center;
	background-size: 32px 32px;
	padding-left: 48px;
}

textarea{
	padding: 10px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: 1px solid #ccc;
}

.transport{
	margin: 20px auto;
}

.transport p{
	margin-bottom: 10px;
}

.transport p img{
	max-width:400px;
	width: 100%;
	height: auto;
}

.transport p:last-child{
	margin-bottom: 0;
}

.FS2_CoolButton_area{
	display: none;
}

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

/* ショピングカート
    
/*======================================================================*/

.cartTable caption{
	background: #000;
	color:#fff;
	padding: 10px 0;
}

.itemRight{
	margin-bottom: 50px;
}

.itemLeft50{
	-webkit-box-shadow: 0 0 0 5px #fafafa inset;
	box-shadow: 0 0 0 5px #fafafa inset;
	padding: 5%;
	width: 40%;
}

.itemLeft50 p{
	background: url(../img/checked.svg) no-repeat left center;
	background-size: 36px 36px;
	padding: 0 0 0 50px;
}

.FS2_SelectCheckoutService_area{
	padding: 3%;
}

.pricetai:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.pricetai li{
	float: left;
	width: 23.5%;
	margin: 0 2% 0 0;
}

.pricetai li a{
	display: block;
	padding: 20px 0;
	text-align: center;
	-webkit-box-shadow: 0 0 0 5px #efefef inset;
	box-shadow: 0 0 0 5px #efefef inset;
	text-decoration: none;
	font-weight: bold;
}

.pricetai{	margin-bottom: 50px;}

.cart-block:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.cart-block{
	background: #e5ebd9;
	padding: 2%;
}

.cart-block li{
	width: 23.5%;
	float: left;
	margin: 0 2% 0 0;
	text-align: center;
}

.cart-block li:last-child{
	margin-right: 0;
}

.cart-block li a{
	background: #fff;
	display: block;
	padding: 5% 10%;
	text-decoration: none;
}

.cart-block li dt{
	max-width: 120px;
	max-height: 120px;
	margin: 0 auto;
}

.cart-block li dd{
	color: #000;
	font-size: 80%;
}

.cart-block li dd.btns{
	background: #294a8d;
	color: #fff;
	padding: 15px 0;
	margin-top: 15px;
}

.FS2_lower_comment{
	margin-top: 60px;
}


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

/* 準備中
    
/*======================================================================*/

.wait{
	text-align: center;
	padding-top: 200px;
}

.wait dt{
	font-size: 150%;
	line-height: 150%;
	font-weight: bold;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.lon{
	width: 500px;
	margin: 30px auto 130px;
}

.lon img{
	max-width: 350px;
	width: 100%;
	height: auto;
}

.pageback a{
	background: #000;
	display: block;
	color: #fff;
	width: 40%;
	padding: 15px 0;
	margin: 0 auto;
	-webkit-transition: .3s;
	transition: .3s;
}


.pageback a:hover{
	background: #333;
	display: block;
	color: #fff;
	width: 40%;
	padding: 15px 0;
	margin: 0 auto;
}

/*.FS2_GroupList .groupLayout .gl_Item{
	border-bottom: 1px dotted #ccc;
	padding: 1%;
	line-height: 130%;
	width: 16%;
	margin: 0 1% 1%;
}

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

/* 　商品詳細　以前の表記削除のため
    
/*======================================================================*/

.FS2_body_Goods_GoodsGroupList_2 .insta-block,
.FS2_body_Goods_GoodsGroupList_1 .insta-block,
.FS2_body_Goods_GoodsGroupList_3 .insta-block,
.FS2_body_Goods_GoodsGroupList_4 .insta-block,
.FS2_body_Goods_GoodsGroupList_5 .insta-block,
.FS2_body_Goods_GoodsDetail .insta-block{
	display: none !important;
}

.seibo{
	max-width: 1120px;
	margin: 0 auto 60px;
	width: 100%;
	background: url(../img/foot_line.gif) repeat-x left bottom;
	padding-bottom: 60px;
}

.seibo img{
	width: 100%;
	height: auto;
}


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

/* コンテンツマーケパターン
    
/*======================================================================*/

.single,
.img-cove,
.two-pho,
.l-phr-t,
.r-txp-l,
.three-pho{
	max-width: 840px;
	width: 100%;
	margin-bottom: 50px;
}

.single img{
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.l-phr-t ul:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.l-phr-t ul li:first-child{
	float: left;
	width: 44%;
}

.l-phr-t ul li img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.l-phr-t ul li:last-child{
	float: right;
	width: 50%;
}

.r-txp-l ul:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.r-txp-l ul li:first-child{
	float: right;
	width: 44%;
}

.r-txp-l ul li img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.r-txp-l ul li:last-child{
	float: left;
	width: 50%;
}

.two-pho ul:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.two-pho li{
	float: left;
	width: 48%;
}

.two-pho li:last-child{
	float: right;
}

.two-pho li img,
.three-pho li img{
	width: 100%;
	height: auto;
}

.three-pho ul:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.three-pho ul li{
	float: left;
	width: 31.6%;
	margin-right: 2.6%;
}

.three-pho ul li:last-child{
	margin-right: 0;
}

.item-slide{
	margin: 0 auto 50px;
	max-width: 840px;
	width: 100%;
}

.item-slide .swiper-container{
	margin-bottom: 40px;
	padding: 0;
	position: relative;
}

.item-slide .swiper-container .swiper-slide{
	position: relative;
}

.item-slide .swiper-container .image{
	margin-bottom: 20px;	
}

.item-slide .swiper-container .swiper-pagination{
	text-align: right;
}

.item-slide .swiper-container .swiper-pagination-bullet {
    width: 30px;
    height: 8px;
    display: inline-block;
    border-radius: 0;
    background: #eeeeee;
    opacity: 1;
}
.item-slide .swiper-container .swiper-pagination-bullet-active{
	background: #000000;
}

.item-slide img{
	width: 100%;
	height: auto;
}

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

/* 　よくある質問
    
/*======================================================================*/

.ques:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.ques li{
	width: 49%;
	float: left !important;
	margin: 0 2% 2% 0;
}

.ques li:nth-child(2n){
	margin-right: 0;
}

.ques li a{
	display: block;
	text-align: center;
	padding: 32px 2% 32px 14%;
	border-radius: 5px;
	color: #000 !important;
	font-size: 82% !important;
	line-height: 100%;
	-webkit-box-shadow: 0 0 0 1px #3b9f7f inset;
	box-shadow: 0 0 0 1px #3b9f7f inset;
}

.ques li a span{
	width: 100%;
	display: block;
}

.ques01{
	background: url(../img/ques01.png) no-repeat 15px center ,-webkit-gradient(linear, left top, left bottom, from(#A8FBE1), color-stop(80%, #fff));
	background: url(../img/ques01.png) no-repeat 15px center ,linear-gradient(#A8FBE1, #fff 80%);
	background-size: auto 50px,auto;
}

.ques02{
	background: url(../img/ques02.png) no-repeat 15px center ,-webkit-gradient(linear, left top, left bottom, from(#A8FBE1), color-stop(80%, #fff));
	background: url(../img/ques02.png) no-repeat 15px center ,linear-gradient(#A8FBE1, #fff 80%);
	background-size: auto 50px,auto;
}

.ques03{
	background: url(../img/ques03.png) no-repeat 15px center ,-webkit-gradient(linear, left top, left bottom, from(#A8FBE1), color-stop(80%, #fff));
	background: url(../img/ques03.png) no-repeat 15px center ,linear-gradient(#A8FBE1, #fff 80%);
	background-size: auto 50px,auto;
}

.ques04{
	background: url(../img/ques04.png) no-repeat 15px center ,-webkit-gradient(linear, left top, left bottom, from(#A8FBE1), color-stop(80%, #fff));
	background: url(../img/ques04.png) no-repeat 15px center ,linear-gradient(#A8FBE1, #fff 80%);
	background-size: auto 50px,auto;
}

.ques05{
	background: url(../img/ques05.png) no-repeat 15px center ,-webkit-gradient(linear, left top, left bottom, from(#A8FBE1), color-stop(80%, #fff));
	background: url(../img/ques05.png) no-repeat 15px center ,linear-gradient(#A8FBE1, #fff 80%);
	background-size: auto 50px,auto;
}

.ques06{
	background: url(../img/ques06.png) no-repeat 15px center ,-webkit-gradient(linear, left top, left bottom, from(#A8FBE1), color-stop(80%, #fff));
	background: url(../img/ques06.png) no-repeat 15px center ,linear-gradient(#A8FBE1, #fff 80%);
	background-size: auto 50px,auto;
}

.ques07{
	background: url(../img/ques07.png) no-repeat 15px center ,-webkit-gradient(linear, left top, left bottom, from(#A8FBE1), color-stop(80%, #fff));
	background: url(../img/ques07.png) no-repeat 15px center ,linear-gradient(#A8FBE1, #fff 80%);
	background-size: auto 50px,auto;
}

.ques08{
	background: url(../img/ques08.png) no-repeat 15px center ,-webkit-gradient(linear, left top, left bottom, from(#A8FBE1), color-stop(80%, #fff));
	background: url(../img/ques08.png) no-repeat 15px center ,linear-gradient(#A8FBE1, #fff 80%);
	background-size: auto 50px,auto;
}

.ques09{
	background: url(../img/ques09.png) no-repeat 15px center ,-webkit-gradient(linear, left top, left bottom, from(#A8FBE1), color-stop(80%, #fff));
	background: url(../img/ques09.png) no-repeat 15px center ,linear-gradient(#A8FBE1, #fff 80%);
	background-size: auto 50px,auto;
}

.ques10{
	background: url(../img/ques10.png) no-repeat 15px center ,-webkit-gradient(linear, left top, left bottom, from(#A8FBE1), color-stop(80%, #fff));
	background: url(../img/ques10.png) no-repeat 15px center ,linear-gradient(#A8FBE1, #fff 80%);
	background-size: auto 50px,auto;
}

.ques11{
	background: url(../img/ques11.png) no-repeat 15px center ,-webkit-gradient(linear, left top, left bottom, from(#A8FBE1), color-stop(80%, #fff));
	background: url(../img/ques11.png) no-repeat 15px center ,linear-gradient(#A8FBE1, #fff 80%);
	background-size: auto 50px,auto;
}

.ques12{
	background: url(../img/ques12.png) no-repeat 15px center ,-webkit-gradient(linear, left top, left bottom, from(#A8FBE1), color-stop(80%, #fff));
	background: url(../img/ques12.png) no-repeat 15px center ,linear-gradient(#A8FBE1, #fff 80%);
	background-size: auto 50px,auto;
}

.ques13{
	background: url(../img/ques13.png) no-repeat 15px center ,-webkit-gradient(linear, left top, left bottom, from(#A8FBE1), color-stop(80%, #fff));
	background: url(../img/ques13.png) no-repeat 15px center ,linear-gradient(#A8FBE1, #fff 80%);
	background-size: auto 50px,auto;
}

.ques14{
	background: url(../img/ques14.png) no-repeat 15px center ,-webkit-gradient(linear, left top, left bottom, from(#A8FBE1), color-stop(80%, #fff));
	background: url(../img/ques14.png) no-repeat 15px center ,linear-gradient(#A8FBE1, #fff 80%);
	background-size: auto 50px,auto;
}

.ques15{
	background: url(../img/ques15.png) no-repeat 15px center ,-webkit-gradient(linear, left top, left bottom, from(#A8FBE1), color-stop(80%, #fff));
	background: url(../img/ques15.png) no-repeat 15px center ,linear-gradient(#A8FBE1, #fff 80%);
	background-size: auto 50px,auto;
	letter-spacing: -1px;
}

.ques16{
	background: url(../img/ques16.png) no-repeat 15px center ,-webkit-gradient(linear, left top, left bottom, from(#A8FBE1), color-stop(80%, #fff));
	background: url(../img/ques16.png) no-repeat 15px center ,linear-gradient(#A8FBE1, #fff 80%);
	background-size: auto 50px,auto;
	letter-spacing: -1px;
}

.sub-tit{
	background: #daf8f8;
	padding: 15px;
	font-weight: bold;
	color: #1a3d97;
	border-bottom: 1px solid #66a8bc;
	margin-bottom: 20px;
}

.mid-tit{
	background: -webkit-gradient(linear, left top, left bottom, from(#b9e8d3), color-stop(80%, #58e094));
	background: linear-gradient(#b9e8d3, #58e094 80%);
	padding: 10px 15px;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #66a8bc;
	margin-bottom: 20px;
	text-shadow: 1px 1px 2px #666;
}

.qalist{
	margin-bottom: 50px;
}

.qalist li{
	border-bottom: 1px dotted #ccc;
	padding-bottom: 8px;
	margin-bottom: 8px;
}

.qalist li a{
	background: url(../img/icon-q.svg) no-repeat left 3px;
	background-size: 22px 22px;
	padding: 5px 0 5px 43px;
}

.qa-ans dt{
	background: url(../img/icon-q.svg) no-repeat left 3px;
	font-size: 120%;
	background-size: 26px 26px;
	font-weight: bold;
	padding: 5px 0 5px 43px;
	margin-bottom: 20px;
}

.qa-ans dd{
	padding: 15px;
	background: #f0fcf6;
	-webkit-box-shadow: 0 0 0 5px #e6fbef;
	box-shadow: 0 0 0 5px #e6fbef;
	margin-bottom: 30px;
}

.qa-ans dd .line{
	text-decoration: underline;
}

.qa-ans dd img{
	max-width: 100%;
	height: auto;
}


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

/* 　お客様の声
    
/*======================================================================*/

.voices{
	margin-bottom: 30px;
}

.voices:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.voices li{
	width: 23.5%;
	float: left !important;
	margin: 0 2% 2% 0;
}

.voices li:nth-child(4n){
	margin-right: 0;
}

.voices li a{
	display: block;
	text-align: center;
	padding: 22px 2%;
	color: #000 !important;
	font-size: 82% !important;
	line-height: 100%;
	-webkit-box-shadow: 0 0 0 1px #3b9f7f inset;
	box-shadow: 0 0 0 1px #3b9f7f inset;
	background: -webkit-gradient(linear, left top, left bottom, from(#A8FBE1), color-stop(80%, #fff));
	background: linear-gradient(#A8FBE1, #fff 80%);
}

.voices li a span{
	width: 100%;
	display: block;
}

.voice-mtit{
	background: url(../img/circle-icon.jpg) no-repeat left 2px;
	color: #1a3d97;
	font-weight: bold;
	padding:0 0 10px 30px;
	border-bottom:solid 1px #1a3d97;
	font-size: 120%;
	margin-bottom: 30px;
}

.imgsingle{
	margin-bottom: 30px;
	text-align: center;
}

.imgsingle img{
	max-width: 100%;
	height: auto;
}

.one-voice{
	margin-bottom: 50px;
}


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

/* 　悩みで探す
    
/*======================================================================*/

.one-trouble,
.due-trouble{
	margin-bottom: 30px;
}

.one-trouble:after,
.due-trouble ul:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.one-trouble .photo{
	float: left;
	width: 30%;
}

.one-trouble .photo img,
.due-trouble ul li img{
	width: 100%;
	height: auto;
}

.due-trouble ul{
	margin-bottom: 30px;
}

.due-trouble ul li{
	width: 31.6%;
	float: left;
	margin-right: 2.6%;
}

.due-trouble ul li:nth-child(3n){
	margin-right: 0;
}

.one-trouble dl{
	float: right;
	width: 65%;
}

.one-trouble dt,
.due-trouble dt{
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.one-trouble dl dd,
.due-trouble dl dd{
	margin-bottom: 25px;
}

.one-trouble dl dd strong,
.due-trouble dl dd strong{
	color: #1a3d97;
}

.duel li{
	list-style:disc;
	margin-left: 20px;
}

.theimg:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.theimg{
	margin-bottom: 40px;
}

.theimg li{
	float: left;
	width: 32%;
	margin-right: 2%;
	list-style: none;
}

.theimg li:last-child{
	margin-right: 0;
}

.theimg li img{
	width: 100%;
	height: auto;
}

#FS2_itemlayout_A .FS2_itemlayout_td_Right h2.itemGroup{
	font-size: 150%;
	line-height: 150%;
}

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

/* 　ブログコンテンツ用
    
/*======================================================================*/

h3.read{
	color: #1a3d97;
	font-weight: bold;
	padding:0 0 10px 0px;
	border-bottom:solid 1px #1a3d97;
	font-size: 120%;
	margin-bottom: 30px;
}

h3.read u{	text-decoration: none !important;}

h2.read{
	background: #daf8f8 !important;
	padding: 15px !important;
	font-weight: bold;
	color: #1a3d97;
	border-bottom: 1px solid #66a8bc;
	margin-bottom: 20px;
}

.single-block dl{margin-bottom: 40px;}
.single-block dl dt{
	background: rgba(253,255,230,1.00);
	padding: 10px;
	color: #294a8d;
	border-bottom: 1px solid rgba(180,156,93,1.00);
	margin-bottom: 20px !important;
}
.single-block dl dd{	margin-bottom: 30px;}

dt.midashi{
	background: rgba(210,247,229,1.00) !important;
	padding: 10px;
	color: #294a8d;
	border-bottom: 3px solid rgba(82,203,139,1.00) !important;
	font-size: 120%;
	line-height: 150%;
}

.blog-contents h1{
	font-size: 140%;
	outline-width: 150%;
	border-left: 5px solid #294a8d;
	border-bottom: 1px solid #ccc;
	padding: 20px;
}

div#waku{
    width: 80% !important;
    padding:5% !important;
}

.bmt{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	color: #1a3d97;
	font-size: 120%;
	line-height: 150%;
	margin-bottom: 30px;
}

.brown{
	background: -webkit-gradient(linear, left top, left bottom, from(#897953), color-stop(80%, #C2B595)) !important;
	background: linear-gradient(#897953, #C2B595 80%) !important;
	padding: 10px !important;
	color: #fff !important;
	border-bottom: 2px solid #897953;
}

.brown u{
	text-decoration: none;
}

.ol_ye{
    background: #fefee6;
    padding: 3%;
}

.ol_ye li{
    background: url(../img/dot-line.gif) repeat-x left bottom;
    padding-bottom: 10px;
    margin: 0 0 10px 0;
    list-style: inside;
}


h3.SmallTitle{
	background: -webkit-gradient(linear, left top, left bottom, from(#b9e8d3), color-stop(80%, #58e094));
	background: linear-gradient(#b9e8d3, #58e094 80%);
	padding: 10px 15px;
	font-weight: bold;
	color: #fff !important;
	border-bottom: 1px solid #66a8bc;
	margin-bottom: 20px;
	text-shadow: 1px 1px 2px #666;
}

h3.SmallTitle u{
	text-decoration: none !important;
}

.cws:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.cws .cover{
	float: left;
	width: 30%;
}

.cws p img{
	max-width: 100%;
	height: auto;
}

.cws dl{
	float: right;
	width: 65%;
}

#waku{
	width: 100% !important;
	display: block !important;
	clear: both !important;
}

.FS2_GroupLayout .groupLayout .alignItem_05 .gl_Item{
	margin-left: 0;
}

.FS2_GroupLayout .groupLayout .alignItem_05 .gl_Item table{
	background:#ecfbfc;
	padding: 2%;
	width: 100%;
}

.system_content .FS2_GroupList .groupLayout .alignItem_03{
	display: flex;
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;/*--- safari（PC）用 ---*/
	-ms-flex-direction : row; /* for IE10 */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content: space-between;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	word-break: break-all;
}

.FS2_GroupLayout .groupLayout .alignItem_05 .gl_Item table .FS2_itemlayout_td_Left{
	width: 20%;
}

.FS2_GroupLayout .groupLayout .alignItem_05 .gl_Item table .FS2_itemlayout_td_Right{
    padding-left: 6%;
}

.FS2_GroupLayout .groupLayout .alignItem_05 .gl_Item table .FS2_itemlayout_td_Right .itemRight{
    margin-bottom: 0;
}

.tube{	
	margin: 40px auto;
	text-align: center;}

.tube iframe{
	text-align: center;
	max-width: 560px;
	width: 100%;
	margin: 0 auto;
}
.trrubles{
    margin: 0 0 30px 30px;
}

.trrubles li{
    list-style: disc;
}

.coutins{
    padding: 3% 3% 3% 6%;
    margin: 0 0 50px 0px;
    background: #fff8e2;
}

.coutins li{
    list-style: disc;
}

#FS2_Recommend_List .CrossHead{
    border-bottom: 5px solid #314a88 !important;
    padding-bottom: 15px;
    margin-bottom: 20px;
}



#FS2_Recommend_List .FS2_recommendgoods_table .FS2_thumbnail_container{
    float: left;
    width: 20%;
}

#FS2_Recommend_List .FS2_recommendgoods_table .FS2_thumbnail_container img{
    width: 100%;
    height: auto;
}

#FS2_Recommend_List .FS2_recommendgoods_table .itemTitle,
#FS2_Recommend_List .FS2_recommendgoods_table .FS2_itemPrice_area,
#FS2_Recommend_List .FS2_recommendgoods_table .FS2_ItemShortComment,
#FS2_Recommend_List .FS2_recommendgoods_table .FS2_WishListButton_area{
    float: right;
    width: 74%;
    text-align: left;
    padding-bottom: 10px !important;
}

.FS2_recommendgoods_table p{
    float: right;
    width: 74%;
    text-align: left;
}

.FS2_recommendgoods_table .FS2_itemPrice_text{
    float: left;
}

#FS2_Recommend_List .gl_Item{
    background: #ecfbfc;
    padding: 2%;
    width: 96%;
    margin: 0 auto 15px;
}

.w_tokuten{
    text-align: center;
    /* margin: 0 auto 30px; */
    background: #990000;
    padding: 1% 2%;
    width: 96%;
    margin: 30px auto;
    display: flex;
    display: -webkit-box;/*--- Androidブラウザ用 ---*/
    display: -ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    -webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack: justify;/*--- IE10 ---*//*--- safari（PC）用 ---*/
    justify-content: space-between;
    -webkit-box-align: center;/*--- Androidブラウザ用 ---*/
    -ms-flex-align: center;/*--- IE10 ---*//*--- safari（PC）用 ---*/
    align-items: center;
}

.w_tokuten dt{
    color: #fff;
    font-size: 120%;
    width: 54%;
    line-height: 130%;
}

.w_tokuten dd{    width: 42%;}

.w_tokuten dd a{
    color: #990000;
    background: #ffff00;
    display: block;
    padding: 5%;
    font-size: 150%;
}

.FS2_bottom_btn_right_and_left_1,
.FS2_bottom_btn_right_and_left_2{
    margin-top: 20px;
}

.FS2_body_Cart_DeliveryEdit .CrossHead,
.FS2_body_Cart_SettleEdit .CrossHead,
.FS2_body_Cart_OrderConfirm .CrossHead{
    border-bottom: 2px solid #314a88 !important;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.FS2_body_Cart_SettleEdit #fs2_settleSelect{
    border-top: none;
    border-left: none;
}

.FS2_body_Cart_SettleEdit #fs2_settleSelect th{
    border-left: 1px solid #ddd;
}

.FS2_body_Cart_SettleEdit #fs2_settleSelect .FS2_settleNotice{
    padding: 0;
    border-right: none;
}

.cartTable th,
.userTable_02 th{
    background: #e3f1fb;
}

.FS2_body_Cart_OrderConfirm caption{
    display: block !important;
    background: #e3f1fb;
}

.FS2_body_Goods_silk_oligomer .groupLayout .gl_Item{
    display: block;
    padding: 22px 2%;
    color: #000 !important;
    font-size: 82% !important;
    line-height: 100%;
    -webkit-box-shadow: 0 0 0 1px #3b9f7f inset;
    box-shadow: 0 0 0 1px #3b9f7f inset;
    background: -webkit-gradient(linear, left top, left bottom, from(#A8FBE1), color-stop(80%, #fff));
    background: linear-gradient(#A8FBE1, #fff 80%);
}

.nen_cam{
    width: 1120px;
    margin: 0 auto 30px !important;
}