@charset "UTF-8";

/* リセット
---------------------------------------------------------- */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, table, th, td, button {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*position: relative;*/
	word-wrap: break-word;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, table, th, td, button {
	font-size: 100%;
	position: relative;
}

h1, h2, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

img {
	border: 0;
	vertical-align: top;
}

ol ,
ul {
	list-style: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

address {
	font-style: normal;
}

sup,sub {
	font-size: 10px;
}

rt {
	font-size: 10px;
	text-align: center;
}

/* レイアウト
----------------------------------------*/

/*html {
	height: 100%;
}*/


/* オリジナルのレイアウト
----------------------------------------*/

body {
	color: #333;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.6;
	/*min-width: 1000px;
	height: 100%;*/
	-webkit-text-size-adjust: 100%;
}


@media only screen and (max-width: 750px) {
	body {
		min-width: 320px;
		height: 100%;
		background: #fff;
	}
}

a {
	color: #333;
	position: relative;
}
a:link {
	color: #333;
	text-decoration: underline;
}
@media only screen and (min-width: 751px) {
	a:hover {
		text-decoration: none;
	}

	.linkblock {
		cursor: pointer;
		transition: 0.3s;
	}
	.linkblock:hover {
		opacity: 0.6;
	}
}

a.a_gaibu:after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 8px;
	margin: 0 .5em 0 .3em;
	background: url(/excludes/dmlite/img/common/icon_gaibu.png) no-repeat center center;
	background-size: 100%;
}
a.a_pdf:after {
	content: '';
	display: inline-block;
	width: 34px;
	height: 17px;
	margin: 0 .5em 0 .3em;
	/*background: url(/excludes/dmlite/img/common/ico-pdf.png) no-repeat center center;
	background-size: 100%;*/
}

a.a_doc:after {
	content: '';
	display: inline-block;
	width: 13px;
	height: 17px;
	margin: 0 .5em 0 .3em;
	/*background: url(/excludes/dmlite/img/common/ico-doc.png) no-repeat center center;
	background-size: 100%;*/
}

/*表示
----------------------------------------*/
/* PCだけ表示 */
.visible_pc {
	display: block !important;
}
/* SPだけ表示 */
.visible_sp {
	display: none !important;
}

/* PCだけ表示 */
.visible_pc_inline {
	display: inline !important;
}
/* SPだけ表示 */
.visible_sp_inline {
	display: none !important;
}

@media only screen and (max-width: 750px) {
	/* PCだけ表示 */
	.visible_pc {
		display: none !important;
	}
	/* SPだけ表示 */
	.visible_sp {
		display: block !important;
	}

	/* PCだけ表示 */
	.visible_pc_inline {
		display: none !important;
	}
	/* SPだけ表示 */
	.visible_sp_inline {
		display: inline !important;
	}
	/* SPだけ改行 */
	.sp_br {
		display: block;
	}
}

.m_auto {
	margin-left: auto !important;
	margin-right: auto !important;
}

@media only screen and (max-width: 750px) {
	.m_auto_sp {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/* SPでtel:
----------------------------------------*/
.txt_telno {
}

.txt_telno a {
	text-decoration: none;
}

.txt_telno.color_red a {
	color: #ff1111 !important;
}

.txt_telno.color_red {
	vertical-align: middle;
}

/*color
----------------------------------------*/

.color_white { color: #ffffff !important;}
.color_red { color: #ff1111 !important;}
.color_blue { color: #0022ff !important; }
.color_green { color: #008030 !important; }
.color_orange { color: #ff6600 !important; }
.color_yellow { color: #ffc600 !important; }
.color_gray { color:#999999 !important; }
.color_black { color:#333333 !important; }

.color_base { color: #77a32d !important; }
.color_aojiru {color: #9AC935 !important;}
.color_cola-rich { color: #F3759C !important; }
.color_health { color: #3D62B0 !important; }
.color_other { color: #D09B60 !important; }

/*bg
----------------------------------------*/
.bg_white { background:#ffffff !important; padding: 2px 5px;}
.bg_red { background: #ff1111 !important; color: #fff !important; padding: 2px 5px;}
.bg_blue { background: #0022ff !important; color: #fff !important; padding: 2px 5px;}
.bg_green { background: #008030 !important; color: #fff !important; padding: 2px 5px;}
.bg_orange { background: #ff6600 !important; color: #fff !important; padding: 2px 5px;}
.bg_yellow { background: #FFE317 !important; padding: 2px 5px;}
.bg_gray { background:#999999!important; color: #fff !important; padding: 2px 5px;}
.bg_black { background:#333333 !important; color: #fff !important; padding: 2px 5px;}

.bg_red a { color: #fff !important;}
.bg_blue a { color: #fff !important;}
.bg_green a { color: #fff !important;}
.bg_orange a { color: #fff !important;}
.bg_gray a { color: #fff !important;}
.bg_black a { color: #fff !important;}

.bg_base { background: #77a32d !important; color: #fff !important; padding: 2px 5px;}
.bg_aojiru { background: #9AC935 !important; color: #fff !important; padding: 2px 5px;}
.bg_cola-rich { background: #F3759C !important; color: #fff !important; padding: 2px 5px;}
.bg_skinkalede { background: #8ecfaf !important; color: #fff !important; padding: 2px 5px;}
.bg_health { background: #3D62B0 !important; color: #fff !important; padding: 2px 5px;}
.bg_other { background: #D09B60 !important; color: #fff !important; padding: 2px 5px;}

.bg_base a { color: #fff !important;}
.bg_aojiru a { color: #fff !important;}
.bg_cola-rich a { color: #fff !important;}
.bg_skinkalede a { color: #fff !important;}
.bg_health a { color: #fff !important;}
.bg_other a { color: #fff !important;}

.bg_red_light { background: rgba(255,17,17,0.1) !important;}
.bg_blue_light { background: rgba(0,34,255,0.1) !important;}
.bg_green_light { background: rgba(0,128,48,0.1) !important;}
.bg_orange_light { background: rgba(255,102,0,0.1) !important;}
.bg_gray_light { background: #f1f1f1 !important; padding: 2px 5px;}

.bg_base_light { background: rgba(119,163,45,0.1) !important;}
.bg_aojiru_light { background: rgba(154,201,53,0.1) !important;}
.bg_cola-rich_light { background: rgba(243,117,156,0.1) !important;}
.bg_skinkalede_light { background: rgba(142,207,175,0.1) !important;}
.bg_health_light { background: rgba(61,98,176,0.1) !important;}
.bg_other_light { background: rgba(208,155,96,0.1) !important;}

/*border
----------------------------------------*/
.bor_red { border: 1px solid #ff1111 !important;}
.bor_blue { border: 1px solid #0057ce !important;}
.bor_green { border: 1px solid #008030 !important;}
.bor_orange { border: 1px solid #ff6600 !important;}
.bor_gray { border: 1px solid #999999 !important;}
.bor_black { border: 1px solid #333333 !important;}

.bor_base { border: 1px solid #77a32d !important;}
.bor_aojiru { border: 1px solid #9AC935 !important;}
.bor_cola-rich { border: 1px solid #F3759C !important;}
.bor_skinkalede { border: 1px solid #8ecfaf !important;}
.bor_health { border: 1px solid #3D62B0 !important;}
.bor_other { border: 1px solid #D09B60 !important;}

.bor_t_none {border-top: none !important;}
.bor_r_none {border-right: none !important;}
.bor_b_none {border-bottom: none !important;}
.bor_l_none {border-left: none !important;}

/* hr
----------------------------------------*/

hr {
	clear: both;
	border: none;
	border-top: solid 1px #DDD;
	height: 1px;
	color: #999;
	margin: 30px 0;
}

.hr {
	clear: both;
	border: none;
	border-top: solid 1px #d8d8d8;
	height: 1px;
	margin: 1em 0;
}

.hr_l {
	clear: both;
	border: none;
	border-top: solid 1px #d8d8d8;
	height: 1px;
	margin: 4em 0;
}

@media only screen and (max-width: 750px) {
	hr {
		margin: 15px 0;
	}
	.hr_l {
		margin: 2.5em 0;
	}
}

/*header
----------------------------------------*/
/*#header {
	border-bottom: 1px solid #dcdcdc;
	min-width: 1000px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
	background: #fff;
}

.header_simple {
	margin-bottom: 45px;
	position: static!important;
}

.header_simple .tel_box {
	float: right;
}
.header_simple .tel_box dl {
	display: table;
	margin: 0 auto;
}

.header_simple .tel_box dt {
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	padding-right: 20px;
	height: 90px;
	font-size: 16px;
	line-height: 1.3;
}

.header_simple .tel_box dd {
	display: table-cell;
	vertical-align: middle;
	height: 90px;
}

.header_simple .tel_box dd address {
	font-size: 30px;
	font-weight: bold;
	color: #997d15;
	line-height: 1.2;
}
.header_simple .tel_box dd address::before {
	content: "";
	display: inline-block;
	vertical-align: 2px;
	width: 35px;
	height: 20px;
	margin-right: 10px;
	background: url(/excludes/dmlite/img/common/ico-freedial_black.png) no-repeat left center;
	background-size: 100%;
}

.header_simple .tel_box dd address + p {
	font-size: 16px;
}

.header_block {
	width: 1000px;
	margin: 0 auto;
}
.header_block { zoom:1; }
.header_block:after { clear: both; }
.header_block:after { content: " "; display: table; }

.header_block .logo {
	float: left;
	width: 147px;
	padding: 15px 0;
}

.header_block .header_box {
	float: right;
	max-width: 850px;
}
.header_block .header_box { zoom:1; }
.header_block .header_box:after { clear: both; }
.header_block .header_box:after { content: " "; display: table; }


.header_block .header_box .info_block {
	float: right;
	width: 527px;
	min-height: 90px;
}

.header_block .header_box .info_block ul {
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed;
}

.header_block .header_box .info_block ul li {
	display: table-cell;
	border-left: 1px solid #dcdcdc;
	width: 90px;
	vertical-align: middle;
	text-align: center;
	height: 90px;
}

.header_block .header_box .info_block ul li a {
	display: block;
	font-size: 12px;
	line-height: 1.3;
}
.header_block .header_box .info_block ul li a:link {
	color: #333;
	text-decoration: none;
}

.header_block .header_box .info_block ul li a img {
	display: block;
	width: 35px;
	margin: 0 auto 8px;
}
.header_block .header_box .info_block ul li:nth-child(3) a img,
.header_block .header_box .info_block ul li a img.icon_signup {
	margin-bottom: 2px;
}

.header_block .header_box .info_block ul .sp_menu {
	display: none;
}

.header_block .header_box .info_block ul .info_box {
	width: 257px;
	text-align: left;
	padding-left: 15px;
}
.header_block .header_box .info_block li.icon_link a {
	min-height: 67px;
}
.header_block .header_box .info_block ul .info_box p {
	float: left;
	padding-left: 12px;
	background: url(/excludes/dmlite/img/common/ico-arrow_s.png) left center no-repeat;
	margin-bottom: 4px;
}
.header_block .header_box .info_block ul .info_box p a {
	font-size: 14px;
}
.header_block .header_box .info_block ul .info_box p a:link {
	text-decoration: underline;
}
.header_block .header_box .info_block ul .info_box p:nth-child(2) {
	float: right;
}

.header_block .header_box .info_block ul .info_box figure {
	clear: both;
	padding-top: 2px;
}

.header_block .header_box .user_box {
	max-width: 310px;
	min-width: 280px;
	float: right;
	padding: 8px 5px 8px;
}
.header_block .header_box .user_box .user_name {
	font-size: 16px;
	margin-bottom: 6px;
	display: inline-block;
	line-height: 1.3;
}
.header_block .header_box .user_box .user_name .welcome {
	display: inline-block;
	margin-right: 15px;
	vertical-align: top;
}
.header_block .header_box .user_box .user_name a:link {
	text-decoration: underline;
}
.header_block .header_box .user_box .user_name .name {
	margin-right: 10px;
	display: inline-block;
}

.header_block .header_box .user_box ul {
	margin-bottom: 3px;
}
.header_block .header_box .user_box ul li {
	display: inline-block;
	padding: 0 10px 0 0;
}
.header_block .header_box .user_box ul li + li {
	padding: 0 0 0 10px;
	border-left: 1px dotted #dcdcdc;
}
.header_block .header_box .user_box ul li::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: -3px;
	margin-right: 5px;
}
.header_block .header_box .user_box ul .point::before {
	background: url(/excludes/dmlite/img/common/ico-point.png) no-repeat;
	background-size: 100%;
}
.header_block .header_box .user_box ul .coin::before {
	background: url(/excludes/dmlite/img/common/ico-coin.png) no-repeat;
	background-size: 100%;
}

.header_block .header_box .user_box .status {
	display: inline-block;
	font-size: 12px;
	color: #fff;
	padding: 0 5px;
	float: left;
	margin: 2px 10px 0 0;
}
.header_block .header_box .user_box .status.bronze {
	background: #8b491e;
}
.header_block .header_box .user_box .status.silver {
	background: #c9c9c9;
}
.header_block .header_box .user_box .status.gold {
	background: #c7b87f;
}
.header_block .header_box .user_box .status.platinum {
	background: #7ecef4;
	color: #000;
}
.header_block .header_box .user_box .status.diamond {
	background: #000;
	color: #edda92;
}
.header_block .header_box .user_box .arrow_link {
	float: left;
	padding-left: 12px;
	background: url(/excludes/dmlite/img/common/ico-arrow_s.png) left center no-repeat;
	margin-bottom: 0;
}
.header_block .header_box .user_box .arrow_link a {
	font-size: 13px;
}
.header_block .header_box .user_box .arrow_link a:link {
	text-decoration: underline;
}

@media only screen and (min-width: 751px) {
	.header_block .header_box .info_block ul li a {
		transition: 0.3s;
	}
	.header_block .header_box .info_block ul li a:hover {
		opacity: 0.5;
	}
	.header_block .header_box .info_block ul .info_box p a:hover  {
		text-decoration: none;
	}
	.header_block .header_box .user_box p a {
		transition: 0.3s;
	}
	.header_block .header_box .user_box p a:hover {
		text-decoration: none!important;
		opacity: 0.5;
	}
}


@media only screen and (max-width: 750px) {
	#header {
		border-bottom: none;
		min-width: 0;
	}

	.header_block {
		width: 100%;
	}

	.header_block .logo {
		position: absolute;
		width: 25%;
		max-width: 93px;
		left: 15px;
		top: 12px;
		padding: 0;
		z-index: 10;
	}

	.header_block .header_box  {
		float: none;
	}

	.header_block .header_box .info_block {
		float: right;
		width: 64%;
		min-height: 0;
	}

	.header_block .header_box .info_block ul li {
		width: 25%;
		height: 60px;
		padding-top: 8px;
	}

	.header_block .header_box .info_block ul li a {
		font-size: 10px;
	}

	.header_block .header_box .info_block ul li a img {
		width: 23px;
		margin-bottom: 5px;
	}

	.header_block .header_box .info_block ul .sp_menu {
		display: table-cell;
		padding-top: 0;
		vertical-align: middle;
	}
	.header_block .header_box .info_block ul .sp_menu img {
		margin: 0 auto 5px;
	}

	.header_block .header_box .info_block ul .info_box {
		display: none;
	}

	.header_block .header_box .info_block li.icon_link a {
		min-height: 51px;
	}

	.header_block .header_box .user_box {
		max-width: 100%;
		min-width: 0;
		float: none;
		clear: both;
		border-top: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
		padding: 6px 2%;
	}

	.header_block .header_box .user_box .user_name {
		font-size: 4vw;
		margin-bottom: 0;
		padding: 5px 0 0 ;
		display: block;
	}
	.header_block .header_box .user_box .user_name .welcome {
		margin-right: 10px;
	}

	.header_block .header_box .user_box .user_name name:link {
		margin-right: 0;
	}

	.header_block .header_box .user_box .status.visible_sp {
		font-size: 2.8vw;
		padding: 3px 7px 2px 5px;
		display: inline-block!important;
		float: none;
		margin: 0 0 0 5px;
		vertical-align: middle;
	}

	.header_block .header_box .user_box ul {
		padding: 0;
		float: left;
	}

	.header_block .header_box .user_box ul li {
		font-size: 2.8vw;
		padding: 0;
	}
	.header_block .header_box .user_box ul li + li {
		padding: 0;
		border-left: none;
	}
	.header_block .header_box .user_box ul li::before {
		width: 12px;
		height: 12px;
		vertical-align: -1px;
		margin-right: 3px;
	}

	.header_block .header_box .user_box .point_link {
		float: right;
	}
	.header_block .header_box .user_box .arrow_link {
		float: none;
		padding-left: 8px;
		padding-bottom: 2px;
		background: url(/excludes/dmlite/img/common/ico-arrow_s.png) left center no-repeat;
		background-size: 5px;
	}
	.header_block .header_box .user_box .point_link .arrow_link a:link {
		font-size: 2.8vw;
	}

	.header_block .header_box .user_box { zoom:1; }
	.header_block .header_box .user_box:after { clear: both; }
	.header_block .header_box .user_box:after { content: " "; display: table; }
}

#gnav {
	width: 100%;
	margin: 0 auto;
	border-top: 1px solid #dcdcdc;
}

.gnav_block {
	width:  1000px;
	margin: 0 auto;
	border-left: 1px solid #dcdcdc;
	display: table;
	table-layout: fixed;
	position: static;
}

.gnav_block > li {
	display: table-cell;
	border-right: 1px solid #dcdcdc;
	position: static;
	vertical-align: top;
}

.gnav_block > li > a {
	display: block;
	padding: 13px 5px 11px;
	font-size: 15px;
	transition: 0.3s;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	height: 50px;
	cursor: pointer;
}

/*--AB運用--*/
.gnav_block > li.cur_cam > a:hover{
background: #F9BD03;
color: #fff;
}
/*--AB運用--*/

.gnav_block > li > a:hover,
.gnav_block > li > a.open {
	background: #77a32d;
	color: #fff;
}
.gnav_block > li.cur_aojiru > a:hover,
.gnav_block > li.cur_aojiru > a.open {
	background: #9AC935;
	color: #fff;
}
.gnav_block > li.cur_cola-rich > a:hover,
.gnav_block > li.cur_cola-rich > a.open {
	background: #F3759C;
	color: #fff;
}
.gnav_block > li.cur_health > a:hover,
.gnav_block > li.cur_health > a.open {
	background: #3D62B0;
	color: #fff;
}
.gnav_block > li.cur_other > a:hover,
.gnav_block > li.cur_other > a.open {
	background: #D09B60;
	color: #fff;
}


.gnav_block > li > a .small {
	font-size: 13px;
}

.gnav_block > li > a.row2 {
	line-height: 1.3;
}
.gnav_block > li > a.row2 span {
	position: relative;
	top: -6px;
}

.gnav_block > li > .snav {
	border-top: 2px solid #77a32d;
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: 50px;
	z-index: 10000;
	background: #fff;
	box-shadow:0px 4px 7px 0px #dbdbdb;
	-moz-box-shadow:0px 4px 7px 0px #dbdbdb;
	-webkit-box-shadow:0px 4px 7px 0px #dbdbdb;
	display: none;
}
.gnav_block > li.cur_cola-rich > .snav {
	border-top: 2px solid #c90567;
}
.gnav_block > li.cur_health > .snav {
	border-top: 2px solid #3d62b0;
}
.gnav_block > li.cur_other > .snav {
	border-top: 2px solid #d09b60;
}

.gnav_block > li > .snav .snav_block {
	width: 1000px;
	margin: 0 auto;
	padding: 25px 0 0;
}
.gnav_block > li > .snav .snav_block{ zoom:1; }
.gnav_block > li > .snav .snav_block:after { clear: both; }
.gnav_block > li > .snav .snav_block:after { content: " "; display: table; }

.gnav_block > li > .snav .snav_block .snav_box {
	width: 229px;
	margin-right: 28px;
	margin-bottom: 10px;
	float: left;
}
.gnav_block > li > .snav .snav_block .snav_box:nth-child(4n) {
	margin-right: 0;
}

.gnav_block > li.cur_aojiru > .snav .snav_block .snav_box {
	width: 313px;
}
.gnav_block > li.cur_aojiru > .snav .snav_block .snav_box:nth-child(3n) {
	margin-right: 0;
}

.gnav_block > li > .snav .snav_block .snav_box .ttl {
	font-size: 16px;
	font-weight: bold;
	color: #62a427;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d2d2d2;
}
.gnav_block > li > .snav .snav_block .snav_box .ttl a {
	color: #62a427;
	text-decoration: none;
	display: block;
}
.gnav_block > li > .snav .snav_block .snav_box .ttl a:hover {
	text-decoration: underline;
	opacity: 0.6;
}
.gnav_block > li > .snav .snav_block .snav_box .ttl a::after {
	content: "";
	position: absolute;
	top: 9px;
	right: 0;
	width: 7px;
	height: 11px;
	display: block;
	background: url(/excludes/dmlite/img/common/ico-arrow_g_aojiru.png) no-repeat;
	background-size: 100%;
}


	.gnav_block > li.cur_cola-rich > .snav .snav_block .snav_box .ttl,
	.gnav_block > li.cur_cola-rich > .snav .snav_block .snav_box .ttl a {
		color: #c90567;
	}
	.gnav_block > li.cur_cola-rich > .snav .snav_block .snav_box .ttl a::after {
		background: url(/excludes/dmlite/img/common/ico-arrow_g_cola-rich.png) no-repeat;
		background-size: 100%;
	}
	.gnav_block > li.cur_health > .snav .snav_block .snav_box .ttl,
	.gnav_block > li.cur_health > .snav .snav_block .snav_box .ttl a {
		color: #3d62b0;
	}
	.gnav_block > li.cur_health > .snav .snav_block .snav_box .ttl a::after {
		background: url(/excludes/dmlite/img/common/ico-arrow_g_health.png) no-repeat;
		background-size: 100%;
	}
	.gnav_block > li.cur_other > .snav .snav_block .snav_box .ttl,
	.gnav_block > li.cur_other > .snav .snav_block .snav_box .ttl a {
		color: #d09b60;
	}
	.gnav_block > li.cur_other > .snav .snav_block .snav_box .ttl a::after {
		background: url(/excludes/dmlite/img/common/ico-arrow_g_other.png) no-repeat;
		background-size: 100%;
	}

	.gnav_block > li > .snav .snav_block .snav_box ul + .ttl {
		margin-top: 30px;
	}

	.gnav_block > li > .snav .snav_block .snav_box .ttl span{
		font-size: 13px;
	}

	.gnav_block > li > .snav .snav_block .snav_box figure {
		margin-bottom: 10px;
	}

	.gnav_block > li > .snav .snav_block .snav_box ul li {
		padding-left: 20px;
		background: url(/excludes/dmlite/img/common/ico-arrow_s.png) left 4px no-repeat;
		margin-bottom: 5px;
		line-height: 1.2em;
	}

	.gnav_block > li > .snav .snav_block .snav_box ul li a {
		text-decoration: none;
		font-size: 13px;
	}
	@media only screen and (min-width: 751px) {
		.gnav_block > li > .snav .snav_block .snav_box ul li a:hover {
			text-decoration: underline;
		}
	}

	.gnav_block > li > .snav .snav_block.snav_col2 .snav_box {
		width: 485px;
	}
	.gnav_block > li > .snav .snav_block.snav_col2 .snav_box:nth-child(2n) {
		margin-right: 0;
	}

	.gnav_block > li > .snav .snav_block.snav_col2 .snav_box ul li {
		width: 50%;
		padding-right: 10px;
		float: left;
	}

	.gnav_block > li > .snav .snav_block.snav_col2 .snav_box.kensohkunavilist ul {
		width: 50%;
		float: left;
	}

	.gnav_block > li > .snav .snav_block.snav_col2 .snav_box.kensohkunavilist ul li {
		width: 100%;
		float: none;
	}


	.gnav_block > li > .snav .cat-top_btn {
		text-align: center;
		padding-bottom: 35px;
	}
	.gnav_block > li > .snav .cat-top_btn a {
		display: inline-block;
		border: 1px solid #72af2d;
		color: #72af2d;
		font-size: 15px;
		min-width: 220px;
		padding: 10px 25px 10px 15px;
		transition: 0.3s;
		position: relative;
		text-decoration: none;
		box-sizing: border-box;
		margin: 0 8px;
	}
	.gnav_block > li > .snav .cat-top_btn a::after {
		content: "";
		width: 7px;
		height: 11px;
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto 0;
		right: 8px;
		background: url(/excludes/dmlite/img/common/ico-arrow_g_aojiru.png) no-repeat;
		background-size: 100%;
	}
	#close_layer {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		/*z-index: 0; ヘッダーもclick領域にする場合*/
		z-index: 1000;
	}

	.gnav_block > li > .snav .cat-top_btn .snav_close {
		display: inline-block;
		border: 1px solid #333;
		color: #333;
		font-size: 15px;
		min-width: 220px;
		padding: 10px 25px;
		transition: 0.3s;
		position: relative;
		text-decoration: none;
		box-sizing: border-box;
		margin: 0 8px;
		cursor: pointer;
	}
	@media only screen and (min-width: 751px) {
		.gnav_block > li > .snav .cat-top_btn a:hover,
		.gnav_block > li > .snav .cat-top_btn .snav_close:hover {
			opacity: 0.6;
		}
	}

	.gnav_block > li.cur_aojiru > .snav .cat-top_btn a {
		background: #72af2d;
		color: #fff;
	}
	.gnav_block > li.cur_aojiru > .snav .cat-top_btn a::after {
		background: url(/excludes/dmlite/img/common/ico-btn_arrow.png) no-repeat;
		background-size: 100%;
	}
	.gnav_block > li.cur_cola-rich > .snav .cat-top_btn a {
		background: #c90567;
		color: #fff;
		border: none;
	}
	.gnav_block > li.cur_cola-rich > .snav .cat-top_btn a::after {
		background: url(/excludes/dmlite/img/common/ico-btn_arrow.png) no-repeat;
		background-size: 100%;
	}
	.gnav_block > li.cur_health > .snav .cat-top_btn a {
		background: #3d62b0;
		color: #fff;
		border: none;
	}
	.gnav_block > li.cur_health > .snav .cat-top_btn a::after {
		background: url(/excludes/dmlite/img/common/ico-btn_arrow.png) no-repeat;
		background-size: 100%;
	}
	.gnav_block > li.cur_other > .snav .snav_box .cat-top_btn{
		margin-bottom: 0;
		margin-top: 25px;
	}
	.gnav_block > li.cur_other > .snav .cat-top_btn a {
		background: #d09b60;
		color: #fff;
		border: none;
	}
	.gnav_block > li.cur_other > .snav .cat-top_btn a::after {
		background: url(/excludes/dmlite/img/common/ico-btn_arrow.png) no-repeat;
		background-size: 100%;
	}

	/*#gnav_sp {
		display: none;
	}*/

	@media only screen and (max-width: 750px) {
		#header #gnav {
			display: none;
		}

		/*#gnav_sp {
			display: block;
			position: fixed;
			right: -100%;
			top: 0;
			width: 100%;
			transition: 0.5s;
			z-index: 10000;
			background: rgba(0,0,0,0.5);
			padding-left: 20%;
			box-sizing: border-box;
			overflow: auto;
			height: 100%;
		}*/
		#gnav_sp.show {
			right: 0;
		}

		.gnav_sp_wrap {
			padding: 12% 3.7% 3.7%;
			background: #f2f2f2;
			z-index: 10010;
		}

		.gnav_sp_wrap .close_btn {
			position: absolute;
			top: 0;
			margin-top: 3.5%;
			right: 3.7%;
			width: 5%;
		}

		.gnav_sp_block {
			border: 1px solid #c9c9c9;
			margin-bottom: 15px;
		}

		.gnav_sp_block p {
			border-top: 1px solid #c9c9c9;
		}
		.gnav_sp_block p:first-child {
			border-top: none;
		}

		.gnav_sp_block > p > a {
			background: #fdfdfd;
			background: -moz-linear-gradient(top, #fdfdfd 0%, #f1f1f1 100%);
			background: -webkit-linear-gradient(top, #fdfdfd 0%,#f1f1f1 100%);
			background: linear-gradient(to bottom, #fdfdfd 0%,#f1f1f1 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f1f1f1',GradientType=0 );
			display: block;
			padding: 10px;
			text-decoration: none;
			font-size: 13px;
			font-weight: bold;
		}

		.gnav_sp_block > p > a:after {
			content: "";
			display: block;
			position: absolute;
			top: 0;
			bottom: 0;
			margin: auto;
			right: 12px;
			width: 7px;
			height: 13px;
			background: url(/excludes/dmlite/img/common/ico-spnav_arrow.png) no-repeat;
			background-size: 100%;
		}

		.gnav_ac_btn {
			font-size: 13px;
			text-decoration: none;
			padding: 10px;
			display: block;
			font-weight: bold;
			background: #fdfdfd;
			background: -moz-linear-gradient(top, #fdfdfd 0%, #f1f1f1 100%);
			background: -webkit-linear-gradient(top, #fdfdfd 0%,#f1f1f1 100%);
			background: linear-gradient(to bottom, #fdfdfd 0%,#f1f1f1 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f1f1f1',GradientType=0 );
		}
		
		/*AB運用*/
		.gnav_sp_block > p.orange > a {
		background: #fffbbd;
		background: -moz-linear-gradient(top, #fffbbd 0%, #f9f16e 100%);
		background: -webkit-linear-gradient(top, #fffbbd 0%,#f9f16e 100%);
		background: linear-gradient(to bottom, #fffbbd 0%,#f9f16e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbbd', endColorstr='#f9f16e',GradientType=0 );
		display: block;
		padding: 10px;
		text-decoration: none;
		font-size: 13px;
		font-weight: bold;
		}
		/*AB運用*/

		.gnav_ac_btn.green {
			background: #eaf4d6;
			background: -moz-linear-gradient(top, #eaf4d6 0%, #c7e18f 100%);
			background: -webkit-linear-gradient(top, #eaf4d6 0%,#c7e18f 100%);
			background: linear-gradient(to bottom, #eaf4d6 0%,#c7e18f 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf4d6', endColorstr='#c7e18f',GradientType=0 );
		}

		.gnav_ac_btn.pink {
			background: #fdebf1;
			background: -moz-linear-gradient(top, #fdebf1 0%, #f9bacd 100%);
			background: -webkit-linear-gradient(top, #fdebf1 0%,#f9bacd 100%);
			background: linear-gradient(to bottom, #fdebf1 0%,#f9bacd 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdebf1', endColorstr='#f9bacd',GradientType=0 );
		}

		.gnav_ac_btn.blue {
			background: #d8dfec;
			background: -moz-linear-gradient(top, #d8dfec 0%, #8fa2c8 100%);
			background: -webkit-linear-gradient(top, #d8dfec 0%,#8fa2c8 100%);
			background: linear-gradient(to bottom, #d8dfec 0%,#8fa2c8 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8dfec', endColorstr='#8fa2c8',GradientType=0 );
		}

		.gnav_ac_btn.yellow {
			background: #f8efe6;
			background: -moz-linear-gradient(top, #f8efe6 0%, #e7cdaf 100%);
			background: -webkit-linear-gradient(top, #f8efe6 0%,#e7cdaf 100%);
			background: linear-gradient(to bottom, #f8efe6 0%,#e7cdaf 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8efe6', endColorstr='#e7cdaf',GradientType=0 );
		}

		.gnav_ac_btn:after {
			content: "";
			display: block;
			position: absolute;
			top: 0;
			bottom: 0;
			margin: auto;
			right: 10px;
			width: 15px;
			height: 15px;
			background: url(/excludes/dmlite/img/common/ico-ac_plus.png) no-repeat;
			background-size: contain;
		}

		.gnav_ac_btn.open:after {
			background: url(/excludes/dmlite/img/common/ico-ac_minus.png) no-repeat;
			background-size: contain;
		}

		.gnav_box {
			background: #fdfdfd;
		}
		.green + .gnav_box {
			background: #eff7e2;
		}
		.pink + .gnav_box {
			background: #fdeaf0;
		}
		.blue + .gnav_box {
			background: #d8dfec;
		}
		.yellow + .gnav_box {
			background: #f8efe6;
		}

		.gnav_box .top_link {
			padding: 10px;
			border-top: 1px solid #c9c9c9;
		}
		.gnav_box .top_link a {
			text-decoration: none;
			padding: 10px;
			display: block;
			font-weight: bold;
			font-size: 12px;
			text-align: center;
			color: #fff;
		}
		.green + .gnav_box .top_link a {
			background: #9AC935;
		}
		.pink + .gnav_box .top_link a {
			background: #F3759C;
		}
		.blue + .gnav_box .top_link a {
			background: #3D62B0;
		}
		.yellow + .gnav_box .top_link a {
			background: #D09B60;
		}

		.gnav_box .cate_ttl a,
		.gnav_box .cate_ttl span {
			text-decoration: none;
			padding: 10px;
			display: block;
			font-weight: bold;
			font-size: 14px;
		}
		.green + .gnav_box .cate_ttl a,
		.green + .gnav_box .cate_ttl span {
			color: #62a427;
		}
		.pink + .gnav_box .cate_ttl a,
		.pink + .gnav_box .cate_ttl span {
			color: #c90567;
		}
		.blue + .gnav_box .cate_ttl a,
		.blue + .gnav_box .cate_ttl span {
			color: #3d62b0;
		}
		.yellow + .gnav_box .cate_ttl a,
		.yellow + .gnav_box .cate_ttl span {
			color: #d09b60;
		}

		.gnav_box .cate_ttl a::after {
			content: "";
			position: absolute;
			display: block;
			top: 0;
			bottom: 0;
			margin: auto;
			right: 12px;
			width: 7px;
			height: 11px;
			background: url(/excludes/dmlite/img/common/ico-arrow_g_aojiru.png) no-repeat;
			background-size: 100%;
		}
		.pink + .gnav_box .cate_ttl a::after {
			background: url(/excludes/dmlite/img/common/ico-arrow_g_cola-rich.png) no-repeat;
			background-size: 100%;
		}
		.blue + .gnav_box .cate_ttl a::after {
			background: url(/excludes/dmlite/img/common/ico-arrow_g_health.png) no-repeat;
			background-size: 100%;
		}
		.yellow + .gnav_box .cate_ttl a::after {
			background: url(/excludes/dmlite/img/common/ico-arrow_g_other.png) no-repeat;
			background-size: 100%;
		}

		.gnav_box ul li {
			display: block;
			border-top: 1px solid #c9c9c9;
			width: 100%;
			vertical-align: middle;
		}

		.gnav_box ul li::after {
			content: "";
			position: absolute;
			display: block;
			top: 0;
			bottom: 0;
			margin: auto;
			right: 12px;
			width: 7px;
			height: 13px;
			background: url(/excludes/dmlite/img/common/ico-spnav_arrow.png) no-repeat;
			background-size: 100%;
		}

		.gnav_box ul li a {
			padding: 10px;
			display: block;
			font-weight: bold;
			font-size: 12px;
			text-decoration: none;
		}

		.gnav_box ul{ zoom:1; }
		.gnav_box ul:after { clear: both; }
		.gnav_box ul:after { content: " "; display: table; }


		.gnav_sp_wrap .contact_block {
			background: #fff;
			box-shadow:0px 0px 3px 3px #f2f2f2;
			-moz-box-shadow:0px 0px 3px 3px #f2f2f2;
			-webkit-box-shadow:0px 0px 3px 3px #f2f2f2;
			padding: 7px;
			text-align: center;
		}

		.gnav_sp_wrap .contact_block .contact_ttl {
			font-weight: bold;
			margin-bottom: 5px;
		}
		.gnav_sp_wrap .contact_block .contact_ttl::before {
			content: "";
			width: 10px;
			height: 1px;
			background: #333;
			display: inline-block;
			vertical-align: middle;
			margin-right: 5px;
		}
		.gnav_sp_wrap .contact_block .contact_ttl::after {
			content: "";
			width: 10px;
			height: 1px;
			background: #333;
			display: inline-block;
			vertical-align: middle;
			margin-left: 5px;
		}

		.gnav_sp_wrap .contact_block address {
			font-size: 22px;
			font-weight: bold;
			color: #997d15;
		}
		.gnav_sp_wrap .contact_block address::before {
			content: "";
			display: inline-block;
			width: 41px;
			height: 18px;
			margin-right: 3px;
			background: url(/excludes/dmlite/img/common/ico-freedial_gold.png) no-repeat left center;
			background-size: 100%;
		}
		.gnav_sp_wrap .contact_block address a {
			text-decoration: none;
			color: #997d15;
		}

		.gnav_sp_wrap .contact_txt {
			font-weight: bold;
			font-size: 13px;
		}

		.sp_close_layer {
			position: fixed;
			right: -100%;
			width: 100%;
			height: 100%;
			top: 0;
			cursor: pointer;
		}
		.sp_close_layer.show {
			right: 0;
			left: 0;
		}
	}

	@media only screen and (max-width: 750px) {
		.free_shipping_txt {
			text-align: center;
			font-size: 12px;
		}
		.free_shipping_txt .small {
			font-size: 10px;
		}
		.free_shipping_txt .free {
			color: #b50417;
			font-size: 14px;
		}
	}
*/

/*topic path
----------------------------------------*/
#topic_path {
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0 15px;
	position: relative;
}
@media only screen and (max-width: 750px) {
	#topic_path {
		width: 95%;
		margin: 0 auto;
		padding: 10px 0 10px;
		position: relative;
	}
}

.order_num_entry_btn {
	position: absolute;
	top: 15px;
	right: 0;
	border: 1px solid #72af2d;
	display: inline-block;
}
.order_num_entry_btn a {
	padding: 7px 35px 7px 20px;
	display: block;
	color: #72af2d;
	text-decoration: none;
	transition: 0.3s;
	position: relative;
}
.order_num_entry_btn a::after {
	content: "";
	width: 7px;
	height: 11px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: 15px;
	background: url(/excludes/dmlite/img/common/ico-arrow_g.png) no-repeat;
	background-size: 100%;
}
@media only screen and (min-width: 751px) {
	.order_num_entry_btn a:hover {
		opacity: 0.6;
	}
}
@media only screen and (max-width: 750px) {
	.order_num_entry_btn {
		position: static;
		width: 100%;
		border: 1px solid #72af2d;
		display: block;
		margin: 0 auto 10px;
	}
	.order_num_entry_btn a {
		padding: 5px 0 5px 0;
		display: block;
		color: #72af2d;
		text-decoration: none;
		font-size: 13px;
		text-align: center;
	}
	.order_num_entry_btn a::after {
		right: 5px;
	}
}

#topic_path ul {
	line-height: 1.2;
}

#topic_path ul li {
	display: inline;
}

#topic_path ul .home:before {
	content: none;
}

#topic_path ul li:before {
	content: '>';
	display: inline-block;
	margin: 0 5px 0 5px;
}
#topic_path ul li a {
	color: #333;
}

@media only screen and (max-width: 750px) {

	#topic_path ul {
		width: 100%;
	}
	#topic_path ul li {
		font-size: 12px;
	}
}


/*container
----------------------------------------*/
#container {
	min-width: 1000px;
	margin: 0 auto;
}

@media only screen and (max-width: 750px) {
	#container {
		min-width: 0;
		width: 100%;
		margin: 0 auto;
	}
}

/*side
----------------------------------------*/
#side { }

@media only screen and (max-width: 750px) {
	#side { }
}

/*footer
----------------------------------------*/
#footer a:link {
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

#footer .fnav_pc {
	background: #f1f1f1;
}

#footer .fnav_sp {
	display: none;
}

.fnav_pc .fnav_block {
	width: 1000px;
	margin: 0 auto;
	padding: 45px 0;
}
.fnav_pc .fnav_block { zoom:1; }
.fnav_pc .fnav_block:after { clear: both; }
.fnav_pc .fnav_block:after { content: " "; display: table; }

.fnav_pc .fnav_box {
	width: 184px;
	margin-right: 20px;
	float: left;
}

.fnav_pc .fnav_box:last-child {
	margin-right: 0;
}

.fnav_pc .fnav_box dl dt {
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 10px;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
}

.fnav_pc .fnav_box dl dd li {
	margin-bottom: 5px;
}

.fnav_pc .fnav_box dl + dl {
	margin-top: 30px;
}

#footer .contact_block {
	width: 515px;
	margin: 0 auto;
	padding: 40px 0;
}
#footer .contact_block { zoom:1; }
#footer .contact_block:after { clear: both; }
#footer .contact_block:after { content: " "; display: table; }

.contact_block .tel_box {
	border: 1px solid #d2d2d2;
	width: 450px;
	padding: 15px 0;
	float: left;
}

main .contactus_block .tel_box {
	border: 1px solid #d2d2d2;
	width: 350px;
	padding: 15px 0;
	float: left;
}


.contact_block .tel_box + .tel_box {
	margin-left: 35px;
}

.contact_block .tel_box dl {
	display: table;
	margin: 0 auto;
}

.contact_block .tel_box dt {
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	padding-right: 20px;
}

.contact_block .tel_box dd {
	display: table-cell;
	vertical-align: middle;
}

.contact_block .tel_box dd address {
	font-size: 28px;
	font-weight: bold;
	color: #997d15;
	line-height: 1.2;
}
.contact_block .tel_box dd address::before {
	content: "";
	display: inline-block;
	width: 40px;
	height: 18px;
	margin-right: 10px;
	background: url(/excludes/dmlite/img/common/ico-freedial_black.png) no-repeat left center;
	background-size: 100%;
}

.contact_block .tel_box dd address + p {
	font-size: 16px;
}

.contact_block .sns_box {
	float: left;
	margin-left: 26px;
	width: 38px;
}

.contact_block .sns_box li + li {
	margin-top: 14px;
}

.fnav_sub {
	text-align: center;
	padding: 24px 0;
	background: #f1f1f1;
}

.fnav_sub ul {
	width: 850px;
	margin: 0 auto;
}

.fnav_sub ul li {
	display: inline-block;
	padding-left: 14px;
	background: url(/excludes/dmlite/img/common/ico-arrow_s.png) left 5px no-repeat;
	margin: 2px 14px;
	font-size: 13px;
}

.copyright_block {
	width: 1000px;
	height: 110px;
	margin: 0 auto;
	padding: 18px 0;
}

.copyright_block .c_mark_list {
	float: right;
	width: 480px;
	display: table;
}

.copyright_block .c_mark_list li {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
}

.copyright_block .copyright_box {
	float: left;
	width: 520px;
	font-size: 11px;
	padding-top: 5px;
}

#footer .copyright_block .copyright_box a:link {
	text-decoration: underline;
}

/*ケール青汁注文・問い合わせ*/
.nocontact_block {
	text-indent: inherit;
}
.nocontact_block p{
	display: inline-block;
	font-size: 23px;
}
.nocontact_block .tel_box{
	border: none;
}
.nocontact_block .tel_box dt{
	border: solid 1px #999999;
	color: #999999;
	padding: 10px;
	text-align: center;
}
.nocontact_block .tel_box dd address{
	color:#317B41;
	margin-left: 30px;
	font-size: 44px;
}
.nocontact_block .tel_box dd address::before{
	content: none;
}
.content_list li{
	display: inline-flex;
	margin-bottom: 20px;
}
.content_list li span{
	background-color: #63b36c;
	color: #ffffff;
	padding: 5px 20px;
	max-height: 30px;
	max-width: 60px;
	min-width: 60px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.content_list li p{
	margin-left: 10px;
	width: 920px;
}
.trade{
	border: solid #ec7145;
	border-spacing: 0px;
	max-width: 1000px;
	width: 100%;
}
.trade tr th{
	background-color: #ec7145;
	text-align: left;
	color: #ffffff;
	padding: 6px 10px;
}
.trade tr td{
	padding: 10px;
}
@media only screen and (min-width: 751px) {
	.contact_block .sns_box li a {
		transition: 0.3s;
	}
	.contact_block .sns_box li a:hover {
		opacity: 0.6;
	}

	#footer .copyright_block .copyright_box a:hover {
		text-decoration: none;
	}
}

@media only screen and (max-width: 750px) {
	#footer {
		background: none;
	}

	#footer .fnav_pc {
		display: none;
	}

	#footer .fnav_sp {
		display: block;
		border-bottom: 1px solid #d2d2d2;
	}

	.fnav_sp li p {
		border-top: 1px solid #d2d2d2;
	}

	.fnav_sp li > p > a {
		background: #fdfdfd;
		background: -moz-linear-gradient(top, #fdfdfd 0%, #f1f1f1 100%);
		background: -webkit-linear-gradient(top, #fdfdfd 0%,#f1f1f1 100%);
		background: linear-gradient(to bottom, #fdfdfd 0%,#f1f1f1 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f1f1f1',GradientType=0 );
		display: block;
		padding: 10px;
		text-decoration: none;
		font-size: 13px;
		font-weight: bold;
	}

	.fnav_sp li > p:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 12px;
		width: 7px;
		height: 13px;
		background: url(/excludes/dmlite/img/common/ico-spnav_arrow.png) no-repeat;
		background-size: 100%;
	}

	.fnav_ac_btn {
		font-size: 13px;
		text-decoration: none;
		padding: 10px;
		display: block;
		font-weight: bold;
		background: #fdfdfd;
		background: -moz-linear-gradient(top, #fdfdfd 0%, #f1f1f1 100%);
		background: -webkit-linear-gradient(top, #fdfdfd 0%,#f1f1f1 100%);
		background: linear-gradient(to bottom, #fdfdfd 0%,#f1f1f1 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f1f1f1',GradientType=0 );
	}
	
	/*--AB運用 --*/
	.fnav_sp li > p.orange > a {
	background: #fffbbd;
	background: -moz-linear-gradient(top, #fffbbd 0%, #f9f16e 100%);
	background: -webkit-linear-gradient(top, #fffbbd 0%,#f9f16e 100%);
	background: linear-gradient(to bottom, #fffbbd 0%,#f9f16e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbbd', endColorstr='#f9f16e',GradientType=0 );
	display: block;
	padding: 10px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	}
	/*--AB運用 --*/

	.fnav_sp li .green {
		background: #eaf4d6;
		background: -moz-linear-gradient(top, #eaf4d6 0%, #c7e18f 100%);
		background: -webkit-linear-gradient(top, #eaf4d6 0%,#c7e18f 100%);
		background: linear-gradient(to bottom, #eaf4d6 0%,#c7e18f 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf4d6', endColorstr='#c7e18f',GradientType=0 );
	}

	.fnav_sp li .pink {
		background: #fdebf1;
		background: -moz-linear-gradient(top, #fdebf1 0%, #f9bacd 100%);
		background: -webkit-linear-gradient(top, #fdebf1 0%,#f9bacd 100%);
		background: linear-gradient(to bottom, #fdebf1 0%,#f9bacd 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdebf1', endColorstr='#f9bacd',GradientType=0 );
	}

	.fnav_sp li .blue {
		background: #d8dfec;
		background: -moz-linear-gradient(top, #d8dfec 0%, #8fa2c8 100%);
		background: -webkit-linear-gradient(top, #d8dfec 0%,#8fa2c8 100%);
		background: linear-gradient(to bottom, #d8dfec 0%,#8fa2c8 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8dfec', endColorstr='#8fa2c8',GradientType=0 );
	}

	.fnav_sp li .yellow {
		background: #f8efe6;
		background: -moz-linear-gradient(top, #f8efe6 0%, #e7cdaf 100%);
		background: -webkit-linear-gradient(top, #f8efe6 0%,#e7cdaf 100%);
		background: linear-gradient(to bottom, #f8efe6 0%,#e7cdaf 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8efe6', endColorstr='#e7cdaf',GradientType=0 );
	}

	.fnav_sp li > p.fnav_ac_btn:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 10px;
		width: 15px;
		height: 15px;
		background: url(/excludes/dmlite/img/common/ico-ac_plus.png) no-repeat;
		background-size: contain;
	}

	.fnav_sp li > p.open:after {
		background: url(/excludes/dmlite/img/common/ico-ac_minus.png) no-repeat;
		background-size: contain;
	}

	.fnav_box {
		background: #fdfdfd;
	}
	.green + .fnav_box {
		background: #eff7e2;
	}
	.pink + .fnav_box {
		background: #fdeaf0;
	}
	.blue + .fnav_box {
		background: #d8dfec;
	}
	.yellow + .fnav_box {
		background: #f8efe6;
	}
	.fnav_box .cate_ttl a::after {
		content: "";
		position: absolute;
		display: block;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 12px;
		width: 7px;
		height: 11px;
		background: url(/excludes/dmlite/img/common/ico-arrow_g_aojiru.png) no-repeat;
		background-size: 100%;
	}
	.pink + .fnav_box .cate_ttl a::after {
		background: url(/excludes/dmlite/img/common/ico-arrow_g_cola-rich.png) no-repeat;
		background-size: 100%;
	}
	.blue + .fnav_box .cate_ttl a::after {
		background: url(/excludes/dmlite/img/common/ico-arrow_g_health.png) no-repeat;
		background-size: 100%;
	}
	.yellow + .fnav_box .cate_ttl a::after {
		background: url(/excludes/dmlite/img/common/ico-arrow_g_other.png) no-repeat;
		background-size: 100%;
	}

	.fnav_box ul li::after {
		content: "";
		position: absolute;
		display: block;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 12px;
		width: 7px;
		height: 13px;
		background: url(/excludes/dmlite/img/common/ico-spnav_arrow.png) no-repeat;
		background-size: 100%;
	}

	.fnav_box .top_link {
		padding: 10px;
		border-top: 1px solid #c9c9c9;
	}
	.fnav_box .top_link a {
		text-decoration: none;
		padding: 10px;
		display: block;
		font-weight: bold;
		font-size: 12px;
		text-align: center;
		color: #fff;
	}
	.green + .fnav_box .top_link a {
		background: #9AC935;
	}
	.pink + .fnav_box .top_link a {
		background: #F3759C;
	}
	.blue + .fnav_box .top_link a {
		background: #3D62B0;
	}
	.yellow + .fnav_box .top_link a {
		background: #D09B60;
	}

	.fnav_box .cate_ttl a,
	.fnav_box .cate_ttl span {
		text-decoration: none;
		padding: 10px;
		display: block;
		font-weight: bold;
		font-size: 14px;
	}
	.green + .fnav_box .cate_ttl a,
	.green + .fnav_box .cate_ttl span {
		color: #62a427;
	}
	.pink + .fnav_box .cate_ttl a,
	.pink + .fnav_box .cate_ttl span {
		color: #c90567;
	}
	.blue + .fnav_box .cate_ttl a,
	.blue + .fnav_box .cate_ttl span {
		color: #3d62b0;
	}
	.yellow + .fnav_box .cate_ttl a,
	.yellow + .fnav_box .cate_ttl span {
		color: #d09b60;
	}


	.fnav_box ul {
		width: 100%;
	}

	.fnav_box ul li {
		border-top: 1px solid #c9c9c9;
	}
	.fnav_box ul li a {
		padding: 10px;
		display: block;
		font-weight: bold;
		font-size: 12px;
		text-decoration: none;
	}

	#footer .contact_block {
		width: 100%;
		margin: 0 auto;
		padding: 5%;
		background: #f1f1f1;
	}

	.contact_block .tel_box {
		display: block;
		width: 100%;
		padding: 10px;
		float: none;
		background: #fff;
	}

	.contact_block .tel_box + .tel_box {
		margin-left: 0;
		margin-top: 10px;
	}

	.contact_block .tel_box dt {
		display: block;
		font-weight: bold;
		padding-right: 0;
		text-align: center;
	}

	.contact_block .tel_box dd {
		display: block;
		text-align: center;
	}

	.contact_block .tel_box dd address {
		font-size: 20px;
	}
	.contact_block .tel_box dd address::before {
		content: "";
		display: inline-block;
		width: 40px;
		height: 18px;
		margin-right: 10px;
		background: url(/excludes/dmlite/img/common/ico-freedial_black.png) no-repeat left center;
		background-size: 100%;
	}

	.contact_block .tel_box dd address + p {
		font-size: 10px;
	}

	.contact_block .tel_box dd address a {
		text-decoration: none;
		color: #997d15;
	}

	.contact_block .sns_box {
		float: none;
		margin-left: 0;
		margin-top: 20px;
		width: auto;
		text-align: center;
	}

	.contact_block .sns_box li {
		display: inline-block;
		margin: 0 10px;
		width: 30px;
	}

	.contact_block .sns_box li + li {
		margin-top: 0;
	}

	
/*ケール青汁注文・問い合わせ*/
.nocontact_block {
	text-indent: inherit;
}
.nocontact_block p{
	display: inline-block;
	font-size: 4vw;
}
.nocontact_block .tel_box{
	border: none;
}
.nocontact_block .tel_box dl{
	display: flex;
	justify-content: center;
	align-items: center;

}
.nocontact_block .tel_box dt{
	border: solid 1px #999999;
	color: #999999;
	padding: 10px;
	text-align: center;
	max-width: 61px;
	width: 100%;
	max-height: 61px;
}
.nocontact_block .tel_box dd address{
	color:#317B41;
	margin-left: 30px;
	font-size: 7vw;
}
.nocontact_block .tel_box dd address::before{
	content: none;
}
.content_list p{
	max-width: 920px;
	width: 100%!important;
	}
.nocontact_block .tel_box dd address a {
		text-decoration: none;
		color: #317B41;
	}
	
	
	
	.fnav_sub {
		display: none;
	}

	.copyright_block {
		width: 100%;
		height: 90px;
		margin: 0 auto;
		padding: 12px 0;
	}

	.copyright_block .c_mark_list {
		float: none;
		width: 68%;
		display: table;
		margin: 0 auto;
	}

	.copyright_block .c_mark_list li {
		display: table-cell;
		vertical-align: middle;
		padding-left: 10px;
	}

	.copyright_block .copyright_box {
		float: none;
		width: 100%;
		font-size: 10px;
		padding: 5px 10px 0;
		text-align: center;
	}

	.copyright_block .copyright_box ul {
		display: none;
	}
}

.footer_simple {
	border-top: 1px solid #dcdcdc;
	margin-top: 100px;
}


#btn_pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 72px;
}

.facewash_limited {
	background: url(/excludes/dmlite/img/contents/cola-rich/facewash/facewash_limited_bg_pc.jpg)no-repeat;
}

.h2_facewash {
	text-align: center;
	padding-top: 110px;
}

@media only screen and (min-width: 751px) {
	.h2_facewash {
		padding-top: 250px;
	}
	.mr40_pc { margin-right: 40px !important; }
	.mr60_pc { margin-right: 60px !important; }
}

@media only screen and (max-width: 750px) {
	#btn_pagetop {
		width: 64px;
	}
	
	.h2_facewash {
		padding-top: 180px;
	}
	.facewash_limited {
		background: url(/excludes/dmlite/img/contents/cola-rich/facewash/facewash_limited_bg_sp.jpg)no-repeat;
		background-size: contain;
	}
	.h2_facewash img {
		width: 220px!important;
	}
}

/*icon
----------------------------------------*/
.new_icon {
	position: relative;
	}
	
.new_icon:before {
	position:  absolute;
	top: -10px;
	left:  -10px;
	content: "";
	width: 50px;
	height: 50px;
    background: url(/excludes/dmlite/img/contents/cola-rich/loose-powder/pic-idesc06.png) no-repeat;
    background-size: 100%;
}	

h5.new_icon:before {
	position: static;
	content: "";
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 0 10px 10px 0;
    background: url(/excludes/dmlite/img/contents/cola-rich/loose-powder/pic-idesc06.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
}

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

/*float
----------------------------------------*/
.clear { clear: both !important; }
.float_n { float: none !important; }
.float_l {
	float: left;
	margin-right: 20px;
}
.float_r {
	float: right;
	margin-left: 20px;
}

.float_l_pc {
	float: left;
	margin-right: 20px;
}
.float_r_pc {
	float: right;
	margin-left: 20px;
}

.over_h {
	overflow: hidden;
}

.align_l { text-align: left !important; }
.align_c { text-align: center !important; }
.align_r { text-align: right !important; }
.valign_m { vertical-align: middle !important; }

.align_l_pc { text-align: left !important; }
.align_c_pc { text-align: center !important; }
.align_r_pc { text-align: right !important; }

.ws_no {
	white-space: nowrap;
}

.h100per {
	height: 100% !important;
}

@media only screen and (max-width: 750px) {
	.float_l_pc {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.float_r_pc {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-bottom: 10px;
	}

	.align_l_pc { text-align: inherit!important; }
	.align_c_pc { text-align: inherit !important; }
	.align_r_pc { text-align: inherit !important; }

	.align_l_sp { text-align: left !important; }
	.align_c_sp { text-align: center !important; }
	.align_r_sp { text-align: right !important; }
}


/*font-size
----------------------------------------*/

.font10 { font-size: 10px !important; }
.font11 { font-size: 11px !important; }
.font12 { font-size: 12px !important; }
.font13 { font-size: 13px !important; }
.font14 { font-size: 14px !important; }
.font15 { font-size: 15px !important; }
.font16 { font-size: 16px !important; }
.font17 { font-size: 17px !important; }
.font18 { font-size: 18px !important; }
.font19 { font-size: 19px !important; }
.font20 { font-size: 20px !important; }
.font21 { font-size: 21px !important; }
.font22 { font-size: 22px !important; }
.font23 { font-size: 23px !important; }
.font24 { font-size: 24px !important; }
.font25 { font-size: 25px !important; }
.font26 { font-size: 26px !important; }
.fontb { font-weight: bold !important; }

/*width
----------------------------------------*/
.w_auto{
	width: auto!important;
}

/*margin
----------------------------------------*/

/*top*/
.mt0{ margin-top: 0px !important; }
.mt05{ margin-top: 5px !important; }
.mt10{ margin-top: 10px !important; }
.mt15{ margin-top: 15px !important; }
.mt20{ margin-top: 20px !important; }
.mt25{ margin-top: 25px !important; }
.mt30{ margin-top: 30px !important; }
.mt40{ margin-top: 40px !important; }
.mt50{ margin-top: 50px !important; }

/*bottom*/
.mb0 { margin-bottom: 0px !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }

/*right*/
.mr0 { margin-right: 0 !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }

/*left*/
.ml0 { margin-left: 0 !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }

.mb05_rwd  { margin-bottom:5px !important;}
.mb10_rwd { margin-bottom:10px !important;}
.mb15_rwd { margin-bottom:15px !important;}
.mb20_rwd { margin-bottom:20px !important;}
.mb25_rwd { margin-bottom:25px !important;}
.mb30_rwd { margin-bottom:30px !important;}
.mb35_rwd { margin-bottom:35px !important;}
.mb40_rwd { margin-bottom:40px !important;}
.mb45_rwd { margin-bottom:45px !important;}
.mb50_rwd { margin-bottom:50px !important;}
.mb60_rwd { margin-bottom:60px !important;}
.mb70_rwd { margin-bottom:70px !important;}
.mb80_rwd { margin-bottom:80px !important;}
.mb90_rwd { margin-bottom:90px !important;}
.mb100_rwd { margin-bottom:100px !important;}

.mt05_rwd  { margin-top:5px !important;}
.mt10_rwd { margin-top:10px !important;}
.mt15_rwd { margin-top:15px !important;}
.mt20_rwd { margin-top:20px !important;}
.mt25_rwd { margin-top:25px !important;}
.mt30_rwd { margin-top:30px !important;}
.mt35_rwd { margin-top:35px !important;}
.mt40_rwd { margin-top:40px !important;}
.mt45_rwd { margin-top:45px !important;}
.mt50_rwd { margin-top:50px !important;}
.mt60_rwd { margin-top:60px !important;}
.mt70_rwd { margin-top:70px !important;}
.mt80_rwd { margin-top:80px !important;}
.mt90_rwd { margin-top:90px !important;}
.mt100_rwd { margin-top:100px !important;}

.mt-100_rwd { margin-top:-100px !important;}

@media (max-width: 736px) {
	.mb05_rwd  { margin-bottom:1% !important;}
	.mb10_rwd { margin-bottom:2% !important;}
	.mb15_rwd { margin-bottom:3% !important;}
	.mb20_rwd { margin-bottom:3% !important;}
	.mb25_rwd { margin-bottom:3% !important;}
	.mb30_rwd { margin-bottom:3% !important;}
	.mb35_rwd { margin-bottom:4% !important;}
	.mb40_rwd { margin-bottom:5% !important;}
	.mb45_rwd { margin-bottom:5% !important;}
	.mb50_rwd { margin-bottom:6% !important;}
	.mb60_rwd { margin-bottom:6% !important;}
	.mb70_rwd { margin-bottom:7% !important;}
	.mb80_rwd { margin-bottom:7% !important;}
	.mb90_rwd { margin-bottom:8% !important;}
	.mb100_rwd { margin-bottom:9% !important;}

	.mt05_rwd  { margin-top:1% !important;}
	.mt10_rwd { margin-top:2% !important;}
	.mt15_rwd { margin-top:3% !important;}
	.mt20_rwd { margin-top:3% !important;}
	.mt25_rwd { margin-top:3% !important;}
	.mt30_rwd { margin-top:3% !important;}
	.mt35_rwd { margin-top:4% !important;}
	.mt40_rwd { margin-top:5% !important;}
	.mt45_rwd { margin-top:5% !important;}
	.mt50_rwd { margin-top:6% !important;}
	.mt60_rwd { margin-top:6% !important;}
	.mt70_rwd { margin-top:7% !important;}
	.mt80_rwd { margin-top:7% !important;}
	.mt90_rwd { margin-top:8% !important;}
	.mt100_rwd { margin-top:9% !important;}

	.mt-100_rwd { margin-top:0% !important;}
	
	.mb20_sp{
		margin-bottom: 20px!important;
	}
	.mr0_sp{
		margin-right: 0!important;
	}
}

.m_auto {
	margin-left: auto !important;
	margin-right: auto !important;
}

@media only screen and (max-width: 750px) {
	.m_auto_sp {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.mb0_sp { margin-bottom: 0px !important; }
	.mt0_sp { margin-top: 0px !important; }
}


/* padding-------------------- */
.p0 {	padding: 0 !important; }
.p05 {	padding: 5px !important; }
.p10 {	padding: 10px !important; }
.p15 {	padding: 15px !important; }
.p20 {	padding: 20px !important; }
.p25 {	padding: 25px !important; }
.p30 {	padding: 30px !important; }
.p35 {	padding: 35px !important; }
.p40 {	padding: 40px !important; }
.p45 {	padding: 45px !important; }
.p50 {	padding: 50px !important; }

.pt0 {	padding-top: 0 !important; }
.pt10 {	padding-top: 10px !important; }
.pt15 {	padding-top: 15px !important; }
.pt20 {	padding-top: 20px !important; }
.pt25 {	padding-top: 25px !important; }
.pt30 {	padding-top: 30px !important; }
.pt35 {	padding-top: 35px !important; }
.pt40 {	padding-top: 40px !important; }
.pt45 {	padding-top: 45px !important; }
.pt50 {	padding-top: 50px !important; }
.pt65 {	padding-top: 65px !important; }
.pt80 {	padding-top: 80px !important; }
.pt100 { padding-top: 100px !important; }
.pt120 { padding-top: 120px !important; }
.pt140 { padding-top: 140px !important; }
.pt160 { padding-top: 160px !important; }

.pb0 { padding-bottom: 0 !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 {	padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 {	padding-bottom: 50px !important; }
.pb65 {	padding-bottom: 65px !important; }
.pb80 {	padding-bottom: 80px !important; }
.pb100 { padding-bottom: 100px !important; }
.pb120 { padding-bottom: 120px !important; }
.pb140 { padding-bottom: 140px !important; }
.pb160 { padding-bottom: 160px !important; }

.pr0 {	padding-right: 0 !important; }
.pr05 {	padding-right: 5px !important; }
.pr10 {	padding-right: 10px !important; }
.pr15 {	padding-right: 15px !important; }
.pr20 {	padding-right: 20px !important; }
.pr25 {	padding-right: 25px !important; }
.pr30 {	padding-right: 30px !important; }
.pr35 {	padding-right: 35px !important; }
.pr40 {	padding-right: 40px !important; }
.pr45 {	padding-right: 45px !important; }
.pr50 {	padding-right: 50px !important; }
.pr65 {	padding-right: 65px !important; }
.pr80 {	padding-right: 80px !important; }
.pr100 { padding-right: 100px !important; }
.pr120 { padding-right: 120px !important; }
.pr140 { padding-right: 140px !important; }
.pr160 { padding-right: 160px !important; }

.pl0 {	padding-left: 0 !important; }
.pl05 {	padding-left: 5px !important; }
.pl10 {	padding-left: 10px !important; }
.pl15 {	padding-left: 15px !important; }
.pl20 {	padding-left: 20px !important; }
.pl25 {	padding-left: 25px !important; }
.pl30 {	padding-left: 30px !important; }
.pl35 {	padding-left: 35px !important; }
.pl40 {	padding-left: 40px !important; }
.pl45 {	padding-left: 45px !important; }
.pl50 {	padding-left: 50px !important; }
.pl65 {	padding-left: 65px !important; }
.pl80 {	padding-left: 80px !important; }
.pl100 { padding-left: 100px !important; }
.pl120 { padding-left: 120px !important; }
.pl140 { padding-left: 140px !important; }
.pl160 { padding-left: 160px !important; }

@media only screen and (min-width: 751px) {
	.pt0_pc {	padding-top: 0 !important; }
	.pt10_pc {	padding-top: 10px !important; }
	.pt15_pc {	padding-top: 15px !important; }
	.pt20_pc {	padding-top: 20px !important; }
	.pt25_pc {	padding-top: 25px !important; }
	.pt30_pc {	padding-top: 30px !important; }
	.pt35_pc {	padding-top: 35px !important; }
	.pt40_pc {	padding-top: 40px !important; }
	.pt45_pc {	padding-top: 45px !important; }
	.pt50_pc {	padding-top: 50px !important; }
	.pt65_pc {	padding-top: 65px !important; }
	.pt80_pc {	padding-top: 80px !important; }
	.pt100_pc { padding-top: 100px !important; }
	.pt120_pc { padding-top: 120px !important; }
	.pt140_pc { padding-top: 140px !important; }
	.pt160_pc { padding-top: 160px !important; }
	
	.pb0_pc { padding-bottom: 0 !important; }
	.pb05_pc { padding-bottom: 5px !important; }
	.pb10_pc { padding-bottom: 10px !important; }
	.pb15_pc { padding-bottom: 15px !important; }
	.pb20_pc { padding-bottom: 20px !important; }
	.pb25_pc { padding-bottom: 25px !important; }
	.pb30_pc { padding-bottom: 30px !important; }
	.pb35_pc { padding-bottom: 35px !important; }
	.pb40_pc {	padding-bottom: 40px !important; }
	.pb45_pc { padding-bottom: 45px !important; }
	.pb50_pc {	padding-bottom: 50px !important; }
	.pb65_pc {	padding-bottom: 65px !important; }
	.pb80_pc {	padding-bottom: 80px !important; }
	.pb100_pc { padding-bottom: 100px !important; }
	.pb120_pc { padding-bottom: 120px !important; }
	.pb140_pc { padding-bottom: 140px !important; }
	.pb160_pc { padding-bottom: 160px !important; }
	
	.pr0_pc { padding-right: 0 !important; }
	.pr05_pc { padding-right: 5px !important; }
	.pr10_pc { padding-right: 10px !important; }
	.pr15_pc { padding-right: 15px !important; }
	.pr20_pc { padding-right: 20px !important; }
	.pr25_pc { padding-right: 25px !important; }
	.pr30_pc { padding-right: 30px !important; }
	.pr35_pc { padding-right: 35px !important; }
	.pr40_pc {	padding-right: 40px !important; }
	.pr45_pc { padding-right: 45px !important; }
	.pr50_pc {	padding-right: 50px !important; }
	.pr65_pc {	padding-right: 65px !important; }
	.pr80_pc {	padding-right: 80px !important; }
	.pr100_pc { padding-right: 100px !important; }
	.pr120_pc { padding-right: 120px !important; }
	.pr140_pc { padding-right: 140px !important; }
	.pr160_pc { padding-right: 160px !important; }
	
	.pl0_pc { padding-left: 0 !important; }
	.pl05_pc { padding-left: 5px !important; }
	.pl10_pc { padding-left: 10px !important; }
	.pl15_pc { padding-left: 15px !important; }
	.pl20_pc { padding-left: 20px !important; }
	.pl25_pc { padding-left: 25px !important; }
	.pl30_pc { padding-left: 30px !important; }
	.pl35_pc { padding-left: 35px !important; }
	.pl40_pc {	padding-left: 40px !important; }
	.pl45_pc { padding-left: 45px !important; }
	.pl50_pc {	padding-left: 50px !important; }
	.pl65_pc {	padding-left: 65px !important; }
	.pl80_pc {	padding-left: 80px !important; }
	.pl100_pc { padding-left: 100px !important; }
	.pl120_pc { padding-left: 120px !important; }
	.pl140_pc { padding-left: 140px !important; }
	.pl160_pc { padding-left: 160px !important; }
}


/*width
----------------------------------------*/
.w05per { width: 5%; }
.w10per { width: 10%; }
.w13per { width: 13%; }
.w14per { width: 14%; }
.w15per { width: 15%; }
.w20per { width: 20%; }
.w25per { width: 25%; }
.w30per { width: 30%; }
.w33per { width: 33.3333333333333%; }
.w35per { width: 35%; }
.w40per { width: 40%; }
.w45per { width: 45%; }
.w50per { width: 50%; }
.w55per { width: 55%; }
.w60per { width: 60%; }
.w65per { width: 65%; }
.w70per { width: 70%; }
.w75per { width: 75%; }
.w80per { width: 80%; }
.w85per { width: 85%; }
.w90per { width: 90%; }
.w95per { width: 95%; }
.w100per { width: 100% !important; }

.w05per_pc { width: 5%; }
.w10per_pc { width: 10%; }
.w13per_pc { width: 13%; }
.w14per_pc { width: 14%; }
.w15per_pc { width: 15%; }
.w20per_pc { width: 20%; }
.w25per_pc { width: 25%; }
.w30per_pc { width: 30%; }
.w33per_pc { width: 33.3333333333333%; }
.w35per_pc { width: 35%; }
.w40per_pc { width: 40%; }
.w45per_pc { width: 45%; }
.w48per_pc { width: 48.5%; }
.w50per_pc { width: 50%; }
.w55per_pc { width: 55%; }
.w60per_pc { width: 60%; }
.w65per_pc { width: 65%; }
.w70per_pc { width: 70%; }
.w75per_pc { width: 75%; }
.w80per_pc { width: 80%; }
.w85per_pc { width: 85%; }
.w90per_pc { width: 90%; }
.w95per_pc { width: 95%; }
@media only screen and (max-width: 750px) {
	.w05per_pc { width: 100%; }
	.w10per_pc { width: 100%; }
	.w13per_pc { width: 100%; }
	.w14per_pc { width: 100%; }
	.w15per_pc { width: 100%; }
	.w20per_pc { width: 100%; }
	.w25per_pc { width: 100%; }
	.w30per_pc { width: 100%; }
	.w33per_pc { width: 100%; }
	.w35per_pc { width: 100%; }
	.w40per_pc { width: 100%; }
	.w45per_pc { width: 100%; }
	.w48per_pc { width: 100%; }
	.w50per_pc { width: 100%; }
	.w55per_pc { width: 100%; }
	.w60per_pc { width: 100%; }
	.w65per_pc { width: 100%; }
	.w70per_pc { width: 100%; }
	.w75per_pc { width: 100%; }
	.w80per_pc { width: 100%; }
	.w85per_pc { width: 100%; }
	.w90per_pc { width: 100%; }
	.w95per_pc { width: 100%; }

	.w91per_sp {width: 91% !important}
	.w100_sp {width: 100%!important}
}

/* display
----------------------------------------*/
.block {
	display: block;
}
.flex_b{
	display: flex;
	justify-content: center;
	align-items: center;
}
.hidden {
	display: none;
}
div.inline_b,
span.inline_b,
p.inline_b,
.inline_b li {
	display: inline-block !important;
	margin-right: 20px !important;
}
@media only screen and (max-width: 750px) {
	.inline_b li {
		display: block !important;
		margin-right: 0 !important;
	}
	.block_sp {
	display: block;
}
	.flex_h{
		flex-direction: column;
	}
	.bn_order_1{
		order: 1;
	}
	.bn_order_2{
		order: 2;
	}
}

/* img
----------------------------------------*/
img {
	max-width: 100%;
	height: auto;
	_width: 100%;
}

.img_auot {
	width: auto !important;
}

@media only screen and (max-width: 750px) {
	img {
		width: 100%;
	}

	body img {
		width: auto;
	}
	
	.img_sp_auto {
		width: auto!important;
	}
}
.bg_yawaraca{
	background:url('/excludes/dmlite/kaihoushi/otayori/img/yawaraka_bg.png') repeat;
}

.bg_hs24{
	background:url('/excludes/dmlite/img/contents/otayori/hs_24/hs_24_bg.png') repeat;
}

/* word-break
----------------------------------------*/
.wb_all {
	word-break: break-all;
}
/* text-indent
----------------------------------------*/
.tx_indent{margin-left:1em;
	text-indent:-1em;}
/* teiki_otoku
----------------------------------------*/
.teiki_otoku{
	background-color: #fef1f5;
	padding: 50px 0 30px;
}
@media only screen and (max-width: 750px) {
.teiki_otoku{
	padding: 30px 0 20px;
}
}