@charset "UTF-8";

/*------------------------------------------------------------------
共通パーツ
-------------------------------------------------------------------*/

/*　タイトル
-------------------------------------------------------------------*/
.ttl_01 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif;
	text-align: center;
	font-size: 34px;
	margin-bottom: 40px;
}

#container .ttl_02 {
	color: #008030;
	text-align: center;
	margin-bottom: 25px;
	font-size: 25px;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif;
}
#container .ttl_02 .ttl_text {
	display: inline-block;
	background: #fff;
	max-width: 750px;
	vertical-align: middle;
}
.ttl_02::before {
	content: "";
	display: inline-block;
	width: 100px;
	height: 1px;
	background: #008030;
	vertical-align: middle;
	margin-right: 20px;
}
.ttl_02::after {
	content: "";
	display: inline-block;
	width: 100px;
	height: 1px;
	background: #008030;
	vertical-align: middle;
	margin-left: 20px;
}

.ttl_03 {
	border-bottom: 2px solid #008030;
	padding: 10px 0;
	margin-bottom: 30px;
	font-size: 20px;
	color: #007F30;
}
* + .ttl_03 {
	margin-top: 50px;
}
.ttl_03 .fonts {
	font-size: 12px;
	color: #333;
}

.ttl_04 {
	margin-bottom: 25px;
	padding-left: 10px;
	border-left: 5px solid #008030;
	font-size: 20px;
}

@media only screen and (max-width: 750px) {
	.ttl_01 {
		font-size: 25px;
		margin-bottom: 20px;
		line-height: 1.3;
	}

	#container .ttl_02 {
		color: #008030;
		text-align: center;
		margin-bottom: 15px;
		font-size: 20px;
		font-weight: bold;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif;
	}
	.ttl_02::before,
	.ttl_02::after {
		content: none;
	}

	.ttl_03 {
		border-bottom: 2px solid #008030;
		padding: 10px 0;
		margin-bottom: 20px;
		font-size: 18px;
		color: #007F30;
		line-height: 1.3;
	}
	* + .ttl_03 {
		margin-top: 30px;
	}
	.ttl_03 .fonts {
		font-size: 11px;
	}

	.ttl_04 {
		margin-bottom: 15px;
		border-left: 5px solid #008030;
		font-size: 15px;
	}
}

/* コンテンツ　ラッパー
-------------------------------------------------------------------*/
.contwrapper {
	width: 1000px;
	margin: 0 auto 70px;
}
@media only screen and (max-width: 750px) {
	.contwrapper {
		width: 92%;
		margin: 0 auto 40px;
		font-size: 13px;
	}
}

/*　テキスト
-------------------------------------------------------------------*/
.textblock {
	margin-bottom: 50px;
}
.textblock p {
	margin-bottom: 1em;
}
@media only screen and (max-width: 750px) {
	body main {
		font-size: 13px;
	}
	.textblock {
		margin: 0 auto 25px;
	}
	.mainv_bottom .textblock {
		width: 91%;
	}
	.textblock .lineup_btn {
		width: 100% !important;
	}
}

/* txt_midashi */
span.txt_font_l {
	font-size: 120%;
}
.txt_midashi_xl {
	font-size: 45px;
	line-height: 1.2;
}
.txt_midashi_l {
	font-size: 32px;
	line-height: 1.2;
}
.txt_midashi_m {
	font-size: 24px;
	line-height: 1.4;
}
.txt_midashi_s {
	font-size: 18px;
}

.txt_midashi_obi_l {
	font-size: 32px;
	color: #ffffff;
	background: #72af2d;
	padding: 5px 10px;
	overflow: hidden;
	line-height: 1.2;
}
.txt_midashi_obi_m {
	font-size: 24px;
	color: #ffffff;
	background: #72af2d;
	padding: 5px 10px;
	overflow: hidden;
	line-height: 1.4;
}
.txt_midashi_obi_s {
	font-size: 18px;
	color: #ffffff;
	background: #72af2d;
	padding: 5px 10px;
	overflow: hidden;
}

.txt_mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif;
	line-height: 1.8;
}

@media only screen and (max-width: 750px) {
	.txt_midashi_xl {
		font-size: 26px;
	}
	.txt_midashi_l,
	.txt_midashi_obi_l {
		font-size: 22px;
	}
	.txt_midashi_m,
	.txt_midashi_obi_m {
		font-size: 18px;
	}
	.txt_midashi_s,
	.txt_midashi_obi_s {
		font-size: 15px;
	}
}

/* リスト関連 */
/*インデント*/
p.indent01,
.indent01 > li{
	margin-left: 1em !important;
	text-indent: -1em;
}
p.indent02,
.indent02 > li{
	margin-left: 1.5em !important;
	text-indent: -1.5em;
}
p.indent03,
.indent03 > li{
	margin-left: 2em !important;
	text-indent: -2em;
}
.indent01 ,
.indent02 ,
.indent03 {
	margin-bottom: 1em;
}
* + .indent01 ,
* + .indent02 ,
* + .indent03 {
	margin-top: 7px;
}
.asterisk > li > *,
.indent01 > li > *,
.indent02 > li > *,
.indent03 > li > * {
	text-indent: 0;
}

.asterisk {
	font-size: 12px!important;
	opacity: 0.9;
}

.icon_list {
	margin-bottom: 30px;
}
.icon_list li {
	text-indent: -25px;
	margin-left: 25px !important;
	margin-bottom: 5px;
}
.icon_list li .icon_img {
	vertical-align: -2px;
	margin-right: 5px;
}
.icon_list.txt_midashi_m li .icon_img {
	vertical-align: 2px;
}

@media only screen and (max-width: 750px) {
	.icon_list {
		width: 92%;
	}
	.icon_list li .icon_img {
		width: auto;
	}
}

.ar_link {
	margin-bottom: 1em;
}
.ar_link a {
	display: inline-block;
	padding-left: 15px;
	position: relative;
}
.ar_link a::before {
	content: "";
	display: block;
	width: 8px;
	height: 12px;
	background: url(/excludes/dmlite/img/common/ico-arrow.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 5px;
	left: 0;
}

/* 各種ボックス
-------------------------------------------------------------------*/
/* .border_txt*/
.border_txt {
	width: 1000px;
	margin: 50px auto 0;
	padding: 40px 30px;
	border: 1px solid #d2d2d2;
}

.border_txt ul.indent01 li {
	color: #333;
	font-size: 14px;
}

@media only screen and (max-width: 750px) {
	.border_txt {
		width: 100%;
		margin: 15px auto 0;
		padding: 20px 10px;
	}
	.mainv_bottom .border_txt {
		width: 91%;
	}
	.textblock + .border_txt {
		width: 91%;
	}
}

/* .color_box*/
.color_box {
	margin: 0 auto 30px;
	padding: 15px 20px;
	background: #f7f7f7;
}
@media only screen and (max-width: 750px) {
	.color_box {
		margin: 0 auto 15px;
		padding: 10px;
	}
}

.description_block {
	margin-bottom: 50px;
	border: 1px solid #77a32d;
}
.description_block .description_ttl {
	background: #77a32d;
	color: #fff;
	padding: 8px 10px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 0;
}
.description_block .description_box {
	padding: 20px;
}
.description_block .description_box p {
	margin-bottom: 0;
}
.description_block .description_link {
	float: right;
	background: #fff;
	font-size: 14px;
	padding: 4px 20px;
}
.description_block .description_link a {
	color: #3D62B0 !important;
}
.description_block .description_link a[target=_blank]::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 8px;
    margin: 0 0 0 .3em;
    background: url(/excludes/dmlite/img/common/icon_gaibu.png) no-repeat center center;
    background-size: 100%;
}
@media only screen and (max-width: 750px) {
	.description_block {
		margin-bottom: 25px;
	}
	.description_block .description_ttl {
		padding: 5px 7px;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.5;
	}
	.description_block .description_box {
		padding: 10px;
	}
	.description_block .description_link {
		display: block;
		float: none;
		text-align: center;
		font-size: 13px;
		margin-top: 5px;
	}
}

/* .bnr_block */
.bnr_block {
	width: 1000px;
	margin: 0 auto;
	padding: 90px 0 0;
}
.bnr_block a img {
	transition: 0.3s;
}
@media only screen and (min-width: 751px) {
	.bnr_block a:hover img {
		opacity: 0.6;
	}
}
@media only screen and (max-width: 750px) {
	.bnr_block {
		width: 91%;
		padding: 40px 0 0;
	}
	.idesc .bnr_block {
		width: 100%;
		padding: 40px 0 0;
	}
}

/* item_float_block */
.item_float_block {
	margin-bottom: 50px;
}
.item_float_block:after {
	content: "";
	clear: both;
	display: block;
}
.item_float_block > .float_l_pc {
	margin-right: 50px;
	width: 20%;
}
.item_float_block .over_h p {
	margin-bottom: 13px;
}
.item_float_block .over_h .color_box p {
	margin-bottom: 0;
}
.item_float_block .cv_btn a {
	width: auto;
	min-width: 355px;
}
.item_float_block .cv_btn a.row2 {
	padding: 36px 10px;
}
@media only screen and (max-width: 750px) {
	.item_float_block {
		margin-bottom: 30px;
	}
	.item_float_block > .float_l_pc {
		margin-right: 0;
		width: 100%;
		text-align: center;
	}
	.item_float_block .over_h p {
		margin-bottom: 10px;
	}
	.item_float_block .over_h .color_box p {
		margin-bottom: 0;
	}
	.item_float_block .cv_btn a {
		width: auto;
		min-width: 100%;
	}
	.item_float_block .cv_btn a.row2 {
		padding: 22px 10px;
	}
}

.idesc .item_float_block .label{
	background: #008131;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	display: inline-block;
	padding: 4px 8px;
	margin-top: 5px;
}

@media only screen and (max-width: 750px) {
	.idesc .item_float_block .label{
		display: none;
	}
}

/* 商品一覧リスト */
.itemlist_block {
	width: 1000px;
	margin: 0 auto 50px;
}
.itemlist_block .col3_block {
	margin-left: 0;
}
.itemlist_block .col3_block .col_box {
	width: 318px;
	height: 100px;
	border: 1px solid #d2d2d2;
	box-sizing: border-box;
	float: left;
	text-align: center;
	margin-left: 23px;
	margin-bottom: 20px;
	display: table;
	table-layout: fixed;
}

.itemlist_block .col3_block .col_box:nth-child(3n+1) {
	margin-left: 0;
}

.itemlist_block .col3_block figure {
	background: url(/excludes/dmlite/img/border.png) right center no-repeat;
	width: 115px;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.itemlist_block .col3_block .col_box .textbox {
	display: table-cell;
	text-align: left;
	padding: 20px 10px 0 12px;
	letter-spacing: -.8px;
}
@media only screen and (max-width: 750px) {
	.itemlist_block {
		width: 100%;
		margin: 0 auto 30px;
	}
	.itemlist_block .col3_block .col_box {
		display: table;
		table-layout: fixed;
		width: 100%;
		border: none;
		border-bottom: 1px solid #d2d2d2;
		float: none;
		text-align: left;
		margin: 0;
	}

	.itemlist_block .col3_block .col_box figure {
		background: url(/excludes/dmlite/img/border.png) right center no-repeat;
		background-size: auto 67%;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		padding: 10px 1px;
		width: 40%;
	}
	.itemlist_block .col3_block .col_box .textbox {
		display: table-cell;
		padding: 6.8% 0 15px 15px;
	}

	.itemlist_block .col3_block .col_box .textbox .txtlink a {
		font-size: 13px;
	}

	.itemlist_block ul.btnRevision li .btn_block {
		margin: 0;
	}
}

/* カラムブロック
-------------------------------------------------------------------*/

/* カラムリセット */
.col2_block, .col3_block {
	display: block;
	margin: 0;
}
.col2_block .col_box,
.col3_block .col_box {
	width: auto;
	margin: 0;
}

/* 2カラム */
.col2_block .col_box {
	float: left;
}
.col2_block .col_box:nth-child(even) {
	float: right;
}
.col2_block .col_box figure + p {
	font-size: 16px;
}
@media only screen and (max-width: 750px) {
	.col2_block .col_box figure {
		margin-bottom: 5px;
		text-align: center;
	}
	.col2_block .col_box figure + p {
		font-size: 13px;
	}
	
	.four_benefits .col_box figure {
		text-align: center;
	}
}

.col3_block {
	margin-bottom: 30px;
	margin-left: -2%;
}
.col3_block .col_box {
	float: left;
	width: 31.33%;
	margin: 0 0 20px 2%;
	*display: inline;
	*zoom: 1;
}
@media only screen and (max-width: 750px) {
	.col3_block {
		margin-bottom: 15px;
		margin-left: 0;
	}
	.col3_block .col_box {
		float: none;
		width: 100%;
		margin: 10px 0 0 0;
	}
	.col3_block .sp_col2 .col_box {
		float: left;
		width: 48.5%;
		margin-bottom: 30px;
	}
	.col3_block .sp_col2 .col_box:nth-child(2n) {
		float: right;
	}
}

.colblock_wrapper .col4_block {
	margin-bottom: 30px;
	margin-left: -2%;
}
.colblock_wrapper .col4_block .col_box {
	float: left;
	width: 23%;
	margin: 0 0 20px 2%;
	*display: inline;
	*zoom: 1;
}
@media only screen and (max-width: 750px) {
	.colblock_wrapper .col4_block {
		margin-bottom: 15px;
		margin-left: 0;
	}
	.colblock_wrapper .col4_block .col_box {
		float: none;
		width: 100%;
		margin: 0 0 10px 0;
	}
	.colblock_wrapper .col4_block.sp_col2 .col_box {
		float: left;
		width: 48.5%;
	}
	.colblock_wrapper .col4_block.sp_col2 .col_box:nth-child(2n) {
		float: right;
	}
}

.colblock_wrapper .col5_block {
	margin-bottom: 30px;
	margin-left: -2%;
}
.colblock_wrapper .col5_block .col_box {
	float: left;
	width: 18%;
	margin: 0 0 20px 2%;
	*display: inline;
	*zoom: 1;
}
@media only screen and (max-width: 750px) {
	.colblock_wrapper .col5_block {
		margin-bottom: 15px;
		margin-left: 0;
	}
	.colblock_wrapper .col5_block .col_box {
		float: none;
		width: 100%;
		margin: 0 0 10px 0;
	}
	.colblock_wrapper .col5_block.sp_col2 .col_box {
		float: left;
		width: 48.5%;
	}
	.colblock_wrapper .col5_block.sp_col2 .col_box:nth-child(2n) {
		float: right;
	}
}

/* クリア */
.col2_block,
.col3_block,
.col4_block,
.col5_block { zoom:1; }

.col2_block:after,
.col3_block:after,
.col4_block:after,
.col5_block:after { clear: both; }

.col2_block:after,
.col3_block:after,
.col4_block:after,
.col5_block:after { content: " "; display: table; }


/* ボタン
-------------------------------------------------------------------*/

.lineup_btn {
	text-align: center;
	padding: 40px 0 0;
	font-feature-settings : "palt";
}
.lineup_btn a {
	display: inline-block;
	border: 1px solid #d2d2d2;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	width: 370px;
	padding: 22px 10px;
	transition: 0.3s;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
	text-align: center;
}
.lineup_btn a + a {
	margin-left: 15px;
}

.lineup_btn.point_pink a {
	background: #ec6d81;
	color: #fff;
	border: none;
}

.lineup_btn.coin_yellow a {
	background: #daa520;
	color: #fff;
	border: none;
}

.lineup_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.png) no-repeat;
	background-size: 100%;
}

.lineup_btn.linup_btn_wide.anc_btn a{
	width: 400px;
}

.lineup_btn.anc_btn a::after {
	width: 11px;
	height: 8px;
	background: url(/excludes/dmlite/img/common/ico-arrow_down_s.png) no-repeat !important;
}

.cola-rich_contents .lineup_btn.anc_btn a::after {
	width: 11px;
	height: 8px;
	background: url(/excludes/dmlite/cola-rich/img/ico-arrow_down_pink.png) no-repeat !important;
}

.lineup_btn.point_pink a::after,
.lineup_btn.coin_yellow a::after {
	content: "";
	width: 8px;
	height: 11px;
	background: url(/excludes/dmlite/img/common/ico-btn_arrow.png) no-repeat;
}

.idesc .anchor_block .lineup_btn a {
	padding: 15px 10px 30px;
	width: 100%;
}
.idesc .anchor_block .lineup_btn a::after {
	background: url(/excludes/dmlite/img/common/ico-arrow_down_s.png) no-repeat;
	background-size: 100%;
	content: "";
	width: 11px;
	height: 8px;
	display: block;
	position: absolute;
	top: auto;
	bottom: 10px;
	margin: auto;
	right: 0;
	left: 0;
}

@media only screen and (min-width: 751px) {
	.lineup_btn a:hover {
		opacity: 0.6;
	}
}

@media only screen and (max-width: 750px) {
	.lineup_btn {
		width: 91%;
		margin: 0 auto;
		padding: 25px 0 0;
	}
	.lineup_btn a {
		display: block;
		border: 1px solid #d2d2d2;
		color: #333;
		font-size: 15px;
		width: 100%;
		padding: 22px 10px;
		transition: 0.3s;
		position: relative;
		text-decoration: none;
		box-sizing: border-box;
	}
	.lineup_btn a + a {
		margin-left: 0;
		margin-top: 10px;
	}
	.lineup_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.png) no-repeat;
		background-size: 100%;
	}
	.lineup_btn a.readmore {
		padding: 15px 10px !important;
	}
}

.cola-rich_contents .lineup_btn a {
	border: 1px solid #c90567;
	color: #c90567;
}

.cola-rich_contents .idesc .lineup_btn a::after,
.cola-rich_contents .lineup_btn a::after {
	background: url(/excludes/dmlite/cola-rich/img/ico-arrow_p.png) no-repeat;
	background-size: 100%;
}
.health_contents .idesc .lineup_btn a::after,
.health_contents .mainv_bottom .lineup_btn a::after {
	background: url(/excludes/dmlite/img/common/ico-arrow.png) no-repeat;
	background-size: 100%;
}

#item_more a::after{
	background: url(/excludes/dmlite/cola-rich/img/ico-arrow_down_pink.png) no-repeat;
	background-size: 100%;
	width: 11px;
}

.aojiru_contents .lineup_btn a {
	border: 1px solid #72af2d;
	color: #72af2d;
}

.aojiru_contents .idesc .lineup_btn a::after,
.aojiru_contents .lineup_btn a.ar_change::after,
.aojiru_contents .mainv_bottom .lineup_btn a::after{
	background: url(/excludes/dmlite/aojiru/img/ico-arrow_bl.png) no-repeat;
	background-size: 100%;
}

.health_contents .lineup_btn a {
	border: 1px solid #204691;
	color: #204691;
}

.cola-rich_contents .health_contents .lineup_btn a::after,
.health_contents .idesc .lineup_btn a::after,
.health_contents .mainv_bottom .lineup_btn a::after {
	background: url(/excludes/dmlite/health/img/ico-arrow_bl.png) no-repeat;
	background-size: 100%;
}

.other_contents .lineup_btn a {
	border: 1px solid #d09b60;
	color: #d09b60;
}

.other_contents .idesc .lineup_btn a::after,
.other_contents .mainv_bottom .lineup_btn a::after {
	background: url(/excludes/dmlite/other/img/ico-arrow_go.png) no-repeat;
	background-size: 100%;
}

.health_contents .idesc .anchor_block .lineup_btn a {
	padding: 15px 10px 30px;
}

.health_contents .idesc .anchor_block .lineup_btn a::after {
	background: url(/excludes/dmlite/health/img/ico-arrow_down_s.png) no-repeat;
	background-size: 100%;
	content: "";
	width: 11px;
	height: 8px;
	display: block;
	position: absolute;
	top: auto;
	bottom: 10px;
	margin: auto;
	right: 0;
	left: 0;
}


/* .cv_btn */
.cv_btn {
	text-align: right;
}

.cv_btn_testa,
.cv_btn_testb {
	text-align: right;
}
.cv_btn a,
.cv_btn button {
	display: inline-block;
	background: #ff7f00;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	width: 380px;
	padding: 22px 10px;
	transition: 0.3s;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
	font-feature-settings : "palt";
}

.cv_btn_testa a {
	display: inline-block;
	background: -webkit-gradient(linear, left top, left bottom, from(#87aec2), color-stop(0.49, #87aec2), color-stop(0.50, #7da0b2), to(#7da0b2));
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	width: 380px;
	padding: 22px 10px;
	transition: 0.3s;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
	font-feature-settings : "palt";
}

.cv_btn_testb a {
	display: inline-block;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff9d00), color-stop(0.49, #ff9d00), color-stop(0.50, #ff7f00), to(#ff7f00));
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	width: 380px;
	padding: 22px 10px;
	transition: 0.3s;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
	font-feature-settings : "palt";
}

.cv_btn.better_btn a,
.cv_btn.better_btn button {
	background: #fa4605;
}
.cv_btn.yellow_btn a,
.cv_btn.yellow_btn button {
	background: #ffc600;
}
.cv_btn.green_btn a,
.cv_btn.green_btn button {
	background: #008030;
}

.cv_btn.small_btn a,
.cv_btn.small_btn button {
	width: 320px;
	font-size: 17px;
}

.cv_btn a::after,
.cv_btn_testa a::after,
.cv_btn_testb a::after,
.cv_btn button::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-btn_arrow.png) no-repeat;
	background-size: 100%;
}
.cv_btn a.arrow_under::after {
	background: url(/excludes/dmlite/img/common/ico-arrow_down_wh.png) no-repeat;
	background-size: 100%;
	width: 11px;
	height: 8px;
}

.cv_btn a::before,
.cv_btn_testa a::before,
.cv_btn_testb a::before,
.cv_btn button::before {
	content: "";
	width: 26px;
	height: 28px;
	display: inline-block;
	margin-right: 10px;
	background: url(/excludes/dmlite/img/common/ico-cart_wh.png) no-repeat;
	background-size: 100%;
	vertical-align: -8px;
}
.cv_btn.icon_pre a::before,
.cv_btn.icon_pre button::before {
	background: url(/excludes/dmlite/img/common/ico-present_wh.png) no-repeat;
}

.col3_block .cv_btn a,
.col3_block .cv_btn button {
	width: 100%;
}

.input_cv_btn_o {
	display: block;
	margin: 0 auto 20px;
	background: #ff7f00 url(/excludes/dmlite/img/common/ico-btn_arrow.png) no-repeat 365px center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	box-shadow: none!important;
	border: none!important;
	width: 380px;
	padding: 22px 10px;
	transition: 0.3s;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
	font-feature-settings : "palt";
}
.input_cv_btn_y {
	display: block;
	margin: 0 auto 20px;
	background: #ffc600 url(/excludes/dmlite/img/common/ico-btn_arrow.png) no-repeat 365px center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	box-shadow: none!important;
	border: none!important;
	width: 380px;
	padding: 22px 10px;
	transition: 0.3s;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
	font-feature-settings : "palt";
}

@media only screen and (min-width: 751px) {
	.cv_btn a:hover,
	.input_cv_btn_o:hover,
	.input_cv_btn_y:hover {
		opacity: 0.6;
	}
}

@media only screen and (max-width: 750px) {
	.cv_btn,
	.cv_btn_testa,
	.cv_btn_testb {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	
	.cv_btn a,
	.cv_btn_testa a,
	.cv_btn_testb a,
	.cv_btn button,
	.input_cv_btn_o,
	.input_cv_btn_y {
		display: block;
		font-size: 15px;
		width: 100%;
		padding: 22px 10px;
		transition: 0.3s;
		position: relative;
		text-decoration: none;
		box-sizing: border-box;
	}
	.cv_btn.small_btn a,
	.cv_btn.small_btn button {
		width: 100%;
		font-size: 15px;
	}

	.cv_btn a::after,
	.cv_btn button::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-btn_arrow.png) no-repeat;
		background-size: 100%;
	}
}

/* アイコン
--------------------------------------------------------------- */
.freedial_icon::before {
	content: "";
	display: inline-block;
	width: 32px;
	height: 14px;
	margin-right: 10px;
	background: url(/excludes/dmlite/img/common/ico-freedial_black.png) no-repeat left center;
	background-size: 100%;
}
.mail_icon::before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 16px;
	margin-right: 20px;
	background: url(/excludes/dmlite/img/common/ico-mail.png) no-repeat left center;
	background-size: 100%;
}

/* テーブル
--------------------------------------------------------------- */
.table01 {
	margin-bottom: 50px;
}
.table01 table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border-top: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	table-layout: fixed;
}

.table01 th {
	border-right: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	padding: 15px;
	background: #f1f8f3;
	font-size: 15px;
	font-weight: bold;
	text-align: inherit;
}

.table01 td {
	border-right: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	padding: 15px;
	font-size: 15px;
}
@media only screen and (max-width: 750px) {


	.table01 th {
		padding: 10px;
		font-size: 14px;
	}

	.table01 td {
		padding: 10px;
		font-size: 14px;
	}

	.sp_table_single > table tr,
	.sp_table_single > table th,
	.sp_table_single > table td {
		display: block;
		width: 100% !important;
	}
	.sp_table_single > table th,
	.sp_table_single > table td {
		display: block;
		float: left\9;
	}
}

.table_block table .bb_bold td,
.table_block table .bb_bold th {
	border-bottom: 2px solid #999 !important;
}

/*------------------------------------------------------------------
詳細ページ共通
-------------------------------------------------------------------*/

/* mainv */
.base_contents .mainv,
.aojiru_contents .mainv,
.cola-rich_contents .mainv,
.health_contents .mainv,
.other_contents .mainv {
	width: 1000px;
	margin: 0 auto;
}

.mainv p.link {
	font-size: 12px;
	margin-top: 10px;
}

#container h2 {
	font-size: 34px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif;
	margin-bottom: 45px;
	text-align: center;
	color: #333;
}
#container h2 img {
	display: block;
	margin: 0 auto;
}
@media only screen and (max-width: 750px) {
	.base_contents .mainv,
	.aojiru_contents .mainv,
	.cola-rich_contents .mainv,
	.health_contents .mainv,
	.other_contents .mainv {
		width: 100%;
	}
	.mainv p.link {
		width: 91%;
		margin: 10px auto 0;
	}
	#container h2 {
		font-size: 25px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif;
		margin-bottom: 20px;
		text-align: center;
	}
	#container h2 img {
		display: block;
		margin: 0 auto;
		width: 240px;
	}
}

/* mainv_bottom */
.mainv_bottom {
	width: 1000px;
	margin: 30px auto 0;
	font-size: 16px;
}

.mainv_bottom .col2_block .col_box {
	width: 470px;
}

.mainv_bottom .col2_block .col_box .ttl {
	color: #fff;
	padding: 10px 28px;
}

.cola-rich_contents .mainv_bottom .col2_block .col_box .ttl {
	background: #c90567;
}

.aojiru_contents .mainv_bottom .col2_block .col_box .ttl {
	background: #72af2d;
}
.health_contents .mainv_bottom .col2_block .col_box .ttl {
	background: #3d62b0;
}
.other_contents .mainv_bottom .col2_block .col_box .ttl {
	background: #d09b60;
}

.mainv_bottom .col2_block .col_box .txt_box {
	border: 1px solid #d2d2d2;
	padding: 22px 28px;
}

.mainv_bottom .col2_block .col_box figure {
	margin-top: 30px;
}

.mainv_bottom .shouhinkakaku {
	background: #f7f7f7;
	margin-top: 45px;
	padding: 40px;
}

.mainv_bottom .shouhinkakaku .col2_block {
	display: table;
	table-layout: fixed;
}

.mainv_bottom .shouhinkakaku .col_box {
	display: table-cell;
	vertical-align: middle;
	float: none;
}

.mainv_bottom .shouhinkakaku .col_box {
	display: table-cell;
	vertical-align: middle;
	float: none;
}

.mainv_bottom .shouhinkakaku .price span {
	font-size: 32px;
}

.mainv_bottom .kakaku:before {
	content: "";
	width: 90px;
	height: 30px;
	display: inline-block;
	margin: auto 0;
	margin-right: 30px;
	background: url(/excludes/dmlite/img/common/kakaku.png) no-repeat;
	background-size: 100%;
	vertical-align: -3px;
}

.mainv_bottom .teikikakaku {
	background: #fdf9f2;
	margin-top: 20px;
	padding: 40px;
}
/*.mainv_bottom .teikikakaku {
	background: #fdf9f2;
	margin-top: 20px;
	padding: 40px 40px 50px;
}*/

.mainv_bottom .teikikakaku .col_box {
	display: table-cell;
	vertical-align: middle;
	float: none;
}

.mainv_bottom .teikikakaku .col_box {
	color: #b40d1d;
}

.mainv_bottom .teikikakaku .price span {
	font-size: 32px;
}

.mainv_bottom .teikikakaku .price em {
	font-style: normal;
}

.mainv_bottom .teiki:before {
	content: "";
	width: 179px;
	height: 30px;
	display: inline-block;
	margin: auto 0;
	margin-right: 30px;
	background: url(/excludes/dmlite/img/common/teiki.png) no-repeat;
	background-size: 100%;
	vertical-align: -3px;
}

.mainv_bottom .teiki02:before {
	background: url(/excludes/dmlite/img/common/teiki02.png) no-repeat;
	background-size: 100%;
}

.mainv_bottom .webteiki:before {
	content: "";
	width: 196px;
	height: 30px;
	display: inline-block;
	margin: auto 0;
	margin-right: 30px;
	background: url(/excludes/dmlite/img/common/teiki_web.png) no-repeat;
	background-size: 100%;
	vertical-align: -3px;
}

.mainv_bottom .shopping_block {
	margin: 45px 0 20px;
}

.mainv_bottom .shopping_block::after {
	content: " ";
	clear: both;
	display: table;
}

.mainv_bottom .shopping_block .shouhinkakaku {
	background: #f7f7f7;
    margin-top: 0;
    padding: 25px;
    width: 50%;
    float: left;
}

.mainv_bottom .shopping_block .shouhinkakaku .col2_block {
	display: block;
}

.mainv_bottom .shopping_block .shouhinkakaku .col2_block .col_box {
	display: block;
	width: 100%;
	text-align: center;
}

.mainv_bottom .shopping_block .shouhinkakaku .col2_block .col_box .kakaku:before {
	content: "";
	width: 78px;
	height: 30px;
	display: inline-block;
	margin: auto 0;
	margin-right: 25px;
	background: url(/excludes/dmlite/img/common/kakaku.png) no-repeat;
	background-size: 100%;
	vertical-align: -5px;
}

.mainv_bottom .shopping_block .shouhinkakaku .col2_block .col_box .price span {
	font-size: 30px;
}

.mainv_bottom .shopping_block .shouhinkakaku .col2_block .col_box .cv_btn {
	text-align: center;
}

.mainv_bottom .shopping_block .teikikakaku {
	background: #fdf9f2;
    margin-top: 0;
    padding: 25px;
    width: 50%;
    float: right;
}

.mainv_bottom .shopping_block .teikikakaku .col2_block {
	display: block;
}

.mainv_bottom .shopping_block .teikikakaku .col2_block .col_box {
	display: block;
	width: 100%;
	text-align: center;
}

.mainv_bottom .shopping_block .teikikakaku .col2_block .col_box .teiki:before {
	content: "";
    width: 150px;
    height: 30px;
    display: inline-block;
    margin: auto 0;
    margin-right: 25px;
    background: url(/excludes/dmlite/img/common/teiki.png) no-repeat;
    background-size: 100%;
    vertical-align: -5px;
}

.mainv_bottom .shopping_block .teikikakaku .col2_block .col_box .price span {
	font-size: 30px;
}

.mainv_bottom .shopping_block .teikikakaku .col2_block .col_box .cv_btn {
	text-align: center;
}

.mainv_bottom dl {
	margin-top: 40px;
}

.mainv_bottom .teiki_merit {
	padding: 0 40px 50px;
	background: #fdf9f2;
}

.mainv_bottom .shopping_block + .teiki_merit {
	padding: 25px;
}

.mainv_bottom .teiki_merit dl {
	margin: 0;
}

.mainv_bottom dt {
	background: #339959;
	color: #fff;
	font-size: 20px;
	padding: 14px 30px;
}

.mainv_bottom dt::before {
	content: "";
	width: 38px;
	height: 28px;
	display: inline-block;
	margin-right: 15px;
	background: url(/excludes/dmlite/img/common/icon_truck.png) no-repeat;
	background-size: 100%;
	vertical-align: middle;
}

.mainv_bottom .btn_detail {
	float: right;
	background: #fff;
	font-size: 16px;
	padding: 4px 20px;
}

.mainv_bottom .btn_detail a {
	color: #339959;
	text-decoration: none;
}

.mainv_bottom .btn_detail a:hover {
	opacity: 0.6;
}

.mainv_bottom_inner {
	background: #fff;
	padding: 20px 30px;
}

.mainv_bottom_inner .col2_block {
	display: table;
	table-layout: fixed;
}

.mainv_bottom_inner .col2_block .col_box {
	width: 430px;
	float: left;
	padding: 20px 0;
	border-bottom: 1px dotted #d2d2d2;
	border-right: 1px dotted #d2d2d2;
}
.mainv_bottom_inner .col2_block:nth-of-type(1) .col_box {
	padding: 0 0 20px;
}
.mainv_bottom_inner .col2_block .col_box:nth-of-type(2) {
	border-right: none;
	padding-left: 20px;
}
.mainv_bottom_inner .col2_block:nth-of-type(2) .col_box {
	border-bottom: none;
	padding-bottom: 0;
}
.mainv_bottom_inner .col2_block .col_box + .col_box {
	float: right;
}
.mainv_bottom_inner .col2_block .col_box p {
	display: table-cell;
	vertical-align: middle;
	font-size: 22px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif;
	color: #333;
}
.mainv_bottom_inner .col2_block .col_box p span {
	font-size: 32px;
	color: #008030;
}
.mainv_bottom_inner .col2_block .col_box .icon_img {
	width: 81px;
	padding-right: 10px;
}
	
.toggle_ttl,
.readmore,
.spToggle {
	cursor: pointer;
}

@media only screen and (max-width: 750px) {
	.mainv_bottom {
		width: 100%;
		margin: 20px auto 0;
		font-size: 13px;
	}
	.mainv_bottom .col2_block {
		width: 91%;
		margin: 0 auto;
	}
	.mainv_bottom .col2_block .col_box {
		width: 100%;
	}
	.mainv_bottom .col2_block .col_box .ttl {
		padding: 10px 15px;
	}
	.mainv_bottom .col2_block .col_box .txt_box {
		padding: 20px 15px;
	}
	.mainv_bottom .col2_block .col_box + .col_box {
		margin-top: 25px;
	}
	.mainv_bottom .col2_block .col_box figure {
		margin: 25px auto 0;
	}
	.mainv_bottom_inner .col2_block .col_box {
		width: 100%;
		float: none;
		border-right: none;
	}
	.mainv_bottom_inner .col2_block:nth-of-type(1) .col_box {
		padding: 20px 0;
	}
	.mainv_bottom_inner .col2_block .col_box:nth-of-type(2) {
		padding-left: 0;
	}
	.mainv_bottom_inner .col2_block:nth-of-type(2) .col_box {
		border-bottom: 1px dotted #d2d2d2;
		padding: 20px 0;
	}
	.mainv_bottom_inner .col2_block .col_box + .col_box {
		margin: 0 auto;
	}

	.mainv_bottom .shopping_block {
		margin: 0;
	}
	
	.mainv_bottom .shouhinkakaku,
	.mainv_bottom .teikikakaku {
		display: block;
		width: 100%!important;
		float: none!important;
		margin-top: 25px!important;
		padding: 40px 0 20px;
	}
	.mainv_bottom .shouhinkakaku .col_box,
	.mainv_bottom .shouhinkakaku .col2_block {
		display: block;
	}
	.mainv_bottom .shouhinkakaku .price span,
	.mainv_bottom .teikikakaku .price span {
		font-size: 23px;
	}
	
	.toggleItem {
		display: none;
	}
	.mainv_bottom section {
		padding: 0 0 40px;
		width: 100%;
		margin: 0 auto;
		border-bottom: none;
	}
	.mainv_bottom dl {
		width: 91%;
		margin: 25px auto 0;
	}

	.mainv_bottom .teiki_merit {
		padding: 0 0 40px;
		background: #fdf9f2;
		margin-top: 0!important;
	}
	
	.mainv_bottom .teiki_merit dl {
		margin: 0 auto;
	}

	.mainv_bottom dl dt {
		border: 1px solid #d2d2d2;
		padding: 10px;
		line-height: 1.3;
		font-size: 15px;
		margin-bottom: 0;
		background: linear-gradient(#ffffff, #f1f1f1);
		background: -moz-linear-gradient(#ffffff, #f1f1f1);
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
		color: #333;
		position: relative;
	}
	.mainv_bottom dt::before {
		display: none;
	}
	.mainv_bottom dl dt::after {
		content: "";
		display: block;
		position: absolute;
		background: url(/excludes/dmlite/img/common/ico-ac_plus.png) no-repeat;
		background-size: 100% 100%;
		top: 0;
		bottom: 0;
		margin: auto 0;
		right: 10px;
		width: 15px;
		height: 15px;
	}
	.mainv_bottom dl dt.openToggle::after {
		background: url(/excludes/dmlite/img/common/ico-ac_minus.png) no-repeat;
		background-size: 100% 100%;
	}
	.mainv_bottom_inner dl dd {
		padding: 3.75% 0;
	}
	.mainv_bottom .lineup_btn {
		width: 91%;
		margin: 0 auto;
	}
	.mainv_bottom .teikikakaku .col_box {
		display: block;
	}
	.mainv_bottom_inner {
		padding: 20px 0 30px;
	}
	.mainv_bottom_inner .col2_block .col_box p {
		font-size: 16px;
	}
	.mainv_bottom_inner .col2_block .col_box p span {
		font-size: 23px;
	}
	.mainv_bottom .teiki:before {
		content: "";
		width: 119px;
		height: 20px;
		margin: auto 0;
		margin-right: 15px;
		vertical-align: -3px;
	}
}

/* .idesc */
.idesc {
	width: 1000px;
	margin: 50px auto 95px;
}
.mainv + .idesc,
.mainv_bottom + .idesc {
	border-top: 1px solid #d2d2d2;
	margin: 100px auto 95px;
	padding-top: 80px;
}

#topic_path + .idesc,
.idesc.no_boder {
	border-top: none!important;
	margin: 50px auto 95px!important;
	padding-top: 0!important;
}

.idesc h3,
.itemlist_block h3 {
	font-size: 28px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif;
	margin: 0 auto 50px;
	text-align: center;
	padding-bottom: 10px;
}
.itemlist_block h3 span {
	display: inline-block;
}

.cola-rich_contents .idesc h3 {
	border-bottom: 1px dotted #c90567;
}

.aojiru_contents .idesc h3 {
	border-bottom: 1px dotted #72af2d;
}

.health_contents .idesc h3 {
	border-bottom: 1px dotted #204691;
}
.other_contents .idesc h3,
.other_contents .itemlist_block h3 {
	border-bottom: 1px dotted #d09b60;
}
.base_contents .idesc h3 {
	border-bottom: 1px dotted #77a32d;
}

.base_contents .idesc .yawaraca_bor_b h3{
	border-bottom: 1px dotted #c90567;
}


.base_contents .idesc h3 span .img_item {
	vertical-align: -15px;
}

.idesc h3 em,
.itemlist_block h3 em,
.idesc h3 strong,
.itemlist_block h3 strong {
	background: #FFE317;
	color: #333;
	padding: 3px 7px;
	display: inline-block;
	margin-right: 10px;
	font-size: 22px;
	font-style: normal;
}
.idesc h3 em.fontl,
.itemlist_block h3 em.fontl,
.idesc h3 strong.fontl,
.itemlist_block h3 strong.fontl {
	font-size: 30px;
}

.idesc h3 a {
	text-decoration: none;
	transition: 0.3s;
}
.idesc h3 a::after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 20px;
	margin: 0 .5em 0 0.8em;
	background: url(/excludes/dmlite/img/common/ico-arrow_s.png) left 5px no-repeat;
	background-size: 100%;
	vertical-align: 0;
}
.idesc h3 a:hover {
	opacity: 0.6;
}

.idesc h4 {
	font-size: 23px;
	margin: 0 auto 25px;
}
.idesc h4 a {
	text-decoration: none;
}
.idesc h4 a:hover {
	text-decoration: underline;
}

.cola-rich_contents .idesc h4 {
	color: #c90567;
}

.aojiru_contents .idesc h4 {
	color: #72af2d;
}
.health_contents .idesc h4 {
	color: #204691;
}
.other_contents .idesc h4 {
	color: #d09b60;
}

.idesc h5 {
	font-size: 18px;
	margin: 0 auto 15px;
}
.idesc h5 a {
	text-decoration: none;
}
.idesc h5 a:hover {
	text-decoration: underline;
}

.idesc .col2_block {
	margin-bottom: 100px;
}
.idesc .col2_block .col_box {
	width: 47%;
}

.col_box.icon_arrow::after {
	content: "";
	display: block;
	background: url(/excludes/dmlite/img/common/lotbuy_arr_gray.png) no-repeat;
	width: 28px;
	height: 66px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -45px;
	margin: auto 0;
}

@media only screen and (max-width: 750px) {
	.col_box.icon_arrow::after {
		width: 100%;
		position: static;
		transform: rotate( 90deg );
		background-position: bottom center;
	}
}

.idesc .col2_block .col_box .col2_block .col_box {
	width: 50%;
}

.idesc .col2_block .col_box .col2_block .col_box .cv_btn a {
	width: 100%;
	font-size: 15px;
}
.idesc .col2_block .col_box .col2_block .col_box .cv_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-btn_arrow.png) no-repeat;
	background-size: 100%;
}

.idesc .bg_lightblue {
	background: #f3f6fd;
	padding: 25px;
}
.idesc .bg_lightblue li {
	margin-bottom: 20px;
}
.idesc .bg_lightblue li:last-child {
	margin-bottom: 0;
}
.idesc .bg_lightblue + p {
	margin-top: 20px;
}
.idesc .read {
	font-size: 16px;
	margin-bottom: 30px;
}
.idesc .cv_btn {
	text-align: left;
}
.idesc .col2_block .col_box .cv_btn {
	text-align: center;
}

.idesc .cv_btn a[href^="#"]::after {
	width: 11px;
	height: 8px;
	background: url(/excludes/dmlite/img/common/ico-arrow_up_wh.png) no-repeat;
}
.idesc .lineup_btn + .col2_block {
	margin-top: 80px;
}
.idesc .lineup_btn {
	padding: 0;
}
.idesc .lineup_btn a {
	display: inline-block;
	font-size: 18px;
	width: 370px;
	padding: 22px 10px;
	text-align: center;
	transition: 0.3s;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
}

.idesc .lineup_btn.small a {
	font-size: 14px;
	width: 194px;
	padding: 10px;
}

.idesc .col3_block .lineup_btn a {
	width: 100%;
}

.idesc .lineup_btn a::after {
	content: "";
	width: 7px;
	height: 11px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: 15px;
}


@media only screen and (max-width: 750px) {
	.idesc {
		width: 91%;
		margin: 25px auto 50px;
	}
	.mainv + .idesc,
	.mainv_bottom + .idesc {
		margin: 45px auto 50px;
		padding-top: 40px;
	}
	
	#topic_path + .idesc,
	.idesc.no_boder {
		border-top: none!important;
		margin: 45px auto 50px!important;
		padding-top: 0!important;
	}

	#topic_path + .idesc {
		margin: 25px auto 50px;
		padding-top: 0;
	}

	.idesc h3 {
		font-size: 20px;
		margin: 0 auto 25px;
		text-align: left;
		padding-bottom: 7px;
	}
	.idesc h3 span {
		display: block;
		padding-bottom: 5px;
	}
	.idesc h3 em,
	.idesc h3 strong {
		font-size: 16px;
	}
	.aojiru_contents .idesc h3 span,
	.cola-rich_contents .idesc h3 span,
	.health_contents .idesc h3 span,
	.other_contents .idesc h3 span,
	.other_contents .itemlist_block h3 span,
	.base_contents .idesc h3 span {
		display: block;
	}

	.idesc h3 em.fontl,
	.itemlist_block h3 em.fontl,
	.idesc h3 strong.fontl,
	.itemlist_block h3 strong.fontl {
		font-size: 22px;
	}
	
	.idesc h4 {
		font-size: 17px;
		margin: 0 auto 15px;
	}

	.idesc h5 {
		font-size: 15px;
		margin: 0 auto 10px;
	}

	.idesc .col2_block {
		margin-bottom: 50px;
	}
	.idesc .col2_block.toread {
		margin-bottom: 0;
	}
	.idesc .col2_block .col_box {
		width: 100%;
		float: none;
		margin-bottom: 15px;
	}
	.idesc .col2_block .col_box .col2_block .col_box {
		width: 100%;
	}
	.idesc div.readToggle {
		border-bottom: 1px solid #d2d2d2;
		margin-bottom: 25px;
		padding-bottom: 25px;
	}
	.idesc .read {
		font-size: 14px;
		margin-bottom: 20px;
	}
	.idesc .lineup_btn + .col2_block {
		margin-top: 0;
	}
	.idesc .bg_lightblue + p {
		margin-top: 10px;
	}
	.idesc .lineup_btn {
		width: 100%;
	}
	.idesc .lineup_btn a {
		display: block;
		font-size: 15px;
		width: 100%;
	}
	.idesc .lineup_btn.small a {
		width: 100%;
	}
	.cola-rich_contents .idesc .lineup_btn a.readmore::after {
		width: 11px;
		height: 7px;
		background: url(/excludes/dmlite/cola-rich/img/ico-arrow_down_pink.png) no-repeat;
		background-size: 100% 100%;
	}
	.cola-rich_contents .idesc div.openToggle.lineup_btn a.readmore::after {
		background: url(/excludes/dmlite/cola-rich/img/ico-arrow_up_pink.png) no-repeat;
		background-size: 100% 100%;
	}
	
	.aojiru_contents .idesc .lineup_btn a.readmore::after {
		width: 11px;
		height: 7px;
		background: url(/excludes/dmlite/aojiru/img/ico-arrow_down_bl.png) no-repeat;
		background-size: 100% 100%;
	}
	.aojiru_contents .idesc div.openToggle.lineup_btn a.readmore::after {
		background: url(/excludes/dmlite/aojiru/img/ico-arrow_up_bl.png) no-repeat;
		background-size: 100% 100%;
	}
	.health_contents .idesc .lineup_btn a.readmore::after {
		width: 11px;
		height: 7px;
		background: url(/excludes/dmlite/health/img/ico-arrow_down_bl.png) no-repeat;
		background-size: 100% 100%;
	}
	.health_contents .idesc div.openToggle.lineup_btn a.readmore::after {
		background: url(/excludes/dmlite/health/img/ico-arrow_up_bl.png) no-repeat;
		background-size: 100% 100%;
	}
	.other_contents .idesc .lineup_btn a.readmore::after {
		width: 11px;
		height: 7px;
		background: url(/excludes/dmlite/other/img/ico-arrow_down_go.png) no-repeat;
		background-size: 100% 100%;
	}
	.other_contents .idesc div.openToggle.lineup_btn a.readmore::after {
		background: url(/excludes/dmlite/other/img/ico-arrow_up_go.png) no-repeat;
		background-size: 100% 100%;
	}
}

/* .ct */
.ct {
	padding: 80px 0 90px;
	background: url(/excludes/dmlite/img/common/bg-ct01.jpg) 0 0 no-repeat;
	background-size: cover;
}
.ct .col2_block {
	width: 1000px;
	margin: 0 auto;
}
.ct .col2_block .col_box {
	width: 485px;
	background-color: rgba(255,255,255,0.5);
	margin-bottom: 15px;
	font-size: 16px;
	padding: 40px 20px 40px 40px;
}

.ct .col2_block .col_box figure {
	margin-bottom: 30px;
}
.ct .col2_block .col_box h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 25px;
	line-height: 1.5;
	letter-spacing: -1px;
}
.ct .col2_block .col_box .img_l {
	width: 30%;
	float: left;
	margin-right: 20px;
}
.ct .col2_block .col_box p {
	overflow: hidden;
	font-size: 16px;
}

.ct ul.indent01 {
	width: 1000px;
	margin: 0 auto;
}

.ct ul.indent01 li {
	display: inline;
	color: #686868;
	font-size: 12px;
}

.cola-rich_contents .ct {
	background: url(/excludes/dmlite/cola-rich/img/bg-ct01.jpg) 0 0 no-repeat;
	background-size: cover;
}

@media only screen and (max-width: 750px) {
	.ct {
		background: url(/excludes/dmlite/img/common/bg-ct01_sp.jpg) 0 0 no-repeat;
		background-size: 280%;
		padding: 40px 0 45px;
	}
	.ct .col2_block,
	.ct ul.indent01 {
		width: 91%;
		margin: 0 auto;
	}
	.ct .col2_block .col_box {
		width: 100%;
		float: none;
		margin-bottom: 15px;
		padding: 20px;
	}
	.ct .col2_block .col_box:nth-child(2n) {
		float: none;
	}
	.ct .col2_block .col_box h3 {
		font-size: 15px;
		margin-bottom: 15px;
	}
	.ct .col2_block .col_box figure {
		margin-bottom: 15px;
	}
	.ct .col2_block .col_box .img_r {
		float: right;
		width: 39%;
		margin-left: 18px;
	}
	.ct .col2_block .col_box p {
		overflow: hidden;
		font-size: 13px;
	}
	.ct .col2_block .col_box h3 + p {
		margin-bottom: 10px;
	}
	.ct ul.indent01 li {
		font-size: 9px;
		display: block;
	}
	.ct .lineup_btn {
		width: 100%;
		padding: 10px 0 15px;
	}
	.ct .lineup_btn a {
		display: inline-block;
		background: #fff;
		color: #204691;
		border: none;
		font-size: 15px;
		width: 100%;
	}
	.ct .lineup_btn a.readmore::after {
		width: 11px;
		height: 7px;
		background: url(/excludes/dmlite/img/common/ico-arrow_down_bl.png) no-repeat;
		background-size: 100% 100%;
	}
	.ct div.openToggle.lineup_btn a.readmore::after {
		background: url(/excludes/dmlite/img/common/ico-arrow_up_bl.png) no-repeat;
		background-size: 100% 100%;
	}

	.cola-rich_contents .ct {
		background: url(/excludes/dmlite/cola-rich/img/bg-ct01_sp.jpg) 0 0 repeat;
		background-size: 280%;
	}
}

/* .cdesc */
.cdesc {
	width: 1000px;
	margin: 0 auto;
	padding: 80px 0;
}

.cdesc dl {
	margin-bottom: 50px;
}

.cdesc dl dt {
	font-size: 18px;
	padding: 10px;
	margin-bottom: 20px;
	background: #efefef;
}

.cdesc dl { zoom:1; }
.cdesc dl:after { clear: both; }
.cdesc dl:after { content: " "; display: table; }


.cdesc .table_block {
	overflow: auto;
	margin: 30px auto 0;
}
.cdesc .table_block:last-child {
	margin-bottom: 0;
}
.cdesc .table_block table {
	width: 100%;
	border-spacing: 0;
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	table-layout: fixed;
}
.cdesc .table_block table th {
	padding:10px 12px;
	vertical-align: middle;
	word-break: break-all;
	text-align: left;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	width: 80%;
}
.cdesc .table_block table td {
	padding:10px 12px;
	vertical-align: middle;
	word-break: break-all;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	width: 20%;
	text-align: right;
}

.cdesc .table_block table caption {
	text-align: left;
	margin-bottom: 15px;
}

.cdesc .border_txt {
	margin: 0 auto 50px;
}

.cdesc .cv_btn {
	text-align: center;
}

.cdesc .cv_btn a::after {
	width: 11px;
	height: 8px;
	background: url(/excludes/dmlite/img/common/ico-arrow_up_wh.png) no-repeat;
}

@media only screen and (max-width: 750px) {
	.toggleItem {
		display: none;
		margin-bottom: 30px;
	}

	.cdesc {
		width: 100%;
		padding: 40px 0;
		margin: 0 auto;
		border-bottom: none;
	}

	.cdesc dl {
		margin-bottom: 0;
	}

	.cdesc dl dt {
		border-top: 1px solid #FFF;
		padding: 3% 1% 3% 3%;
		line-height: 1.3;
		font-size: 15px;
		margin-bottom: 0;
		position: relative;
	}

	.cdesc dl dt::after {
		content: "";
		display: block;
		position: absolute;
		background: url(/excludes/dmlite/img/common/ico-ac_plus.png) no-repeat;
		background-size: 100% 100%;
		top: 0;
		bottom: 0;
		margin: auto 0;
		right: 3%;
		width: 18px;
		height: 18px;
	}

	.cdesc dl dt.openToggle::after {
		background: url(/excludes/dmlite/img/common/ico-ac_minus.png) no-repeat;
		background-size: 100% 100%;
	}

	.cdesc_inner dl dd {
		padding: 3.75% 0;
	}

	.cdesc_inner dl dd {
		padding: 3.75% 0;
	}

	.cdesc_inner {
		width: 91%;
		border-bottom: none;
		margin: 25px auto 40px;
	}

	.cdesc .table_block {
		margin: 20px auto 0;
	}
	.cdesc .table_block table th {
		width: 60%;
	}
	.cdesc .table_block table td {
		width: 40%;
	}
	.cdesc .lineup_btn {
		width: 91%;
		margin: 0 auto;
	}

	.cdesc dl.box,
	.cdesc dl.box2,
	.cdesc dl.box_right {
		width: 100%;
		float: none;
		margin: 0;
	}

	.cdesc .border_txt {
		margin: 20px auto 40px;
	}

	.cdesc .cv_btn {
		width: 91%;
		margin-top: 40px;
	}
}

/* .rprodust */
.rprodust {
	background: #f7f7f7;
	padding: 60px 0 100px;
}

.rprodust .col5_block {
	width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.rprodust .col5_block .col_box {
	width: 166px;
	height: auto !important;
	box-sizing: border-box;
	float: left;
	text-align: center;
}

.rprodust .col5_block .col_box img {
	max-width: 150px;
	height: auto;
}

.rprodust .col5_block .col_box .textbox {
	font-size: 16px;
	padding: 0 10px 5px;
	text-align: left;
}

.rprodust .col5_block .col_box .textbox .txt01 {
	padding: 20px 0 10px;
}

.rprodust .col5_block .col_box .textbox .txt02 {
	padding: 10px 0 10px;
}

.rprodust .col2_block {
	width: 1000px;
	margin: 50px auto 0;
}

.rprodust .col2_block .col_box {
	width: 470px;
}

.rprodust .col2_block .col_box .lineup_btn {
	text-align: right;
	padding: 0;
}

.rprodust .col2_block .col_box +.col_box .lineup_btn {
	text-align: left;
}

.rprodust .col2_block .col_box .lineup_btn a {
	display: inline-block;
	border: 1px solid #333;
	color: #333;
	text-align: center;
}

@media only screen and (max-width: 750px) {
	.rprodust {
		width: 100%;
		padding: 40px 0 15px;
		border-bottom: none;
	}

	.rprodust .col5_block {
		width: 95%;
		display: flex;
		flex-wrap: wrap;
		margin-left: 0%;
	}

	.rprodust .col5_block .col_box {
		margin-left: 5%;
		width: 45%;
	}

	.rprodust .col5_block .col_box:nth-child(2n) {
		float: right;
	}

	.rprodust .col5_block .col_box img {
		max-width: 100%;
	}

	.rprodust .col5_block .col_box .textbox {
		font-size: 13px;
	}

	.rprodust .col2_block {
		width: 91%;
		margin: 25px auto 0;
	}

	.rprodust .col2_block .col_box {
		width: 100%;
		float: none;
	}

	.rprodust .col2_block .col_box .lineup_btn {
		width: 100%;
		margin-bottom: 25px;
	}
	
	.rprodust .col_box img{
		width: auto;
	}
}

/* .four_benefits */
.four_benefits {
	width: 1000px;
	margin: 0 auto;
	padding: 55px 0 70px;
}

.four_benefits .four_benefitsttl {
	line-height: 1.3;
	font-feature-settings : "palt";
}

.four_benefits .four_benefitsttl::before {
	content: "";
	display: inline-block;
	width: 50px;
	height: 36px;
	background: url(/excludes/dmlite/img/common/icon_teiki.png) no-repeat;
	vertical-align: -6px;
	margin-right: 10px;
}

.four_benefits .four_benefitsttl span {
	color: #a28829;
	font-size: 62px;
	font-style: italic;
}

.four_benefits .col4_block .col_box {
	float: left;
	margin-left: 40px;
}

.four_benefits .col4_block .col_box:first-child {
	margin-left: 0;
}

@media only screen and (max-width: 750px) {
	.four_benefits {
		width: 100%;
		margin: 0 auto;
		padding: 40px 0 10px;
	}

	.four_benefits .four_benefitsttl::before {
		width: 30px;
		height: 28px;
		background: url(/excludes/dmlite/img/common/icon_teiki.png) no-repeat;
		background-size: 100%;
		vertical-align: -8px;
		margin-right: 5px;
	}

	.four_benefits .four_benefitsttl span {
		font-size: 40px;
	}

	.four_benefits .col4_block {
		width: 91%;
		margin: 0 auto;
	}

	.four_benefits .col4_block .col_box {
		float: left;
		margin-left: 0;
		width: 47.8%;
		box-sizing: border-box;
		margin-bottom: 15px;
	}

	.four_benefits .col4_block .col_box:nth-child(even) {
		float: right;
	}
}

/* .itemimg_list */
.itemimg_list {
	background: #f7f7f7;
	padding: 70px 0;
}

.itemimg_list .col3_block {
	width: 1000px;
	margin: 0 auto;
}

.itemimg_list .col3_block .col_box {
	background: #fff;
	float: left;
	width: 320px;
	margin-left: 20px;
}

.itemimg_list .col3_block .col_box:first-child {
	margin-left: 0;
}

.itemimg_list .col3_block .col_box {
	border-top: 1px solid #008030;
}

.itemimg_list .col3_block .col_box h3 {
	padding: 10px;
	text-align: center;
	font-size: 22px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif;
}

.itemimg_list .col3_block .col_box .rank_box,
.itemimg_list .col3_block .col_box .rank_box02 {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-top: 1px dotted #cfd1ce;
	height: 104px;
}

.itemimg_list .col3_block .col_box .rank_box .rank_num,
.itemimg_list .col3_block .col_box .rank_box .item_img,
.itemimg_list .col3_block .col_box .rank_box .item_name {
	display: table-cell;
	vertical-align: middle;
}

.itemimg_list .col3_block .col_box .rank_box .rank_num {
	width: 57px;
	text-align: right;
}

.itemimg_list .col3_block .col_box .rank_box .item_img {
	width: 85px;
	text-align: center;
	padding: 10px;
}

.itemimg_list .col3_block .col_box .rank_box .item_name {
	padding-left: 5px;
	font-size: 16px;
	line-height: 1.4;
}

.itemimg_list .col3_block .col_box .rank_box .item_name a {
	text-decoration: none;
}

.itemimg_list .col3_block .col_box .rank_box02 .item_img,
.itemimg_list .col3_block .col_box .rank_box02 .item_name {
	display: table-cell;
	vertical-align: middle;
}

.itemimg_list .col3_block .col_box .rank_box02 .pickup_num {
	width: 57px;
	text-align: right;
}

.itemimg_list .col3_block .col_box .rank_box02 .item_img {
	width: 135px;
	text-align: center;
	padding: 0 5px;
}

.itemimg_list .col3_block .col_box .rank_box02 .item_name {
	padding-right: 5px;
	font-size: 16px;
	line-height: 1.4;
}

.itemimg_list .col3_block .col_box .rank_box02 .item_name a {
	text-decoration: none;
}

.itemimg_list .label {
	background: #008131;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	display: inline-block;
	padding: 4px 8px;
	margin-top: 5px;
}


@media only screen and (max-width: 750px) {
	.itemimg_list {
		width: 100%;
		background: #fff;
		margin: 0 auto;
		padding: 40px 0;
	}

	.itemimg_list .col3_block {
		width: 100%;
	}

	.itemimg_list .col3_block .col_box {
		float: none;
		width: 100%;
		margin-left: 0;
		padding-bottom: 20px;
	}

	.itemimg_list .col3_block .col_box:first-child {
		margin-left: 0;
	}

	.itemimg_list .col3_block .col_box h3 {
		padding: 18px;
		text-align: center;
		font-size: 16px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif;
	}

	.itemimg_list .col3_block .col_box .rank_box,
	.itemimg_list .col3_block .col_box .rank_box02 {
		display: block;
		width: 33.33%;
		border-top: none;
		border-left: 1px dotted #cfd1ce;
		height: auto;
		position: relative;
		padding-bottom: 5px;
		float: left;
		box-sizing: border-box;
	}

	.itemimg_list .col3_block .col_box .rank_box .rank_num,
	.itemimg_list .col3_block .col_box .rank_box .item_img,
	.itemimg_list .col3_block .col_box .rank_box .item_name,
	.itemimg_list .col3_block .col_box .rank_box02 .item_img,
	.itemimg_list .col3_block .col_box .rank_box02 .item_name {
		display: block;
		vertical-align: middle;
	}

	.itemimg_list .col3_block .col_box .rank_box .rank_num {
		width: 25px;
		position: absolute;
		top: 0;
		left: 15px;
		z-index: 100;
	}

	.itemimg_list .col3_block .col_box .rank_box .item_img,
	.itemimg_list .col3_block .col_box .rank_box02 .item_img {
		width: 100%;
		text-align: center;
		padding: 0;
	}

	.itemimg_list .col3_block .col_box .rank_box .item_name,
	.itemimg_list .col3_block .col_box .rank_box02 .item_name {
		padding-left: 0;
		font-size: 13px;
		margin-top: -15px;
		line-height: 1.3;
		width: 100%;
		text-align: center;
	}

	.itemimg_list .col3_block .col_box { zoom:1; }
	.itemimg_list .col3_block .col_box:after { clear: both; }
	.itemimg_list .col3_block .col_box:after { content: " "; display: table; }

	.itemimg_list .label {
		/*display: none;*/
		font-size: 11px;
	}
}

/* .contactus_block */
.contactus_block {
	width: 1000px;
	margin: 70px auto;
	padding: 70px 100px;
	border: 1px solid #d2d2d2;
}
.contactus_block p {
	font-size: 16px;
}
.contactus_block .color_red {
	color: #b50d1e !important;
}

.contactus_block .lineup_btn a {
	border: 1px solid #d2d2d2!important;
	color: #333!important;
}
.contactus_block .lineup_btn a::after {
	background: url(/excludes/dmlite/img/common/ico-arrow.png) no-repeat;
	background-size: 100%;
}

@media only screen and (max-width: 750px) {
	.contactus_block {
		width: 91%;
		margin: 0 auto 30px;
		padding: 40px 0;
	}
	.contactus_block p {
		width: 91%;
		margin: 0 auto;
		font-size: 13px;
	}
}


/* bnr_block_under */
.bnr_block_under {
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 140px;
}

.bnr_block_under .col2_block .col_box {
	width: 470px;
}
@media only screen and (max-width: 750px) {
	.bnr_block_under {
		width: 91%;
		padding: 40px 0;
	}

	.bnr_block_under .col2_block .col_box {
		float: none!important;
		width: 100%;
		margin-bottom: 15px;
	}
	.bnr_block_under .col2_block .col_box img {
		width: 100%;
		max-width: none;
	}
}


/* qa_block */
.idesc .qa_block {
	margin-bottom: 50px;
}
.idesc .qa_block { zoom:1; }
.idesc .qa_block:after { clear: both; }
.idesc .qa_block:after { content: " "; display: table; }

.idesc .qa_block .qa_img {
	width: 25%;
	float: right;
	margin-left: 30px;
}

.idesc .qa_block dl {
	overflow: hidden;
}
.idesc .qa_block dl dt {
	background: url(/excludes/dmlite/img/common/icon_faq_q.png) no-repeat;
	padding: 10px 0 10px 64px;
	min-height: 64px;
	border-bottom: 1px solid #333;
	color: #72af2d;
	font-size: 20px;
}
.idesc .qa_block dl dd {
	background: url(/excludes/dmlite/img/common/icon_faq_a.png) no-repeat left 20px;
	padding: 20px 0 10px 64px;
	font-size: 16px;
}
@media only screen and (max-width: 750px) {
	.idesc .qa_block {
		margin-bottom: 30px;
	}
	.idesc .qa_block .qa_img {
		width: 50%;
		float: none;
		margin: 0 auto 15px;
	}
	.idesc .qa_block dl dt {
		background: url(/excludes/dmlite/img/common/icon_faq_q.png) no-repeat;
		background-size: 27px;
		padding: 0 0 5px 35px;
		min-height: 35px;
		border-bottom: 1px solid #333;
		color: #72af2d;
		font-size: 16px;
	}
	.idesc .qa_block dl dd {
		background: url(/excludes/dmlite/img/common/icon_faq_a.png) no-repeat left 10px;
		background-size: 27px;
		padding: 10px 0 5px 35px;
		font-size: 14px;
	}
}


/*------------------------------------------------------------------
レシピページ
-------------------------------------------------------------------*/
.main_ttl_img {
	width: 1000px;
	margin: 0 auto 30px;
}
@media only screen and (max-width: 750px) {
	.main_ttl_img {
		width: 100%;
	}
}

.contwrapper .dl_01 {
	border-bottom: 1px dotted #333;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.contwrapper .dl_01 dt {
	float: left;
	width: 4em;
	text-align: center;
	background: #008030;
	color: #fff;
	padding: 3px 0;
	margin-right: 20px;
}
.contwrapper .dl_01 dd {
	overflow: hidden;
}
@media only screen and (max-width: 750px) {
	.contwrapper .dl_01 {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	.contwrapper .dl_01 dt {
		padding: 2px 0;
		margin-right: 10px;
		font-size: 13px;
	}
	.contwrapper .dl_01 dd {
		overflow: hidden;
		font-size: 13px;
	}
}

/*ol*/
.contwrapper .ol {
	margin: 0 0 1em;
	counter-reset: number;

}
.contwrapper .ol > li {
	list-style: none;
	word-wrap: break-word;
	padding-left: 2.2em;
}
.contwrapper .ol > li:before {
	counter-increment: number;
	content: '('counter(number)')';;
	position: absolute;
	left: 0;
}

.contwrapper .ol ol {
	margin-top: 1em;
	counter-reset: number;
}

.contwrapper .ol ol li {
	padding-left: 1.5em;
}

.contwrapper .ol ol li:before {
	counter-increment: number;
	content: counter(number)'.';
	position: absolute;
	left: 0;
}

/*　4カラム */
.contwrapper .col4_block {
	margin-left: -2%;
	margin-bottom: 30px;
}
.contwrapper .col4_block .col_box {
	float: left;
	width: 23%;
	margin: 0 0 20px 2%;
	*display: inline;
	*zoom: 1;
	position: relative;
}
.contwrapper .col4_block .col_box figure {
	text-align: center;
}
@media only screen and (max-width: 750px) {
	.contwrapper .col4_block {
		margin-left: -3%;
		margin-bottom: 15px;
	}
	.contwrapper .col4_block .col_box {
		width: 47%;
		float: left;
		margin: 0 0 10px 3%;
	}
}

/* 5カラム */
.contwrapper .col5_block {
	margin-left: -18px;
}
.contwrapper .col5_block .col_box {
	float: left;
	width: 185px;
	margin: 0 0 20px 18px;
	*display: inline;
	*zoom: 1;
	position: relative;
	text-align: center;
}
.contwrapper .col5_block .col_box figure {
	text-align: center;
}
@media only screen and (max-width: 750px) {
	.contwrapper .col5_block {
		margin-left: -3%;
	}
	.contwrapper .col5_block .col_box {
		float: left;
		width: 30.33%;
		margin: 0 0 10px 3%;
		*display: inline;
		*zoom: 1;
		position: relative;
		text-align: center;
	}
}

/* .lower_fivetype */
.lower_fivetype {
	width: 1000px;
	margin: 0 auto;
	padding: 60px 0 100px;
	border-bottom: 1px solid #dcdcdc;
}

.lower_fivetype .col5_block .col_box {
	width: 200px;
	border-left: 1px dotted #72af2d;
	box-sizing: border-box;
	float: left;
	text-align: center;
}
.lower_fivetype .col5_block .col_box:first-child {
	border-left: none;
}
.lower_fivetype .col5_block .col_box .textbox {
	padding: 0 15px 5px;
}
.lower_fivetype .col5_block .col_box .textbox .txt01 {
	padding: 5px 0 10px;
}
.lower_fivetype .col5_block .col_box .textbox .txt01.row1 {
	padding: 15px 0 20px;
}
.lower_fivetype .col5_block .col_box .textbox .typebox {
	background: #9ac935;
	padding: 15px 0;
	color: #fff;
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1.3;
	border-radius: 5px;
}
.lower_fivetype .col5_block .col_box .textbox .typebox.row2 {
	padding: 5px 0;
}
.lower_fivetype .col5_block .col_box .textbox .txtlink a {
	color: #72af2d;
}

.col5_block { zoom:1; }
.col5_block:after { clear: both; }
.col5_block:after { content: " "; display: table; }

.lower_fivetype .col2_block {
	width: 1000px;
	margin: 50px auto 0;
}

.lower_fivetype .col2_block .col_box {
	width: 470px;
}

.lower_fivetype .col2_block .col_box .lineup_btn {
	text-align: right;
	padding: 0;
}

.lower_fivetype .col2_block .col_box +.col_box .lineup_btn {
	text-align: left;
}

.lower_fivetype .col2_block .col_box .lineup_btn a {
	display: inline-block;
	border: 1px solid #72af2d;
	color: #72af2d;
	text-align: center;
}

.lower_fivetype .col2_block .col_box .lineup_btn a::after {
	background: rgba(0, 0, 0, 0) url("/excludes/dmlite/aojiru/img/ico-arrow_bl.png") no-repeat scroll 0 0 / 100% auto;
	bottom: 0;
	content: "";
	display: block;
	height: 11px;
	margin: auto 0;
	position: absolute;
	right: 15px;
	top: 0;
	width: 7px;
}

@media only screen and (max-width: 750px) {
	.lower_fivetype {
		width: 91%;
		padding: 40px 0 0;
		border-bottom: none;
	}

	.lower_fivetype .col5_block .col_box {
		display: table;
		table-layout: fixed;
		width: 100%;
		border-left: none;
		border-bottom: 1px dotted #72af2d;
		float: none;
		text-align: left;
	}
	.lower_fivetype .col5_block .col_box figure {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		padding: 20px 0;
		width: 35%;
	}
	.lower_fivetype .col5_block .col_box .textbox {
		display: table-cell;
		vertical-align: middle;
		padding-left: 15px;
	}
	.lower_fivetype .col5_block .col_box .textbox .txt01 {
		font-size: 13px;
		margin-bottom: 3px;
		padding: 0!important;
	}
	.lower_fivetype .col5_block .col_box .textbox .typebox {
		display: inline-block;
		margin-bottom: 7px;
		font-size: 15px;
		padding: 3px 5px!important;
		border-radius: 2px;
	}
	.lower_fivetype .col5_block .col_box .textbox .txtlink {
		font-size: 12px;
	}
	.lower_fivetype .col2_block {
		width: 100%;
		margin: 25px auto 0;
	}

	.lower_fivetype .col2_block .col_box {
		width: 100%;
		float: none;
	}

	.lower_fivetype .col2_block .col_box .lineup_btn {
		width: 100%;
		margin-bottom: 25px;
	}
}


/* レシピトップ　*/
.reshipi_nomikata {
	width: 660px;
	margin: 40px auto;
}
.reshipi_nomikata > ul > li {
	float: left;
	border: none;
	outline: none;
}

@media only screen and (max-width: 750px) {
	.reshipi_nomikata {
		width: 240px;
		margin: 20px auto;
	}
	.reshipi_nomikata .slick-dots li {
		display: inline-block;
		width: 12px;
		margin: 0 4px;
	}
	.reshipi_nomikata .slick-dots {
		text-align: center;
		width: 100%;
		padding: 10px;
	}
	#container .reshipi_nomikata .slick-dots li button {
		display: block;
		width: 12px;
		height: 12px;
		border-radius: 6px;
		background: #a9a9a9;
		border: none;
		overflow: hidden;
		text-indent: -500px;
	}
	#container .reshipi_nomikata .slick-dots .slick-active button {
		background: #333;
	}
}


/*------------------------------------------------------------------
お得なまとめ買い
-------------------------------------------------------------------*/

.contLotbuy {
	width: 1000px;
	margin: 100px auto 95px;
	border: #F7A91A 3px solid;
}

.contLotbuy h3 {
	font-size: 30px;
	background: #F7A91A;
	text-align: center;
}
.contLotbuy div.setPriceBox {
	margin: 0 auto;
	overflow: hidden;
	padding: 30px;
	text-align: center;
}
.contLotbuy div.setPriceBox p {
	display: inline-block;
	vertical-align: middle;
}
.contLotbuy div.setPriceBox p img {
	vertical-align: middle;
}
.contLotbuy div.setPriceBox p.setPrice {
	background: url(/excludes/dmlite/aojiru/img/powder/honey-stick/lotbuy_fukidashi.png) no-repeat 0 0;
	width: 290px;
	font-size: 120%;
	color: #c00;
	text-align: center;
}
.contLotbuy .setPrice strong {
	font-size: 200%;
}
.contLotbuy .setPrice strong.otoku {
	color: #2B1D14;
}
.lotbuyLine{
	border-bottom: 2px solid #F7A91A;
}

.contLotbuy div.priceOff {
	overflow: hidden;
	text-align: left;
	font-size: 16px;
	width: 550px;
	margin: 30px auto;
}
.contLotbuy div.priceOff p {
	float: left;
}
.contLotbuy div.priceOff .itemPrice1 {
	line-height:1.2;
}
.contLotbuy div.priceOff .itemPrice2 {
	color: #c00;
	line-height:1.2;
}
.contLotbuy div.priceOff .itemPrice1 strong,
.contLotbuy div.priceOff .itemPrice2 strong {
	font-size: 200%;
}
.lotbuyNote {
	padding: 0 0 15px 20%;
}

@media only screen and (max-width: 750px) {

	.contLotbuy div.setPriceBox p {
		float: none;
	}
	.contLotbuy {
		width: 91%;
		margin: 45px auto 50px;
		border: none;
	}
	.contLotbuy h3 {
		font-size: 20px;
	}

	.contLotbuy div.setPriceBox {
		width: 100%;
		padding: 5%;
	}

	.contLotbuy div.priceOff .itemPrice1 {
		width: 100%;
		text-align: center;
	}
	.contLotbuy div.priceOff .itemPrice2 {
		width: 100%;
		text-align: center;
	}

	.contLotbuy div.setPriceBox p.setPrice {
		width: 100%;
		text-align: center;
	}

	.contLotbuy div.priceOff {
		width: 100%;
	}

	.contLotbuy div.priceOff p {
		float: none;
		text-align: center;
		padding: 10px 0;
	}

	.contLotbuy div.priceOff p img {
		width: auto;
	}

	.lotbuyNote {
		padding: 0;
	}
}

.point_contents .col2_block {
	margin-bottom: 0;
}

.point_contents .col2_block + h2 {
	margin-top: 80px;
}

.point_contents .col2_block .col_box {
	border-bottom: 1px solid #d2d2d2;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-top: 50px;
	border-right: 1px solid #d2d2d2;
	width: 500px;
}

.point_contents.btn_arrange .col2_block .col_box {
	padding-bottom: 120px;
}

.point_contents.btn_arrange .col2_block .col_box .cv_btn {
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 50px;
	margin: 0 auto;
}
.point_contents.btn_arrange .col2_block .col_box:nth-child(2n) .cv_btn {
	left: 50px;
	right: 0;
}

.point_contents .col2_block .col_box h4 {
	text-align: center;
}

.point_contents .col2_block .col_box:nth-child(2n) {
	padding-right: 0;
	border-right: none;
	padding-left: 50px;
	width: 500px;
}

@media only screen and (max-width: 750px) {
	.point_contents .col2_block {
		margin-bottom: 0;
	}

	.point_contents .col2_block + h3 {
		margin-top: 50px;
	}
	.point_contents .col2_block .col_box {
		border: 1px solid #d2d2d2;
		padding: 4%;
		width: 100%;
		margin-bottom: 25px;
	}

	.point_contents .col2_block .col_box:nth-child(2n) {
		padding: 4%;
		width: 100%;
		border: 1px solid #d2d2d2;
	}

	.point_contents.btn_arrange .col2_block .col_box {
		padding: 4%;
	}
	
	.point_contents.btn_arrange .col2_block .col_box .cv_btn {
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
	}
	.point_contents.btn_arrange .col2_block .col_box:nth-child(2n) .cv_btn {
		left: auto;
		right: auto;
	}
}

/*------------------------------------------------------------------
コラリッチシリーズ 使い方動画
-------------------------------------------------------------------*/
@media only screen and (max-width: 750px) {
	.crm_guide_movie {
		width: 100%;
		padding-top: 56.1%;
	}
	.jstream-eqPlayer {
		width: 100% !important;
		height: 100% !important;
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
	}
	.player_main,
	.video_main {
		width: 100% !important;
		height: 100% !important;
	}
}

/*------------------------------------------------------------------
faqTOP
-------------------------------------------------------------------*/
.faq section {
	width: 1000px;
	margin: 0 auto;
	padding: 80px 0;
	border-bottom: 1px solid #dcdcdc;
}
.faq .faq_col_block::after {
	content: " ";
	display: table;
	clear: both;
}
.faq .faq_col_block .col_box {
	width: 48.5%;
	float: left;
}
.faq .faq_col_block .col_box:nth-child(even) {
	float: right;
}

.faq .faq_col_block dl {
	margin-bottom: 20px;
	border: 1px solid #d2d2d2;
}

.faq dl dt {
	color: #fff;
	font-size: 18px;
	padding: 10px;
	margin-bottom: 20px;
}

.faq dt .icon_img {
	display: none;
}

.faq .aojiru dl dt {
	background: #9ac935;
}

.faq .keshohin dl dt {
	background: #f3759c;
}

.faq .skinkalede dl dt {
	background: #8ecfaf;
}

.faq .kenshoku dl dt {
	background: #3d62b0;
}

.faq .mutenka dl dt {
	background: #d19b5f;
}

.faq .contact_block .tel_box {
	width: 560px !important;
	float: none !important;
	margin: 0 auto;
}
.faq .contact_block .tel_box dl dt {
	color: #333;
}

.faq .cdesc_inner {
	padding-right: 10px;
}


@media only screen and (max-width: 750px) {
	.faq .faq_col_block .col_box {
		width: 100%;
		float: none;
		margin: 0;
	}
	.faq .faq_col_block .col_box:nth-child(even) {
		float: none;
	}
	.faq section {
		padding: 0 0 40px;
		width: 100%;
		margin: 0 auto;
		border-bottom: none;
	}

	.faq .aojiru {
		padding: 40px 0;
	}

	.faq .faq_col_block dl {
		margin-bottom: 0;
		border: none;
	}

	.faq dl dt {
		border-top: 1px solid #FFF;
		padding: 2% 1% 2% 3%;
		line-height: 1.3;
		font-size: 15px;
		color: #FFF;
		margin-bottom: 0;
	}

	.faq dl dt::after {
		content: "";
		display: block;
		position: absolute;
		background: url(/excludes/dmlite/img/common/ico-ac_plus_wh.png) no-repeat;
		background-size: 100% 100%;
		top: 0;
		bottom: 0;
		margin: auto 0;
		right: 3%;
		width: 18px;
		height: 18px;
	}

	.faq dl dt.openToggle::after {
		background: url(/excludes/dmlite/img/common/ico-ac_minus_wh.png) no-repeat;
		background-size: 100% 100%;
	}

	.faq_inner dl dd {
		padding: 3.75% 0;
	}

	.faq_inner dl dd {
		padding: 3.75% 0;
	}

	.faq_inner {
		width: 91%;
		border-bottom: none;
		margin: 0 auto 20px;
	}

	.faq_inner .col3_block .col_box {
		display: table;
		table-layout: fixed;
		width: 100%;
		border: none;
		border-bottom: 1px solid #d2d2d2;
		float: none;
		text-align: left;
		margin: 0;
	}

	.faq_inner .col3_block .col_box figure {
		background: url(/excludes/dmlite/img/border.png) right center no-repeat;
		background-size: auto 67%;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		padding: 10px 1px;
		width: 40%;
	}

	.faq_inner ul.btnRevision li .btn_block {
		margin: 0;
	}

	.faq .lineup_btn {
		width: 91%;
		margin: 0 auto;
	}

	.faq dl.box,
	.faq dl.box2,
	.faq dl.box_right {
		width: 100%;
		float: none;
		margin: 0;
	}

	.faq dt .icon_img {
		display: inline-block;
		vertical-align: middle;
		width: 45px;
		height: 45px;
		margin-right: 10px;
		text-align: center;
	}

	.faq dt .icon_img img {
		width:auto;
		height: 100%;
	}

	.faq .aojiru dl dt {
		background: linear-gradient(#c5df8c, #94be39);
		background: -moz-linear-gradient(#c5df8c, #94be39);
		background: -webkit-gradient(linear, left top, left bottom, from(#c5df8c), to(#94be39));
	}

	.faq .keshohin dl dt {
		background: linear-gradient(#f9b2c8, #f3759c);
		background: -moz-linear-gradient(#f9b2c8, #f3759c);
		background: -webkit-gradient(linear, left top, left bottom, from(#f9b2c8), to(#f3759c));
	}
	
	.faq .skinkalede dl dt {
		background: linear-gradient(#c7e7d7, #8ecfaf);
		background: -moz-linear-gradient(#c7e7d7, #8ecfaf);
		background: -webkit-gradient(linear, left top, left bottom, from(#c7e7d7), to(#8ecfaf));
	}

	.faq .kenshoku dl dt {
		background: linear-gradient(#8da0c6, #204691);
		background: -moz-linear-gradient(#8da0c6, #204691);
		background: -webkit-gradient(linear, left top, left bottom, from(#8da0c6), to(#204691));
	}

	.faq .mutenka dl dt {
		background: linear-gradient(#e5caaa, #d09b60);
		background: -moz-linear-gradient(#e5caaa, #d09b60);
		background: -webkit-gradient(linear, left top, left bottom, from(#e5caaa), to(#d09b60));
	}

	.faq .contact_block .tel_box {
		width: 91% !important;
	}

	.faq .contactus_block ul {
		width: 91%;
		margin: 10px auto 0;
		font-size: 13px;
	}

}

/*------------------------------------------------------------------
FAQパーツ
-------------------------------------------------------------------*/
.ttl_01.faq_icon::before {
	content: "";
	display: inline-block;
	width: 50px;
	height: 47px;
	background: url(/excludes/dmlite/img/common/icon_faq.png) no-repeat;
	vertical-align: -8px;
	margin-right: 10px;
}

.faq_block {
	margin-bottom: 80px;
}
.faq_block dl {
	margin-bottom: 15px;
}
.faq_block dl dt {
	padding: 10px 40px 10px 65px;
	background: #77a32d;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
}
.faq_block dl dt .question {
	position: absolute;
	left: 10px;
	top: 8px;
	font-size: 20px;
	color: #f7ff23;
	font-feature-settings: "palt" 1;
	letter-spacing: -1px;
}
.faq_block dl dt::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 20px;
	width: 20px;
	height: 20px;
	background: url(/excludes/dmlite/img/common/ico-ac_plus_wh.png) no-repeat;
	background-size: contain;
}
.faq_block dl dt.open::after {
	background: url(/excludes/dmlite/img/common/ico-ac_minus_wh.png) no-repeat;
	background-size: contain;
}
.faq_block dl dd {
	padding: 20px;
	font-size: 15px;
	display: none;
}

.faq_block dl dd .border_txt {
	width: auto;
}


@media only screen and (max-width: 750px) {

	.ttl_01.faq_icon::before {
		width: 30px;
		height: 28px;
		background: url(/excludes/dmlite/img/common/icon_faq.png) no-repeat;
		background-size: 100%;
		vertical-align: -5px;
		margin-right: 5px;
	}

	.faq_block {
		margin-bottom: 40px;
	}
	.faq_block dl {
		margin-bottom: 10px;
	}
	.faq_block dl dt {
		padding: 5px 25px 5px 45px;
		font-size: 15px;
	}
	.faq_block dl dt .question {
		left: 5px;
		top: 5px;
		font-size: 15px;
	}
	.faq_block dl dt::after {
		right: 5px;
		width: 18px;
		height: 18px;
		background: url(/excludes/dmlite/img/common/ico-ac_plus_wh.png) no-repeat;
		background-size: contain;
	}
	.faq_block dl dt.open::after {
		background: url(/excludes/dmlite/img/common/ico-ac_minus_wh.png) no-repeat;
		background-size: contain;
	}
	.faq_block dl dd {
		padding: 10px;
		font-size: 13px;
		display: none;
	}
}

/*------------------------------------------------------------------
FAQパーツ
-------------------------------------------------------------------*/
.newstext_block {
	max-width: 750px;
	margin: 0 auto 50px;
}

/*------------------------------------------------------------------
汎用フォーム
-------------------------------------------------------------------*/
main input[type="date"],
main input[type="number"],
main input[type="email"],
main input[type="tel"],
main input[type="text"],
main input[type="password"],
main select {
	margin-bottom: 4px;
	padding: 6px 12px;
	box-sizing: border-box;
	font-size: inherit;
	line-height: 1.428571429;
	color: #333;
	vertical-align: middle;
	background-color: #fff;
	background-image: none;
	border: 1px solid #d8d8d8;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

main input[type="date"],
main input[type="number"],
main input[type="email"],
main input[type="tel"],
main input[type="password"]{
	ime-mode: disabled;
}

main select {
	width: auto;
	height: auto;
	font-weight: normal;
}

main textarea {
	-webkit-appearance: none;
	font-size: 14px;
	margin-bottom: 4px;
	padding: 6px 12px;
	box-sizing: border-box;
	line-height: 1.428571429;
	color: #333;
	vertical-align: top;
	background-image: none;
	border: 1px solid #d8d8d8;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

main input[type="date"]:focus,
main input[type="number"]:focus,
main input[type="email"]:focus,
main input[type="tel"]:focus,
main input[type="text"]:focus,
main input[type="password"]:focus,
main select:focus {
	border-color: #fcb621;
	outline: 0;
}

main input[type="date"].error-form,
main input[type="number"].error-form,
main input[type="email"].error-form,
main input[type="tel"].error-form,
main input[type="text"].error-form,
main input[type="password"].error-form,
main select.error-form {
	background: #FDE6E6;
	outline: 0;
}

main input[type="date"].success,
main input[type="number"].success,
main input[type="email"].success,
main input[type="tel"].success,
main input[type="text"].success,
main input[type="password"].success,
main select.success {
	background: #fff;
	outline: 0;
}

main .txt_error {
	color: #FF3333 !important;
	padding-left: 28px !important;
	background: url(/contents/img/cart/pc/common/ico-loginerror.gif) no-repeat left 2px;
	font-weight: bold;
}

main input[type="text"] + input[type="text"] {
	margin-left: 10px;
}

#creditcard_info_1 label,
main label {
	display: inline-block;
	margin: 0 30px 0 0;
	position: relative;
	line-height: 1.5;
	font-size: 15px;
	box-sizing: border-box;
}

main input[type="checkbox"]:focus {
	outline: 0;
}

main input[type="checkbox"] {
	margin: 0 10px 0 0;
	position: relative;
	-webkit-appearance: button;
	appearance: button;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 22px;
	height: 22px;
	content: "";
	background-color: #fafafa;
	border: 1px solid #d8d8d8;
	vertical-align: middle;
	cursor: pointer;
}

main input[type="checkbox"]:checked:after {
	display: block;
	position: absolute;
	top: -4px;
	left: 2px;
	content: "\002714";
	color: #ff7f01;
	font-size: 20px;
}

#main input[type="radio"]:focus {
	outline: 0;
}

main input[type="radio"] {
	margin: 0 10px 0 0;
	position: relative;
	-webkit-appearance: button;
	appearance: button;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 22px;
	height: 22px;
	content: "";
	background-color: #fff;
	border: 1px solid #d8d8d8;
	-webkit-border-radius: 22px;
	border-radius: 22px;
	vertical-align: middle;
	cursor: pointer;
}

main input[type="radio"]:checked:after {
	display: block;
	position: absolute;
	top: 4px;
	left: 4px;
	content: "";
	width: 12px;
	height: 12px;
	background: #ff7f01;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}

main button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	vertical-align: middle;
}

main .file_choice {
	display: inline-block;
	margin: 8px 5px 0 0;
	vertical-align: middle;
}


::-webkit-input-placeholder {
	color:    #999;
}
:-moz-placeholder {
	color:    #999;
}
@media only screen and (max-width: 750px) {
	main input[type="date"],
	main input[type="number"],
	main input[type="email"],
	main input[type="tel"],
	main input[type="text"],
	main input[type="password"],
	main select {
		font-size: 16px;
		transform: scale(0.8);
	}
}

/*------------------------------------------------------------------
カラム追加
-------------------------------------------------------------------*/
.colblock_wrapper .col_box .ttlbox {
	margin: 10px 0;
}

.colblock_wrapper .col_box .textbox .ttl {
	font-size: 18px;
	text-align: center;
}

.colblock_wrapper .col_box .textbox .subttl {
	font-size: 16px;
	text-align: center;
}

.colblock_wrapper .col_box .imgbox {
	text-align: center;
}

.colblock_wrapper.col_border .col_box {
	border: 1px solid #999;
	padding: 1.5%;
}

.colblock_wrapper.col_border_base .col_box {
	border: 1px solid #77a32d;
	padding: 1.5%;
}

.colblock_wrapper.col_border_aojiru .col_box {
	border: 1px solid #9AC935;
	padding: 1.5%;
}

.colblock_wrapper.col_border_cola-rich .col_box {
	border: 1px solid #F3759C;
	padding: 1.5%;
}

.colblock_wrapper.col_border_health .col_box {
	border: 1px solid #3D62B0;
	padding: 1.5%;
}

.colblock_wrapper.col_border_other .col_box {
	border: 1px solid #D09B60;
	padding: 1.5%;
}

.colblock_wrapper.col_bg .col_box {
	background: #efefef;
	padding: 1.5%;
}

.colblock_wrapper.col_bg_base .col_box {
	background: rgba(119,163,45,0.1) ;
	padding: 1.5%;
}

.colblock_wrapper.col_bg_aojiru .col_box {
	background: rgba(154,201,53,0.1) ;
	padding: 1.5%;
}

.colblock_wrapper.col_bg_cola-rich .col_box {
	background: rgba(243,117,156,0.1) ;
	padding: 1.5%;
}

.colblock_wrapper.col_bg_health .col_box {
	background: rgba(61,98,176,0.1)  ;
	padding: 1.5%;
}

.colblock_wrapper.col_bg_other .col_box {
	background: rgba(208,155,96,0.1)  ;
	padding: 1.5%;
}

@media only screen and (max-width: 750px) {
	.colblock_wrapper .col_box .textbox .ttl {
		font-size: 15px;
	}
	.colblock_wrapper .col_box .textbox .subttl {
		font-size: 14px;
	}
	.colblock_wrapper.col_border .col_box,
	.colblock_wrapper.col_border_base .col_box,
	.colblock_wrapper.col_border_aojiru .col_box,
	.colblock_wrapper.col_border_cola-rich .col_box,
	.colblock_wrapper.col_border_health .col_box,
	.colblock_wrapper.col_border_other .col_box,
	.colblock_wrapper.col_bg .col_box,
	.colblock_wrapper.col_bg .col_box,
	.colblock_wrapper.col_bg_base .col_box,
	.colblock_wrapper.col_bg_aojiru .col_box,
	.colblock_wrapper.col_bg_cola-rich .col_box,
	.colblock_wrapper.col_bg_health .col_box,
	.colblock_wrapper.col_bg_other .col_box {
		padding: 10px;
	}
}

.colblock_wrapper.col_border_base .col_box .ttlbox,
.colblock_wrapper.col_bg_base .col_box .ttlbox {
	color: #77a32d;
}

.colblock_wrapper.col_border_aojiru .col_box .ttlbox,
.colblock_wrapper.col_bg_aojiru .col_box .ttlbox {
	color: #9AC935;
}

.colblock_wrapper.col_border_cola-rich .col_box .ttlbox,
.colblock_wrapper.col_bg_cola-rich .col_box .ttlbox {
	color: #F3759C;
}

.colblock_wrapper.col_border_health .col_box .ttlbox,
.colblock_wrapper.col_bg_health .col_box .ttlbox {
	color: #3D62B0;
}

.colblock_wrapper.col_border_other .col_box .ttlbox,
.colblock_wrapper.col_bg_other .col_box .ttlbox {
	color: #D09B60;
}


.sitemap .ar_link.inline_b { zoom:1; }
.sitemap .ar_link.inline_b:after { clear: both; }
.sitemap .ar_link.inline_b:after { content: " "; display: table; }

.sitemap .ar_link.inline_b li {
	display: block!important;
	width: 33%;
	padding-right: 20px;
	float: left;
	box-sizing: border-box;
	margin: 0 0 5px!important;
}
@media only screen and (max-width: 750px) {
	.sitemap .ar_link.inline_b li {
		width: 100%;
		float: none;
		margin: 0 0 10px!important;
	}
}
