cosmcosmcosm@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* CSS Document */
/* ------------------------------------------------------
margin class 
------------------------------------------------------ */
.mt0 {
    margin-top: 0px !important;
}
.mt5 {
    margin-top: 5px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt25 {
    margin-top: 25px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.mt45 {
    margin-top: 45px !important;
}
.mt50 {
    margin-top: 50px !important;
}
.mt60 {
    margin-top: 60px !important;
}
.mt70 {
    margin-top: 70px !important;
}
.mt80 {
    margin-top: 80px !important;
}
.mt90 {
    margin-top: 90px !important;
}
.mb0 {
    margin-bottom: 0px !important;
}
.mb5 {
    margin-bottom: 5px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb25 {
    margin-bottom: 25px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.mb60 {
    margin-bottom: 60px !important;
}
.ml0 {
    margin-left: 0px !important;
}
.ml5 {
    margin-left: 5px !important;
}
.ml10 {
    margin-left: 10px !important;
}
.ml15 {
    margin-left: 15px !important;
}
.ml20 {
    margin-left: 20px !important;
}
.ml30 {
    margin-left: 30px !important;
}
.ml40 {
    margin-left: 40px !important;
}
.ml50 {
    margin-left: 50px !important;
}
.mr0 {
    margin-right: 0px !important;
}
.mr5 {
    margin-right: 5px !important;
}
.mr10 {
    margin-right: 10px !important;
}
.mr20 {
    margin-right: 20px !important;
}
.mr30 {
    margin-right: 30px !important;
}
.mr40 {
    margin-right: 40px !important;
}
.mr50 {
    margin-right: 50px !important;
}
.mt-20 {
    margin-top: -15px !important;
}
.pt0 {
    padding-top: 0px !important;
}
.pt5 {
    padding-top: 5px !important;
}
.pt10 {
    padding-top: 10px !important;
}
.pt20 {
    padding-top: 10px !important;
}
.pt30 {
    padding-top: 30px !important;
}
.pt40 {
    padding-top: 40px !important;
}
.pt50 {
    padding-top: 50px !important;
}
.pb0 {
    padding-bottom: 0px !important;
}
.pb5 {
    padding-bottom: 5px !important;
}
.pb10 {
    padding-bottom: 10px !important;
}
.pb20 {
    padding-bottom: 20px !important;
}
.pb30 {
    padding-bottom: 30px !important;
}
.pb40 {
    padding-bottom: 40px !important;
}
.pb50 {
    padding-bottom: 50px !important;
}
.pb60 {
    padding-bottom: 60px !important;
}
.pl0 {
    padding-left: 0px !important;
}
.pl5 {
    padding-left: 5px !important;
}
.pl10 {
    padding-left: 10px !important;
}
.pl20 {
    padding-left: 20px !important;
}
.pl30 {
    padding-left: 30px !important;
}
.pl40 {
    padding-left: 40px !important;
}
.pl50 {
    padding-left: 50px !important;
}
.pr0 {
    padding-right: 0px !important;
}
.pr5 {
    padding-right: 5px !important;
}
.pr10 {
    padding-right: 10px !important;
}
.pr20 {
    padding-right: 20px !important;
}
.pr30 {
    padding-right: 30px !important;
}
.pr40 {
    padding-right: 40px !important;
}
.pr50 {
    padding-right: 50px !important;
}
.w73{
	width: 75px;
}
.w588{
	width: 588px;
}
.w120{
	width: 120px;
}
.wnowrap{
	white-space: nowrap;
}
.-t5{
    transform: translate(0px, -5px);
}
.u-aC {
	text-align: center;
}
.u-aR {
	text-align: right;
}
.u-aL {
	text-align: left;
}
.-large {
	font-size: 18px;
}
/* ------------------------------------------------------
product
------------------------------------------------------ */

/* ----------- menu ----------- */
div#menu dt.sub {
    margin-bottom: 10px;
}

div#menu dt.m01 a{background:url(../product/images/menu_01.gif);}
div#menu dt.m01 a:hover{background:url(../product/images/menu_01.gif) 0 -39px no-repeat;}

div#menu dt.m02 a{background:url(../product/images/menu_02.gif);}
div#menu dt.m02 a:hover{background:url(../product/images/menu_02.gif) 0 -39px no-repeat;}

div#menu dt.m03 a{background:url(../product/images/menu_03.gif);}
div#menu dt.m03 a:hover{background:url(../product/images/menu_03.gif) 0 -39px no-repeat;}

div#menu dt.m04 a{background:url(../product/images/menu_04.gif);}
div#menu dt.m04 a:hover{background:url(../product/images/menu_04.gif) 0 -39px no-repeat;}

div#menu dt.m05 a{background:url(../product/images/menu_05.gif);}
div#menu dt.m05 a:hover{background:url(../product/images/menu_05.gif) 0 -39px no-repeat;}

div#menu dt.m06 a{background:url(../product/images/menu_06.gif);}
div#menu dt.m06 a:hover{background:url(../product/images/menu_06.gif) 0 -39px no-repeat;}

div#menu dt.m07 a{background:url(../product/images/menu_07.gif);}
div#menu dt.m07 a:hover{background:url(../product/images/menu_07.gif) 0 -39px no-repeat;}


div#menu dt.m08 a{background:url(../product/images/menu_08.gif);}
div#menu dt.m08 a:hover{background:url(../product/images/menu_08.gif) 0 -39px no-repeat;}



/* ----------- menu onの場合 ----------- */
div#menu dt.on a{
	background-position: 0 -39px;
	display:block;
}


/* ----------- menu アコーディオン----------- */
/*.menu_accordion{
	background: url(../images/bg_menu.gif) 0 bottom no-repeat;
}

.menu_accordion label{
	cursor: pointer;
	width: 181px;
	height: 39px;
	padding: 0;
	text-align: left;
	display: inline-block;
	text-indent: -9999px;
}

.menu_accordion label.m07 {
	background:url(../product/images/menu_07.gif);
	text-indent: -9999px;
}

.menu_accordion label.m07:hover{
	width: 181px;
	height: 39px;
	background:url(../product/images/menu_07.gif) 0 -39px no-repeat;
}

.menu_accordion label.m08 {
	background:url(../product/images/menu_08.gif);
	text-indent: -9999px;
}

.menu_accordion label.m08:hover{
	width: 181px;
	height: 39px;
	background:url(../product/images/menu_08.gif) 0 -39px no-repeat;
}

.menu_accordion .toggle{
	display: none;
}

.menu_accordion .toggle + ul{
	max-height: 0;
	overflow: hidden;
	transition: all .5s ease-out;
}

.menu_accordion .toggle:checked + ul{
	max-height: 999px;
	transition: all 2s ease-in;
}

.menu_accordion ul {
	list-style: none;

}
.menu_accordion ul li:first-child{
	margin: 4px 0 0 0;
}
.menu_accordion ul li{
	margin: 0;
	padding: 0 10px 8px 10px;
	line-height: 120%;
}

.menu_accordion ul li a{
	font-size: 12px;
	padding: 0 5px 0 0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #777370;
	display: inline;
}

.menu_accordion ul li a:hover{
	color:#ff6000;
	text-decoration: underline;
}*/
/* ----------- index ----------- */
div.index h4{
	margin:20px 0 24px 10px;
	padding:0;
	display:block;
}

div.index h5{
	margin:0 0 9px 0;
	padding:0;
}

div.index p{
	margin:0 0 20px 0;
	padding:0;
	width:662px;
}

div.index dl{
	margin:0 0 18px 19px;
	padding:0;
	display:block;
	float:left;
	width:92px;
}


div.index dl.icon{
	margin:0;
	padding:0;
}

div.index dt{
	margin:0 0 5px 0;
	padding:0;
	display:block;
	line-height:100%;
	width:92px;
	height:92px;
}

div.plant_index dt span{
	border:1px solid #999;
	display:block;
	width:90px;
	height:90px;
}

div.plant_index dt a{
	border:1px solid #d5d5d5;
	display:block;
}

div.plant_index dt a:hover{
	border:1px solid #186ba2;
	display:block;
}

div.plant_index dd{
	margin:5px 0 0 0;
	padding:0;
	display:block;
	line-height:140%;
	font-size:70%;
	text-align:center;
}

span.lead_img img {
    margin:6px 0 12px 0;
	display:block;
}





div.plant_index div.plant dl{
	margin:0 0 18px 19px;
	padding:0;
	display:block;
	float:left;
	width:75px;
}


div.plant_index div.plant dl.icon{
	margin:0;
	padding:0;
}

div.plant_index div.plant dt{
	margin:0 0 5px 0;
	padding:0;
	display:block;
	line-height:100%;
	width:75px;
	height:75px;
}

div.plant_index div.plant dt span{
	border:1px solid #999;
	display:block;
	width:73px;
	height:73px;
}

#contents  table.kata01 { width:592px; font-size:90%; margin:7px 0 5px 0;}
#contents  table.kata01 th { width:40px; }
#contents  table.kata01 tr.t_img td { vertical-align:bottom; border-bottom:solid 1px #fff;}
#contents  table.kata01 td.r_bd { border-right:solid 1px #fff;}
#contents  table.kata01 tr.t_ml { font-weight:bold;}


#contents  table.kata02 th { width:40px; }
#contents  table.kata02 tr.t_img td { vertical-align:bottom; }
#contents  table.kata02 td.r_bd { border-right:solid 1px #fff;}
#contents  table.kata02 tr.t_ml { font-weight:bold;}




.ls{
	letter-spacing:-0.1em;
}

div.plant_index div.line_01 dl{
	margin-bottom:5px;
}

div.plant_index div.line_01{
	margin:0 0 15px 8px;
}

div.plant_index div.line_02{
	margin:0 0 15px 8px;
}

div.plant_index div.line_03{
	margin:0 0 20px 8px;
}

div.plant_index ul.banner{
	margin:0 0 20px 8px;
	padding:0;
	display:block;
	width:661px;
}

div.plant_index ul.banner li{
	margin:0 15px 0 0;
	display:block;
	float:left;
	width:311px;
}


/* ----------- 下層 ----------- */
dl.read{
	display:block;
	margin-top:0;
	padding:0;
}

dl.read dt{
	display:block;
	margin:0 20px 0 12px;
	padding:0 0 0 0px;
	float:left;
	width:396px;
	font-weight:bold;
	font-size:110%;
	line-height:140%;
}

*html dl.read dt{
	margin:0 20px 0 6px;
	width:394px;
}

dl.read dt img{
	display:block;
	margin:0 0 15px 0;
	padding:0;
}

dl.read dd{
	display:block;
	margin:0;
	padding:0;
	float:;
}

dl.read_space{
	display:block;
	margin-top:80px;
	padding:0;
}

dl.read_space dt{
	display:block;
	margin:0 20px 0 12px;
	padding:0;
	float:left;
	width:396px;
}

*html dl.read_space dt{
	width:384px;
}


dl.read_space dt img{
	display:block;
	margin:0 0 15px 0;
	padding:0;
}

dl.read_space dd{
	display:block;
	margin:0;
	padding:0;
}

div.feature{
	margin:15px 0 0 12px;
	padding:1px 20px 10px 21px;
	display:block;
	width:600px;
	font-size:90%;
	float:none !important;
	background:url(../images/bg_list_box_03_long.gif) 0 0 no-repeat;
}

*html div.feature{
	width:642px;
}

div.feature h6.w_half{
	width: 340px;
}

div.feature div{
	margin:0;
	padding:0;
	float:left;
	width:370px;
}


div.feature span{
	margin:20px 0 0 0;
	padding:0;
	display:block;
	float:left;
}


span.feature{
	margin:0 0 35px 12px;
	padding:0 0 0 0;
	display:block;
	line-height:0%;
	width:636px;
	height:5px;
	float:none !important;
	background:url(../images/bg_list_box_03_bt.gif) 0 0 no-repeat;
}

span.feature_02{
	margin:0 0 5px 12px;
	padding:0 0 0 0;
	display:block;
	line-height:0%;
	width:636px;
	height:5px;
	float:none !important;
	background:url(../images/bg_list_box_03_bt.gif) 0 0 no-repeat;
}

div.feature h4{
	margin:20px 0 5px 0;
	padding:0;
}

div.feature .f_ttl{
	background:#F5F6EB;

	padding:2px 5px;
	margin:30px 0 0 0;
	text-align:center;

}

div.feature h4.mt_2p {
    margin:55px 0 0 0;
	border-top:dotted 1px #999;
	width:345px;
	padding:10px 0 10px 0;
}
div.feature h4.mt_2p_2 {
    margin:85px 0 0 0;
	border-top:dotted 1px #999;
	width:345px;
	padding:10px 0 10px 0;
}
* html div.feature h4.mt_2p { margin:61px 0 0 0;}
*+html div.feature h4.mt_2p { margin:50px 0 0 0;}
*+html div.feature h4.mt_2p_2 { margin:78px 0 0 0;}




h4.mb_20{
	margin-bottom:20px;
}

div.feature ul{
	margin:14px 0 20px 0;
	padding:0;
	display:block;
	float:none;
	width:340px;
	line-height:130%;
}
div.feature ul.mb0{	margin-bottom:0 !important;}

div.feature li{
	display:block;
	margin:0 0 6px 15px;
	padding:0 0 0 10px;
	background:url(../images/icon_dot_02.gif) 0 0.5em no-repeat;
	float:none;
	width:325px;
	font-size:100%;
}

div.feature li em{ font-style:normal;font-size:80%;}


div.feature div.w100 { width:550px;}
div.feature div.w100 ul { width:100%;}
div.feature div.w100 ul li { width:100%;}
div.feature div.w100 span { margin:5px 0 0 0; padding:0; width:100%;}

div.feature div.box_02{
	margin:0;
	padding:0;
	float:left;
	width:270px;
}

div.feature ul.box_list li{
	display:block;
	margin:0 0 6px 15px;
	padding:0 0 0 10px;
	background:url(../images/icon_dot_02.gif) 0 0.5em no-repeat;
	float:none;
	width:240px;
	font-size:100%;
}

div.feature ul.box_list li.in{
	display:block;
	margin:0 0 5px 0;
	padding:0 0 0 20px;
	background:none;
	float:none;
	width:240px;
	font-size:90%;
}


div.feature ul.box_list{

	width:270px !important;

}

div.feature p{
	display:block;
	margin:0 0 0 15px;
	padding:0;
	width:325px;
	font-size:100%;
}

div.feature ul.wide{
	width:580px;
}

div.feature ul.wide li{
	width:580px;
}

div.feature li.in{
	display:block;
	margin:0 0 5px 0;
	padding:0 0 0 20px;
	background:none;
	float:none;
	width:325px;
	font-size:90%;
}


div.drink_04{
	width:590px !important;
	margin-bottom:10px !important;
	padding-bottom:0 !important;

}

div.feature p.wid_01 {
	width:400px;
}

div.boli{
	border-top:1px solid #b7b7b7 !important;
	margin-top:10px !important;
}

div.boli h6.kakko_st{
	margin-top:5px;
}





div.drink_04 ul{
	float:none !important;
	display:block;
	border:none;
	margin:0;
	padding:0;
	width:580px;

}

div.drink_04 li{
	border:none;
	width:570px;
}

div.drink_04 span{
	display:block;
	float:none;
	margin:0 0 10px 25px;
	padding:0;
}

.bn {
	border:none !important;
}



/* -----------  ----------- */
div.flash{
	padding:0 0 30px 12px !important;
}


.p_box_1 {
	padding-top:10px;
	padding-right:8px;
	padding-left:12px;
	float:left;
	text-align:left;
}

.p_box_1_top {
	padding-right:8px;
	padding-left:12px;
	float:left;
	text-align:left;
}

.p_box_11 {
	padding-top:10px;
	padding-left:50px;
	float:left;
	text-align:left;
}

.p_box_111 {
	padding-top:10px;
	padding-left:12px;
	float:left;
	text-align:left;
}

.p_box_2 {
	padding-top:10px;
	padding-right:60px;
	margin-bottom:50px;
	float:right;
}

.p_box_22 {
	padding-left:12px;
	float:left;
	text-align:left;
	margin-bottom:14px;
}

.p_box_22 {
	padding-left:12px;
	float:left;
	text-align:left;
	margin-bottom:14px;
}

.p_box_222 {
	padding-left:12px;
	float:left;
	text-align:left;
	margin-bottom:14px;
}

.box_plant_2 {
    display:block;
	border:solid 1px #000;
	width:622px;
}

.box_plant_2 p {
    display:block;
	padding:50px 0 0 0 ;
}
.box_plant_22 p {
    display:block;
	padding:10px 0 0 0 ;
}

.box_plant_23 p {
    display:block;
	padding:80px 0 0 0px ;
}

.box_plant_24 {
    margin-top:22px;
}

.box_plant_24 p {
    display:block;
	padding:100px 0 0 0 ;
}

.box_plant_25 {
    margin-top:54px;
}

.box_plant_25 p {
    display:block;
	padding:10px 0 0 0 ;
}

.box_plant_3 {
	margin-top:26px;
}

.box_plant_3 p {
	margin-bottom:0px;
	font-size:14px;
	font-weight:bold;
}
.box_plant_33 {
	margin-top:26px;
}

table.cent td{
	text-align:center;
}

table td.txt_left {
	text-align:left;
	padding-left:20px;
}

table.plant_numbering {
	margin:20px 0 10px 0px;
	padding:0;
	text-align:center;
	border-left:1px solid #dadada;
	border-top:1px dotted #dadada;
	width:575px;
	font-size:80%;
	line-height:160%;
}

table.plant_numbering tr {
	margin:0;
	padding:0;
}

table.plant_numbering tr.table_space {
	margin:0;
	padding:0;
	text-align:center;
}

table.plant_numbering tr.table_space2 td {
	margin:0;
	padding:0;
	background:#e4e5d9;
}
table.plant_numbering td.bor_none{
	border-right:none !important;
}

table.plant_numbering td.bor_double{
	border-left:3px double #dadada !important;
}


table.plant_numbering tr.table_space2 td.wid_34 { width:220px !important;}
table.plant_numbering tr.table_space2 td.wid_34_2 { width:210px !important;}

table.plant_numbering tr.table_space3 {
	margin:0;
	padding:0;
	background:#e4e5d9;
	height:26px;
}

table.plant_numbering tr.table_space3 td {
	margin:0;
	padding:0;
	text-align:center;
	background:#e4e5d9;
	height:26px;
}

table.plant_numbering th {
	margin:0;
	padding:5px 5px 5px 5px;
	border-bottom:1px dotted #dadada;	background:#f5f6eb;
	width:18px;
}

table.plant_numbering td {
	margin:0;
	padding:5px 0px 0px 0px;
	border-right:1px solid #dadada;
	border-bottom:1px dotted #dadada;
}

table.plant_numbering td.bd_r_none {
	border-right:none;
}

table.plant_numbering td.bd_none {
	margin:0;
	border-right:1px solid #dadada;
	border-bottom:none;
	line-height:130%;
}

table.plant_numbering td.lines {
	line-height:110%;
}

table.plant_numbering td.font_sm {
    font-size:90%;
}

table.plant_numbering td.color {
	background:#f5f6eb;
	width:120px;
}

table.plant_numbering td.numL {
	text-align:left;
}

table.ml_12 {
	margin:10px 0 10px 12px;
	width:636px;
}

table.mt_0 {
	margin-top:-10px;
}

table.life03 td{
	width:80px !important;
}

table.life03 td.color{
	width:115px !important;
}

table.life04 td{
	width:90px !important;
}

table.life04 td.color{
	width:60px !important;
}

table.life04_2 td{
	width:80px;
}

table.life04_2 td.color{
	width:100px !important;
}





table.life05 td.color{
	width:60px !important;
}




.margin_space {
    padding-top:78px;
}

.box_plant_size1 {
    width:310px;
	float:left;
}

.box_plant_size1 p {
    width:286px;
	padding-left:2px;
	padding-top:4px;
}

.box_plant_size2 {
    width:310px;
	float:left;
	margin-left:10px;
}
.box_plant_size2 p {
    width:290px;
	padding-left:6px;
	padding-top:4px;
}

p em{
	font-style:normal;
	font-weight:bold;
}

.p_box_plant_size {
    padding-left:12px;
}

.box_plant_size_bace {
    margin-top:50px;
}

span.img{
	margin:0 0 50px 12px;
	padding:0px 0 0 0;
	display:block;
}

span.img_2	{
	display:block;
	padding-top:15px;
}

span.img_3	{
	display:block;
	padding-top:15px;
	padding-bottom:30px;
}

span.img_5 {
	display:block;
	padding-top:15px;
	padding-bottom:0px;
}

span.img_4{
	margin:-5px 0 25px 12px;
	padding:0px 0 0px 0;
	display:block;
}
span.img_minib{
	margin:-10px 0 15px 12px;
	padding:0px 0 0 0;
	display:block;
	width:186px;
	text-align:center;
}
span.img_minib em{
	font-size:12px;
	font-style:normal;
	padding-top:2px;
	display:block;
}
span.mt_20{
	margin-top:20px;
}

span.mt_20_ml_25 {
	margin-top:20px;
	margin-left:25px;
}

span.mt_10{
	margin-top:10px;
}

span.mt_n20{
	margin-top:-20px;
}

span.img_cent{
	margin:0 0 50px 0;
	padding:10px 0 0 0;
	display:block;
	text-align:center;
	width:636px;
}

span.img_cent_2{
	margin:0 0 50px 0;
	padding:0 0 0 0;
	display:block;
	text-align:center;
	width:636px;
}

span.ml10 { margin-left:10px;}

span.nbm{
	margin-bottom:5px	
}


div.s_box{
	width:675px;
	margin:0;
	padding:0;
}

p.mb10{
	padding-bottom:10px;
}

div.s_box div{
	display:block
	width:455px;
	margin:0;
	padding:0;
	float:left;
}

div.s_box div p{
	width:455px;
	float:none;
	display:block;
	margin:0 0 20px 12px;
	padding:0;

}
div.s_box span{
	display:block;
	margin:0 24px 30px 0;
	font-style:normal;
	float:right;
	text-align:center;
}


div.s_box_2{
	width:663px;
	margin:0;
	padding:0 0 0 12px;
}

div.s_box_2 div{
	display:block
	width:300px;
	margin:0;
	padding:0;
	float:left;
}

div.s_box_2 div p{
	width:300px;
	float:none;
	display:block;
	margin:0 0 20px 0;
	padding:0;

}

div.s_box_2 span{
	display:block;
	margin:0 25px 30px 0;
	font-style:normal;
	float:left;
	text-align:center;
}





div.box{
	float:left;
	margin:0 0 30px 12px;
	padding:0 0 0 0;
	width:308px;
}

div.box_02left{
	float:left;
	margin:10px 5px 30px 12px;
	padding:0 0 0 0;
}

div.box_02right{
	float:left;
	margin:10px 0 30px 12px;
	padding:0 0 0 0;
}

div.s_box_3{
	width:663px;
	margin:0;
	padding:0 0 0 12px;
}

div.s_box_3 div{
	display:block;
	width:300px;
	margin:0;
	padding:0;
	float:left;
}

div.s_box_3 div p{
	width:300px;
	float:none;
	display:block;
	margin:0 0 20px 0;
	padding:0;

}

div.s_box_3 span{
	display:block;
	margin:0 25px 0 0;
	font-style:normal;
	float:left;
	text-align:center;
}

h6{
	font-size:120%;
	font-weight:bold;
	display:block;
	margin:15px 0 10px 12px;
	padding:8px 0 8px 0;
	color:#424242;
	width:636px;
	border-bottom:3px double #d5d5d5;
	font-size:100% !important;
}

div.box h6{
	margin:10px 0 5px 0;
	padding:8px 0 8px 0;
	width:304px;
	border-top:none;
	font-size:100% !important;
}

h6.st{
	margin:15px 0 0 12px;
	padding:0;
	display:block;
	font-weight:bold;
	font-size:100%;
	color:#ff7f8b;
	border:none;
}


div.right{
	margin-left:20px;
}

div.box p{
	margin:0 0 10px 0;
	padding:0;
	width:290px;
}


div.box span.pic{
	margin:0 0 30px 0;
	width:auto;
}

div.box span.pic_left{
	margin:0 0 30px 0;
	width:auto;
	text-align:left;
}

div.box p.text{
	text-align:center;
	margin: 10px 0 0 0;
}

h5.st{
	margin:10px 0 10px 12px;
}

dl.listy{
	margin:10px 0 10px 12px;
	padding:0;
	display:block;
	width:612px;
}

dl.listy dt{
	margin:0;
	padding:0 0 0 12px;
	display:block;
	font-weight:bold;
	background:url(../images/icon_dot_01.gif) 0 0.5em no-repeat;
}

dl.listy dd{
	margin:0;
	padding:0 0 10px 12px;
	display:block;
	font-size:90%;
}

table.mb_20{
	margin-bottom:35px;
}

div.box_ul_mgt ul {
    margin:20px 0 0 0;
}

div.box_ul_mgt02 p {
    margin:20px 0 0 0;
}

div.box_ul_mgt02 p {
    margin:20px 0 0 0;
}

div.box_ul_mgt02 ul {
    margin:20px 0 0 0;
}

div.box_ul_mgt02 ul.box_none {
    margin:0;
}

div.box_img_btm img {
	margin:6px 0 1px 16px;
}

h6.kakko_st{
	background:none;
	border-bottom:none;
	border-top:1px solid #b7b7b7;
	font-size:110% !important;
	margin:20px 0 0 0;
	padding-top:20px;
	padding-left:15px;
	width:340px;
}

span.food_box04 { display:block; text-align:center;}
span.food_box04_h { display:block; margin-bottom:5px;}
span.food_box04_h2 { display:block;}

table.drink08_l {
    float:left;
	width:440px;
}

span.drink08_r {
    float:right;
	width:152px;
	margin:0 40px 0 0;
}

.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mb10 { margin-bottom:10px !important;}
.mb40 { margin-bottom:40px !important;}

p.center08 {
    text-align:center;
	width:260px !important;
}

tr.center08 {
    text-align:center;
	width:260px !important;
	font-size:12px;
	line-height:140%;
	vertical-align:top;
}

tr.center08 em {
    font-size:12px;
	font-style:normal;
	padding-bottom:8px;
	display:inline-block;
	font-weight:bold;
}
div.box_d08 { margin-bottom:40px;}
div.box_d08 table td.d08_l { width:10px;}
div.box_d08 table td.d08_r { width:55px;}

div.box span.pic img.ml20 { margin-left:38px;}

p.p_nowrap {
    white-space:nowrap;
	text-decoration:underline;
}

h4.mb35 { margin-bottom:35px;}

table.table_car01 { margin:0 0 0 14px;}
p.table_car01_p { margin-bottom:0;}

.box_car01_02_left {
    float:left;
	width:280px;
	margin-left:12px;
}
.box_car01_02_left p {
	width:280px;
	margin:0;
}
.box_car01_02_right {
    float:right;
	width:300px;
	margin-right:48px;
}
.box_car01_02_right p {
	width:280px;
	margin:0;
}
.box_car01_02_right span {
    margin-top:10px;
	display:block;
}
.box_car01_02_img {
    margin: 10px 0 35px 9px;
}
div.feature div.pic_car_01_1 { margin:22px 0 0 0;}
div.feature div.pic_car_01_2 { margin:0 0 20px 0;}

div.feature div.pic_car_01_txt {
    width:560px;
	padding:10px 0;
	margin:0 0 20px 15px;
	border:solid 1px #999;
	background:#eee;
}
div.feature div.pic_car_01_txt p { width:95%;}
div.feature div.pic_car_01_txt p em { text-decoration:underline; font-weight:normal;}
div.feature div.pic_car_01_txt p em.bold { font-weight:bold;}
em.p_c_bold { font-weight:bold; text-decoration:underline; }

div.feature div.pic_material_02_1 {
    margin:22px 0 12px 0;
	border-bottom:dotted 1px #ccc;
	padding-bottom:12px;
	width:587px;
}

.drink_01_bg_01{
	background:#50993F;
	font-weight:bold;
	color:#ffffff;
	padding:5px 10px;
	
}

.drink_01_bg_02{
	background:#EB9500;
	font-weight:bold;
	color:#ffffff;
	padding:5px 10px;
}

.spec_01{font-size: 85%;}
.spec_01 span{
	float:left;
	background:#9FA0A0;
	font-weight:bold;
	color:#ffffff;
	margin:0 10px 20px 0;
	padding:5px 10px;
	text-align:center;
	width:100px;
	
}
.spec_01 ul{float:left;display: block;zoom: 1;  height:1%;}
.spec_01 li{list-style:disc inside ;	margin:2px 0 5px 0;width: 160px;}
.spec_01 li.w_auto{width: 500px !important;	}
.spec_01 li.w_auto_list{
	width: 500px !important;
	background:url(../product/images/icon_01.gif) no-repeat left 3px;
	list-style:none !important;
	padding:0 0 0 15px;
}

.spec_01 li.nolist{
	list-style:none !important;
	font-weight:bold;
}

.spec_02{font-size: 85%;margin:0 0 10px 0 !important;}
.spec_02 span{
	float:left;
	background:#9FA0A0;
	font-weight:bold;
	color:#ffffff;
	margin:10px 10px 20px 0;
	padding:5px 10px;
	text-align:center;
	width:80px;}
.spec_02 ul{float:left;display: block;zoom: 1;  height:1%;}
.spec_02 li{list-style:disc inside;	margin:5px 0 5px 0;}
	

.ml12{margin:0 0 0 12px;}

table.use_box {
	margin:20px 0 0 0px;

	border-left:1px solid #dadada;
	border-top:1px dotted #dadada;
	width:590px;
	text-align:center;

	line-height:160%;
}



table.use_box tr {margin:0;	padding:0;}


table.use_box th {
	margin:0;
	padding:5px 5px 5px 5px;
	border-bottom:1px dotted #dadada;	background:#f5f6eb;
	width:18px;
}

table.use_box td {
	margin:0;
	padding:5px 10px;
	border-right:1px solid #dadada;
	border-bottom:1px dotted #dadada;
}

.color_01{background:#E4E5D9 !important;}
.color_02{background:#F5F6EB;}


ul.box_img_02{
	margin:10px 0 0 12px;
	width: 570px !important;
}
ul.box_img_02 li{
	float:left;
	margin:0 10px 0 0;
	font-size: 100%;
	background: none;
	text-align: center;
	width:220px;
}

ul.box_img_02 li p{
	width:220px;
}

ul.box_img_02 li.last{margin:0;}
ul.box_img_02 li span{
	text-align:center;
	display:block;
	margin:10px 0 0 0;
}

ul.box_img_03{margin:10px 0 0 12px;}
ul.box_img_03 li{float:left;margin:0 10px 0 0;font-size: 80%;}
ul.box_img_03 li.last{margin:0;}
ul.box_img_03 li span{
	text-align:center;
	display:block;
	margin:10px 0 0 0;
}
.btn_area a img{
	display: block;
}
.btn_area a span{
	margin:5px 0 0 0;
	padding:2px 0 0 0;
	display:block;
	color:#186ba2;
	font-size:12px;
}

.btn_area a:hover span{
	color: #ff6000;
	text-decoration: underline;
}	

h6.feature_box {
    border-bottom: 3px double #D5D5D5;
    color: #424242;
    display: block;
    font-size: 100% !important;
    font-weight: bold;
    margin: 15px 0 10px 12px;
    padding: 8px 0;
    width:570px;
}

/* material_contents
------------------------------------------------------------------*/

#material_contents  div.feature p{
	width:100%;}

#material_contents .mt40{
	margin-top:40px !important;
}
#material_contents .title_t{
    line-height: 120%;
    margin: 25px 25px 10px 10px;
	font-weight:bold;
	display:block;
	font-size:14px !important;
}

#material_contents .title_t em{
	font-size:85%;
	font-weight:normal;
}

#material_contents .font_s{
	font-size:11px !important;
	margin-bottom:10px ;
}

#material_contents .title_g{
	background:#008cd6;
	color:#fff;
	margin:30px 0 0 10px;
	font-size:90%;
	padding:5px 10px;
	width:555px !important;
}

#material_contents .float_l{
	float:left;
}

#material_contents div.feature ul.img_l{
	float:left;
	width:460px;
}
#material_contents div.feature ul.img_l li{
	width:460px;
}

#material_contents div.feature .float_r{
	float:right;
	margin-right: 15px;
}

#material_contents div.feature h6{
	width:566px;
	font-size:16px !important;
}

#material_contents table.news_01{
	margin:0 0 10px 12px;
	padding:0;
	border-left:1px solid #000;
	border-top:1px solid #000;
	width:570px;
	line-height:160%;
	text-align:center;
	color:#000;
}

#material_contents table.news_01 span{
	font-size:85%;
	line-height: 14px;
	margin-top:0;
}


#material_contents table.news_01 tr{
	margin:0;
	padding:0;
	vertical-align:top;
	vertical-align: middle;
}

#material_contents table.news_01 tr.sell_color{
	margin:0;
	padding:0;
	vertical-align:top;
	background:#888a94;
	color:#fff;
	font-weight:bold;
}

#material_contents table.news_01 tr.sell_color th{
	background:#888a94;
	color:#fff;
}

#material_contents table.news_01 th{
	margin:0;
	padding:5px 5px 5px 10px;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}

#material_contents table.news_01 .bg{
	margin:0;
	padding:5px 5px 5px 10px;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	background:#9ad2f2;
}

#material_contents table.news_01 td{
	margin:0;
	padding:5px 5px 5px 10px;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}

#material_contents table.news_01 .aligin-l{	text-align:left;}


/* clearfix 
------------------------------------------------------------------*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	zoom: 1;
	min-height: 1px;
}



/* nav_area
------------------------------------------------------------------*/
.nav_area ul:after {
	content: "";
	display: block;
	clear: both;
}

.nav_area ul {
	zoom: 1;
	min-height: 1px;
}

.nav_area {
	background:#f7f7f7;
	padding:40px 25px 10px 25px;
	width:605px;
	margin:0;
}

.nav_area ul{
	margin:0 0 30px 0;
}

.nav_area  li{
	float:left;
}

.nav_area  li a {
    outline: none;
}

.nav_area.food{
	 padding: 40px 0px 10px 45px;
}
 .nav_area.food ul{
	margin:0;
} 

.nav_area.food ul li{
	margin:0 10px 40px 0;
}

.nav_area.cosme {
    margin: 0;
}
.nav_area.cosme ul{
	width:600px;
	margin:0 auto;
	padding-bottom:40px;
}

.nav_area.cosme {
    margin: 0;
}


.nav_area.medical li,
.nav_area.support_solution li{
	margin:0 22px 15px 0;
}
.nav_area.medical li:nth-child(3n) ,
.nav_area.support_solution li:nth-child(3n) {
	margin-right:0;
}



/* plant
------------------------------------------------------------------*/
.plant_flow{
	border:#dcdcdc solid 1px;
	border-radius: 5px;
	margin:0 0 20px 0 !important;
	padding:20px !important;
	width: 662px;
	float:none;
	box-sizing: border-box
}

.ie .plant_flow{
	width: 614px;
}

.plant_flow .title:after,
.plant_flow ul:after,
.plant_flow ul li:after{
	content: "";
	display: block;
	clear: both;
}

.plant_flow .title,
.plant_flow ul,
.plant_flow ul li{
	zoom: 1 !important;
	min-height: 1px !important;
	width: 622px;
	box-sizing: border-box;
}
.plant_flow .img_area{
	margin: 0 ;
	float:right;
	width:120px;
}

.plant_flow .img_area img{
	width:130px;
	height:125px;	
}

.plant_flow .title{
	float:none;
	margin:0 0 20px 0;
}


.plant_flow h5{
	background: #538fc3;
	font-weight: bold;
	color:#fff;
	padding: 8px 0 8px 10px;
	box-sizing: border-box;
}

.ie .plant_flow h5{
	width:460px !important;
}
.plant_flow .title .inner{
	float:left;
	width:480px;
}
.plant_flow h5,
.plant_flow p{
	width: 480px !important;
	margin:0 !important;
}

.plant_flow h5{
	margin-bottom:15px !important;
}

.plant_flow ul{
	border-top: 1px dotted #c7c7c7;
}
.plant_flow ul li{
	border-bottom: 1px dotted #c7c7c7;
	padding:13px 0;
}

.plant_flow ul li.other_title{
	background: #e3e3e3;
	font-weight: bold;
	margin:30px 0 0 0;
	padding:8px 15px;
	font-size:80%;
	border-bottom:none;
}

.plant_flow ul li:last-child{
	margin:0;
	border:none;
	padding-bottom:0;
}

.plant_flow ul span{
	margin: 0 0 5px 0;
	padding: 0 0 0 12px;
	font-size: 100%;
	float: none;
	text-align: left;
	font-weight: bold;
	display: block !important;
	color:#538fc3;
	position: relative;
}

.ie .plant_flow ul span{
	background: url(../product/images/icon_circle_010.png) no-repeat left 4px;
}

.plant_flow ul span:after{
	content: "";
	display: inline-block;
	background: url(../product/images/icon_circle_010.png) no-repeat left top;
	margin:0 15px 0 0;
	width:6px;
	height: 6px;	
	position: absolute;
	top:5px;
	left:0;
}

.ie .plant_flow ul span:after{
	display: none;
}

.plant_flow ul em{
	font-style: normal;
	font-size:90%;
	display: inline;
}

.plant_flow ul p{
	width:110px !important;
	display: inline !important;
	float:right !important;
}

.plant_flow ul p a{
	width:110px;
	text-decoration: none;
	float:right;	
	background: #f28a1f;
	border:#f28a1f 1px solid;
	color:#fff;
	display: block;
	margin:0 !important;
	padding: 5px 0;
	border-radius: 3px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.ie .plant_flow ul p a{
	background: #f28a1f url(../product/images/icon_arrow_010.png) no-repeat 15px center;
	padding-left:10px;
	margin-left:-20px !important;
}

.ie .plant_flow ul p a:hover{
	background: #538fc3 url(../product/images/icon_arrow_010.png) no-repeat 15px center;
	border:#538fc3 1px solid;
	color:#fff;
}

.plant_flow ul p a:before{
	content: " ";
	display: inline-block;
	background: url(../product/images/icon_arrow_010.png) no-repeat left center;
	padding:0 10px 0 0;
	width:5px;
	height: 9px;	
}

.plant_flow ul p a:hover{
	border:#f28a1f 1px solid;
	background: #fff;
	color:#f28a1f;
	text-decoration: none;
}

.plant_flow ul p a:hover:before{
	content: " ";
	display: inline-block;
	background: url(../product/images/icon_arrow_020.png) no-repeat left center;
	padding:0 10px 0 0;
	width:5px;
	height: 9px;	
}

.mv{
	margin:0 0 0 12px; 
}





/*2021リニューアル追記*/
div#base{
	padding: 10px 0 0 0;
}
.float_r{
	float: right;
}
.float_l{
	float: left;
}
.aligin-c{
	text-align: center!important;
}
div#contents {
    height: 100%;
    margin: 0 0 0 0;
    padding: 15px 0 0 0;
    background: #fff;
    width: 900px;
    float: none;
}
div#main{
	background: #fff;
}

div.conts{
	background: #fff;
}
div.mainconts {
	font-family: 'Noto Sans JP', sans-serif;
	margin-bottom: 70px;
	position: relative;
	padding-top: 28px;
}
div.mainconts *{
	box-sizing: border-box;
}
div.mainconts a.c-prev{
	display: inline-block;
    position: absolute;
    top: -20px;
    left: 0;
    background: #959595;
    color: #fff;
    transition-duration: 0.3s;
    border-radius: 30px;
    padding: 3px 14px 5px 33px;
}
div.mainconts a.c-prev:before{
    content: '';
    display: block;
    width: 11px;
    height: 9px;
    position: absolute;
    left: 15px;
    top: calc(50% - 5px);
    background: url(../product/images/icon_arrow_white.png) no-repeat;
	transform: rotate(180deg);
}
div.mainconts a.c-prev:hover{
	transition-duration: 0.3s;
	background: #005b9d;
	color: #fff;
	text-decoration: none;
}

/*htag*/
div.mainconts h3{
    font-size: 28px;
    color: #fff;
    background: #186ba2;
    border-radius: 4px;
    padding: 20px 30px 24px 30px;
    clear: both;
    position: relative;
    margin: 0 0 45px 0;
}
div.mainconts h3 .c-smaller{
    font-size: 0.65em;
    display: inline-block;
}
div.mainconts h3.-smaller {
	font-size: 25px;
}

div.mainconts h4{
    clear: both;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    padding: 16px 22px;
    margin: 0 0 28px 0;
}
div.mainconts h4 span{
	
}
div.mainconts * +  h4{
	margin-top: 50px;
}
div.mainconts h5 +  h4{
	margin-top: 0;
}
div.mainconts .c-bgwhite h4{
	background: #f2f2f2;
}
div.mainconts .c-bggray h4{
	background: #fff;
}

div.mainconts h5{
	clear: both;
    font-size: 26px;
    color: #186ba2;
    position: relative;
    margin: 0 0 25px 0;
    border-top: 1px dotted #333;
    border-bottom: 1px dotted #333;
    padding: 21px 0 23px 0;
}
div.mainconts h5.t-black{
	color: #444;
}
div.mainconts .c-bgwhite h5{
    margin: 0 0 38px 0;
}
div.mainconts .c-bggray h5{
    margin: 0 0 25px 0;
}
div.mainconts h5:before{
	content: '';
	display: block;
	width: 47px;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: -1px;
	background: #186ba2;
}
div.mainconts h6,div.mainconts h6.feature_box{
    clear: both;
    position: relative;
    font-size: 18px!important;
    font-weight: 600;
    padding: 16px 22px;
    margin: 0 0 28px 0;
	border: none;
	width: 100%;
}
div.mainconts h6 span, div.mainconts h6.feature_box span {
    font-size: 0.8em!important;
    display: inline;
    margin: 0;
    float: none;
}
div.mainconts div.feature h6.w_half,
div.mainconts div.feature h6.feature_box{
	width: 100%;
}
div.mainconts * + h6{
	margin-top: 50px;
}
div.mainconts h5 + h6{
	margin-top: 0;
}
div.mainconts .c-bgwhite h6{
	background: #f2f2f2;
}
div.mainconts .c-bggray h6{
	background: #fff;
}
div.mainconts strong.c-title__s{
	font-size: 18px;
	font-weight: 600;
	padding-left: 18px;
	position: relative;
	margin-bottom: 15px;
	display: block;
	clear: both;
}
div.mainconts strong.c-title__s:before{
	content: '';
	display: block;
	width: 3px;
	height: 100%;
	background: #333;
	border-radius: 2px;
	left: 0;
	top: 1px;
	position: absolute;
}



/*flex*/
div.mainconts .c-flex{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

div.mainconts .c-flex.-wrap{
	flex-wrap: wrap;
}
div.mainconts .c-flex.-wrap > .w100{
	width: 100%;
}
div.mainconts .c-flex.-jstart{
	justify-content: flex-start;
}
div.mainconts .c-flex.-jcenter{
	justify-content: center;
}
div.mainconts .c-flex.-jend{
	justify-content: flex-end;
}
div.mainconts .c-flex.-acenter{
	align-items: center;
}
div.mainconts .c-flex.-aend{
	align-items: flex-end;
}

div.mainconts .c-flex .c-flex__l{
	width: calc(100% - 440px);
}
div.mainconts .c-flex .c-flex__r{
	display: flex;
	width: 397px;
	justify-content: center;
	text-align: center;
	background: #fff;
	margin: 5px 0 0 0;
	border-radius: 4px;
}


div.mainconts .nav_area {
    padding: 40px 40px 0px 40px;
    width: 100%;
    margin: 0;
	overflow: hidden;
}
div.mainconts .nav_area ul:after{
	display: none;
}
div.mainconts ul.c-indexlist{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	margin-bottom: 0;
}
div.mainconts ul.c-indexlist.-jstart{
	justify-content: flex-start;
}
div.mainconts ul.c-indexlist.-nowrap{
	flex-wrap: nowrap;
}
div.mainconts ul.c-indexlist.-jcenter{
	justify-content: center;
}
div.mainconts ul.c-indexlist.-w160::before,
div.mainconts ul.c-indexlist.-w160::after {
    content: '';
    display: block;
    width: 160px;
}
div.mainconts ul.c-indexlist.-w160::before {
    order: 1;
}
div.mainconts ul.c-indexlist.-w240::before,
div.mainconts ul.c-indexlist.-w240::after {
    content: '';
    display: block;
    width: 240px;
}
div.mainconts ul.c-indexlist.-w180::before {
    order: 1;
}
div.mainconts ul.c-indexlist.-w190::before,
div.mainconts ul.c-indexlist.-w190::after {
    content: '';
    display: block;
    width: 190px;
}
div.mainconts ul.c-indexlist.-w190::before {
    order: 1;
}



div.mainconts ul.c-indexlist.-jstart li{
	margin-right: 20px!important;
}
div.mainconts ul.c-indexlist.-p00 li{
	padding: 20px 0!important;
}
div.mainconts ul.c-indexlist.-jstart.-nowrap li{
	margin-right: 10px!important;
}

div.mainconts ul.c-indexlist li{
	padding: 20px!important;
	margin: 0 0 40px 0!important;
}
div.mainconts ul.c-indexlist li.ml40{
	margin-left: 40px!important;
}
div.mainconts ul.c-indexlist li.mb0{
	margin-bottom: 0!important;
}
div.mainconts ul.c-indexlist li.mr160{
	margin-right: 160px!important;
}
div.mainconts ul.c-indexlist li:before{
	display: none;
}
div.mainconts ul.c-bnrlink{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
div.mainconts ul.c-bnrlink li{
    padding: 0!important;
    width: 396px;
    margin-bottom: 20px!important;
}
div.mainconts ul.c-bnrlink img{
	width: 100%;
}
div.mainconts ul.c-bnrlink li:before{
	display: none;
}
div.mainconts ul.c-bnrlink a{
	display: block;
	color: #005b9d;
}
div.mainconts ul.c-bnrlink a:hover{
	color: #333;
}
div.mainconts ul.c-bnrlink span{
	display: block;
	margin-top: 10px;
}

div.mainconts ul {
    margin: 0 0 30px 0;
    padding: 0;
    display: block;
    float: none;
    width: auto!important;
    line-height: 130%;
}
div.mainconts li {
    display: block;
    margin: 0 0 0 0!important;
	position: relative;
	padding: 0 0 0 18px!important;
    background: none;
    float: none;
    width: auto;
    font-size: 16px;
    line-height: 1.4em;
}
div.mainconts div.feature ul.wide li{
	width: 100%;
}
div.mainconts li.mt6{
	margin-top: 6px!important;
}
div.mainconts li + li{
	margin-top: 6px!important;
}
div.mainconts li + li.mt0{
	margin-top: 0px!important;
}
div.mainconts li + li.ml15{
	margin-left: 15px!important;
}
div.mainconts li:before{
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	top: 50%;
	transform: translateY(-50%);
	background: #333;
	border-radius: 50%;
	left: 0;
	position: absolute;
}


div.mainconts ul.box_img_02{
	display: flex;
	align-content: center;
	align-items: center;
	float: right;
	padding: 10px 0 25px 0;
	margin: 0;
	background: #fff;
	margin-left: 56px;
	width: 397px;
	border-radius: 4px;
}
div.mainconts ul:last-child{
	margin-bottom: 0;
}
div.mainconts ul.box_img_02 p{
	font-size: 14px;
}
div.mainconts ul.box_img_02 li{
	padding: 0!important;
	margin: 0;
}
div.mainconts ul.box_img_02 li + li{
	margin: 0 0 0 -42px!important;
}
div.mainconts ul.box_img_02 li:before{
	display: none;
}


div.mainconts .w350 {
	display: block;
	width: 355px;
}

div.mainconts .w250 {
	display: block;
	width: 255px;
}

div.mainconts ul.-borderlist {
	padding: 15px 30px;
	border: 1px solid #e7e7e7;
}
div.mainconts ul.-borderlist li {
	padding: 14px 0 14px 18px!important;
	display: flex;
	align-items: center;
}
div.mainconts ul.-borderlist li + li {
	border-top: 1px solid #e7e7e7;
}
div.mainconts li:before {
	/*top: calc(50% - 3px);*/
}

div.mainconts .arrow-ico {
	display: flex;
	align-items: center;
	line-height: 24px;
	color: #186ba2;
	font-size: 18px;
	/* width: 50%; */
}

div.mainconts .arrow-ico.-w100 {
	display: flex;
	align-items: center;
	line-height: 24px;
	color: #186ba2;
	font-size: 18px;
	width: 100%;
}

div.mainconts .arrow-ico i {
	position: relative;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	margin-right: 15px;
	background: #186ba2;
	display: inline-block;
}

div.mainconts .arrow-ico .iBig {
	position: relative;
	border-radius: 50%;
	width: 38px;
	height: 26px;
	margin-right: 15px;
	background: #186ba2;
	display: inline-block;
}
div.mainconts .arrow-ico i:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4.5px 0 4.5px 8px;
	border-color: transparent transparent transparent #ffffff;
	position: absolute;
	top: calc(50% - 5px);
	left: calc(50% - 3px);
}



div.mainconts p {
    display: block;
    margin: 0 0 20px 0;
    padding: 0;
    width: auto;
    font-size: 16px;
    float: none;
    line-height: 160%;
	overflow: hidden;
	position: relative;
}
div.mainconts p.-large {
	font-size: 18px;
}
div.mainconts p.-smaller {
	font-size: 14px;
}

div.mainconts sup,div.mainconts sub{
	font-size: 0.7em;
}
div.mainconts p.float_r{
	float: right;
}
div.mainconts p:last-child{
	margin-bottom: 0;
}
div.mainconts p.c-tsmall{
	font-size: 14px;
}
div.mainconts p.c-tsmaller,div.mainconts span.c-tsmaller{
	font-size: 12px;
}
div.mainconts p.c-note{
	font-size: 12px;
}
div.mainconts a{
	transition-duration: 0.3s;
	color: #333;
}
div.mainconts a:hover{
	transition-duration: 0.3s;
	color: #005b9d;
	text-decoration: none;
}
div.mainconts a img{
	transition-duration: 0.3s;
}
div.mainconts a:hover img{
	opacity: 0.7;
	transition-duration: 0.3s;
}
/*ul.breadcrumbs {
    display: block;
    font-size: 70%;
    line-height: 120%;
    margin: 0 auto;
    padding: 0 12px 25px 0;
    text-align: right;
    width: 900px;
}
.conts{
	width: 100%;
}
div.conts{
	width: 100%;
}
div#contents{
	width: 100%;
}
.nav_area {
    background: #f7f7f7;
    padding: 40px 25px 10px 25px;
	width: 100%;
    margin: 0;
}*/
div.mainconts .c-tablewrap{
	margin: 38px 0 80px 0;
}
div.mainconts table.ml_12,
div.mainconts table.plant {
    margin: 0 0 5px 0;
    width: 100%;
    background: #fff;
	position: relative;
}
table.plant.central.kata02.-fixed {
	table-layout: fixed;
}
table.plant.central.kata02.-fixed .-w189 {
	width: 189px!important;
}
table.plant.central.kata02.-fixed .-w355 {
	width: 355px!important;
}
div.mainconts table.plant_numbering,div.mainconts table.use_box{
	width: 100%;
	background: #fff;
}
div.mainconts table.plant_numbering td{
    text-align: center;
    padding: 5px;
}
#contents table.kata02 th.w80{
	width: 80px;
	text-align: center;
	vertical-align: middle;
}
div.mainconts table.plant_numbering.aligin-l td{
    text-align: left;
}
div.mainconts table.plant_numbering .table_space2 td.color{
	width: 100px!important;
}
div.mainconts table + p,
div.mainconts table.plant + p{
	font-size: 12px;
}


div.mainconts .c-table{
	border-collapse: collapse;
	width: 100%;
	background: #fff;
    table-layout: fixed;
}
div.mainconts .c-table td,
div.mainconts .c-table th{
	border: 1px solid #ddd;
	border-collapse: collapse;
	padding: 20px 15px;
	vertical-align: middle;
	text-align: center;
	min-height: 64px;
}
div.mainconts .c-table th{
	background: #f1f1f1;
}
div.mainconts .c-table .ico_line{
	display: inline-block;
	width: 13px;
	height: 2px;
	background: #444;
}
div.mainconts .c-table .ico_maru{
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1px solid #444;
}



/*充填*/
div.mainconts .c-graybox{
	box-sizing: border-box;
	padding: 25px 30px;
	background: #f9f9f9;
}
div.mainconts .c-graybox strong{
	display: block;
    width: 100%;
    clear: both;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #005b9d;
}
div.mainconts .c-graybox + .c-graybox{
	margin-top: 10px;
}
div.mainconts a.c-morebtn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 172px;
	height: 57px;
	border: 1px solid #005b9d;
	color: #005b9d;
	background: #fff;
	box-sizing: border-box;
	transition-duration: 0.3s;
}
div.mainconts a.c-morebtn span{
	display: inline-block;
	padding-right: 31px;
	position: relative;
}
div.mainconts a.c-morebtn span:after{
	content: '';
	display: block;
	width: 11px;
	height: 9px;
	position: absolute;
	right: 0;
	top: calc(50% - 4px);
	background: url("../product/images/icon_arrow_blue.png") no-repeat;
	transition-duration: 0.3s;
}
div.mainconts a.c-morebtn:hover span:after{
	background: url("../product/images/icon_arrow_white.png") no-repeat;
	transition-duration: 0.3s;
}
div.mainconts a.c-morebtn:hover{
	transition-duration: 0.3s;
	background: #333;
	border: 1px solid #333;
	color: #fff;
}


/*その他ボックス*/
.c-borderbox{
	box-sizing: border-box;
	padding: 20px;
	border: 1px solid #dbd9d9;
	border-radius: 4px;
}





#menu{
	display: none!important;
}
.c-bgwhite{
	position: relative;
	margin-bottom: 68px;
	clear: both;
}
.c-bggray{
	position: relative;
	padding: 80px 0;
	margin-bottom: 100px;
	clear: both;
}
.c-bggray:before{
	content: '';
	display: block;
	width: 100vw;
	position: absolute;
	background: #f9f9f9;
	height: 100%;
	left: calc(-50vw + 450px);
	top: 0;
}
.c-bggray > *,.c-bgwhite > *{
	position: relative;
	z-index: 1;
}

/*img関係*/
div.mainconts span.img,
div.mainconts span.img_4{
    margin: 0;
    padding: 0;
    display: block;
	position: relative;
	text-align: center;
}
div.mainconts div.s_box_2{
	width: 100%;
	margin: 0;
	padding: 0;
}
div.mainconts div.s_box_2 span{
	float: right;
	margin: 0 0 0 40px;
}
div.mainconts div.s_box_2 div,
div.mainconts div.s_box_2 p{
	width: auto;
}
div.mainconts .mv {
    width: 100%;
    margin: 0;
    text-align: center;
}
div.mainconts .img_cent{
	margin: 0;
	width: 100%;
	padding: 15px 0 0 0;
	position: relative;
}

div.mainconts .c-imgbgwhite{
	width: 100%;
    padding: 28px 0;
    background: #fff;
    margin: 35px 0 25px 0;
	position: relative;
    display: block;
    text-align: center;
}




div.mainconts div.feature {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    font-size: 100%;
    float: none !important;
    background: none;
}
span.feature{
	display: none!important;
}
div.mainconts * + div.feature{
	margin-top: 80px;
}
div.mainconts h5 + div.feature{
	margin-top: 0;
}
div.feature{
	clear: both;
}
div.feature div {
    margin: 0;
    padding: 0;
    float: none;
    width: 100%;
}
div.mainconts div.mainconts .img{
	clear: both;
}


div.mainconts a.c-textlink{
	color: #005b9d;
	border-bottom: 1px solid #005b9d;
	position: relative;
	display: inline-block;
	padding-right: 20px;
    margin-top: 4px;
}
div.mainconts a.c-textlink:hover{
	color: #333;
	border-bottom: 1px solid #333;
}
div.mainconts a.c-textlink:after{
	content: '';
	display: block;
	width: 11px;
	height: 9px;
	position: absolute;
	right: 0;
	top: calc(50% - 4px);
	background: url("../product/images/icon_arrow_blue.png") no-repeat;
	transition-duration: 0.3s;
}
div.mainconts a.c-textlink:hover:after{
	background: url("../product/images/icon_arrow_black.png") no-repeat;
	transition-duration: 0.3s;
}
div.mainconts a.c-textlink.-noarrow {
	padding-right: 0;
}
div.mainconts a.c-textlink.-noarrow::after {
	display: none;
}


div.mainconts a.c-bnrlink,div.mainconts a.c-bnrlink,.btn_area a{
	color: #005b9d;
	transition-duration: 0.3s;
}
div.mainconts a.c-bnrlink:hover,
.btn_area a:hover{
	color: #333;
	text-decoration: none;
	transition-duration: 0.3s;
}
div.mainconts a.c-bnrlink img{
	display: block;
}
div.mainconts a.c-bnrlink span,.btn_area a span{
	display: inline-block;
	position: relative;
	padding: 0 20px 0 0;
	margin: 0;
	font-size: 16px;
}
.btn_area a:hover span{
	color: #333;
	text-decoration: none;
	transition-duration: 0.3s;
}
div.mainconts a.c-bnrlink span:after,.btn_area a span:after{
	content: '';
	display: block;
	width: 11px;
	height: 9px;
	position: absolute;
	right: 0;
	top: calc(50% - 4px);
	background: url("../product/images/icon_arrow_blue.png") no-repeat;
	transition-duration: 0.3s;
}
div.mainconts a.c-bnrlink:hover span:after,.btn_area a:hover span:after{
	background: url("../product/images/icon_arrow_black.png") no-repeat;
	transition-duration: 0.3s;
}





/*ニューボトル*/
div.mainconts .c-drink01fig .drink_01_bg_01,
div.mainconts .c-drink01fig .drink_01_bg_02{
	width: 188px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 32px;
	font-size: 16px;
	font-weight: 400;
	margin-right: 23px;
}
div.mainconts p.c-drink01fig{
	margin-bottom: 10px;
	align-items: center;
}
div.mainconts p.c-drink01fig:last-child{
	margin-bottom: 0;
}




/*cv*/
.l-cvarea{
	position: relative;
	padding: 44px 0 48px 0;
	margin-bottom: 100px;
}
.l-cvarea:before{
	content: '';
	display: block;
	width: calc(100vw - 100px);
	position: absolute;
	background: #eaf4fa;
	height: 100%;
	left: calc(-50vw + 500px);
	top: 0;
}
.l-cvarea h3{
	font-size: 36px;
	font-weight: 800;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	margin-bottom: 8px;
	color: #005b9d;
}
.l-cvarea p{
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 0 0 28px 0;
    font-size: 16px;
    width: 100%;
}
.l-cvarea__btn{
	width: 504px;
	margin: auto;
}
.l-cvarea a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 57px;
	color: #fff;
	font-size: 16px;
	background: #005b9d;
    font-family: 'Noto Sans JP', sans-serif;
	text-decoration: none;
	letter-spacing: 0;
	transition-duration: 0.3s;
}
.l-cvarea a:hover{
	transition-duration: 0.3s;
	background: #333;
}
.l-cvarea a span{
	display: inline-block;
	padding-left: 50px;
	position: relative;
	padding-bottom: 1px;
}
.l-cvarea a span:before{
	content: '';
	display: block;
	width: 26px;
	height: 18px;
	position: absolute;
	left: 3px;
	top: 4px;
	background: url("../product/images/icon_contact.png") center bottom /100% auto no-repeat;
    font-family: 'Noto Sans JP', sans-serif;
	
}


/*recommend*/
.l-product__nav{
	clear: both;
}
.l-recommend__other{
	display: none;
}
.l-recommend__other.is-active{
	display: block;
}
.l-recommend{
	position: relative;
	padding: 80px 0 50px 0;
}
.l-recommend:before{
	content: '';
	display: block;
	width: calc(100vw - 100px);
	position: absolute;
	background: #f9f9f9;
	height: 100%;
	left: calc(-50vw + 500px);
	top: 0;
}
.l-pinner{
	position: relative;
}
.l-recommend .l-pinner + .l-pinner{
	margin-top: 38px;
}
.l-recommend .l-pinner + .l-pinner.is-active{
	margin-top: 0;
}
.l-recommend h3{
	font-size: 32px;
	margin-bottom: 28px;
	color: #005b9d;
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
	letter-spacing: 0.1em;
}

ul.l-recommend__imglink{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-family: 'Noto Sans JP', sans-serif;
}
ul.l-recommend__imglink::before,
ul.l-recommend__imglink::after {
    content: '';
    display: block;
    width: calc((100% - (24px * 3)) / 4);
}
ul.l-recommend__imglink::before {
    order: 1;
}
ul.l-recommend__imglink a:before{
	display: none;
}
ul.l-recommend__imglink li{
	width: calc((100% - (24px * 3)) / 4);
	margin-bottom: 28px;
}

ul.l-recommend__imglink a{
	padding: 0;
	font-size: 14px;
	color: #333;
	transition-duration: 0.3s;
	letter-spacing: -0.05em;
	line-height: 1.5;
} 
ul.l-recommend__imglink a:hover{
	color: #005b9d;
	transition-duration: 0.3s;
	text-decoration: none;
}
ul.l-recommend__imglink a img{
	width: 100%;
	display: block;
	transition-duration: 0.3s;
	margin-bottom: 10px;
}
ul.l-recommend__imglink a:hover img{
	opacity: 0.7;
	transition-duration: 0.3s;
}
ul.l-recommend__imglink a span{
	display: block;
}
ul.l-recommend__textlink{
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-family: 'Noto Sans JP', sans-serif;
}
ul.l-recommend__textlink::before,
ul.l-recommend__textlink::after {
    content: '';
    display: block;
    width: calc((100% - (57px * 2)) / 3);
}
ul.l-recommend__textlink::before {
    order: 1;
}
ul.l-recommend__textlink li{
	width: calc((100% - (57px * 2)) / 3);
	margin-bottom: 28px;
}
ul.l-recommend__textlink li{
	margin-bottom: 0;
}
ul.l-recommend__textlink li a{
	display: flex;
    position: relative;
    padding: 16px 0 16px 0;
    border-bottom: 1px solid #e7e7e7;
    height: 100%;
    align-items: center;
	color: #333;
	transition-duration: 0.3s;
	letter-spacing: -0.05em;
	box-sizing: border-box;
}
.l-recommend__textlink li a.is-active{
	color: #005b9d;
}
ul.l-recommend__textlink li a:hover{
	text-decoration: none;
	color: #005b9d;
	transition-duration: 0.3s;
}
ul.l-recommend__textlink li:nth-child(1) a{
	border-top: 1px solid #e7e7e7;
}
ul.l-recommend__textlink li:nth-child(2) a{
	border-top: 1px solid #e7e7e7;
}
ul.l-recommend__textlink li:nth-child(3) a{
	border-top: 1px solid #e7e7e7;
	
}
ul.l-recommend__textlink li span{
	display: block;
	position: relative;
	width: 100%;
}
.l-recommend__textlink li span:before{
	content: '';
    display: block;
    width: 8px;
    height: 2px;
    transform: rotate(45deg);
    background: #333;
    position: absolute;
    right: 0px;
    top: calc(50% - 3px);
    border-radius: 3px;
    z-index: 1;
}
ul.l-recommend__textlink li span:after{
	content: '';
    display: block;
    width: 8px;
    height: 2px;
    transform: rotate(135deg);
    background: #333;
    position: absolute;
    right: 0px;
    top: calc(50% + 1px);
    border-radius: 3px;
    z-index: 1;
}
.l-recommend__textlink li a:hover span:before,
.l-recommend__textlink li a:hover span:after,
.l-recommend__textlink li a.is-active span:before,
.l-recommend__textlink li a.is-active span:after{
	background: #005b9d;
}


/*puc*/
.c-flow {
	border: 2px solid #005b9d;
	border-radius: 20px;
	margin-bottom: 30px;
	box-sizing: border-box;
	padding: 30px;
}
.-att {
	display: flex;
	align-items: center;
	color: #f00;
}