@charset "utf-8";

/* 安心お得なコンタクトレンズ海外通販をお手伝いします。 */
#guide{
	margin:0 auto;
	-webkit-text-size-adjust:100%;
}
#guide ol,
#guide ul,
#guide li,
#guide dl,
#guide dt,
#guide dd,
#guide span,
#guide p{
	margin:0;
	padding:0;
}
#guide dl,
#guide dt,
#guide dd{
	display:block;
}
#guide ol,
#guide ul{
	list-style-type:none;
}
#guide img{
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}
#guide .btn{
	display:inline-block;
	width:100%;
	padding:7px 0 5px;
	border:2px solid #000000;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
	border-radius:50px;
	font-weight:bold;
	font-size:16px;
	line-height:1.2;
	text-align:center;
	letter-spacing:1px;
	text-decoration:none;
}
#guide .btn::after,
#guide .btn::before {
	display: none;
}
#guide .btn.color01{
	border-color:#ED6670;
	color:#ED6670;
}
#guide .btn.color01:active{
	background-color:#ED6670;
	color:#ffffff;
}
#guide .btn.color02{
	border-color:#996CCB;
	color:#996CCB;
}
#guide .btn.color02:active{
	background-color:#996CCB;
	color:#ffffff;
}
#guide .btn.color03{
	border-color:#2AC27D;
	color:#2AC27D;
}
#guide .btn.color03:active{
	background-color:#2AC27D;
	color:#ffffff;
}
#guide .btn.color04{
	border-color:#4FA2EF;
	color:#4FA2EF;
}
#guide .btn.color04:active{
	background-color:#4FA2EF;
	color:#ffffff;
}
#guide .btn.color05{
	border-color:#ffffff;
	color:#ffffff;
}
#guide .btn.color05:active{
	background-color:#ffffff;
	color:#2160a6;
}
#guide .btn.color06{
	border-color:#ffffff;
	color:#ffffff;
}
#guide .btn.color06:active{
	background-color:#ffffff;
	color:#da2b36;
}
#guide .head_area{
	text-align:center;
}
#guide .reason_area{
	padding:15px 10px;
	background-color:#315997;
	background-image:url(/special/guide/img/reason_area_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
}
#guide .reason_area > .title{
	margin:0 10px 20px;
	color:#ffffff;
	font-weight:bold;
	font-size:20px;
	text-align:center;
}
#guide .reason_area > .title span{
	border-bottom:1px solid #ffffff;
	line-height:2;
}
#guide .reason_area .miryoku_area{
	margin:0 0 20px 0;
}
#guide .reason_area .miryoku_area > .title{
	margin:0 0 12px 0;
	color:#ffffff;
	font-size:18px;
	text-align:center;
}
#guide .reason_area .miryoku_area ul li{
	width:90%;
	margin:0 auto 10px;
	padding:15px 10px;
	background-color:#ffffff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
@media screen and (min-width:375px){
#guide .reason_area .miryoku_area ul li{
	float:left;
	width:32%;
	margin-left:1%;
}
}
#guide .reason_area .miryoku_area ul li > .icon{
	margin:0 auto 15px;
	text-align:center;
	width:58px;
}
#guide .reason_area .miryoku_area ul li > .title{
	margin:0 0 10px 0;
	font-size:16px;
	text-align:center;
}
#guide .reason_area .miryoku_area ul li > .text{
	font-size:14px;
	line-height:1.6;
}
#guide .reason_area .miryoku_area ul li.miryoku01{
	color:#ff8925;
}
#guide .reason_area .miryoku_area ul li.miryoku02{
	color:#257de1;
}
#guide .reason_area .miryoku_area ul li.miryoku03{
	color:#1fb93f;
}
#guide .reason_area .aboutstore_area{
	display:block;
	clear:both;
}
#guide .reason_area .aboutstore_area > .title{
	margin:0 0 20px;
	padding:10px 10px;
	border:1px solid #ffffff;
	color:#ffffff;
	font-size:16px;
	line-height:1.4;
	font-weight:bold;
	text-align:center;
}
#guide .reason_area .store_explain .img_left{
	float:left;
	width:40%;
	margin:0 10px 10px 0;
}
#guide .reason_area .store_explain > .text{
	color:#ffffff;
	font-size:14px;
	line-height:1.6;
}
#guide .reason_area .store_explain > .text p{
	margin:0 0 1.5em 0;
}
#guide .reason_area .store_explain > .text em{
	font-style:normal;
	font-weight:bold;
}
#guide .reason_area .atn{
	margin:0 0 1.5em 0;
}
#guide .reason_area .atn li{
	padding-left:1em;
	text-indent:-1em;
	font-size:12px;
	line-height:1.8;
}
#guide .reason_area .store_feature li{
	width:100%;
	margin:0 auto 10px;
	padding:15px 15px;
	background-color:#ffffff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
@media screen and (min-width:375px){
#guide .reason_area .store_feature li{
	float:left;
	width:48%;
	margin:0 1% 2% 1%;
	padding:10px 10px;
}
}
#guide .reason_area .store_feature li > .title{
	margin:0 auto 10px;
	padding:7px 5px 5px;
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	line-height:1.2;
	text-align:center;
	letter-spacing:1px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
#guide .reason_area .store_feature li.feature01 > .title{
	background-color:#ED6670;
}
#guide .reason_area .store_feature li.feature02 > .title{
	background-color:#996CCB;
}
#guide .reason_area .store_feature li.feature03 > .title{
	background-color:#2AC27D;
}
#guide .reason_area .store_feature li.feature04 > .title{
	background-color:#4FA2EF;
}
#guide .reason_area .store_feature li .text{
	margin:0 auto 15px;
	font-size:14px;
	line-height:1.6;
}
#guide .reason_area .store_feature li .btn_box{
	width:80%;
	margin:0 auto;
	text-align:center;
}
#guide #about_product{
	padding:15px 0 25px;
	background-image:url(/special/guide/img/about_product_area_bg.jpg);
	background-position:center top;
	background-repeat:repeat-y;
	-webkit-background-size:cover;
	background-size:cover;
}
#guide #about_product > .title{
	margin:0 0 5px;
	padding:5px 0;
	color:#ffffff;
	font-size:20px;
	line-height:1.4;
	font-weight:bold;
	text-align:center;
	letter-spacing:2px;
}
#guide #about_product > .text{
	width:90%;
	margin:0 auto 15px;
	color:#ffffff;
	font-size:14px;
	line-height:1.6;
	text-align:center;
}
#guide #about_product .package_compare{
	display:table;
	width:90%;
	margin:0 auto;
}
#guide #about_product .package_compare dl{
	display:table-cell;
	width:48%;
	vertical-align:top;
}
#guide #about_product .package_compare dl img{
	display:block;
	width:100%;
	max-width:114px;
	height:auto;
	vertical-align:bottom;
	margin:0 auto;
}
#guide #about_product .package_compare dl.package01{
}
#guide #about_product .package_compare dl.package02{
}
#guide #about_product .package_compare dl.package01 dd{
	background-color:#EAF3FF;
}
#guide #about_product .package_compare dl.package02 dd{
	background-color:#ECFAF2;
}
#guide #about_product .package_compare dl.package01 .inner_box,
#guide #about_product .package_compare dl.package02 .inner_box{
	margin:0 5px;
}
#guide #about_product .package_compare dl dt{
	padding:8px 0 6px;
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	letter-spacing:1px;
}
#guide #about_product .package_compare dl.package01 dt{
	background-color:#347DDF;
}
#guide #about_product .package_compare dl.package02 dt{
	background-color:#2FBA44;
}
#guide #about_product .package_compare dl dd{
	padding:10px 10px 10px;
	text-align:center;
}
#guide #about_product .package_compare dl .p_name{
	display:block;
	margin:0 0 15px 0;
	font-weight:bold;
	font-size:14px;
}
#guide #about_product .package_compare dl.package01 .p_name{
	color:#347DDF;
}
#guide #about_product .package_compare dl.package02 .p_name{
	color:#2FBA44;
}
#guide #about_delivery{
	padding:20px 0 120% 0;
	background-image:url(/special/guide/img/sp_about_delivery_area_bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	background-size:cover;
}
@media screen and (min-width:375px){
#guide #about_delivery{
	padding-bottom:90%;
}
}
@media screen and (min-width:568px){
#guide #about_delivery{
	padding-bottom:380px;
}
}
#guide #about_delivery > .title{
	width:90%;
	margin:0 auto 5px;
	padding:5px 0;
	color:#ffffff;
	font-weight:bold;
	font-size:20px;
	line-height:1.4;
	text-align:center;
	letter-spacing:2px;
}
@media screen and (max-width:567px){
#guide #about_delivery > .title br.disp_l_size{
	display:none;
}
}
@media screen and (min-width:568px){
#guide #about_delivery > .title br.disp_s_size{
	display:none;
}
}
#guide #about_delivery > .text{
	width:90%;
	margin:0 auto 15px;
	color:#ffffff;
	font-size:14px;
	line-height:1.6;
	text-align:center;
}
#guide #about_payment{
	padding:15px 0 20px 0;
	background-color:#51AB8D;
	background-image:url(/special/guide/img/about_payment_area_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	background-size:cover;
}
#guide #about_payment > .title{
	margin:0 0 5px;
	padding:5px 0;
	color:#ffffff;
	font-weight:bold;
	font-size:20px;
	line-height:1.4;
	text-align:center;
	letter-spacing:2px;
}
#guide #about_payment > .text{
	width:90%;
	margin:0 auto 15px;
	color:#ffffff;
	font-size:14px;
	line-height:1.6;
	text-align:center;
}
#guide #about_payment .np_intro_box{
	width:95%;
	margin:0 auto 38px;
	padding:20px 15px 10px;
	background-color:#ffffff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#guide #about_payment .np_intro_box > .title{
	padding:0 0 10px 0;
	border-bottom:1px solid #0cc17b;
	color:#0cc17b;
	font-weight:bold;
	font-size:16px;
	line-height:1.4;
	text-align:center;
}
#guide #about_payment .np_intro_box > .title span{
	display:block;
	font-size:30px;
}
#guide #about_payment .np_intro_box > .img{
	margin:20px 0 10px;
	text-align:center;
}
#guide #about_payment .np_intro_box > .text{
	margin:0 0 1em;
	color:#252525;
	font-size:14px;
	line-height:2;
	text-align:left;
}
#guide #about_payment .np_intro_box > .text em{
	margin:0;
	color:#ffffff;
	font-style:normal;
	font-weight:bold;
}
#guide #about_payment .np_intro_box > .text .emphasis01{
	padding:1px 5px 0;
	background-color:#2AC27D;
}
#guide #about_payment .np_intro_box > .text .emphasis02{
	padding:3px 8px 2px;
	background-color:#D6263A;
	line-height:2.4;
}
#guide #about_payment .np_flow_box{
	width:85%;
	margin:0 auto 20px;
}
#guide #about_payment .np_flow_box > .title{
	width:80%;
	margin:0 auto;
	padding:8px 0 6px;
	background-color:#ffffff;
	color:#2AC27D;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	letter-spacing:2px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
	border-radius:50px;
}
#guide #about_payment .np_flow_box ol li{
	position:relative;
	margin:20px 0 0 0;
	padding:20px 10px;
	background-color:#ffffff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	text-align:center;
}
#guide #about_payment .np_flow_box ol li:before{
	content:url(/special/guide/img/dot.png);
	display:inline-block;
	position:absolute;
	top:-18px;
	left:50%;
}
#guide #about_payment .np_flow_box ol li .num{
	margin:0 auto 10px;
	max-width:20%;
}
#guide #about_payment .np_flow_box ol li .text{
	color:#2AC27D;
	font-size:14px;
	line-height:1.6;
}
#guide #about_payment .other_payment > .title{
	margin:0 0 5px;
	padding:5px 0;
	color:#ffffff;
	font-weight:bold;
	font-size:20px;
	line-height:1.4;
	text-align:center;
	letter-spacing:2px;
}
#guide #about_payment .other_payment .img{
	width:85%;
	margin:0 auto;
	padding:10px 10px;
	background-color:#ffffff;
	text-align:center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#guide #about_contact{
	padding:15px 0 30px 0;
	background-color:#1A5FAC;
	background-image:url(/special/guide/img/about_contact_area_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	background-size:cover;
}
#guide #about_contact > .title{
	width:90%;
	margin:0 auto 5px;
	padding:5px 0;
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	line-height:1.4;
	text-align:center;
	letter-spacing:2px;
}
@media screen and (min-width:375px){
#guide #about_contact > .title{
	font-size:20px;
}
}
#guide #about_contact > .text{
	width:90%;
	margin:0 auto 25px;
	color:#ffffff;
	font-size:14px;
	line-height:1.6;
	text-align:center;
}
#guide #about_contact .mail_box{
	width:90%;
	margin:0 auto;
	padding:15px 0 20px;
	border:2px solid #FFFFFF;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	text-align:center;
}
#guide #about_contact .mail_box > .title{
	margin:0 0 5px 0;
	color:#ffffff;
	font-size:21px;
	line-height:1.6;
	text-align:center;
}
#guide #about_contact .mail_box .btn_box{
	width:80%;
	margin:0 auto 18px;
}
#guide #about_contact .mail_box .btn_box .btn{
	padding:10px 0 8px;
}
#guide #about_contact .mail_box .text{
	color:#ffffff;
	font-size:14px;
	line-height:1.8;
}
#guide #about_contact .mail_box .text em{
	font-style:normal;
	font-weight:bold;
	font-size:16px;
}
#guide .toppage_link{
	padding:25px 0;
	background-color:#D6263A;
}
#guide .toppage_link .btn_box{
	width:90%;
	margin:0 auto;
}
#guide .toppage_link .btn_box .btn{
	padding:10px 0 8px;
}