@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;
}