/*----------------------------
共通部
---------------------------*/
div.button_field input{
	padding: 5px;
	box-sizing: border-box;
}
.sp{
	display: none;
}
button{
	display: block;
}
button > a , button > a > img ,button > img{
	display: block;
	width: 100%;
}
.bg_light_blue{
	background: #c2dcf3;
}

/*----------------------------
header
---------------------------*/
header{
	position: relative;
	width: 100%;
	padding: 2% 0;
	margin-bottom: 2%;
	background-image: url('/img/common/header_back.png');
	background-repeat: no-repeat;
	background-size: 100%;
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.2);
}
header > div.header_cont{
	display: table;
	width: 1280px;
	margin: 0 auto;
}
header > div.header_cont > h1{
	display: table-cell;
	width: 45%;
	vertical-align: middle;
}
header > div.header_cont > h1 a img{
	width: 70%;
	margin: 0 0 0 30%;
}
header > div.header_cont > div.tel{
	display: table-cell;
	width: 30%;
	text-align: center;
	vertical-align: middle;
}
header > div.header_cont > div.tel img{
	width: 80%;
	text-align: center;
}
header > div.header_cont > div.icon_cont{
	display: table-cell;
	width: 25%;
	vertical-align: middle;
}
header > div.header_cont > div.icon_cont > ul{
	width: 50%;
	margin: 0 50% 0 0;
}
header > div.header_cont > div.icon_cont > ul > li{
	width: 50%;
	text-align: center;
	float: right;
}
header > div.header_cont > div.icon_cont > ul > li > img{
	display: block;
	width: 80%;
	margin: 0 auto;
}
header > nav{
	width: 1280px;
	margin: 2% auto 0;
}
header > nav > ul{
	text-align: center;
}
header > nav > ul > li{
	display: inline-block;
	margin: 0 3%;
}
header > nav > ul > li > a{
	width: 100%;
}


/*----------------------------
footer
---------------------------*/
footer{
	margin-top: 5%;
}
footer .tel > button{
	display: block;
	width: 1152px;
	margin: 0 auto;
	padding: 1% 0 0 0;
	font-size: 20px;
	line-height: 2.0em;
	background: none;
	border: solid 1px #0C4385 !important;
	box-sizing: border-box;
}
footer .tel > button > a{
	display: inline;
	width: auto;
}
footer .tel > button > a > img{
	display: inline;
	width: 26%;
}
footer .icon{
	margin: 2% auto;
	text-align: center;
}
footer .icon img{
	margin: 1%;
}
footer .base{
	padding: 2%;
	background: #ADC8E7 url("/img/common/footer_back.png");
	background-repeat: no-repeat;
	background-size: 100%;
}
footer .base div.cf{
	width: 50%;
	margin:2% 10% 2% 40%;
}
footer .base div.cf ul{
	width: 35%;
	float: left;
}
footer .base div.cf li{
	list-style: disc;
}
footer .base div.cf ul:first-child{
	width: 30%;
}
footer .base img{
	display: none;
}
footer .base div.copyright{
	text-align: center;
	clear: both;
}

/*----------------------------
共通項目
---------------------------*/
.easy_beauty{
	margin: 6% auto auto;
	padding: 2% 0;
	background-image:url("/img/common/conceptbase.jpg");
	background-repeat:no-repeat;
	background-position: 50% 50%;
	box-sizing: border-box;
}
.easy_beauty > p{
	color: #0C4385;
	text-align: center;
}
.easy_beauty > h2{
	margin: 20px auto;
	text-align: center;
}
.easy_beauty > div{
	width: 700px;
	margin: 20px auto;
}
.easy_beauty > div p{
	padding-left: 5%;
	box-sizing: border-box;
}
.easy_beauty > img{
	display: block;
	margin: 0 auto;
}
.easy_beauty > button{
	display: block;
	width: 500px;
	margin: 10px auto;
}
.easy_beauty > button img{
	width: 100%;
}
.recommend{
	width: 1280px;
	margin: 8% auto;
}
.recommend h3{
	font-size: 40px;
	color: #0C4385;
	line-height: 1.0em;
	text-align: center;
}
.recommend > p{
	margin: 2% auto;
	text-align: center;
}
.recommend div.item_box > h3{
	color: #0C4385;
	border-top: solid 1px #0C4385;
	border-bottom: solid 1px #0C4385;
	font-size: 20px;
	font-weight: bolder;
	text-align: center;
}
.recommend div.item_box > div img{
	width: 90%;
	margin: 5%;
}
.recommend div.item_box > div p.place{
	margin: 4% auto 0;
}
.recommend div.item_box > div > div > button{
	width: 80%;
	margin: 2% 10% 5%;
	border: none;
}
.recommend div.item_box > div > div > button:last-of-type{
	margin-bottom: 40px;
}
.recommend div.item_box > div > div > button > img{
	width: 100%;
	margin: 0;
}
.recommend div.item3 > div{
	width: 30%;
	margin-right: 5%;
	text-align: center;
	float: left;
}
.recommend div.item3 > div:last-child{
	margin-right: 0;
}
.shopping_pc{
	width: 1280px;
	margin: 4% auto auto;
}
.shopping_pc img{
	width: 100%;
}
.shopping_pc > div{
	width: 40%;
	margin: 5%;
	border: solid 1px #0C4385;
	float: left;
	box-sizing: border-box;
}
.shopping_pc > div > button{
	display: block;
	width: 90%;
	margin: 1% auto;
}
.shopping_pc > button{
	width: 90%;
	min-height: 3.0em;
	margin: 5% 5% 2%;
	font-size: 20px;
	line-height: 3.0em;
	border: solid 1px #0C4385 !important;
	box-sizing: border-box;
}
.shopping_pc > button{
	background: none;
}
.shopping_pc > button > a{
	display: block;
	color: #0C4385;
}
.shopping_sp{
	display: none;
}


/*----------------------------
index
---------------------------*/
#main_cont button{
	border: none;
	background: none;
}
#main_cont h2{
	font-size: 40px;
	color: #0C4385;
	line-height: 1.0em;
	text-align: center;
}
#main_cont h2 > small{
	font-size: 20px;
}

#main_cont #main_img{
	padding: 2% 0;
	background-image:url("/img/top/mainbase.jpg");
	background-repeat:no-repeat;
	background-position: 50% 50%;
}
#main_cont #main_img > div{
	width: 1000px;
	margin: 0 auto;
}
#main_cont #main_img img{
	width: 46%;
	margin: 12% 4%;
}
#main_cont #main_img img.img{
	width: 42%;
	margin: 3% 0 3% 4%;
	float: right;
}
#main_cont #recognition{
	width: 1280px;
	margin: 0 auto;
	padding: 0 3%;
	box-sizing: border-box;
	text-align: center;
}
#main_cont #recognition > img{
	width: 48%;
	margin: auto 1%;
/*	float: left;*/
}
#main_cont #moisture{
	width: 1280px;
	margin: 0 auto;
	text-align: center;
}
#main_cont #moisture > p{
	margin: 8% auto 0;
	color: #0C4385;
}
#main_cont #moisture > img{
	display: block;
	width: 100%;
	margin: 0 auto;
}
#main_cont #moisture > img.text{
	width: 56%;
	margin: 2% auto;
}
#main_cont #moisture button{
	display: block;
	width: 500px;
	margin: 0 auto;
}
#main_cont .flame{
	width: 1280px;
	margin: 6% auto;
	text-align: center;
}
#main_cont .flame > img{
	width: 36%;
}
#main_cont #recommendation{
	width: 1280px;
	margin: 0 auto;
}
#main_cont #recommendation > p{
	margin: 3% auto;
	text-align: center;
}
#main_cont #recommendation > div > div{
	width: 42%;
	margin: 0 4%;
	float: left;
}
#main_cont #recommendation > div > div > button{
	width: 100%;
}
#main_cont #recommendation > div > div > button > img{
	width: 100%;
}
#main_cont #recommendation > div > div > h3{
	margin: 1% auto;
	font-size: 18px;
	font-weight: bolder;
}
#main_cont #recommendation > div > div > p{
	font-size: 16px;
}
#main_cont .movie_area{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
}
#main_cont .movie_area > video{
	width: 75%;
}
#main_cont #all_item{
	width: 1280px;
	margin: 2% auto 0;
}
#main_cont #all_item > h2{
	padding-top: 4%;
}
#main_cont #all_item > p{
	margin: 3% auto;
	font-size: 120%;
	text-align: center;
}
#main_cont #all_item div.item_box > h3{
	color: #0C4385;
	border-top: solid 1px #0C4385;
	border-bottom: solid 1px #0C4385;
	font-size: 20px;
	font-weight: bolder;
	text-align: center;
}
#main_cont #all_item div.item_box > div img{
	width: 90%;
	margin: 5%;
}
#main_cont #all_item div.item_box > div p.place{
	margin: 4% auto 0;
}
#main_cont #all_item div.item_box > div > div > button{
	width: 80%;
	margin: 2% 10% 5%;
}
#main_cont #all_item div.item_box > div > div > button:last-of-type{
	margin-bottom: 40px;
}
#main_cont #all_item div.item_box > div > div > button > img{
	width: 100%;
	margin: 0;
}
#main_cont #all_item div.item1l > div , #main_cont #all_item div.item1r > div{
	width: 100%;
	text-align: center;
}
#main_cont #all_item div.item1l{
	width: 30%;
	margin-right: 5%;
	float: left;
}
#main_cont #all_item div.item1r{
	width: 30%;
	float: left;
}
#main_cont #all_item div.item2l > div , #main_cont #all_item div.item2c > div , #main_cont #all_item div.item2r > div{
	width: 46%;
	margin-right: 8%;
	text-align: center;
	float: left;
}
#main_cont #all_item div.item2l > div:last-child , #main_cont #all_item div.item2c > div:last-child , #main_cont #all_item div.item2r > div:last-child{
	margin-right: 0;
}
#main_cont #all_item div.item2l{
	width: 65%;
	margin-right: 5%;
	float: left;
}
#main_cont #all_item div.item2c{
	width: 65%;
	margin: auto;
	clear: both;
}
#main_cont #all_item div.item2r{
	width: 65%;
	float: left;
}
#main_cont #all_item div.item3 > div{
	width: 30%;
	margin-right: 5%;
	text-align: center;
	float: left;
}
#main_cont #all_item div.item3 > div:last-child{
	margin-right: 0;
}
#main_cont #all_item div.item4 > div{
	width: 24%;
	margin-right: 1%;
	text-align: center;
	float: left;
}
#main_cont #all_item div.item4 > div:last-child{
	margin-right: 0;
}
.clearfix::after {
    content: " ";
    display: block;
    clear: both;
}

/*----------------------------
アイテムページ
---------------------------*/
.item .sp{
	display: none;
}
.item button{
	border: none;
	background: none;
}
.item .red{
	color: red;
}
.item h3{
	font-size: 40px;
	color: #0C4385;
	line-height: 1.0em;
	text-align: center;
}
.item h3 > small{
	font-size: 20px;
}

.item > form > .details{
	width: 1280px;
	margin: 3% auto;
}
.item > form > .details > img{
	display: block;
	width: 30%;
	margin: 0 10%;
	padding: 0;
	float: left;
	box-sizing: border-box;
}
.item > form > .details > div.text_cont{
	width: 50%;
	float: left;
}
.item > form > .details > div.text_cont h2{
	font-size: 26px;
}
.item > form > .details > div.text_cont div.icon{
	margin: 2% auto 0;
}
.item > form > .details > div.text_cont div.icon img{
	display: inline;
	width: 16%;
	padding: 2%;
	box-sizing: border-box;
}
.item > form > .details > div.text_cont p.component{
	margin: auto;
}
.item > form > .details > div.text_cont p.description{
	margin: 4% auto;
}
.item > form > .details > div.text_cont p.announcement{
	font-size: 24px;
	margin: 2% auto;
}
.item > form > .details > div.text_cont div.regularly{
	margin: 2% auto 0;
}
.item > form > .details > div.text_cont div.normal{
	margin: 4% auto 8%;
}
.item > form > .details > div.text_cont div.cf p.price{
	width: 40%;
	float: left;
}
.item > form > .details > div.text_cont div.cf p.price strong{
	font-size: 32px;
	font-weight: normal;
}
.item > form > .details > div.text_cont div.cf div.select{
	width:25%;
	float: left;
}
.item > form > .details > div.text_cont div.cf button{
	margin: 1% auto;
	width: 35%;
	float: left;
}
.item > form > .details > div.text_cont a{
	color: blue;
	text-decoration: underline;
}
.item > form > .details > p{
	width: 100%;
	clear: both;
}
.item > form > .componext{
	width: 1280px;
	margin: 6% auto;
}
.item > form > .componext > h4{
	margin: 2% auto;
	font-size: 120%;
	text-align: center;
}
.item > form > .componext > p{
	margin: 3% auto;
}
.item > form > .componext > div.comment_box{
	width: 60%;
	margin: 6% auto;
}
.item > form > .componext > div.comment_box > img{
	width: 40%;
	float: left;
}
.item > form > .componext > div.comment_box > div{
	width: 60%;
	padding: 0 10%;
	float: left;
	box-sizing: border-box;
}
.item > form > .componext > div.comment_box > div > h5{
	width: 100%;
	margin: 14% auto 4%;
	font-size: 120%;
	text-align: center;
}
.item > form > .componext > div.extract{
	width: 100%;
}
.item > form > .componext > div.extract > div.extract_box{
	width: 50%;
	float: left;
}
.item > form > .componext > div.extract > div.extract_box > .extract_cont{
	width: 50%;
	padding: 4%;
	float: left;
	box-sizing: border-box;
}
.item > form > .componext > div.extract > div.extract_box > .extract_cont > img{
	display: block;
	width: 100%;
}
.item > form > .componext > div.extract > div.extract_box > .extract_cont > h5{
	text-align: center;
	font-size: 120%;
/*	margin: 5% auto;*/
	margin: 10% auto;
}
.item > form > .care{
	width: 1280px;
	margin: 5% auto;
}
.item > form > .care > img{
	width: 100%;
	padding: 5% 10% 0;
	box-sizing: border-box;
}

.item > form > .componext > div.comment_box > div > p{
	width: 100%;
	margin: 0 auto　;
	text-align: center;
}

div.extract_cont_title {
	vertical-align: middle;
	text-align: center;
	margin: 10% auto 2%;
}

div.extract_cont_title > h5{
	text-align: center;
	font-size: 120%;
}
div.extract_cont_title > p{
	margin-top: 5%;
}
.mg10 {
	margin: 10% 0;
}
div.newitem {
	position: relative;
}
p.new {
	position: absolute;
	top: -10px;
	left: 43%;
	color: #f53c17;
	font-size: 120%;
}
.mb30 {
	margin-bottom: 10px;
}

/*----------------------------
パンくずリスト
---------------------------*/
.breadcrumbs{
	width: 96%;
	margin: 0 2%;
}
.breadcrumbs ul{
	display: table;
	font-size: 13px;
}
.breadcrumbs ul li{
	margin: 0 10px 0 0;
	font-size: 13px;
	float: left;
}
.breadcrumbs ul li:first-child::before{
	font-family: "Font Awesome 5 Free";
	content: "\f015";
	font-weight: 900;
	padding: 0 3px 0 0;
	font-size: 14px;
}
.breadcrumbs ul li::before{
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: 900;
	padding: 0 10px 0 0;
	font-size: 14px;
}

/*----------------------------
cart
---------------------------*/
#cart{
	width: 1280px;
	margin: 0 auto;
}
#cart .red{
	color: red;
}
#cart > img{
	display: block;
	width: 96%;
	margin: 2% auto;
}
#cart > h2{
	width: 100%;
	margin: 2% auto;
	font-size: 40px;
	text-align: center;
}
#cart .form_field{
	width: 96%;
	margin: 2%;
}
#cart div.button_field{
	width: 100%;
	margin: 2% auto;
}
#cart div.button_field button{
	min-height: 3.0em;
	line-height: 3.0em;
	width: 100%;
}
#cart div.btn_f1 button:first-child{
	width: 550px;
	background: none;
	border: none;
}
#cart div.btn_f1 button:last-child{
	width: 20%;
	float: right;
}
#cart .form_field span.tax_in{
	font-size: 85%;
}
#cart .form_field p a{
	text-decoration: underline;
}
#cart .form_field div.item_feeld{
	margin: 2% auto;
}
#cart .form_field div.item_feeld ul{
	padding: 1%;
	box-sizing: border-box;
}
#cart .form_field div.item_feeld ul.item_feeld_head{
	border-bottom: solid 2px #000000;
}
#cart .form_field div.item_feeld ul.item_feeld_cont{
	border-bottom: solid 1px #000000;
}
#cart .form_field div.item_feeld ul li{
	text-align: center;
	line-height: 2.0em;
	float: left;
}
#cart .form_field div.item_feeld ul.regular li{
	font-weight: bolder;
}
#cart .form_field div.item_feeld ul.item_feeld_cont li{
	padding: 1%;
	line-height: 1.5em;
	box-sizing: border-box;
}
#cart .form_field div.item_feeld ul.item_feeld_cont li button{
	margin: 0 auto;
}
#cart .form_field div.item_feeld ul li.image , #cart .form_field div.item_feeld ul li.quantity , #cart .form_field div.item_feeld ul li.delete{
	width: 10%;
}
#cart .form_field div.item_feeld ul li.unit_price , #cart .form_field div.item_feeld ul li.subtotal{
	width: 20%;
}
#cart .form_field div.item_feeld ul li.product_name{
	width: 30%;
}
#cart .form_field div.item_feeld ul li.image img{
	display: block;
	width: 100%;
}
#cart .form_field div.item_feeld ul.item_feeld_head li.unit_price , #cart .form_field div.item_feeld ul.item_feeld_foot li.quantity{
	margin-left: 40%;
}
#cart .form_field div.item_feeld ul.item_feeld_cont li.product_name{
	text-align: left;
}
#cart .form_field div.item_feeld ul.item_feeld_cont li.image{
	padding: 0;
}
#cart .form_field div.item_feeld ul.item_feeld_foot li.quantity{
	width: 30%;
}
#cart .form_field div.item_feeld ul.item_feeld_foot li.quantity div{
	float: left;
}

#cart .form_field div.item_feeld ul.item_feeld_foot li.quantity div.comment{
	width: 70%;
	padding-left: 10%;
	text-align: left;
	box-sizing: border-box;
}
#cart .form_field div.item_feeld ul.item_feeld_foot li.quantity div.number{
	width: 30%;
}
#cart .form_field div.message{
	width: 500px;
	margin: 2% 0;
	color: red;
	float: right;
}
#cart .form_field div.note{
	margin: 2% auto 4%;
	clear: both;
}
#cart div.btn_f2 > div{
	width: 25%;
	margin: 1% auto 1% 0;
}
#cart div.btn_f3 button{
	width: 30%;
	float: right;
	font-size: 120%;
}

/*----------------------------
cart確認事項
---------------------------*/
.confirmation{
	text-align: center;
}
.confirmation .red{
	color: red;
}
.confirmation section{
	margin: 6% auto;
}
.confirmation h2{
	margin: 2% auto;
	font-size: 130%;
}
.confirmation .big{
	font-size: 140%;
}
.confirmation div.button_field{
	width: 80%;
	margin: 4% auto;
}
.confirmation div.button_field > div , .confirmation div.button_field > form{
	width: 50%;
	float: left;
}
.confirmation div.button_field button{
	display: block;
	width: 70%;
	min-height: 3.0em;
	margin: 0 auto;
	line-height: 3.0em;
}

/*----------------------------
customer_information_01
---------------------------*/
#customer_information_01 .required , #customer_information_01 .red{
	color: red;
}
#customer_information_01{
	width: 1280px;
	margin: 0 auto;
}
#customer_information_01 > img{
	display: block;
	width: 96%;
	margin: 2% auto;
}
#customer_information_01 > h2{
	margin: 2% auto;
	font-size: 40px;
	text-align: center;
}
#customer_information_01 > .description{
	padding-left: 2%;
	border-bottom: solid 2px #000000;
}
#customer_information_01 .form_field{
	width: 96%;
	margin: 2%;
}
#customer_information_01 .form_field dl{
	width: 100%;
}
#customer_information_01 .form_field dt{
	width: 20%;
	padding: 10px;
	box-sizing: border-box;
	float: left;
}
#customer_information_01 .form_field dd{
	width: 80%;
	padding: 10px;
	box-sizing: border-box;
	float: left;
}
#customer_information_01 .form_field dl.city input[type="text"] , #customer_information_01 .form_field dl.address input[type="text"] , #customer_information_01 .form_field dl.room_no input[type="text"] , #customer_information_01 .form_field dl.email input[type="email"]{
	width: 90%;
}
#customer_information_01 .form_field dl.birthday input[type="text"]{
	width: 100px;
}
#customer_information_01 .form_field .button_field{
	width: 30%;
	margin: 5% 10% 5%;
}
#customer_information_01 .form_field .btn_1{
	float: right;
}
#customer_information_01 .form_field .btn_2{
	float: left;
}
#customer_information_01 .form_field .button_field button{
	width: 100%;
	min-height: 3.0em;
	text-align: center;
	line-height: 3.0em;
}

/*----------------------------
customer_information_02
---------------------------*/
#customer_information_02 .required , #customer_information_02 .red{
	color: red;
}
#customer_information_02{
	width: 1280px;
	margin: 0 auto;
}
#customer_information_02 > img{
	display: block;
	width: 96%;
	margin: 2% auto;
}
#customer_information_02 > h2{
	width: 100%;
	margin: 2% auto;
	font-size: 40px;
	text-align: center;
	border-bottom: solid 2px #000000;
}
#customer_information_02 .form_field{
	width: 96%;
	margin: 2%;
}
#customer_information_02 .form_field dl{
	width: 100%;
}
#customer_information_02 .form_field dt{
	width: 20%;
	padding: 10px;
	box-sizing: border-box;
	float: left;
}
#customer_information_02 .form_field dd{
	display: table-cell;
	width: 80%;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	float: left;
}
#customer_information_02 .form_field dd > table{
	width: 100%;
	height: 100%;
	border: solid 2px #000000;
	border-collapse: collapse;
	table-layout: fixed;
}
#customer_information_02 .form_field dd table td{
	width: 93%;
	padding: 10px;
	border: solid 2px #000000;
}
#customer_information_02 .form_field dd table td.radio{
	width: 7%;
	height: 100%;
	padding: 0;
	text-align: center;
}
#customer_information_02 .form_field dd table td.radio label{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
#customer_information_02 .form_field dd table td.radio label input{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
/*#customer_information_02 .form_field td.card_no input[type="text"]{
	width: 80px;
}*/
#customer_information_02 .form_field td.security_no img{
	width: 100%;
	margin: auto;
}
#customer_information_02 .form_field td div.hl_cont{
	width: 100%;
	margin: 15px auto 30px;
}
#customer_information_02 .form_field td.brand img{
	width: auto;
	height: 30px;
	margin: 0 10px;
}
#customer_information_02 dl.addressee a{
	color: red;
}
#customer_information_02 .form_field .button_field{
	width: 30%;
	margin: 5% 10% 5%;
}
#customer_information_02 .form_field .btn_1{
	float: right;
}
#customer_information_02 .form_field .btn_2{
	float: left;
}
#customer_information_02 .form_field .button_field button{
	width: 100%;
	min-height: 3.0em;
	text-align: center;
	line-height: 3.0em;
}

/*----------------------------
order_confirmation
---------------------------*/
#order_confirmation{
	width: 1280px;
	margin: 0 auto;
}
#order_confirmation > img{
	display: block;
	width: 96%;
	margin: 2% auto;
}
#order_confirmation > h2{
	width: 100%;
	margin: 2% auto;
	font-size: 40px;
	text-align: center;
}
#order_confirmation .form_field p a{
	text-decoration: underline;
}
#order_confirmation .form_field div.item_feeld{
	margin: 2% auto;
}
#order_confirmation .form_field div.item_feeld ul{
	padding: 1%;
	box-sizing: border-box;
}
#order_confirmation .form_field div.item_feeld ul{
	padding: 1%;
	box-sizing: border-box;
}
#order_confirmation .form_field div.item_feeld ul.item_feeld_head{
	border-bottom: solid 2px #000000;
}
#order_confirmation .form_field div.item_feeld ul.item_feeld_cont{
	border-bottom: solid 1px #000000;
}
#order_confirmation .form_field div.item_feeld ul li{
	text-align: center;
	line-height: 2.0em;
	float: left;
}
#order_confirmation .form_field div.item_feeld ul.regular li{
	font-weight: bolder;
}
#order_confirmation .form_field div.item_feeld ul.item_feeld_cont li{
	padding: 1%;
	line-height: 1.5em;
	box-sizing: border-box;
}
#order_confirmation .form_field div.item_feeld ul.item_feeld_cont li button{
	margin: 0 auto;
}
#order_confirmation .form_field div.item_feeld ul li.image , #order_confirmation .form_field div.item_feeld ul li.quantity{
	width: 10%;
}
#order_confirmation .form_field div.item_feeld ul li.unit_price , #order_confirmation .form_field div.item_feeld ul li.subtotal{
	width: 25%;
}
#order_confirmation .form_field div.item_feeld ul li.product_name{
	width: 30%;
}
#order_confirmation .form_field div.item_feeld ul li.image img{
	display: block;
	width: 100%;
}
#order_confirmation .form_field div.item_feeld ul.item_feeld_head li.unit_price , #order_confirmation .form_field div.item_feeld ul.item_feeld_foot li.quantity{
	margin-left: 40%;
}
#order_confirmation .form_field div.item_feeld ul.item_feeld_cont li.product_name{
	text-align: left;
}
#order_confirmation .form_field div.item_feeld ul.item_feeld_cont li.image{
	padding: 0;
}
#order_confirmation .form_field dl.sum{
	width: 60%;
	margin: 4% 2% 2% 38%;
	padding: 2%;
	background-color: #abc8e8;
	box-sizing: border-box;
}
#order_confirmation .form_field dl.sum dt , #order_confirmation .form_field dl.sum dd{
	line-height: 2.0em;
}
#order_confirmation .form_field dl.sum dt{
	width: 30%;
	padding-left: 2%;
	float: left;
}
#order_confirmation .form_field dl.sum dd{
	padding-right: 2%;
	border-bottom: dotted 1px #000000;
	text-align: right;
}
#order_confirmation .form_field dl.info{
	margin: 4% auto;
}
#order_confirmation .form_field dl.info > dd{
	width: 100%;
}
#order_confirmation .form_field dl.info > dd > dl{
	background:linear-gradient(90deg,#abc8e8 0%,#abc8e8 30%,#ffffff 30%,#ffffff 100%);
}
#order_confirmation .form_field dl.info > dd > dl dt , #order_confirmation .form_field dl.info > dd > dl dd{
	padding: 1%;
	box-sizing: border-box;
}
#order_confirmation .form_field dl.info > dd > dl dt{
	width: 30%;
	float: left;
}
#order_confirmation .form_field dl.info > dd > dl dd{
	width: 100%;
	padding-left: 31%;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	box-sizing: border-box;
	min-height: 3.0em;
}
#order_confirmation .form_field dl.info > dd > dl dd:last-child{
	border-bottom: solid 1px #000000;
}
#order_confirmation .form_field dl.info > dd > dl dd.minh2{
	min-height: 4.4em;
}
#order_confirmation .form_field dl.info > dd.remarks{
	min-height : 100px;
	padding: 1%;
	border: solid 1px #000000;
	overflow: auto;
	box-sizing: border-box;
}
#order_confirmation .form_field .button_field{
	width: 60%;
	margin: 10% auto;
}
#order_confirmation .form_field .button_field form , #order_confirmation .form_field .button_field > a{
	display: block;
	width: 40%;
	margin: 0 5%;
	float: right;
}
#order_confirmation .form_field .button_field button{
	display: block;
	width: 100%;
	min-height: 3.0em;
	text-align: center;
	line-height: 3.0em;
}

/*----------------------------
送信成功
---------------------------*/
.success{
	width: 1280px;
	margin: 0 auto;
	text-align: center;
}
.success > img{
	display: block;
	width: 96%;
	margin: 2% auto;
}
.success h2 , .success p.thick{
	font-size: 140%;
	font-weight: bolder;
}
.success h2{
	margin: 8% auto 1%;
}
.success p.thick{
	margin: 2% auto 4%;
}
.success p a{
	color: #0c4385;
	font-weight: bolder;
}
.success .button_field div{
	width: 30%;
	margin: 4% auto;
}
.success .button_field div a , .success .button_field div a button{
	width: 100%;
}
.success .button_field div a button{
	min-height: 3.0em;
	line-height: 3.0em;
}


/*----------------------------
送信失敗
---------------------------*/
.error{
	width: 1280px;
	margin: 0 auto;
	text-align: center;
}
.error h2{
	margin: 8% auto 1%;
	font-size: 140%;
	font-weight: bolder;
	color: red;
}
.error .button_field div{
	width: 30%;
	margin: 4% auto;
}
.error .button_field div a , .error .button_field div a button{
	width: 100%;
}
.error .button_field div a button{
	min-height: 3.0em;
	line-height: 3.0em;
}

/*----------------------------
concept
---------------------------*/
#concept > #concept_main{
	width: 1280px;
	margin: 8% auto 0;
	text-align: center;
}
#concept > #concept_main > p{
	margin: 0 auto;
	color: #0C4385;
}
#concept > #concept_main h2 img.pc01{
	width: 80%;
}
#concept > #concept_main h2 img.pc02{
	width: 70%;
}
#concept > #easy_to_clean{
	width: 1280px;
	margin: 8% auto 0;
	text-align: center;
}
#concept > #easy_to_clean > h2{
	margin: 0 auto 4%;
}
#concept > #easy_to_clean > h2 img{
	width: 45%;
}
#concept > #easy_to_clean > p{
	margin: 1% auto;
}
#concept > #easy_to_clean > img{
	display: block;
	width: 80%;
	margin: 4% auto 0;
}
#concept #moist_skin{
	width: 1280px;
	margin: 8% auto;
	text-align: center;
}
#concept > #moist_skin > h2{
	margin: 0 auto 4%;
}
#concept > #moist_skin > h2 img{
	width: 45%;
}
#concept #moist_skin > h3{
	font-size: 26px;
	margin: 3% auto;
	color: #0c4385;
}
#concept #moist_skin > p{
	margin: 0.5% auto;
}
#concept #moist_skin > div.skin{
	width: 70%;
	margin: 0 auto;
}
#concept #moist_skin > div.skin > div.skin_box{
	width: 100%;
	float: left;
}
#concept #moist_skin > div.skin > div.skin_box > p:first-of-type{
	clear: both;
	padding-top: 1%;
}
#concept #moist_skin > div.skin > div.skin_box > .skin_cont{
	width: 28%;
	padding: 4% 0 0 4%;
	float: left;
}
#concept #moist_skin > div.skin > div.skin_box > .skin_cont > img{
	display: block;
	width: 100%;
}
#concept #moist_skin > div.skin > div.skin_box > .skin_cont > p:first-of-type{
	padding-top: 3%;
}
#concept > #luxury{
	width: 1280px;
	margin: 8% auto 0;
	text-align: center;
}
#concept > #luxury > h2{
	margin: 0 auto 4%;
}
#concept > #luxury > h2 img{
	width: 45%;
}
#concept > #luxury > p{
	margin: 1% auto;
}
#concept > #luxury > p > strong{
	font-size: 40px;
	color: #0c4385;
	background: -webkit-linear-gradient(-45deg, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06);
	line-height: 1.0em;
}
#concept > #luxury > img{
	display: block;
	width: 60%;
	margin: 4% auto 2%;
}
#concept > #luxury > p:last-child > img{
	width: 55%;
}


/*----------------------------
profile
---------------------------*/
#profile section h3{
	width: 87%;
	margin: 0 auto;
	font-size: 24px;
	border-bottom: solid 1px #000000;
	text-align: center;
}
#profile{
	width: 1280px;
	margin: 0 auto;
}
#profile > h2{
	width: 87%;
	margin: 4% auto;
	font-size: 40px;
	color: #0c4385;
	text-align: center;
	line-height: 1.0em;
	font-family: '小塚明朝 Pro','Kozuka Mincho Pro';
}
#profile > h2 > small{
	font-size: 20px;
}
#profile #profile_main{
	margin: 4% auto;
}
#profile #profile_main dl.profile_table{
	width: 87%;
	margin: 0 auto 4%;
}
#profile #profile_main dl.profile_table dt , #profile #profile_main dl.profile_table dd{
	padding: 2%;
	box-sizing: border-box;
}
#profile #profile_main dl.profile_table dt{
	width: 30%;
	float: left;
	box-sizing: border-box;
}
#profile #profile_main dl.profile_table dd{
	width: 100%;
	padding-left: 30%;
	border-top: solid 1px #000000;
	box-sizing: border-box;
}
#profile #profile_main dl.profile_table dd:last-child{
	border-bottom: solid 1px #000000;
}
#profile #profile_main dl.profile_table dd img.free{
	width: auto;
	height: 1em;
}
#profile #profile_main a{
	color: #0c4385;
}
#profile #profile_main .profile_image_box{
	width: 100%;
	margin: 0 auto 4%;
	padding: 0 10% 4%;
	box-sizing: border-box;
	text-align: center;
}
#profile #profile_main .profile_image_box #profile_image1{
	width: auto;
	margin: 0 auto;
	padding: 0 5% 4%;	
	float: left;
	box-sizing: border-box;
	/*text-align: center;*/
}
#profile #profile_main .profile_image_box #profile_image2{
	width: auto;
	margin: 0 auto;
	padding: 0 5% 4%;
	float: left;
	box-sizing: border-box;
	/*text-align: center;*/
}
#profile #profile_main .profile_image_box img{
	width: 84%;
}
#profile #profile_main #profile_image3{
	width: 40%;
	margin: 0 auto;
	clear: both;
}
#profile #profile_main #profile_image3 img{
	width: 87%;
}
#profile #histoty{
	margin: 8% auto;
}
#profile #histoty div.history_table{
	width: 67%;
	margin: 4% auto;
	float: left;
}
#profile #histoty div.history_table a{
	color: #0c4385;
}
#profile #histoty div.history_table > .main{
	margin-top: 3%;
/*	padding-left: 2em; */
	padding-left: 4em;
	box-sizing: border-box;
}
#profile #histoty div.history_table > .main:first-of-type{
	margin-top: 0;;
}
#profile #histoty div.history_table > .sub{
/*	padding-left: 6.5em; */
	padding-left: 8.5em;
	box-sizing: border-box;
}
#profile #histoty div.history_image_box{
	width: 30%;
	margin: 4% auto;
	padding: 0 0 0 4%;
	float: left;
	box-sizing: border-box;
}
#profile #histoty div.history_image_box .history_image{
	margin: 0 auto 10%;
}
#profile #histoty div.history_image_box .history_image img{
	width: 87%;
}
#profile #histoty #daimaru_award{
	margin: 0 auto;
	text-align: center;
}
#profile #histoty #daimaru_award img{
	width: auto;
/*	height: 470px;*/
	height: 370px;
}
#profile #histoty #daimaru_award img:first-child{
	margin-right: 2%;
}
#profile #magazine_adoption{
	margin: 8% auto;
}
#profile #magazine_adoption .magazine_adoption_table{
	margin: 4% auto;
	float: left;
}
#profile #magazine_adoption .magazine_adoption_table p.main{
	margin-top: 3%;
	padding-left: 4em;
	box-sizing: border-box;
}
#profile #magazine_adoption .magazine_adoption_table p.main:first-of-type{
	margin-top: 0;
}
#profile #magazine_adoption .magazine_adoption_table p.sub{
	padding-left: 10em;
	box-sizing: border-box;
}
#profile #TV_adoption{
	margin: 8% auto;
}
#profile #TV_adoption > img{
	width: 55%;
	margin: 4% 4% 0 0;
	float: right;
}
#profile #TV_adoption .TV_adoption_table{
	margin: 4% auto;
}
#profile #TV_adoption .TV_adoption_table p.main{
	margin-top: 2%;
	padding-left: 2em;
	box-sizing: border-box;
}
#profile #TV_adoption .TV_adoption_table p.main:first-of-type{
	margin-top: 0;
}















/*----------------------------
commercial
---------------------------*/
#commercial{
	width: 1280px;
	margin: 0 auto;
}
#commercial > h2{
	width: 100%;
	margin: 6% auto;
	font-size: 40px;
	color: #0c4385;
	text-align: center;
	line-height: 1.0em;
	font-family: '小塚明朝 Pro','Kozuka Mincho Pro';
}
#commercial .form_field{
	width: 95%;
	margin: 0 auto;
}
#commercial .form_field div{
	margin: 0 auto;
}
#commercial .form_field dl.info{
	margin: 0 auto;
	padding-bottom: 3%;
}
#commercial .form_field dl.info dt{
	width: 30%;
	float: left;
	padding-top: 2%;
	padding-left: 1%;
}
#commercial .form_field dl.info dd{
	width: 100%;
	padding-left: 31%;
	padding-top: 2%;
	padding-bottom: 2%;
	border-top: solid 1px #000000;
	box-sizing: border-box;
}
#commercial .form_field dl.info dd:last-child{
	border-bottom: solid 1px #000000;
}
#commercial .form_field dl.info a{
	color: #0c4385;
}
#commercial .form_field dl.info img.free{
	width: auto;
	height: 1em;
}
#commercial .form_field dl.greeting{
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2%;
	padding-bottom: 5%;
}
#commercial .form_field .greeting_img img{
	display: block;
	width: 45%;
	margin: 0 auto;
	padding-top: 7%;
}

#commercial .form_field dl.greeting dt{
	width: 90%;
	padding-left: 5%;
	float: left;
}


/*----------------------------
privacypolicy
---------------------------*/
#privacypolicy{
	width: 1280px;
	margin: 0 auto;
}
#privacypolicy > h2{
	width: 100%;
	margin: 2% auto;
	font-size: 40px;
	color: #0c4385;
	text-align: center;
	line-height: 1.0em;
	font-family: '小塚明朝 Pro','Kozuka Mincho Pro';
}
#privacypolicy > p{
	width: 95%;
	margin: 0 auto;
	text-align: center;
	border-bottom: solid 1px #000000;
	padding-bottom: 2%;
}
#privacypolicy .form_field{
	width: 95%;
	margin: 0 auto;
}
#privacypolicy .form_field dl.info{
	margin: 0 auto;
	padding-bottom: 3%;
}
#privacypolicy .form_field dl.info > dt{
	width: 30%;
	float: left;
	padding-top: 1%;
}
#privacypolicy .form_field dl.info > dd{
	width: 100%;
	padding-left: 31%;
	padding-top: 1%;
	padding-bottom: 2%;
	border-bottom: solid 1px #000000;
	box-sizing: border-box;
}


/*----------------------------
inquiry(form)
---------------------------*/
#toiawase .required , #toiawase .red{
	color: red;
}
#toiawase{
	width: 1280px;
	margin: 0 auto;
}
#toiawase > img{
	display: block;
	width: 96%;
	margin: 2% auto;
}
#toiawase > h2{
	width: 100%;
	margin: 2% auto;
	font-size: 40px;
	color: #0c4385;
	text-align: center;
	line-height: 1.0em;
	font-family: '小塚明朝 Pro','Kozuka Mincho Pro';
}
#toiawase > .description{
	padding-left: 2%;
	border-bottom: solid 2px #000000;
}
#toiawase .form_field{
	width: 96%;
	margin: 2%;
}
#toiawase .form_field dl{
	width: 100%;
}
#toiawase .form_field dt{
	width: 20%;
	padding: 10px;
	box-sizing: border-box;
	float: left;
}
#toiawase .form_field dd{
	width: 80%;
	padding: 10px;
	box-sizing: border-box;
	float: left;
}
#toiawase .form_field dl.email input[type="email"]{
	width: 100%;
}
#toiawase .form_field button{
	display: block;
	width: 30%;
	min-height: 3.0em;
	margin: 4% auto 8%;
	line-height: 3.0em;
}

/*----------------------------
inquiry(confirmation)
---------------------------*/
#inquiry_confirmation{
	width: 1280px;
	margin: 0 auto;
}
#inquiry_confirmation > h2{
	width: 100%;
	margin: 2% auto;
	font-size: 40px;
	text-align: center;
}

#inquiry_confirmation .form_field dl.info{
	margin: 4% auto;
}
#inquiry_confirmation .form_field dl.info > dd{
	width: 100%;
}
#inquiry_confirmation .form_field dl.info > dd > dl{
	background:linear-gradient(90deg,#abc8e8 0%,#abc8e8 30%,#ffffff 30%,#ffffff 100%);
}
#inquiry_confirmation .form_field dl.info > dd > dl dt , #inquiry_confirmation .form_field dl.info > dd > dl dd{
	padding: 1%;
	box-sizing: border-box;
}
#inquiry_confirmation .form_field dl.info > dd > dl dt{
	width: 30%;
	float: left;
}
#inquiry_confirmation .form_field dl.info > dd > dl dd{
	width: 100%;
	padding-left: 31%;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	box-sizing: border-box;
	min-height: 3.0em;
}
#inquiry_confirmation .form_field dl.info > dd > dl dd:last-child{
	border-bottom: solid 1px #000000;
}
#inquiry_confirmation .form_field dl.info > dd.contents{
	min-height : 100px;
	padding: 1%;
	border: solid 1px #000000;
	overflow: auto;
	box-sizing: border-box;
}
#inquiry_confirmation .form_field .button_field{
	width: 60%;
	margin: 10% auto;
}
#inquiry_confirmation .form_field .button_field > a{
	display: block;
	width: 40%;
	margin: 0 5%;
	float: right;
}
#inquiry_confirmation .form_field .button_field > a button{
	display: block;
	width: 100%;
	min-height: 3.0em;
	text-align: center;
	line-height: 3.0em;
}

/*----------------------------
shoppingguide
---------------------------*/
#shoppingguide .red{
	color: red;
}
#shoppingguide .blue{
	color: #0c4385;
}

#shoppingguide{
	width: 1280px;
	margin: 0 auto;
}
#shoppingguide section{
	margin: 4% auto;
}
#shoppingguide .introduction{
	text-align: center;
}
#shoppingguide .introduction > h2{
	width: 100%;
	margin: 4% auto;
	font-size: 40px;
	color: #0c4385;
	text-align: center;
	line-height: 1.0em;
	font-family: '小塚明朝 Pro','Kozuka Mincho Pro';
}
#shoppingguide .introduction > h2 > small{
	font-size: 20px;
}
#shoppingguide section h3{
	margin: 2% auto;
	padding: 5px;
	font-size: 120%;
	color: #0b407f;
	text-align: center;
	background: #abc8e8;
}
#shoppingguide > section > dl > dt .sp{
	display: none;
}
#shoppingguide section > dl{
	background:linear-gradient(90deg,#abc8e8 0%,#abc8e8 25%,#ffffff 25%,#ffffff 100%);
	line-height: 1.8em;
}
#shoppingguide section > dl dt , #shoppingguide section > dl dd{
	padding: 1%;
	box-sizing: border-box;
}
#shoppingguide section > dl dt{
	width: 25%;
	float: left;
}
#shoppingguide section > dl dd{
	width: 100%;
	padding-left: 26%;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	box-sizing: border-box;
}
#shoppingguide section > dl dd:last-child{
	border-bottom: solid 1px #000000;
}
#shoppingguide section > dl ol{
	margin: 0;
	padding: 0;
}
#shoppingguide section > dl ul{
	padding-left: 20px;
	box-sizing: border-box;
}
#shoppingguide section > dl ul > li{
	list-style-type: disc;
}
#shoppingguide #urchase_bonus img , #shoppingguide #shopping_flow img{
	display: block;
	width: 70%;
	margin: 2% auto 0 0;
}
#shoppingguide #shopping_flow .orange_back{
	display: inline-block;
	margin-top: 5px;
	padding: 0 10px;
	background: #fbb03b;
}
#shoppingguide #shopping_flow .regular{
	margin-top: 4%;
	display: block;
}
#shoppingguide #about_delivery img{
	display: block;
	width: 45%;
	margin: 2% auto 0 0;
}
#shoppingguide #about_payment .hl_cont{
	margin: 2% auto;
}
#shoppingguide #about_payment .hl_cont img{
	width: auto;
	height: 30px;
	margin: 0 10px;
}

/*----------------------------
割引クーポンページ（フォーム）
---------------------------*/
.coupon_page .required , .coupon_page .red{
	color: red;
}
.coupon_page{
	width: 1280px;
	margin: 0 auto;
}
.coupon_page > h2{
	margin: 2% auto;
	font-size: 40px;
	text-align: center;
}
.coupon_page .message{
	width: 96%;
	margin: 40px 2% 60px;
	text-align: center;
}
.coupon_page .form_field{
	width: 96%;
	margin: 2%;
}
.coupon_page .form_field dl{
	width: 100%;
}
.coupon_page .form_field dt{
	width: 20%;
	padding: 10px;
	box-sizing: border-box;
	float: left;
}
.coupon_page .form_field dd{
	width: 80%;
	padding: 10px;
	box-sizing: border-box;
	float: left;
}
.coupon_page .form_field dl input[type="text"]{
	width: 90%;
}
.coupon_page .form_field .button_field{
	width: 30%;
	margin: 5% auto 5%;
}
.coupon_page .form_field .button_field button{
	width: 100%;
	min-height: 3.0em;
	text-align: center;
	line-height: 3.0em;
}

/*----------------------------
特典クーポンページ（フォーム）
---------------------------*/
.special_favor_page .required , .special_favor_page .red{
	color: red;
}
.special_favor_page{
	width: 1280px;
	margin: 0 auto;
}
.special_favor_page > h2{
	margin: 2% auto;
	font-size: 40px;
	text-align: center;
}
.special_favor_page .message{
	width: 96%;
	margin: 40px 2% 60px;
	text-align: center;
}
.special_favor_page .form_field{
	width: 96%;
	margin: 2%;
}
.special_favor_page .form_field dl{
	width: 100%;
}
.special_favor_page .form_field dt{
	width: 20%;
	padding: 10px;
	box-sizing: border-box;
	float: left;
}
.special_favor_page .form_field dd{
	width: 80%;
	padding: 10px;
	box-sizing: border-box;
	float: left;
}
.special_favor_page .form_field dl input[type="text"],
.special_favor_page .form_field dl input[type="email"]{
	width: 90%;
}
.special_favor_page .form_field .button_field{
	width: 30%;
	margin: 5% auto 5%;
}
.special_favor_page .form_field .button_field button{
	width: 100%;
	min-height: 3.0em;
	text-align: center;
	line-height: 3.0em;
}



@media screen and (max-width: 1280px){
	/*-----------------------------
	共通部　※1280px以下
	-----------------------------*/

	/*----------------------------
	header
	---------------------------*/
	header > div.header_cont{
		width: 100%;
	}
	header > nav{
		width: 100%;
		margin: 2% auto 0;
	}

	/*----------------------------
	footer
	---------------------------*/
	footer .tel > button{
		width: 90%;
	}
	footer .base div.cf{
		width: 70%;
		margin:2% 10% 2% 20%;
	}


	/*----------------------------
	共通項目
	---------------------------*/
	.easy_beauty > h2 > img{
		width: 90%;
	}

	.recommend{
		width: 100%;
		padding: 0 2%;
		box-sizing: border-box;
	}
	.shopping_pc{
		width: 100%;
	}
	.shopping_pc > button > a{
		display: block;
		color: #0C4385;
	}


	/*----------------------------
	index
	---------------------------*/
	#main_cont #main_img > div{
		width: 100%;
	}
	#main_cont #recognition{
		width: 100%;
		margin: 2% auto;
	}
	#main_cont #moisture{
		width: 100%;
	}
	#main_cont #moisture > h2{
		width: 90%;
		margin: auto;
	}
	#main_cont #moisture > h2 > img{
		width: 100%;
	}
	#main_cont #moisture > img.text{
		width: 56%;
		margin: 2% auto;
	}
	#main_cont .flame{
		width: 100%;
	}
	#main_cont #recommendation{
		width: 100%;
	}
	#main_cont #all_item{
		width: 100%;
		padding: 0 2%;
		box-sizing: border-box;
	}


	/*----------------------------
	アイテムページ
	---------------------------*/
	.item > form > .details{
		width: 100%;
		padding: 0 4%;
		box-sizing: border-box;
	}
	.item > form > .componext{
		width: 100%;
		margin: 6% auto;
		padding: 0 2%;
		box-sizing: border-box;
	}
	.item > form > .componext > h4{
		margin: 2% auto;
		text-align: center;
	}
	.item > form > .componext > p{
		margin: 3% auto;
	}
	.item > form > .componext > div.comment_box > div > h5{
		margin: 8% auto 4%;
	}
	.item > form > .componext > div.extract{
		width: 100%;
		padding: 0 2%;
		box-sizing: border-box;
	}
	.item > form > .componext > div.extract > div.extract_box > .extract_cont > h5{
		position: relative;
/*		height: 3.0em;*/
		height: 4.0em;
	}
	.item > form > .componext > div.extract > div.extract_box > .extract_cont > h5 > span{
		position: absolute;
		width: 100%;
		top: 50%;
		left: 0;
		-ms-transform: translateY(-50%);
		-webkit-transform : translateY(-50%);
		transform : translateY(-50%);
		line-height: 1.5em;
	}
	.item > form > .componext > div.extract > div.extract_box > .extract_cont > h5.only{
		text-align: center;
		font-size: 120%;
		margin: 35% auto;
	}
	.item > form > .care{
		width: 100%;
		padding: 0 2%;
		box-sizing: border-box;
	}
	.item > form > .care > img{
		width: 100%
	}

h5 span.sp-title {
	height: 12em;
}

	/*br.pc {
		display: none;
	}*/


	/*----------------------------
	cart
	---------------------------*/
	#cart{
		width: 100%;
	}
	#cart .pc02{
		display: none;
	}

	/*----------------------------
	customer_information_01
	---------------------------*/
	#customer_information_01{
		width: 100%;
	}
	#customer_information_01 > .description{
		width: 96%;
		margin: 0 auto;
	}


	/*----------------------------
	customer_information_02
	---------------------------*/
	#customer_information_02{
		width: 100%;
	}


	/*----------------------------
	order_confirmation
	---------------------------*/
	#order_confirmation{
		width: 100%;
	}


	/*----------------------------
	送信成功
	---------------------------*/
	.success{
		width: 100%;
	}


	/*----------------------------
	送信失敗
	---------------------------*/
	.error{
		width: 100%;
	}

	/*----------------------------
	concept
	---------------------------*/
	#concept > #concept_main{
		width: 100%;
	}
	#concept > #easy_to_clean{
		width: 100%;
	}
	#concept > #easy_to_clean > p{
		padding: 0 10%;
	}
	#concept #moist_skin{
		width: 100%;
	}
	#concept #moist_skin > p{
		padding: 0 10%;
	}
	#concept > #luxury{
		width: 100%;
	}
	#concept > #luxury > p{
		padding: 0 10%;
	}


	/*----------------------------
	profile
	---------------------------*/
	#profile{
		width: 87%;
		padding: 2%;
		box-sizing: border-box;
	}
	#profile #histoty #daimaru_award img{
/*		height: 35vw; */
		height: 35vh;

	}


	/*----------------------------
	commercial
	---------------------------*/
	#commercial{
		width: 100%;
	}


	/*----------------------------
	privacypolicy
	---------------------------*/
	#privacypolicy{
		width: 100%;
	}


	/*----------------------------
	inquiry(form)
	---------------------------*/
	#toiawase{
		width: 100%;
	}
	#toiawase > .description{
		width: 96%;
		margin: 0 auto;
	}


	/*----------------------------
	inquiry(confirmation)
	---------------------------*/
	#inquiry_confirmation{
		width: 100%;
	}


	/*----------------------------
	shoppingguide
	---------------------------*/
	#shoppingguide{
		width: 100%;
		padding: 2%;
		box-sizing: border-box;
	}


	/*----------------------------
	割引クーポンページ（フォーム）
	---------------------------*/
	.coupon_page{
		width: 100%;
	}
	.coupon_page .form_field dl{
		margin: 8% auto 0;
	}
	.coupon_page .form_field dl:first-child{
		margin: 2% auto 0;
	}
	.coupon_page .form_field dt{
		width: 100%;
		padding: 1%;
		float: none;
		font-size: 120%;
		font-weight: bolder;
	}
	.coupon_page .form_field dt > .required{
		font-weight: normal;
	}
	.coupon_page .form_field dt .pc{
		display: none;
	}
	.coupon_page .form_field dd{
		width: 100%;
		padding: 2%;
		float: none;
	}
	.coupon_page .form_field dl input[type="text"]{
		width: 100%;
		font-size: 90%;
	}
	.coupon_page .form_field dl label{
		display: inline-block;
		margin: 1% auto;
	}


	/*----------------------------
	特典クーポンページ（フォーム）
	---------------------------*/
	.special_favor_page{
		width: 100%;
	}
	.special_favor_page .form_field dl{
		margin: 8% auto 0;
	}
	.special_favor_page .form_field dl:first-child{
		margin: 2% auto 0;
	}
	.special_favor_page .form_field dt{
		width: 100%;
		padding: 1%;
		float: none;
		font-size: 120%;
		font-weight: bolder;
	}
	.special_favor_page .form_field dt > .required{
		font-weight: normal;
	}
	.special_favor_page .form_field dt .pc{
		display: none;
	}
	.special_favor_page .form_field dd{
		width: 100%;
		padding: 2%;
		float: none;
	}
	.special_favor_page .form_field dl input[type="text"]{
		width: 100%;
		font-size: 90%;
	}
	.special_favor_page .form_field dl label{
		display: inline-block;
		margin: 1% auto;
	}
}



@media screen and (max-width: 850px){
	/*-----------------------------
	共通部　※850px以下
	-----------------------------*/
	body{
		font-size: 16px;
	}
	small{
		font-size: 14px;
	}
	.pc{
		display: none;
	}


	/*----------------------------
	header
	---------------------------*/
	/*ヘッダー（ハンバーガーメニュー）*/
	header{
		position: fixed;
		top: 0;
		padding: 0;
		background-image: none;
		z-index: 2;
		box-shadow: none;

	}
	header > div.header_cont{
		padding: 3%;
		background-color: #ffffff;
		box-sizing: border-box;
		box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.2);
	}
	header > div.header_cont > div.menu-btn{
		display: table-cell;
		width: 20%;
		text-align: center;
		vertical-align: middle;
	}
	header > nav > ul#main_nav.active{
		transform: translateY(1000px);
		-webkit-transform: translateY(1000px);
		-moz-transform: translateY(1000px);
		transition: all 1.5s;
		background-color: white;
		z-index: 1;
	}
	.menu-btn_c,
	.menu-btn_c span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-btn_c {
		display: block;
		margin: 0 auto;
		position: relative;
		width: 10.0vw;
		height: 7.0vw;
	}
	.menu-btn_c span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 1.4vw;
		background-color: #c0b283;
	}
	.menu-btn_c span:nth-of-type(1) {
		top: 0;
	}

	.menu-btn_c span:nth-of-type(2) {
		top: 2.8vw;
	}
	.menu-btn_c span:nth-of-type(3) {
		bottom: 0;
		display: inline-block;
	}
	.cross span:nth-of-type(1) {
		top: 1.6vw;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
	}
	.cross span:nth-of-type(2) {
		top: 1.6vw;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
	}
	.cross span:nth-of-type(3) {
		display: none;
	}
	header > div.header_cont > h1{
		width: 25%;
		vertical-align: middle;
	}
	header > div.header_cont > h1 a img.sp{
		display: inline;
		width: 100%;
		margin: 0;
	}
	header > div.header_cont > div.tel{
		width: 35%;
	}
	header > div.header_cont > div.tel img{
		width: 90%
	}
	header > div.header_cont > div.icon_cont{
		display: table-cell;
		width: 20%;
		vertical-align: middle;
	}
	header > div.header_cont > div.icon_cont > ul{
		width: 100%;
		margin: 0;
	}
	header > div.header_cont > div.icon_cont > ul > li img{
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 5%;
		box-sizing: border-box;
	}
	header > nav{
		position: relative;
		margin: 0;

	}
	header > nav > ul#main_nav{
		position: absolute;
		width: 100%;
		margin: 0;
		top: -1000px;
		transition: 2s;
		z-index: 1;
	}
	header > nav > ul > li{
		display: block;
		width: 100%;
		margin: 0;
		border-top: #c0b283 solid 2px;
		float: none;
	}
	header > nav > ul > li:last-child{
		border-bottom: #c0b283 solid 2px;
	}
	header > nav > ul > li > a{
		display: block;
		width: 100%;
		padding: 3%;
		box-sizing: border-box;
	}


	/*----------------------------
	footer
	---------------------------*/
	footer .tel > button{
		width: 100%;
		font-size: 3.0vw;
		line-height: 2.0em;
		border: none !important;
	}
	footer .tel > button > .sp{
		display: inline;
	}
	footer .tel > button > a{
		display: inline-block;
		font-size: 4.5vw;
		line-height: 1.0em;
	}
	footer .tel > button > a img{
		width: 50%;
	}
	footer .tel > button > small{
		display: block;
		font-size: 3.0vw;
		line-height: 1.2em;
	}
	footer .icon{
		width: 40%;
	}
	footer .icon img{
		width: 25%;
	}
	footer .base{
		padding: 2%;
		background: #ADC8E7;
	}
	footer .base div.cf{
		width: 70%;
		margin:2% auto;
		float: left;
	}
	footer .base div.cf ul{
		width: 100%;
		padding: 0 10%;
		float: none;
		box-sizing: border-box;
	}
	footer .base div.cf ul:first-child{
		width: 100%;
	}
	footer .base div.cf li{
		margin: 4% auto;
		list-style: none;
	}
	footer .base img{
		display: block;
		margin: 6em auto 3%;
		width: 30%;
	}


	/*----------------------------
	共通項目
	---------------------------*/
	.easy_beauty{
		padding: 2%;
	}
	.easy_beauty > p .sp{
		display: inline;
	}
	.easy_beauty > h2{
		width: 100%;
		margin: 3% auto;
	}
	.easy_beauty > h2 > img.sp{
		display: block;
		width: 60%;
		margin: auto;
	}
	.easy_beauty > div{
		width: 80%;
		margin: 3% auto;
	}
	.easy_beauty > div > h3{
		width: 100%;
	}
	.easy_beauty > div > h3 > img{
		width: 100%;
	}
	.easy_beauty > img{
		display: block;
		width: 80%;
		margin: 0 auto;
	}
	.easy_beauty > button{
		width: 60%;
		margin: 2% auto;
	}
	.recommend{
		width: 100%;
		margin: 0 auto 10%;
		padding: 22% 0 0;
	}
	.recommend > h3{
		font-size: 4.0vw;
	}
	.recommend > h3 > small{
		font-size: 2.8vw;
	}
	.recommend > div{
		border-bottom: solid 1px #0C4385;
	}
	.recommend div.item_box > div{
		border-top: solid 1px #0C4385;
	}
	.recommend div.item_box > div > img{
		width: 35%;
		margin: 0;
		padding: 4%;
		float: left;
		box-sizing: border-box;
	}
	.recommend div.item_box > div > div{
		width: 65%;
		margin: 3% auto auto;
		text-align: left;
		float: left;
	}
	.recommend div.item_box > div p.place{
		margin: 4% auto 0;
	}
	.recommend div.item_box > div > div > button{
		width: 60%;
		margin: 2% auto 5% 0;
	}
	.recommend div.item_box > div > div > button:last-of-type {
		margin-bottom: 5%;
	}
	.recommend div.item_box > div > div > button > img{
		width: 100%;
		margin: 0;
	}
	.recommend div.item3 > div{
		width: 100%;
		margin-right: auto;
		float: none;
	}
	.recommend div.item3 > div:last-child{
		margin-right: auto;
	}
	.shopping_pc{
		display: none;
	}
	.shopping_sp{
		display: block;
		margin: 3% auto;
	}
	.shopping_sp > a{
		display: block;
		width: 100%;
		border-top: solid 1px #0C4385;
		box-sizing: border-box;
	}
	.shopping_sp > a:last-child{
		border-bottom: solid 1px #0C4385;
	}
	.shopping_sp > a > img{
		display: block;
		width: 100%;
		padding: 2% 5%;
		box-sizing: border-box;
	}

	/*----------------------------
	index
	---------------------------*/
	#main_cont h2{
		font-size: 26px;
		line-height: 1.0em;
	}
	#main_cont h2 > small{
		font-size: 60%;
	}

	#main_cont #main_img{
		margin-top: 21%;
		padding: 0;
		background-image: none;
	}
	#main_cont #main_img > div{
		width: 100%;
	}
	#main_cont #main_img img.sp{
		display: block;
		width: 100%;
		margin: 0;
	}
	#main_cont #main_img img.img{
		float: none;
	}
	#main_cont #main_img img.text{
		display: block;
		width: 80%;
		margin: 5% auto;
	}
	#main_cont #recognition{
		width: 100%;
		padding: 0 10%;
	}
	#main_cont #recognition > img{
		width: 100%;
		margin: 3% auto;
		float: none;
	}
	#main_cont #moisture{
		width: 100%;
	}
	#main_cont #moisture > p{
		margin: 8% auto 0;
		padding: 0 3%;
		color: #0C4385;
		box-sizing: border-box;
	}
	#main_cont #moisture > img.text {
		width: 80%;
		margin: 2% auto;
	}
	#main_cont #moisture button{
		display: block;
		width: 60%;
		margin: 3% auto;
	}
	#main_cont #moisture button img{
		display: block;
		width: 100%;
	}
	#main_cont .flame{
		width: 100%;
		margin: 10% auto;
	}
	#main_cont .flame > img{
		width: 80%;
	}
	#main_cont #recommendation{
		width: 100%;
	}
	#main_cont #recommendation > div > div{
		width: 100%;
		margin: 8% 0 0;
		float: none;
	}
	#main_cont #recommendation > div > div > h3{
		padding: 0 4%;
		font-size: 20px;
		box-sizing: border-box;
	}
	#main_cont #recommendation > div > div > p{
		padding: 0 3%;
		font-size: 18px;
		box-sizing: border-box;
	}
	#main_cont #all_item{
		width: 100%;
		margin: 0 auto 10%;
		padding: 22% 0 0;
	}
	#main_cont #all_item > p{
		padding: 0 3%;
		font-size: 100%;
	}
	#main_cont #all_item > div{
		border-bottom: solid 1px #0C4385;
	}
	#main_cont #all_item div.item_box > h3{
		display: none;
	}
	#main_cont #all_item div.item_box > div{
		border-top: solid 1px #0C4385;
	}
	#main_cont #all_item div.item_box > div > button{

		width: 27%;
		margin: 0;
		margin: 4%;
		float: left;
		box-sizing: border-box;
	}
	#main_cont #all_item div.item_box > div > button > img.sp{
		display: inline;
		margin: 0;
		width: 100%;
	}
	#main_cont #all_item div.item_box > div > div{
		width: 65%;
		margin: 3% auto auto;
		text-align: left;
		float: left;
	}
	#main_cont #all_item div.item_box > div p.place{
		margin: 4% auto 0;
	}
	#main_cont #all_item div.item_box > div > div > button{
		width: 60%;
		margin: 2% auto 5% 0;
	}
	#main_cont #all_item div.item_box > div > div > button:last-of-type {
		margin-bottom: 5%;
	}
	#main_cont #all_item div.item_box > div > div > button > img{
		width: 100%;
		margin: 0;
	}
	#main_cont #all_item div.item1l > div , #main_cont #all_item div.item1r > div{
		width: 100%;
	}
	#main_cont #all_item div.item1l{
		width: 100%;
		margin-right: auto;
		float: none;
	}
	#main_cont #all_item div.item1r{
		width: 100%;
		float: none;
	}
	#main_cont #all_item div.item2l > div , #main_cont #all_item div.item2c > div , #main_cont #all_item div.item2r > div{
		width: 100%;
		margin-right: auto;
		float: none;
	}
	#main_cont #all_item div.item2l > div:last-child , #main_cont #all_item div.item2c > div:last-child , #main_cont #all_item div.item2r > div:last-child{
		margin-right: auto;
	}
	#main_cont #all_item div.item2l{
		width: 100%;
		margin-right: auto;
		float: none;
	}
	#main_cont #all_item div.item2c{
		width: 100%;
		margin-right: auto;
		float: none;
	}
	#main_cont #all_item div.item2r{
		width: 100%;
		float: none;
	}
	#main_cont #all_item div.item3 > div{
		width: 100%;
		margin-right: auto;
		float: none;
	}
	#main_cont #all_item div.item3 > div:last-child{
		margin-right: auto;
	}
	#main_cont #all_item div.item4 > div{
		width: 100%;
		margin-right: auto;
		float: none;
	}
	#main_cont #all_item div.item4 > div:last-child{
		margin-right: auto;
	}




	/*----------------------------
	アイテムページ
	---------------------------*/
	.item{
		margin-top: 26%;
	}
	.item button{
		border: none;
		background: none;
	}
	.item .red{
		color: red;
	}
	.item h3{
		font-size: 30px;
		color: #0C4385;
		line-height: 1.0em;
		text-align: center;
	}
	.item h3 > small{
		font-size: 16px;
	}


	.item > form > .details:first-child{
		margin: 24% auto 0;
	}
	.item > form > .details > img{
		width: 100%;
		margin: 0;
		padding: 0;
		float: none;
	}
	.item > form > .details > div.text_cont{
		width: 100%;
		float: none;
	}
	.item > form > .details > div.text_cont h2{
		font-size: 26px;
	}
	.item > form > .details > div.text_cont div.icon img{
		width: 18%;
		padding: 0;
	}
	.item > form > .details > div.text_cont p.announcement{
		font-size: 22px;
	}
	.item > form > .details > div.text_cont div.cf p.price{
		width: 60%;
	}
	.item > form > .details > div.text_cont div.cf p.price strong{
		font-size: 28px;
	}
	.item > form > .details > div.text_cont div.cf div.select{
		width:40%;
	}
	.item > form > .details > div.text_cont div.cf button{
		margin: 5%;
		width: 90%;
		float: none;
	}
	.item > form > .details > div.text_cont a{
		color: blue;
		text-decoration: underline;
	}
	.item > form > .componext > div.comment_box{
		width: 90%;
	}
	.item > form > .componext > div.comment_box > div{
		padding: 0 0 0 10%;
	}
	.item > form > .componext > div.extract > div.extract_box{
		width: 100%;
		float: none;
	}
	.item > form > .care > img.pc{
		display: none;
	}
	.item > form > .care > img.sp{
		display: block;
		padding: 5%;
	}

div.comment_box .p_center {
	display: block;
	text-align: center;
}

.mg10 {
	margin: 20% 0;
}
/*
	div.componext div.extract_box_center {
		display: flex;
		-webkit-box-pack: justify;
		justify-content: space-between;
		width: 100%;
	}
	div.extract_cont {
		width: 33.3%;
	}

	.extract_cont_subtitle {
		text-align: center;
	}*/

p.new {
	position: absolute;
	top: 120px;
	left: 10%;
	color: #f53c17;
	font-size: 120%;
}
/*.mb30 {
	margin-bottom: 30px;
}*/
/*button > img.newimg {
	display:block ;
	margin-top: 20px;
}*/
.item > form > .componext > div.extract > div.extract_box > .extract_cont > h5 > span.sp-title{
		position: absolute;
		width: 100%;
		top: 115%;
		left: 0;
		-ms-transform: translateY(-50%);
		-webkit-transform : translateY(-50%);
		transform : translateY(-50%);
		line-height: 1.5em;
		font-size: 80%;
}
	}
h5.sp-title{
	font-size: 80%;
}

	/*----------------------------
	パンくずリスト
	---------------------------*/
	.breadcrumbs{
		display: none
	}


	/*----------------------------
	cart
	---------------------------*/
	#cart{
		margin-top: 26%;
	}
	#cart > h2{
		font-size: 36px;
	}
	#cart div.button_field input{
		width: 100%;
		text-align: center;
	}
	#cart div.btn_f1 button:first-child{
		width: 100%;
	}
	#cart div.btn_f1 button img{
		width: 100%;
	}
	#cart div.btn_f1 p{
		margin-top: 4%;
	}
	#cart div.btn_f1 button:last-child{
		width: 50%;
		margin: 8% auto;
	}
	#cart .form_field > div.item_feeld > ul:nth-child(2){
		border-top: solid 1px #000000;
	}
	#cart .form_field div.item_feeld ul.item_feeld_cont li{
		line-height: 1.5em;
	}
	#cart .form_field div.item_feeld ul li.product_name .sp{
		display: inline;
	}
	#cart .form_field div.item_feeld ul li.image{
		width: 30%;
	}
	#cart .form_field div.item_feeld ul li.product_name , #cart .form_field div.item_feeld ul li.unit_price , #cart .form_field div.item_feeld ul li.quantity , #cart .form_field div.item_feeld ul li.subtotal , #cart .form_field div.item_feeld ul li.delete{
		width: 70%;
		float: right;
	}
	#cart .form_field div.item_feeld ul li button{
		display: inline;
	}
	#cart .form_field div.item_feeld ul.item_feeld_foot{
		width: 60%;
		margin: 2% 0 0 40%;
		padding: 2%;
		background-color: #abc8e8;
		box-sizing: border-box;
	}
	#cart .form_field div.item_feeld ul.item_feeld_foot  li div.sp{
		display: block;
	}
	#cart .form_field div.item_feeld ul.item_feeld_foot li span.sp{
		display: inline;
	}
	#cart .form_field div.item_feeld ul.item_feeld_foot li.quantity,#cart .form_field div.item_feeld ul.item_feeld_foot li.subtotal{
		width: 100%;
		margin-left: 0;
		border-bottom: solid 1px #000000;
		}
		#cart .form_field div.item_feeld ul.item_feeld_foot li div{
			float: left;
		}

	#cart .form_field div.item_feeld ul.item_feeld_foot li.quantity div.comment , #cart .form_field div.item_feeld ul.item_feeld_foot li.subtotal div.comment{
			width: 40%;
		padding-left: 0;
		text-align: center;
		}
	#cart .form_field div.item_feeld ul.item_feeld_foot li.quantity div.number , #cart .form_field div.item_feeld ul.item_feeld_foot li.subtotal div.number{
		width: 60%;
		padding-right: 4%;
		text-align: right;
		box-sizing: border-box;
	}
	#cart .form_field div.message{
		width: 100%;
		margin: 0;
		float: none;
	}
	#cart div.btn_f2{
		margin: 8% auto;
	}
	#cart div.btn_f2 > div{
		width: 50%;
		margin: 4% auto;
	}
	#cart div.btn_f3{
		width: 70%;
		margin: 8% auto;
	}

	#cart div.btn_f3 button{
		width: 100%;
		float: none;
	}


	/*----------------------------
	cart確認事項
	---------------------------*/
	.confirmation{
		margin: 24% auto 0;
	}
	.confirmation div.button_field{
		width: 100%;
		margin: 6% auto;
	}
	.confirmation div.button_field > div , .confirmation div.button_field > form{
		width: 100%;
		float: left;
	}
	.confirmation div.button_field button{
		display: block;
		width: 80%;
		margin: 3% auto;
	}

	/*----------------------------
	customer_information_01
	---------------------------*/
	#customer_information_01{
		margin-top: 26%;
	}

	#customer_information_01 > h2{
		font-size: 36px;
	}
	#customer_information_01 > .description{
		padding-left: 0;
		border-bottom: solid 2px #000000;
	}
	#customer_information_01 .form_field dt{
		width: 100%;
		margin: 8% auto 0;
		padding: 1%;
		float: none;
	}
	#customer_information_01 .form_field dd{
		width: 100%;
		padding: 2%;
		float: none;
	}
	#customer_information_01 .form_field dl input[type="text"]{
		font-size: 90%;
	}
	#customer_information_01 .form_field dl.city input[type="text"] , #customer_information_01 .form_field dl.address input[type="text"] , #customer_information_01 .form_field dl.room_no input[type="text"] , #customer_information_01 .form_field dl.email input[type="email"]{
		width: 100%;
	}
	#customer_information_01 .form_field dl.birthday input[type="text"]{
		width: 28%;
	}
	#customer_information_01 .form_field dl label{
		display: inline-block;
		margin: 1% auto;
	}
	#customer_information_01 .form_field dl.trigger .sp{
		display: inline;
	}


	/*----------------------------
	customer_information_02
	---------------------------*/
	#customer_information_02{
		margin-top: 26%;
	}
	#customer_information_02 > h2{
		font-size: 36px;
	}
	#customer_information_02{
		width: 100%;
	}
	#customer_information_02 .form_field dl{
		display: block;
		margin-top: 8%;
	}
	#customer_information_02 .form_field dt{
		display: block;
		width: 100%;
		padding: 1%;
		float: none;
	}
	#customer_information_02 .form_field dd{
		display: block;
		width: 100%;
		padding: 2%;
		float: none;
	}
	#customer_information_02 .form_field dd > table{
		width: 100%;
		border: solid 2px #000000;
		border-collapse: collapse;
		table-layout: fixed;
	}
	#customer_information_02 .form_field dd table td{
		width: 90%;
		padding: 10px;
		border: solid 2px #000000;
	}
	#customer_information_02 .form_field dd table td.radio{
		width: 10%;
	}
	/*
	#customer_information_02 .form_field td.card_no input[type="text"]{
		width: 20%;
	}
	*/
	#customer_information_02 .form_field td.security_no input[type="text"] , #customer_information_02 .form_field td.nominee input[type="text"]{
		width: 230px;
	}
	#customer_information_02 .form_field td.nominee .sp{
		display: inline;
	}
	#customer_information_02 .form_field .credit{
		width: 80%;
		margin: 10% 10%;
		float: none;
	}

	/*----------------------------
	order_confirmation
	---------------------------*/
	#order_confirmation{
		margin-top: 26%;
	}
	#order_confirmation .form_field > div.item_feeld > ul:nth-child(2){
		border-top: solid 1px #000000;
	}
	#order_confirmation .form_field div.item_feeld ul.item_feeld_cont li{
		line-height: 1.5em;
	}
	#order_confirmation .form_field div.item_feeld ul li.product_name .sp{
		display: inline;
	}
#order_confirmation .form_field div.item_feeld ul li.product_name .sp{
	display: inline;
}
	#order_confirmation .form_field div.item_feeld ul li.image{
		width: 30%;
	}
#order_confirmation .form_field div.item_feeld ul li.product_name , #order_confirmation .form_field div.item_feeld ul li.unit_price , #order_confirmation .form_field div.item_feeld ul li.quantity , #order_confirmation .form_field div.item_feeld ul li.subtotal{
	width: 70%;
	float: right;
	text-align: left;
}
#order_confirmation .form_field div.item_feeld ul li button{
	display: inline;
}
	#order_confirmation .form_field dl.info{
		margin: 10% auto 4%;
	}
	#order_confirmation .form_field dl.info > dd{
		width: 100%;
	}
	#order_confirmation .form_field dl.info > dd > dl{
		background: none;
	}
	#order_confirmation .form_field dl.info > dd > dl dt{
		width: 100%;
		border: solid 1px #000000;
		background-color: #abc8e8;
		float: none;
		box-sizing: border-box;
	}
	#order_confirmation .form_field dl.info > dd > dl dd{
		padding-left: 0;
		padding: 1%;
		border-top: none;
		border-left: solid 1px #000000;
		border-right: solid 1px #000000;
	}
	#order_confirmation .form_field dl.info > dd > dl dd.minh2{
		min-height: 2.2em;
	}
	#order_confirmation .form_field .button_field{
		width: 100%;
		margin: 10% auto;
	}
	#order_confirmation .form_field .button_field form , #order_confirmation .form_field .button_field > a{
		width: 80%;
		margin: 8% 10%;
		float: none;
	}


	/*----------------------------
	送信成功
	---------------------------*/
	.success{
		width: 96%;
		margin: 24% auto 0;
	}
	.success h2 , .success p.thick{
		font-size: 110%;
		font-weight: bolder;
	}

	/*----------------------------
	送信失敗
	---------------------------*/
	.error{
		width: 96%;
		margin: 24% auto 0;
	}
	.error h2{
		font-size: 110%;
		font-weight: bolder;
	}


	/*----------------------------
	concept
	---------------------------*/
	#concept > #concept_main{
		margin: 24% auto 0;
	}
	#concept > #concept_main .sp{
		display: inline;
	}
	#concept > #concept_main h2 img.sp01{
		width: 68%;
		margin: 2% auto 1%;
	}
	#concept > #concept_main h2 img.sp02{
		width: 53%;
		margin: 1% auto;
	}
	#concept > #easy_to_clean{
		margin: 12% auto 0;
	}
	#concept > #easy_to_clean > h2 img{
		width: 80%;
	}
	#concept > #easy_to_clean > p{
		margin: 0 auto;
	}
	#concept #moist_skin{
		margin: 12% auto;
	}
	#concept > #moist_skin > h2 img{
		width: 80%;
	}
	#concept #moist_skin > h3{
		font-size: 3.2vw;
	}
	#concept #moist_skin > div.skin{
		width: 90%;
		margin: 0 auto;
	}
	#concept > #luxury{
		margin: 12% auto 0;
		text-align: center;
	}
	#concept > #luxury > h2{
		margin: 0 auto 4%;
	}
	#concept > #luxury > h2 img{
		width: 80%;
	}
	#concept > #luxury > p > strong{
		font-size: 4.4vw;
		line-height: 1.0em;
	}
	#concept > #luxury > img{
		display: block;
		width: 60%;
		margin: 4% auto 2%;
	}
	#concept > #luxury > p:last-child > img{
		width: 80%;
	}


	/*----------------------------
	profile
	---------------------------*/
	#profile section h3{
		font-size: 22px;
	}
	#profile{
		margin: 22% auto 0;
	}
	#profile > h2{
		width: 100%;
		font-size: 4.0vw;
	}
	#profile > h2 > small{
		font-size: 2.2vw;
	}
	#profile #profile_main dl.profile_table{
		width: 100%;
		float: none;
	}
	#profile #profile_main .profile_image_box{
		width: 100%;
		padding: 0 15%;
		float: none;
	}
	#profile #profile_main #profile_image3{
		width: 70%;
		margin: 6% auto 0;
	}
	#profile #histoty{
		margin: 12% auto;
	}
	#profile #histoty div.history_table{
		width: 100%;
		float: none;
	}
	#profile #histoty div.history_table > .main{
		margin-top: 6%;
		padding-left: 4.5em;
		text-indent: -4.5em;
	}
	#profile #histoty div.history_table > .sub{
		padding-left: 4.5em;
	}
	#profile #histoty div.history_image_box{
		width: 100%;
		margin: 10% auto 0;
		padding: 0 15%;
		float: none;
	}
	#profile #histoty #daimaru_award img{
		display: block;
		width: 80%;
		margin: 4% auto 0;
		height: auto;
	}
	#profile #histoty #daimaru_award img:first-child{
		margin-right: auto;
	}
	#profile #magazine_adoption .magazine_adoption_table p.main{
		margin-top: 6%;
		padding-left: 0;
	}
	#profile #magazine_adoption .magazine_adoption_table p.sub{
		padding-left: 4.5em;
	}
	#profile #TV_adoption{
		margin: 8% auto;
	}
	#profile #TV_adoption .TV_adoption_table p.main{
		margin-top: 6%;
		padding-left: 0;
	}
	#profile #TV_adoption .TV_adoption_table p.sub{
		padding-left: 4.5em;
	}
	#profile #TV_adoption > img.sp{
		display: block;
		width: 82%; 
		margin: 6% auto 0;
		float: none;
	}


	/*----------------------------
	commercial
	---------------------------*/
	#commercial{
		margin-top: 26%;
	}
	#commercial > h2{
		padding-bottom: 10%;
		padding: 0;
		font-size: 4.0vw;
	}
	#commercial .form_field {
		width: 90%;
		margin: 0 auto;
	}
	#commercial .form_field dl.info dd{
		padding-left: 34%;
	}
	#commercial .form_field dl.greeting {
		width: 100%;
		padding: 0;
	}
	#commercial .form_field dl.greeting{
		width: 80vw;
		margin-left: auto;
		margin-right: auto;
		padding: 2%;
		background-color: #ffffff;
	}
	#commercial .form_field .greeting_img img{
		width: 100%;
		padding-top: 10%;
	}
	#commercial .form_field dl.greeting dt {
		padding-top: 5%;
		padding-bottom: 8%;
	}


	/*----------------------------
	privacypolicy
	---------------------------*/
	#privacypolicy{
		margin-top: 35%;
	}
	#privacypolicy > h2{
		padding-top: 0;
		font-size: 4.0vw;
	}
	#privacypolicy > p {
		width: 90%;
		text-align: justify;
	}
	#privacypolicy .form_field {
		width: 90%;
		margin: 0 auto;
	}
	#privacypolicy .form_field dl.info > dd {
		padding-left: 0;
		padding-top: 10%;
		padding-bottom: 3%;
	}
	#privacypolicy .form_field dl.info > dt {
		width: 100%;
		padding-top: 2%;
	}


	/*----------------------------
	inquiry(form)
	---------------------------*/
	#toiawase{
		margin-top: 26%;
	}
	#toiawase > h2{
		font-size: 36px;
	}
	#toiawase > .description{
		padding-left: 0;
		border-bottom: solid 2px #000000;
	}
	#toiawase .form_field dt{
		width: 100%;
		padding: 1%;
		float: none;
	}
	#toiawase .form_field dd{
		width: 100%;
		padding: 2%;
		float: none;
	}
	#toiawase .form_field dl.city input[type="text"] , #toiawase .form_field dl.address input[type="text"] , #toiawase .form_field dl.room_no input[type="text"] , #toiawase .form_field dl.email input[type="email"] , #toiawase .form_field dl.texlines{
		width: 100%;
	}
	#toiawase .form_field dl.birthday input[type="text"]{
		width: 22%;
	}
	#toiawase .form_field dl.trigger .sp{
		display: inline;
	}


	/*----------------------------
	inquiry(order_confirmation)
	---------------------------*/
	#inquiry_confirmation{
		margin-top: 26%;
	}
	#inquiry_confirmation .form_field dl.info{
		margin: 10% auto 4%;
	}
	#inquiry_confirmation .form_field dl.info > dd{
		width: 100%;
	}
	#inquiry_confirmation .form_field dl.info > dd > dl{
		background: none;
	}
	#inquiry_confirmation .form_field dl.info > dd > dl dt{
		width: 100%;
		border: solid 1px #000000;
		background-color: #abc8e8;
		float: none;
		box-sizing: border-box;
	}
	#inquiry_confirmation .form_field dl.info > dd > dl dd{
		padding-left: 0;
		padding: 1%;
		border-top: none;
		border-left: solid 1px #000000;
		border-right: solid 1px #000000;
	}
	#inquiry_confirmation .form_field dl.info > dd > dl dd.minh2{
		min-height: 2.2em;
	}
	#inquiry_confirmation .form_field .button_field{
		width: 100%;
		margin: 10% auto;
	}


	/*----------------------------
	shoppingguide
	---------------------------*/
	#shoppingguide .introduction{
		margin: 24% auto 0;
		text-align: left;
	}
	#shoppingguide .introduction > h2{
		width: 100%;
		font-size: 4.0vw;
	}
	#shoppingguide .introduction > h2 > small{
		font-size: 2.2vw;
	}
	#shoppingguide section h3{
		margin: 12% auto 0;
		padding: 0;
		color: #000000;
		border-bottom: solid 1px #000000;
		text-align: left;
		background: none;
	}
	#shoppingguide > section > dl > dt .sp{
		display: inline-block;
	}
	#shoppingguide section > dl{
		background: none;
		line-height: 1.5em;
	}
	#shoppingguide section > dl dt , #shoppingguide section > dl dd{
		padding: 0;
		box-sizing: border-box;
	}
	#shoppingguide section > dl dt{
		width: 100%;
		padding: 20% 0 1%;
		float: none;
	}
	#shoppingguide section > dl > dt:first-child{
		padding: 5% 0 1%;
	}
	#shoppingguide section > dl dd{
		width: 100%;
		padding: 0;
		border: none;
	}
	#shoppingguide section > dl dd:last-child{
		border-bottom: none;
	}
	#shoppingguide section > dl ul{
		margin-top: 4%;
		padding-left: 20px;
		box-sizing: border-box;
	}
	#shoppingguide section > dl ol > li{
		margin-top: 8%;
	}
	#shoppingguide #urchase_bonus img , #shoppingguide #shopping_flow img{
		display: block;
		width: 100%;
	}
	#shoppingguide #shopping_flow dd:first-child{
		margin-bottom: 4%;
	}
	#shoppingguide #urchase_bonus > dl dd.benefits ol{
		margin: 4% auto;
	}
	#shoppingguide #shopping_flow .orange_back{
		margin-top: 4%;
		padding: 0;
		color: #0b407f;
		font-weight: bolder;
		background: none;
	}
	#shoppingguide #about_delivery .time{
		width: 100%;
		padding: 20% 0 0;
	}
	#shoppingguide #about_delivery img{
		display: block;
		width: 100%;
		margin: 2% auto 0 0;
	}
	#shoppingguide #about_payment .hl_cont img{
		height: 25px;
	}
	#shoppingguide #return_exchange dl dt{
		display: none;
	}
	#shoppingguide #return_exchange dl dd{
		margin-top: 4%;
	}


	/*----------------------------
	割引クーポンページ（フォーム）
	---------------------------*/
	.coupon_page{
		margin-top: 26%;
	}
	.coupon_page > h2{
		font-size: 36px;
	}
	.coupon_page .message{
		text-align: left;
	}


	/*----------------------------
	特典クーポンページ（フォーム）
	---------------------------*/
	.special_favor_page{
		margin-top: 26%;
	}
	.special_favor_page > h2{
		font-size: 36px;
	}
	.special_favor_page .message{
		text-align: left;
	}
}



@media screen and (max-width: 550px){
	/*----------------------------
	cart
	---------------------------*/
	#cart .form_field div.item_feeld ul.item_feeld_foot{
		width: 90%;
		margin: 2% 0 0 10%;
	}

	/*----------------------------
	corder_confirmation
	---------------------------*/
	#order_confirmation .form_field dl.sum {
		width: 96%;
		margin: 4% 2% 2% 3%;
	}

	/*----------------------------
	profile
	---------------------------*/
	#profile{
		font-size: 3.0vw;
	}
	#profile section h3{
		font-size: 3.5vw;
	}

	/*----------------------------
	commercial
	---------------------------*/
	#commercial{
		font-size: 3.0vw;
	}

	/*----------------------------
	privacypolicy
	---------------------------*/
	#privacypolicy{
		font-size: 3.0vw;
	}

	/*----------------------------
	shoppingguide
	---------------------------*/
	#shoppingguide{
		font-size: 3.0vw;
	}

	/*----------------------------
	割引クーポンページ（フォーム）
	---------------------------*/
	.coupon_page .form_field .button_field {
		width: 50%;
	}

	/*----------------------------
	特典クーポンページ（フォーム）
	---------------------------*/
	.special_favor_page .form_field .button_field {
		width: 50%;
	}
}