@charset "UTF-8";
/*---------------------------------------------------------------------
*
*	common.css
*
---------------------------------------------------------------------*/

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;   
  margin:0;padding:0;
}

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
img {
	border: none;
	vertical-align : bottom;
}
#confirm h4{
margin-bottom:25px;
}

/*---------------------------------------------------------------------
*
*	style.css
*
---------------------------------------------------------------------*/

html, body, a, td, th, p, li, div, span, b {
	font-size: 10pt;
	color: #52565f;
/*	font-family: "MS PGothic";*/
}


html, body{
	margin:0;
	padding:0;
	height:100%;
}
/*
a:link    { color:#c40707; text-decoration:underline;}
a:visited { color:#800080; text-decoration:underline;}
a:hover   { color:#ff0000; text-decoration:underline;}
a:active  { color:#ff0000; text-decoration:underline;}


*/
	
/* wrapper
---------------------------------------------------------------------*/
#wrapper {
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto -100px !important;/* minus footer height */
	background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//bg-wrapper.jpg) repeat-x top center;
}

/* header
---------------------------------------------------------------------*/
#header {
	margin:0;
	width:100%;
	/*height:100px;*/
	height:0;
	/*background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//bg-header.jpg) no-repeat top center;*/
	background:none;
}
#header-in {
	width:940px;
	margin:0 auto;
	padding:5px 0 0 0 ;
}

#header-left {
	float:left;
}

#header-left h1 {
	padding:0 0 7px 0 ;
	font-size:8pt;
	color:#999999;
}

#header-left #logo {
	width:163px;
	height:60px;
	display:block;
	background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//logo.png) no-repeat top center;
}

#header-left #logo span {
	display:none;
}

#header-left #logo2 {
	width:163px;
	height:60px;
}

#header-right {
	float:right;
}

#header-right #sitemap{
	position:relative;
	top:10px;
	float:right;
}

#header-right #sitemap img{
	width:102px;
	height:18px;
}

#header-right #contact{
	position:relative;
	top:10px;
	right:20px;
	float:right;
}

#header-right #contact img{
	width:102px;
	height:18px;
}

#header-right #cart{
	position:relative;
	top:60px;
	left:180px;
	float:right;
}

#header-right #cart img{
	width:98px;
	height:20px;
}

#header-right #mypage{
	position:relative;
	top:60px;
	left:200px;
	float:right;
}

#header-right #mypage img{
	width:146px;
	height:18px;
}

/* menu
---------------------------------------------------------------------*/
#menu {
	width:100%;
	height:45px;
	background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//bg-menu.jpg) repeat-x top center;
	margin:0 0 25px 0;
}

#menu ul {
	width:940px;
	margin:0 auto;
	list-style:none;
}

#menu ul li {
	float:left;
}

#menu ul li#m-home    a,
#menu ul li#m-concept a,
#menu ul li#m-guiding a,
#menu ul li#m-company a,
#menu ul li#m-lineup a  {
	width:188px;
	height:45px;
	display:block;
}

#menu ul li#m-home     a { background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//m-home2.jpg) no-repeat 0 0;    }
#menu ul li#m-concept  a { background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//m-concept2.jpg) no-repeat 0 0; }
#menu ul li#m-guiding  a { background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//m-guiding2.jpg) no-repeat 0 0; }
#menu ul li#m-company  a { background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//m-company2.jpg) no-repeat 0 0; }
#menu ul li#m-lineup  a { background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//m-lineup2.jpg) no-repeat 0 0; }

#menu ul li#m-home    a:hover,
#menu ul li#m-concept a:hover,
#menu ul li#m-guiding a:hover,
#menu ul li#m-company a:hover,
#menu ul li#m-lineup a:hover  {
	background-position:0 -45px;
}
#menu ul li#m-home    a span,
#menu ul li#m-concept a span,
#menu ul li#m-guiding a span,
#menu ul li#m-company a span,
#menu ul li#m-lineup a span  {
	display:none;
}



/* contents
---------------------------------------------------------------------*/
#contents {
	width:940px;
	margin:0 auto;
	padding:0 0 50px 0 ;
}

/* main
---------------------------------------------------------------------*/
#main {
	padding-left:250px;
	clear:both;
	margin-top:-13px;
	z-index:1;
}

#main ul#kouso-list {
	list-style:none;
	margin:0 0 10px 0;
}

#main ul#kouso-list li {
	width:230px;
	height:70px;
	float:left;
}

#main #news {
	margin:0 0 20px 0;
	border-bottom:1px solid #640f0c;
}
#main #news iframe {
	width:700px;
	height:180px;
}

#news-in {
	width:680px;
}

dl#news-list {
	width:680px;
	margin:10px 0 ;
}

dl#news-list dt {
	width:80px;
	float:left;
	padding:10px 10px ;
	line-height:130%;
}

dl#news-list dd {
	border-bottom:1px solid #e1d0cf;
	padding:10px 10px ;
	line-height:130%;
}

#main .box700 {
	width:700px;
	margin:0 auto 20px;
}

#main #cobon525 {
	width:343px;
	float:left;
}
#main #cobon140 {
	width:343px;
	float:right;
}
#main #cobon140 dt {
	width:343px;
	position:relative;
	left:3px;
}

#main #cobon525 dd{
	width:340px;
	margin:10px 0 0 0;
}


#main #cobon140 dd {
	width:340px;
	position:relative;
	left:3px;
	margin:10px 0 0 0;
}

#main #cobon525 dd p,
#main #cobon140 dd p {
	text-align:center;
	font-weight:bold;
	margin:0 0 5px 0;
	font-size:11pt;
	line-height:130%;
}

#main #cobon525 dd em,
#main #cobon140 dd em {
	line-height:130%;
}

#main ul#info-bnr-list {
	list-style:none;
}

#main ul#info-bnr-list li {
	width:340px;
	float:left;
	padding:0 0 20px 0;
}

#main ul#info-bnr-list li p {
	margin:5px 0 0 0;
	line-height:130%;
}

#main dl#info-bnr-full dd {
	margin:5px 0 0 0;
	line-height:130%;
}

#main .box700-left {
	width:340px;
	float:left;
}

#main .box700-right {
	width:340px;
	float:right;
}

#main .basic {
	background:#dbd2d2;
	padding:5px 10px;
	font-weight:bold;
	margin:0 0 5px 0;
}

#main .sentence {
	line-height:150%;
}

#main dl.explain dt {
	margin:0 0 3px 0;
	font-weight:bold;
}
#main dl.explain dd {
	margin:0 0 10px 0;
}

#main .day {
	float:right;
	width:170px;
}

#main .day span.today {
	color:#66ccff;
	font-weight:bold;
}

#main .day span.offday {
	color:#ff6666;
	font-weight:bold;
}

#main .pagetop {
	border-top:1px dotted #999999;
	padding:10px 0 0 0 ;
}

#main .pagetop a {
	float:right;
}

#main #topic-path {
	line-height:12px;
	font-size:8pt;
	margin:0 0 10px 0;
}

#main #topic-path a {
	font-size:8pt;
}
/*
#main .h2-low {
	font-size:13pt;
	font-weight:bold;
	color:#300702;
	padding:20px 0 0 35px;
	height:53px;
	margin: 0 0 10px 0;
	background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//bg-h2-low.gif) no-repeat 0 0;
}
*/
#main .h3-design {
	font-size:11pt;
	font-weight:bold;
	line-height:34px;
	padding:0 0 0 15px;
	margin: 0 0 10px 0;
	background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//bg-h3-design.gif) no-repeat 0 0;
	color:#600402;
}

#main .h4-simple {
	line-height:25px;
	padding:0 0 0 5px;
	margin: 0 0 10px 0;
	border-bottom:3px solid #f3e5e5;
}
#main .h4-simple span {
	font-weight:bold;
	padding:0 0 0 5px;
	margin: 0 0 5px 0;
	border-left:8px solid #600402;
	color:#600402;
}


#main ul.plane-list {
	margin:0 0 0 20px;
}

#main ul.plane-list li {
	line-height:150%;
}

#main .tbl-basic {
	width:100%;
	margin:0 0 20px 0;
}

#main .tbl-basic th {
	width:120px;
	padding:10px;
	border:1px solid #cdc0c0;
	font-weight:bold;
	text-align:left;
}

#main .tbl-basic td {
	padding:10px;
	border:1px solid #cdc0c0;
}

#main .cl-wine th {
	background:#7a4141;
	color:#ffffff;
}

#main .cl-gray th {
	background:#ededed;
}

#main h3.h3-simple {
	font-weight:bold;
	font-size:11pt;
	margin:0 0 3px 0;
}

#main dl.line-list dt {
	font-weight:bold;
	padding:3px 5px;
	margin:0 0 5px 0;
	background:#cccccc;
}

#main dl.line-list dd {
	padding:0 0 10px 0 ;
	line-height:130%;
}

#main dl.sitemap-list dt {
	margin:20px 0;
}


#main dl.sitemap-list dd {
	margin:0 0 15px 12px;
	background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//ico-arrow.gif) no-repeat 0 4px;
	padding:0 0 0 14px;
}

#main .dl-line-tate {

	width:340px;
}

#main .dl-line-tate dt {
	width:110px;
	float:left;
	padding:0 0 10px 0;
	font-weight:bold;
}

#main .dl-line-tate dd {
	padding:0 0 10px 110px;
}

#main .dl-line-tate dd address {
	border-left:3px solid #DBD2D2;
	padding:0 0 0 10px;
	line-height:130%;
}

#main .map {
	margin:0 0 10px 0;
	float:right;
}

#main .map iframe {
	border:1px solid #dddddd;
}

#main dl.longline-list dt {
	border-bottom:2px solid #DBD2D2;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0 0 2px 0;
}

#main dl.longline-list dd {
	margin:0 0 10px 0;
}

#main .item-image {
	float:left;
	
}

#main .item-image p {
	margin:5px 0 0 0 ;
	text-align:center;
}
#main .item-detail {
	width:335px;
	float:right;
}

#main .item-detail dt {
	font-weight:bold;
	font-size:13pt;
	margin:0 0 5px 0 ;
}

#main .item-detail dd {
	text-align:center;
}

#main ul#cobon-intro-list {
	list-style:none;
	margin:20px 0 0 0;
}

#main ul#cobon-intro-list li {
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-bottom:1px dotted #999999;
}

#main ul#cobon-intro-list li:last-child {
	border-bottom:none;
	margin:0 ;
}

#main ul#cobon-intro-list li dl {
	width:480px;
	float:right;
}

#main ul#cobon-intro-list li dl dt {
	margin:0 0 10px 0;
}

#main ul#cobon-intro-list li dl dd {
	line-height:130%;
}

#main ul#cobon-intro-list dl.intro-list-in dt {
	margin:0;
	font-weight:bold;
}

#main ul#cobon-intro-list dl.intro-list-in dd {
	margin:0 0 10px 0;
}
/*
#main .diary-box {
	background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//bg-diary.jpg) no-repeat top center;
	position:relative;
	padding:127px 0 30px 0 ;
}
#main .diary-box .mimi {
	position:absolute;
	top:0;
	left:-44px;
}

#main .diary-box-in {
	width:600px;
	margin:0 auto;
	border-bottom:1px dotted #999999;
}

#main .last-child {
	border-bottom:none;
}


#main .diary-box-in .date {
	width:150px;
	position:absolute;
	top:68px;
	left:520px;
	font-weight:bold;
}

#main .diary-box-in .date span {
	padding:0 0 0 10px;
}

#main .diary-box-in .title {
	font-weight:bold;
	font-size:13pt;
	margin:0 0 10px 0;
}

#main .diary-box-in .sentence {
	line-height:180%;
}
*/

#main .border4 {
	border:1px solid #cccccc;
}


#main dl#kirei-box {
	width:425px;
	float:right;
}

#main dl#kodawari-box {
	width:425px;
}

#main dl#kirei-box dt,
#main dl#kodawari-box dt {
	margin:0 0 10px 0;
}

#main ul.btn-340 {
	list-style:none;
}
#main ul.btn-340 li {
	float:left;
}


#main ul.simple-list {
	margin:0 0 20px 0 ;
	padding:10px 10px 10px 15px ;
	border:1px solid #DBD2D2;
	list-style:none;
	text-align:center;
}

#main ul.simple-list li {
	line-height:150%;
	font-weight:bold;
	background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//ico-arrow.gif) no-repeat 7px 2px;
	display:inline;
	padding:0 20px;
}

#main .voice-box {
	background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//voice_bg.jpg) no-repeat top center;
	position:relative;
	padding:30px 0 0 50px;
}

#main .voice-boxm {
	background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//voicem_back.jpg) no-repeat top center;
	position:relative;
	padding:30px 0 0 50px;
}

#main .voice-box-in {
	width:650px;
	margin:0 0 30px 0;
}

#main .voice-box-in .title {
	font-weight:bold;
	font-size:13pt;
	color:#600402;
	margin:0 60px 10px 0;
	border-bottom:3px solid #f3e5e5;
}

#main .voice-box-in .pic {
	margin:10px 20px;
}

#main .voice-box-in .honbun {
	margin:0 80px 0 30px;
}

/* sub
---------------------------------------------------------------------*/
#sub {
	width:220px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}

#sub .sub-bnr-list {
	list-style:none;
}

#sub .sub-bnr-list li {
	margin:0 0 10px 0 ;
}

#sub .side-frame {
	background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//side-frame-bg.jpg) repeat-y top center;
	margin:0 0 10px 0;
}

#sub .side-frame-in {
	background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//side-frame-btm.jpg) no-repeat bottom center;
	padding:10px 0;
}

#sub .side-frame-in ul {
	width:200px;
	margin:0 auto ;
	list-style:none;
}

#sub .side-frame-in ul li {
	background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//ico-circle.jpg) no-repeat 3px 10px;
	padding:5px 0 5px 17px;
	border-bottom:1px solid #d6bdbd;
	line-height:130%;
}

#sub .side-frame-in ul li:last-child {
	border-bottom:none;
}

#sub .calender {
	border:1px solid #762b29;
	margin:0 0 10px 0;
	text-align:center;
	padding:20px 0;
}

#sub .calender p {
	width:140px;
	text-align:left;
	margin:10px auto 0;
}

#sub .calender p span.today {
	color:#66ccff;
	font-weight:bold;
}

#sub .calender p span.offday {
	color:#ff6666;
	font-weight:bold;
}

.calendar_table table{
  width:140px
}

/* push ( = footer height )
---------------------------------------------------------------------*/
#push {
	clear:both;
	height:100px;
}
#push a{
	display:none;
}

/* footer
---------------------------------------------------------------------*/
#footer {
	width:100%;
	height:100px;
	clear:both;
	margin:0 auto;
	background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//bg-footer.jpg) repeat-x top center;
}

#footer-in {
	width:940px;
	margin:0 auto;
}

#footer-in ul {
	list-style:none;
	padding:10px 0 3px;
}

#footer-in ul li {
	display:inline;
	border-right:1px solid #999999;
	padding:0 10px;
}

#footer-in ul li:last-child {
	border-right:none;
}

#footer-in ul li:first-child {
	padding:0 10px 0 0;
}

.calendar_table {
	width: 100px;
	margin-top: 5px;
}

.calendar_table th,
.calendar_table td {
	font-size: 9pt;
	padding: 5px;
}

.calendar_table th {
	background:#E7F8FA;
	border: 1px solid #D5EEF7;
	color: #3399CC;
	text-align: center;
}

.calendar_table td {
	background:#FFFFFF;
	border: 1px solid #D5EEF7;
	text-align: left;
}

.calendar_table td p{
	font-size: 9pt;
	margin-top: 8px;
}


.calendar_table #sun{
	background:#FFD5FF;
}
.calendar_table #sat{
	background:#FFCC66;
}



.white     { color:#ffffff; } /*?漆*/
.black     { color:#000000; } /*??*/
.red       { color:#FF0000; } /*?痔*/
.blue      { color:#0000FF; } /*???*/
.green     { color:#008000; } /*??*/
.yellow    { color:#FFCC00; } /*??*/
.navy      { color:#000080; } /*?室*/
.purple    { color:#800080; } /*?辞*/
.ygreen    { color:#ADFF2F; } /*??執?*/
.lightblue { color:#00FFFF; } /*?雫?軸*/
.brown     { color:#A52A2A; } /*?叱?軸*/
.vermilion { color:#EF454A; } /*?竺?軸*/
.gold      { color:#EF454A; } /*裘雫?ｺ螯ｭ裙?*/
.orange    { color:#FF6600; } /*裘蒔裙汐裙宍裘失*/
.pink      { color:#FF00FF; } /*裙ﾈ螯ｵ裘識*/
.beige     { color:#C1C173; } /*裙ﾒ??裘失裙磁*/
.mossgreen { color:#C1C173; } /*裙爾裘嫉裘鴫裙蒔裙湿裙宍*/

.bg-red    { background-color:#ffefef; } /*?痔*/
.bg-blue   { background-color:#efefff; } /*???*/
.bg-green  { background-color:#efffef; } /*??*/

.t-under { text-decoration:underline; }

.eee{ color:#eee }
.ddd{ color:#ddd }
.ccc{ color:#ccc }
.bbb{ color:#bbb }
.aaa{ color:#aaa }

.f22  { font-size : 22pt; }
.f21  { font-size : 21pt; }
.f20  { font-size : 20pt; }
.f19  { font-size : 19pt; }
.f18  { font-size : 18pt; }
.f17  { font-size : 17pt; }
.f16  { font-size : 16pt; }
.f15  { font-size : 15pt; }
.f14  { font-size : 14pt; }
.f13  { font-size : 13pt; }
.f12  { font-size : 12pt; }
.f11  { font-size : 11pt; }
.f10  { font-size : 10pt; }
.f9   { font-size : 9pt;  }
.f8   { font-size : 8pt;  }

.fw-bold   { font-weight : bold;   }
.fs-normal { font-style  : normal; }
.fs-italic { font-style  : italic; }

.indent05{text-indent:0.5em;}
.indent1{text-indent:1em;}
.indent2m{text-indent:-2em;}

.lh100 { line-height:100%; }
.lh110 { line-height:110%; }
.lh120 { line-height:120%; }
.lh130 { line-height:130%; }
.lh140 { line-height:140%; }
.lh150 { line-height:150%; }
.lh160 { line-height:160%; }
.lh170 { line-height:170%; }
.lh180 { line-height:180%; }
.lh190 { line-height:190%; }
.lh200 { line-height:200%; }


.tcenter { text-align:center; }
.tleft   { text-align:left;   }
.tright  { text-align:right;  }

.fleft  { float:left;  }
.fright { float:right; }

.aclear { clear:both;  }
.lclear { clear:left;  }
.rclear { clear:right; }

.mt0  { margin-top:0px;  }
.mt5  { margin-top:5px;  }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px; }

.mb0  { margin-bottom:0px;  }
.mb5  { margin-bottom:5px;  }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb22 { margin-bottom:10px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }
.mb50 { margin-bottom:50px; }
.mb100 { margin-bottom:100px; }
.mb200 { margin-bottom:200px; }
.mb300 { margin-bottom:200px; }

.mlrauto { margin-right:auto;margin-left:auto; }

.mb_text_box{  margin-bottom:15px;
}
.mb_text_box p{ display: inline;
}
.mb_text{ width:220px;
          text-align:center;  
          margin-bottom:15px;        
}
.mb_text_2{ width:220px;
          text-align:center;
          margin-left:20px;     
}



.ml5  { margin-left:5px;  }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.ml35 { margin-left:35px; }
.ml40 { margin-left:40px; }
.ml45 { margin-left:45px; }
.ml50 { margin-left:50px; }
.ml200 { margin-left:200px; }

.mr5  { margin-right:5px;  }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }
.mr35 { margin-right:35px; }
.mr40 { margin-right:40px; }
.mr45 { margin-right:45px; }
.mr50 { margin-right:50px; }

.pt5  { padding-top:5px;  }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt35 { padding-top:35px; }
.pt40 { padding-top:40px; }
.pt45 { padding-top:45px; }
.pt50 { padding-top:50px; }

.pb0  { padding-bottom:0px;  }
.pb5  { padding-bottom:5px;  }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pb35 { padding-bottom:35px; }
.pb40 { padding-bottom:40px; }
.pb45 { padding-bottom:45px; }
.pb50 { padding-bottom:50px; }

.pl5  { padding-left:5px;  }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pl35 { padding-left:35px; }
.pl40 { padding-left:40px; }
.pl45 { padding-left:45px; }
.pl50 { padding-left:50px; }
.pl60 { padding-left:60px; }
.pl70 { padding-left:70px; }

.pr5  { padding-right:5px;  }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pr30 { padding-right:30px; }
.pr35 { padding-right:35px; }
.pr40 { padding-right:40px; }
.pr45 { padding-right:45px; }
.pr50 { padding-right:50px; }

.w30 { width:30px; }
.w40 { width:40px; }
.w50 { width:50px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w220 { width:220px; }
.w230 { width:230px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w260 { width:260px; }
.w270 { width:270px; }
.w280 { width:280px; }
.w290 { width:290px; }
.w300 { width:300px; }
.w310 { width:310px; }
.w320 { width:320px; }
.w330 { width:330px; }
.w340 { width:340px; }
.w350 { width:350px; }
.w360 { width:360px; }
.w370 { width:370px; }
.w380 { width:380px; }
.w390 { width:390px; }
.w400 { width:400px; }
.w410 { width:410px; }
.w420 { width:420px; }
.w430 { width:430px; }
.w440 { width:440px; }
.w450 { width:450px; }
.w460 { width:460px; }
.w470 { width:470px; }
.w480 { width:480px; }
.w490 { width:490px; }
.w500 { width:500px; }
.w510 { width:510px; }
.w520 { width:520px; }
.w530 { width:530px; }
.w540 { width:540px; }
.w550 { width:550px; }
.w560 { width:560px; }
.w570 { width:570px; }
.w580 { width:580px; }
.w590 { width:590px; }
.w600 { width:600px; }

.oflowh { overflow:hidden; }

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.title1{
	font-size:11pt;
	font-weight:bold;
	line-height:34px;
	padding:0 0 0 15px;
	margin: 10px 0 10px 0;
/*	background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//bg-h3-design2.gif) no-repeat 0 0;*/
/*	color:#600402;*/
  background-color: #FBDB65;

}

.mainCont{
	position:relative;
}

.mainCont p{
  padding:10px 0;
}

.bordlayoutp3{
	background:#dbd2d2;
	padding:5px 10px;
	font-weight:bold;
	margin:10px 0px 10px 0;
/*	display:inline-block;*/
}

.bordlayoutp3{
	background:#dbd2d2;
	padding:5px 10px;
	font-weight:bold;
	margin:10px 0 10px 0;

}

.bordlayoutp3 table{

	padding:5px 10px;
	font-weight:bold;
	margin:10px 0 5px 10px;

}

.bordlayoutp3 table td{
	padding:5px 10px;
	font-weight:bold;
	margin:10px 0 5px 0;
  border-bottom:1px solid #fff;
}

.bordlayoutp3 table td .backcolor1{
 background-color:#FCF8F8
}

.bordlayoutp3 p{
 padding:10px
}

table#enter{
 width: calc(100% - 40px);
 margin: 0 20px !important;
}


#enter table{
 /* width:580px*/
 width: 100%;
}

.caution{
 color:#ff0000;
}

.layoutp3 table{
	padding:5px 10px;
	font-weight:bold;
	margin:10px 0 5px 10px;
}

.layoutp3 table td{
	padding:5px 10px;
	font-weight:bold;
	margin:10px 0 5px 0;
  border-bottom:1px solid #ccc;
}

.layoutp3 table td .backcolor1{
 background-color:#FCF8F8
}

.layoutp3 p{
 padding:10px
}


/* kokokara
---------------------------------------------------------------------*/

.chanto table{
	width:720px;
	margin: 0 ;
}

.chanto .header_area {
	display:none;
}

.entry_title{
display:none;
}
.entry_date {
display:none;
}
.state{
display:none;
}

#bread{
display:none;
}


.chanto .bordlayoutp3 table table{
width:360px;
}

.chanto .bordlayoutp3 p.left{
height:22px;
width:700px;
overflow:hidden;
}

.pageTop{
display:none;

}

/* sreepage
---------------------------------------------------------------------*/

table.eiyou_table {
	width:600px;
	margin-top:20px; 
	margin-bottom:10px;
	margin-left:50px;
	border-left:1px solid #cdc0c0;
	border-top:1px solid #cdc0c0;
	}
	table.eiyou_table tr td,table.eiyou_table tr th {
		padding:5px;
		background-color:#f9f9f9;
		border-right:1px solid #cdc0c0;
		border-bottom:1px solid #cdc0c0;
		}
		table.eiyou_table tr td {text-align:center; background-color:#ffffff; }
		table.eiyou_table tr th {text-align:center; font-weight:bold; }

table.media_table {
	width:600px;
	margin-top:20px; 
	margin-bottom:30px;
	margin-left:50px;
	text-align:left
	line-height:130%;
	}
		table.media_table tr td {border-top:1px dotted #999999; border-bottom:1px dotted #999999;padding-top:10px;padding-bottom:10px;}

#main #news_2{
        position:absolute;
	width:950px;
	height:10000px;
        top:0px;
        background-color:#ffffff;
}

.sidebox{
	/*float:left;*/
	/*width:220px;*/
  position:relative;
}

.sidebox .title1{
	background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//h2-calender.jpg) no-repeat top center;
  width:120px;
  position:absolute;
  top:1920px;
  left:50px;
  z-index:101;
  text-indent:-99999999px;
}

#calendar_div table th{
	border:1px solid #8FE2FF;
  color:#000;
	font-size: 9pt;
	padding: 5px;
}

#calendar_div .sun{
  background-color:#FFD5FF;
}
#calendar_div .sat{
  background-color:#FFCC66;
}
#calendar_div .day{
  background-color:#E7F8FA;
}


.carender{
  position:absolute;
  top:1945px;
  /*left:220px;*/
  left:0;
	/*border:1px solid #762b29;*/
	margin:0 0 10px 0;
	text-align:center;
	padding:10px;
	z-index:100;
}

.carender table{
	width:200px;
}
.carender table td{
	border:1px solid #8FE2FF;
  color:#000;
	font-size: 9pt;
	padding: 5px;
}
  
.chert{
  position:absolute;
  top:1865px;
  /*left:220px;*/
  left:0;
}

.chert table{
	width:100px;
}

.header_area {
	display:none;
}

.centerbox{
margin-top:0px;
margin: 0 auto;
}

#center2{
  padding:0;
  display:inline;
  position:relative;
  right:0;
  top:0;
}

/* 110909 */ 
.sidebox { 
    /*width:110px;*/ 
	width:220px;
} 
 
.carender { 
    position:absolute; 
    left:-1px; 
} 
 
.chert { 
    position:absolute; 
    left:10px; 
    top:2140px; 
}

*:first-child+html div.sidebox {  
    width:220px;  
}  

*:first-child+html .title1 {    
    width:500px;
    background-position:210px 0px; 

}

*:first-child+html .carender {  
    position:absolute;  
    /*left:220px;*/
	left:0;  
} 
 
*:first-child+html .chert {  
  position:absolute;  
  left:10px;
  top:1810px;  
}   

/* zenkokumap */ 
#main .dl-zmap {
	width:700px;
}

#main .dl-zmap dt {
	width:200px;
	float:left;
	clear:both;
	padding:0 0 10px 10px;
	margin-bottom:20px;
	font-weight:bold;
}

#main .dl-zmap dd {
	padding:0 0 10px 0px;
	margin-left:200px;
	margin-bottom:20px;
	border-left:3px solid #DBD2D2;
	line-height:130%;
}

.item-material {
	margin:10px 10px 10px 10px ;
	padding:10px 10px 0 10px ;
	border:1px solid #DBD2D2;
}

.item-material dt{
	width:6em;
	float:left;
	clear:both;
	font-weight:bold;
	margin-bottom:10px;
}

.item-material dd {
	margin-left:6em;
	margin-bottom:10px;
}

/* drinkmenu
---------------------------------------------------------------------*/
.drink_box{
	width:700px;
	margin-bottom:20px;}

.drink_l {
	width:318px;
	margin-right:20px;
	padding:10px;
	border:1px #CCCCCC solid;
	float:left;}

.drink_r {
	width:318px;
	padding:10px;
	border:1px #CCCCCC solid;
	float:left;}

/* topic-path2
---------------------------------------------------------------------*/

#main #topic-path2{
	list-style-type:none;
	margin-bottom:10px;}

#main #topic-path2 li{
	line-height:12px;
	font-size:8pt;
	display:inline; }

#main #topic-path2 a{
	font-size:8pt;
}

/* menushusei
---------------------------------------------------------------------*/
#menus {
	width:100%;
	height:45px;
	background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//bg-menu.jpg) repeat-x top center;
	margin:0 0 25px 0;
}

#menus ul {
	width:940px;
	height:45px;
	margin:0 auto;
	list-style:none;
	overflow:hidden;
	position:relative;
}

#menus ul li {
	float:left;
}

#menus ul li {
	width:188px;
	height:45px;
	display:block;
}

#menus ul li a:hover img {
	margin-top:-45px;
}

#menus ul li a:hover {
	zoom:1;   /* for IE6 */
}

#wrapper .contents{
	position:relative;
}

#wrapper #rightSide{
	width:0;
	font-size:0;
}

#wrapper .contents{
	min-height:2150px;
	height: auto !important;
}


/* drinknew
---------------------------------------------------------------------*/
.recipelist{
	list-style:none;}

.recipelist li{
	width:160px;
	height:auto;
	border:#CCCCCC solid 1px;
	padding:1px 1px 1px 1px;
	margin-bottom:10px;
	margin-right:10px;
	float:left;
	display:block;}

.recipelist span{
	font-size:14px;
	display:block;
	margin-top:10px;}

.recipelist:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	margin-bottom:40px;}

.recipelist img{
	margin:1px 10px 1px 1px;
	float:left;}

.recipenavi{
	text-align:right;
	margin:0;
	padding:0;}

.recipenaiyo{
	margin-bottom:20px;}

.recipenaiyo img{
	margin:10px 20px 10px 20px;
	float:left;}

.recipenaiyo photo{
	margin:10px 20px 10px 20px;
	float:left;}

.recipehonbun{
	margin-top:10px;
	float:left;
	width:380px;}

.recipehonbuns{
	margin-top:10px;
	float:left;
	width:300px;}

.recipenaiyo ul{
	margin:10px 0 20px 20px;}

.recipenaiyo li{
	margin-bottom:5px;}

.recipenaiyo dl{
	margin:10px 0 20px 10px;
	font-size:12px;
	padding:0;}

.recipenaiyo dt{
	float:left;
	width:18em;
	border-bottom:1px dashed #CCCCCC;}

.recipenaiyo dd{
	margin-left:18em;
	text-align:right;
	border-bottom:1px dashed #CCCCCC;}

.recipeclear{
	clear:both;}

.recipelead{
	margin:0 0 0 20px;
	font-weight:bold;
	color:#336600;}

p.recipemid{
	margin:0;
	padding:0;
	font-weight:bold;
	color:#339900;}

.recipetuk{
	margin:10px 0 10px 30px;
	line-height:130%;}

/* cale
---------------------------------------------------------------------*/
.caletop{
	margin:10px auto 50px;}

.calemenu{
	list-style:none;}

.calemenu ul{
	margin:0;
	padding:0;}

.calemenu li{
	padding:0;
	margin-bottom:10px;
	margin-right:10px;
	float:left;
	display:block;}

/* voive
---------------------------------------------------------------------*/
.voicelist{
	width:280px;
	height:auto;
	border:#CCCCCC solid 1px;
	padding:10px;
	margin-bottom:10px;
	margin-right:10px;
	float:left;
	display:block;}

.voicelist img{
	border:#600402 solid 1px;
	margin-right:10px;
	float:left;}

.voicelist div{
	width:130px;
	float:left;
	margin:0;
	padding:0;}

.voicelist p{
	font-size:12px;
	line-height:150%;}


/* kyoshitsu
---------------------------------------------------------------------*/

table.kyo {
	width:700px;
	margin:0 0 20px 0; }
table.kyo th {
	background:#7a4141;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #cdc0c0;
	padding:5px;
	text-align:center; }
table.kyo th {
	background:#7a4141;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #cdc0c0;
	padding:5px;
	text-align:center; }
table.kyo td {
	border:1px solid #cdc0c0;
	padding:5px; }
table.kyo td.back {
	background:#eeeeee; }

table.kyopan {
	width:400px;
	margin:0 0 20px 0; }
table.kyopan th {
	background:#7a4141;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #cdc0c0;
	padding:5px;
	text-align:center; }
table.kyopan th {
	background:#7a4141;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #cdc0c0;
	padding:5px;
	text-align:center; }
table.kyopan td {
	border:1px solid #cdc0c0;
	padding:5px; }
table.kyopan td.back {
	background:#eeeeee; }

.kyo_info{
	width:80%;
	margin-top:10px;
	margin-bottom:50px;
	margin-right:auto;
	margin-left:auto;
	padding:10px;
	text-align:center;
	border:1px solid #CCCCCC;}

.col02{
	width:150px;}
.col03{
	width:300px;}
.col04{
	width:200px;}
.col05{
	width:400px;}

/********************************************************************/
/* kensa */

.kensa{
	width:700px;
	table-layout: fixed;}

.kensa th{
	border:1px solid #cdc0c0;
	color:#ffffff;
	padding:5px;
	font-weight:bold;
	background:#7a4141;
	text-align:center;}

.kensa td{
	border:1px solid #cdc0c0;
	padding:5px;
	text-align:center;}

.kensa td.back{
	background-color:#eeeeee;}

/********************************************************************/
/* nomikurabe */

.kanso{
	margin:30px;}

.kanso li{
	border-bottom:1px dotted #cccccc;
	line-height:150%;
	margin-bottom:10px;}

/* oyakovoive
---------------------------------------------------------------------*/
.oyakovoice{
	margin:20px 10px 40px 10px;}

.oyakovoicer{
	margin:20px 10px 40px 10px;}

.oyakovoice img{
	margin-right:10px;
	border:#CCCCCC solid 1px;
	float:left;}

.oyakovoicer img{
	margin-left:10px;
	border:#CCCCCC solid 1px;
	float:left;}

.oyakokanso{
	float:left;
	padding:0px 10px;
	width:290px;
	height:auto;
	position:relative;
	background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//graydash.gif);
	line-height:22px;
	font-size:12px;
	margin:0px;}


/* fasting
---------------------------------------------------------------------*/
.faskakomi{
	margin:20px 20px 30px 20px ;
	padding:10px 10px 10px 10px ;
	border:2px solid #DBD2D2;
	text-align:center;
	font-weight:bold;
}

.faskakomi dt{
	width:14em;
	float:left;
	clear:both;
}

.faskakomi dd {
	margin-left:14em;
}

.fastosusume{
	width:200px;
	height:auto;
	border:2px dotted #CCCCCC;
	padding:10px;
	margin-left:20px;
	float:right;}

.fastosusume p{
	color:#600402;
	font-weight:bold;
}

.fastosusume ul{
	list-style:none;
}

.fastosusume li{
	line-height:150%;
	background:url(https://www.cobon-n.com/USERTHEMEIMG/vol1/cobon-n.ya.shopserve.jp//ico-arrow.gif) no-repeat 7px 3px;
	padding-left:20px;
}

.fastcau{
	margin:10px 10px 40px 10px;
	padding:10px;
	border:1px solid #CCCCCC;
}


/* koso
---------------------------------------------------------------------*/
.kosolist{
	list-style:none;}

.kosolist li{
	width:215px;
	height:auto;
	border:#CCCCCC solid 1px;
	padding:1px 1px 1px 1px;
	margin-right:10px;
	float:left;
	display:block;}

.kosolist span{
	font-size:14px;
	display:block;
	margin-top:20px;}

.kosolist:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	margin-bottom:30px;}

.kosolist img{
	margin:1px 10px 1px 1px;
	float:left;}

.kosorecip{
	margin:0px 10px 20px 10px;}

.kosorecip p{
	margin:0px;
	padding:0px;
	font-weight:bold;
	color:#339900;}

.kosorecip ul{
	margin:10px 0px 30px 30px;
	padding:0px;
	line-height:130%;}

.kosorecip ol{
	margin:10px 0px 0px 30px;
	padding:0px;
	line-height:130%;}

.kosorecip .tukuril{
	float:left;
	width:340px;
	height:auto;
	position:relative;
	margin:0px;}

.kosorecip .tukurir{
	float:left;
	width:310px;
	height:auto;
	position:relative;
	margin:0px;}

.kosorecip .tukuril img{
	margin:0px 30px 10px 10px;
	float:right;}

.kosorecip .tukurir img{
	margin:0px 10px 10px 10px;
	float:right;}

.kosochui{
	width:auto;
	margin:20px 0px 10px 0px;
	padding:10px 10px 0px 10px;
	border:1px dotted #999999;}

/* medianew
---------------------------------------------------------------------*/
.medialist{
	list-style:none;}

.medialist li{
	width:190px;
	height:350px;
	border:#300702 dotted 1px;
	padding:5px 10px;
	margin-bottom:20px;
	margin-right:20px;
	float:left;
	display:block;}

.medialist:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	margin-bottom:40px;}

.medialist img{
	display:block;
	margin:5px auto;
	padding:5px;
	border:#CCCCCC solid 1px;}

.mediatitle{
	display: block;
	font-size:14px;
	font-weight:bold;
	color:#600402;
	line-height:130%;
	text-align:center;}

.mediacap{
	font-size:12px;
	line-height:130%;}

/* gallery
---------------------------------------------------------------------*/
.gallery{
	width:700px;
	height:280px;
	margin:30px 0px 30px 0px;}

.gallery img{
	padding:0px 5px 5px 0px;
	float:left;}

/* voice
---------------------------------------------------------------------*/
div#voice_div_container{
	width:700px;
	height:300px;
	overflow-x:hidden;
	overflow-y:auto;
	word-wrap:break-word;
	text-align:left;
	border:1px solid #DBDBDB;
}

div#voice_div_container div.pkg{
	padding:10px 12px 8px 10px;
}
div#voice_div_container div.box_item_0{
	background:#FDFBEE;
}
div#voice_div_container div.box_item_1{
	background:#F8F8F8;
}

div#voice_div_container div.div_desc{
	font-size:12px;
	line-height:1.7;
	color:#676767;
	padding:10px 20px 10px 10px;
}
div#voice_div_container div.div_desc p.p_desc_text{
	padding:0;
	margin:0;
	float:none;
}

div#voice_div_container p.p_date_name{
	color:#666666;
	line-height:16px;
	margin:0;
	padding:3px 0 0 15px;
	font-size:12px;
	clear:both;
	float:none;
}

/* jusho
---------------------------------------------------------------------*/
.jusho{
	width:320px;
	height:200px;
	margin:auto 0px;}

/* column
---------------------------------------------------------------------*/
.column{
	margin-top:20px;
	margin-bottom:30px;}

.column img{
	margin:0px 30px 0px 0px;
	float:left;}

.columnhonbun{
	width:280px;
	float:left;}

.column ul{
	margin:0px 0px 10px 20px;}

.column li{
	margin-bottom:5px;}

.columnclear{
	clear:both;}

p.columnmid{
	margin:5px;
	padding:0;
	font-weight:bold;
	#A52A2A;}

.columntuk{
	margin:40px 0 10px 30px;
	line-height:130%;}

.columntuk li{
	margin-bottom:5px;}

.columnpro{
	width:680px;
	margin:0px auto 20px;
	padding:10px;
	border:2px solid #dddddd;}

.columnlist{
	list-style:none;
	margin:0px auto 700px;}

.columnlist li{
	width:300px;
	height:250px;
	border:1px solid #dddddd;
	padding:5px 10px;
	margin-bottom:20px;
	margin-right:20px;
	float:left;
	display:block;}

.columnlist:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	margin-bottom:40px;}

.columnlist img{
	display:block;
	margin:5px auto;}

.columntitle{
	display: block;
	font-size:14px;
	font-weight:bold;
	color:#600402;
	line-height:130%;
	text-align:center;
}


.layoutp3 textarea,
.layoutp3 input[type="password"],
.layoutp3 input[type="text"]{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
}

.layoutp3 input[type="password"],
.layoutp3 input[type="text"]{
  padding: 8px;
}


.sps-inputTablePopup .sps-inputItem{
  text-align: left;
}


.sps-inputTablePopup .sps-inputContent{
  text-align: left;
}

input[type="button"]{
  text-align: left;
  float: left;
  margin: 10px;
}

#EST_SPS_regi input[type="button"],
#EST_SPS_cart input[type="button"]{
  text-align: center;
  float: none;
}

.bordlayoutp3 table td{
  text-align: left;
}

.bordlayoutp3 table textarea,
.bordlayoutp3 table input[type="text"]{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
}


.bordlayoutp3 table input[type="text"]#spsBanchi,
.bordlayoutp3 table input[type="text"].seekzip_addr2{
  width: calc(100% - 10px) !important;
  max-width: calc(100% - 10px) !important;
  min-width: calc(100% - 10px) !important;

}


#EST_SPS_regi .bordlayoutp3 table textarea,
#EST_SPS_cart .bordlayoutp3 table textarea,
#EST_SPS_regi .bordlayoutp3 table input[type="text"],
#EST_SPS_cart .bordlayoutp3 table input[type="text"]{
  width: inherit !important;
  max-width: inherit !important;
  min-width: inherit !important;
}


.layoutp3{
  text-align: left !important;
}
.layoutp3 font{
  padding-bottom: 50px;
}

#EST_SPS_cart table div,
#EST_SPS_cart table th,
#EST_SPS_cart table td{
  text-align: left !important;
}

.bordlayoutp3 tr.backcolor1.center th{
  text-align: center !important;
  width: inherit !important;
}

.bordlayoutp3 tr.backcolor1.center + tr  > td{
  text-align: center !important;
}

#EST_SPS_regi h4.SPS-regi-confirm_item{
  padding-bottom: 20px;
  display: block !important;
  
}


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

.sps-my-display-period{
  clear: both;
  display: block;
  width: 100%;

}

.sps-my-display-period select{
  width: 50%;
}

}






body {
   color: #1D1C1C;
   font-size: 16px;
   line-height: 125%;
   text-align: left;
   -webkit-text-size-adjust: 100%;
   background-color: #FFF;
   height: 100%;
   word-wrap: break-word;
}
 

#main{
  margin: 0;
  padding: 0;
}

#floating-menu,
.entry_title,
#bread,
#rightSide,
#leftSide{
  display: none !important;
}

#topic-path2{
  padding-top: 10px;  
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


ul li, ol li {list-style-type: none;}
input {vertical-align: middle;}
 

a {outline: none;}

#main,
#container,
.mainCont,
.centerbox,
.footer_area,
.header_area,
#center3,
#center1,
#center2{
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

.header_area{
  display: none;
}
#news h2 img{
  width: 100%;
}

#news-list,
#news-in{
  width: 100% !important;
}
#news-list dd{
  border: none !important;
}

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

clearfix:before, .clearfix:after { display:table; content:" "; }
.clearfix:after { clear:both;     display:block;     height:0px;}


.no-marker {
  margin: 0;
  padding: 0;
  list-style-type: none;
}


article h4,
article h3,
article h2{
  padding: 0;
  margin: 0;
  border: none;
}


a {
	text-decoration: none;
	margin: 0;
	padding: 0;
	color: black;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:focus {
	outline: none;
}


a:hover {
	color:#000000;text-decoration:none;
}


.over-fade{
  opacity: 1;
  transition-duration: 0.3s;
  transition-property: opacity;

}


.over-fade.hover{
  opacity: 0.5;
  transition-duration: 0.3s;
  transition-property: opacity;
  cursor: pointer;

}

.over-line{
  position: relative;
  display: inline-block;
  text-decoration: none;

}

.over-line:after {
  position: absolute;
  bottom: -4px;
  left: 15%;
  content: '';
  width: 70%;
  height: 2px;
  background: #707070;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
.over-line.hover:after {
  transform: scale(1, 1);
}

.touch.hover{
  cursor: pointer;
}

.od1{
  -webkit-order: 1;
  order: 1;
}

.od2{
  -webkit-order: 2;
  order: 2;
}

.font-bold{
  font-weight: bold;
}
.font-normal{
  font-weight: normal;
}

.free-page,
.free-page p,
.free-page h3,
.free-page h4,
.f-serif-p p,
.f-serif-a a,
.f-mincho,
.f-serif{
}



.page-gothic,
.page-gothic span,
.page-gothic p,
.page-gothic a,
.page-gothic h3,
.page-gothic h4,
.page-company table,
.page-cobon table,
.btn-buy,
.item-box-buy,
.item-box-buy p,
.pickup-list,
.btn-buy-top span,
.ranking-box .text-box p,
.item-box01 p,
.page-cobon .remark2,
h2.f-gothic,
h3.f-gothic,
p.f-gothic,
.f-gothic{ 
}


@media all and (-ms-high-contrast:none) {

.btn-submit,
.btn-buy,
.ie > span,
.ie{
	}
}

.footer .footer-center a:hover{
  text-decoration: underline;
}

.color-normal{
  color: #1D1C1C !important;
}


#sub-column{
  display: none;
}

.contents {
	width:100% !important;
  margin: 0 auto !important;
}

.free-page h2,
.free-page p
.free-page span{
  color: #1D1C1C;
  line-height: 1.625em;
  padding: 0;
}
/*span 190731諏訪追加*/

.free-page p.title{
  border: none;
  font-weight: normal;
}

.w100{
  width: 100%;
}

.t-center{
  text-align: center;
}

.t-right{
  text-align: right;
}

.t-left{
  text-align: left;
}


body .free-page{
   color: #333;
   font-size: 16px;
   line-height: 125%;
   word-wrap: break-word;
}
 
.free-page p, 
.free-page div, 
.free-page span, 
.free-page span a{
   font-size: 16px;
}
 
.border-box{
  border: 1px solid #939393;
} 

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

@media print,screen and (min-width: 751px) {

.f-30{
  font-size: 30px !important;
  line-height: 2.5em !important;
}

.f-25{
  font-size: 25px !important;
  line-height: 1.4em !important;
}

.f-28{
  font-size: 28px !important;
  line-height: 1.4285em !important;
}

.f-20{
  font-size: 20px !important;
  line-height: 1.75em !important;
}

.f-19{
  font-size: 19px !important;
  line-height: 3.157em !important;
}


.f-17{
  font-size: 17px !important;
  line-height: 1.7647em !important;
}

.f-15{
  font-size: 15px !important;
  line-height: 1.8666em !important;
}

.f-15-25{
  font-size: 15px !important;
  line-height: 1.666em !important;
}


.f-13{
  font-size: 13px !important;
  line-height: 1.923em !important;
}
}

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

.f-30{
  font-size: 5.314vw !important;
  line-height: 3.409em !important;
}

.f-25{
  font-size:  5.314vw !important;
  line-height: 1.59em !important;
}

.f-28{
  font-size:  5.314vw !important;
  line-height: 1.59em !important;
}

.f-20{
  font-size: 3.8647vw !important;
  line-height: 1.625em !important;
}

.f-19{
  font-size: 4.10628vw !important;
  line-height: 3.5294em !important;
}


.f-17{
  font-size: 4.58937vw !important;
  line-height: 1.7894em !important;
}

.f-15{
  font-size: 3.86473vw !important;
  line-height: 1.625em !important;
}

.f-15-25{
  font-size: 3.86473vw !important;
  line-height: 1.625em !important;
}


.f-13{
  font-size: 3.3816vw !important;
  line-height: 1.5714em;
}
}

 /*---------------------------------------------
     base
  ---------------------------------------------*/
@media print,screen and (min-width: 751px) {

.sp{
  display: none !important;
}


#container{
  min-width: 1020px; 
}

#contents{
  width: 100%;
  padding: 0;
}
#main-column{
  width: 100%;
  margin: 0 auto;
}

.inner-pc,
.inner{
  width: 100%;
  max-width: 840px;
  margin-left: 10px;
  margin-right: 10px;
  margin: 0 auto;
}
.page-link{
  margin-top:-130px;
  padding-top:130px;    
}


}

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

.pc{
  display: none !important;
}
.scroll-prevent {
 /* overflow: hidden;*/
}

#container{
  min-width: 100%;
}

#main-column,
#contents{
  width: 100%;
  padding: 0;
  margin: 0;
}
.centerbox,
#main-column{
  padding-top:14.4927vw;
}
.layoutFrame,
.inner-sp,
.inner{
  width: 100%;
  padding-left: 4.8309vw;
  padding-right: 4.8309vw;
  margin: 0 auto;
}

.t-center-sp{
  text-align: center;
}
.t-right-sp{
  text-align: right;
}
.t-left-sp{
  text-align: left;
}

.page-link{
  margin-top:-14.4927vw;
  padding-top:14.4927vw;    
}


}


 /*---------------------------------------------
     header
  ---------------------------------------------*/
@media print,screen and (min-width: 751px) {

.header{
  padding-top: 80px;
}

.header-fixed{
  top:0;
  left: 0;
  z-index: 999;
  background-color: #FFFFFF;
  position: fixed;
  width: 100%;
  height: 80px;
}

#header-inner{
  width: 1000px;
  padding: 8px 10px 11px; 
  margin: 0 auto;

  display: -webkit-flex;
  display: flex;
  -webkit-align-items:flex-start;
  align-items:flex-start;
  -webkit-justify-content: space-between;
  justify-content:space-between;
}

#header-inner #logo{
  width: auto;  
}

.header h1 img{
  max-width: 155px;
}

.header-nav ul{
  list-style: none;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:flex-start;
  align-items:flex-start;
  -webkit-justify-content: flex-end;
  justify-content:flex-end;
}

.header-nav a{
  font-size: 12px;
  color: #1D1C1C;
  text-decoration: none;
  padding: 0 5px;
  line-height: 1em;
}

.header-nav a.btn-cart{
  display: inline-block;
  text-align: center;
  font-size: 13px;
  background-color: #542700;
  color: #FFFFFF;
  height: 23px;
  width: 104px;
  line-height: 23px;
  margin-top: 4px;
  margin-left: 16px;
  padding: 0;
}
.header-nav a.btn-mypage{
  margin-left: 4px;
  padding-left: 12px;
  padding-right: 12px;
  border-right: 1px solid;  
}
.header-nav a.btn-newuser{
  padding-left: 12px;
  padding-right: 12px;
}
.header-nav a.btn-cart{
  margin-left: 16px;
}
.header-nav a.btn-instagram,
.header-nav a.btn-facebook{
  display: inline-block;
  padding: 0;
  margin-left: 8px;
  margin-top: 4px;
}
.header-nav a.btn-instagram img,
.header-nav a.btn-facebook img{
  width: 23px;
}

.header-nav .newscopy{
  display: block;
  text-decoration: underline;
  text-align: right;
  font-size: 12px;
  color:#1D1C1C;
}/* 191101tuika */


/* slider */
.heder-slider {
  max-width: 1518px;
  margin: 0 auto 5px;
}
.heder-slider > ul{
  position: relative;
  overflow: hidden;
  
}
.heder-slider > ul:before{
  content: "";
  display: block;
  padding-top: 46.11330%;
}
.heder-slider > ul li{
  position:absolute; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.heder-slider img{
  width: 100%;
  line-height: 0;
}

/* global nav */
.gnav{
  background-color: #FBDB65;
  width: 100%;
}

.gnav.is-fixed{
  position: fixed;
  top:80px;
  left: 0;
  z-index: 998;
}

.gnav ul{
  width: 1000px;
  margin: 0 auto;
  list-style: none;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:flex-start;
  align-items:flex-start;
  -webkit-justify-content: center;
  justify-content:center;
}
.gnav ul li{
  padding: 15px 0;
}
.gnav ul li a{
  display: inline-block;
  font-size: 18px;
  color: #707070;
  text-decoration: none;
  padding: 0 32px;
  border-right: 1px solid;
  line-height: 1em;
}
.gnav ul li:first-child a{
  border-left: 1px solid;
}


}

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

/* header */
#header-inner{
  width: 100%;
  height: 14.4927vw;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:center;
  align-items:center;
  -webkit-justify-content: space-between;
  justify-content:space-between;
  position: fixed;
  top:0;
  left: 0;
  background-color: #FFFFFF;
  z-index: 999;
}

.header .heder-slider{
  padding-top: 14.4927vw;
}

#header-inner #logo{
  width: auto;
  padding-left: 5.7971vw;
}

.header{
  margin-top:0 !important;
}

.header h1 img{
  width: 25.6038vw;
}

.header-nav-sp ul{
  list-style: none;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:flex-start;
  align-items:flex-start;
  -webkit-justify-content: flex-end;
  justify-content:flex-end;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


#searchbox{
  position: fixed;
  top:14.4927vw;
  left: 0;
  width: 100%;
  background-color: #FFFFFF;  
  padding: 3vw 5.7971vw;
  display: none;
  
}
#searchbox.active{
  display: block;
}

#searchbox input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0;
  
}

#searchbox .text{
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;    
  width: 70%;
  font-size: 3.8647vw;
  color: #696767;
  border: 1px solid #7c7c7c !important;
  padding: 0.966vw 1.93236vw;
  min-height:8vw;
  max-height: 8vw;
  height: 8vw;
}

#searchbox .submit_button{
-webkit-appearance: none;

  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;  
  
  font-size: 3.8647vw;
  padding: 0.966vw 1.93236vw;
  background-color: #FFFFFF;
  color: #696767;
  border: 1px solid #7c7c7c;
  min-height: 8vw;
  max-height: 8vw;
  height: 8vw;
}

#searchbox .btn-close{
  position: absolute;
  right: 3.86473vw;
  top: 4.26473vw;

}
#searchbox .btn-close img{
  width: 5.7971vw;
}

.header-nav-sp a{
  font-size: 15px;
  color: #1D1C1C;
  text-decoration: none;
  padding: 0px;
  display: block;
  height: 14.4927vw;
}

.header-nav-sp a > span.text{
  font-size: 2.8985vw;
  display: inline-block;
  vertical-align:text-top;
  margin-top: 11.1111111111111vw;
  color: #1D1C1C;
}

.menu-btn span.text{
  font-size: 2.8985vw;
  display: inline-block;
  vertical-align:text-top;
  margin-top: 11.1111111111111vw;
  color: #FFFFFF;
}


.header-nav-sp > ul > li{
  min-width: 14.49275vw;
  height: 14.4927vw;
  background-color: #FBDB65;
  text-align: center;
  line-height: 0;
  position: relative;
}

.header-nav-sp .btn-cart:before{
  position: absolute;
  content: "";
  background: url(https://www.cobon-n.com/pic-labo/re_icon_cart.png);
  background-size: contain;
  background-position: center center;
  width: 7.00483vw; 
  height: 7.00483vw;
  top: 1.9323vw;
  left:calc(50% - 3.6232vw);
}
.header-nav-sp .btn-mypage:before{
  position: absolute;
  content: "";
  background: url(https://www.cobon-n.com/pic-labo/re_icon_mypage.png);
  background-size: contain;
  background-position: center center;
  width: 5.07246vw; 
  height: 5.7971vw;
  top: 1.9323vw;
  left:calc(50% - 2.4154vw);
}
.header-nav-sp .btn-search:before{
  position: absolute;
  content: "";
  background: url(https://www.cobon-n.com/pic-labo/re_icon_search.png);
  background-size: contain;
  background-position: center center;
  width: 5.5555vw; 
  height: 5.5555vw;
  top: 1.9323vw;
  left:calc(50% - 2.657vw);
}



.header-nav-sp .menu-btn{
  background-color: #542700;
}

.menu-btn span:not(:first-child){
  position: absolute;
  left: calc(50% - 3.14009vw);
  width: 6.28019vw;
  height: 2px;
  background-color: #FFFFFF;
  -webkit-transition: transform 0.4s;
  transition: transform 0.4s;
}

.menu-btn span:nth-of-type(2){
  top:2.8985vw;
}

.menu-btn span:nth-of-type(3){
  top:5.3140vw;
  -webkit-transition:opacity 0.4s ease-in-out;
  transition:opacity 0.4s ease-in-out;
}

.menu-btn span:nth-of-type(4){
  top:7.72946vw;
}
  
.menu-btn.active span:nth-of-type(2) {
  -webkit-transform: translateY(2.41545vw) rotate(-315deg);
  transform: translateY(2.41545vw) rotate(-315deg);
}

.menu-btn.active span:nth-of-type(3) {
   opacity: 0;
}

.menu-btn.active span:nth-of-type(4) {
  -webkit-transform: translateY(-2.41545vw) rotate(315deg);
  transform: translateY(-2.41545vw) rotate(315deg);
}


/* sub nav */
.header .sub-nav-sp-warp{
  position: relative;
  display: block;
  height: 16.9082vw !important;
  width: 100%;
}


.header .sub-nav-sp{
  display: block;
  position: absolute;
  width: 100%;
  height: 16.9082vw !important;
  background-color: #FBDB65;
  left: 0;
  transition: transform .3s;
}


.header .sub-nav-sp.active{
  display: block;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 16.9082vw !important;
  z-index: 10;
  transition: transform .3s;
}

.header .sub-nav-sp > ul{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:center;
  align-items:center;
  -webkit-justify-content: center;
  justify-content:center;
  height: 16.9082vw;
  text-align: center;
}

.header .sub-nav-sp > ul > li{
  width: 50%;
}

.header .sub-nav-sp > ul > li > a{
  display: block;
  font-size: 6.0386vw;
  padding: 1.93236714975845vw 0;
}

.header .sub-nav-sp > ul > li:first-child{
  border-right: 1px solid;
}

/* global nav */
.gnav{
  background-color: #FBDB65;
}
.gnav ul{
  width: 1000px;
  margin: 0 auto;
  list-style: none;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:flex-start;
  align-items:flex-start;
  -webkit-justify-content: space-between;
  justify-content:space-between;
}
.gnav ul li{
  padding: 25px 0;
}
.gnav ul li a{
  display: inline-block;
  font-size: 22px;
  color: #707070;
  text-decoration: none;
  padding: 0 24px;
  border-right: 1px solid;
  line-height: 1em;
}
.gnav ul li:first-child a{
  border-left: 1px solid;
}

.gnav-sp{
  display: block;
/*  background-color: rgba(250, 218, 101, 0.7);*/
  background-color: #fbe592;
  position: fixed;
  top: 14.4927vw;
  left: 0;
  width: 100%;
  z-index: 998;
  height: 0;
  opacity: 0;
  transition-duration: 0.3s;
  overflow: hidden;
  max-height: 0;

}

.gnav-sp.active{
  display: block;
  opacity: 1;
  height:100%;
  max-height:100%;
}

.gnav-sp{
  height:calc(100% - 14.4927vw);
/*  height: 100vh;*/
}

.gnav-sp a{
  color: #505050;
}

.sp-menu-inner{
  overflow-y: scroll; 
  height:100%;
  padding: 0 8.6956vw;
}

.gnav-sp .nav1{
  padding-top: 14.49275vw;
  padding-bottom: 9.6618vw;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:flex-start;
  align-items:flex-start;
  -webkit-justify-content: center;
  justify-content:center;
    -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  text-align: center;
  border-bottom: 1px solid #505050;
}

.gnav-sp .nav1 li{
  width: 50%;
}
.gnav-sp .nav1 li a{
  font-size: 4.83091vw;
  line-height: 17.14975vw;
}

.gnav-sp .nav2{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:flex-start;
  align-items:flex-start;
  -webkit-justify-content: center;
  justify-content:center;
  padding: 11.3526vw 0;
}
.gnav-sp .nav2 li a{
  font-size: 3.62318vw;
  padding: 0 6vw;
}

.gnav-sp .nav3{
  padding-bottom: 8.4541vw;
}

.gnav-sp .nav3 li a{
  display: block;
  color: #542700;
  font-size: 5.3140vw;
  line-height: 21.73913vw;
  height: 21.73913vw;
  background-color: #D7D9C7;
  border: 1px solid;
  text-align: center;
}


.gnav-sp .nav4{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:center;
  align-items:center;
  margin-bottom: 120px;
  padding-bottom: 120px;
}
.gnav-sp .nav4 li a{
  font-size: 3.62318vw;
  padding: 0 2.41545vw;
}

.gnav-sp .nav4 li img{
  width: 9.17874vw;
}

.gnav-sp .btn-mypage,
.gnav-sp .btn-newuser{
}

.gnav-sp .btn-mypage{
  border-right: 1px solid;
}

/* slider */
.heder-slider {
}
.heder-slider > ul{
  position: relative;
  overflow: hidden;
}
.heder-slider > ul:before{
  content: "";
  display: block;
  padding-top: 150.96618%;
}
.heder-slider > ul li{
  position:absolute; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
}
.heder-slider img{
  width: 100%;
  line-height: 0;
}

}

 /*---------------------------------------------
     footer
  ---------------------------------------------*/
@media print,screen and (min-width: 751px) {

/* footer */

.footer{
  width: 100%;
  min-width: 100%;
}
.footer .footer-inner{
  max-width: 840px;
  margin: 0 auto;
}

.footer .btn-top{
  width: 100%;
  background-color: rgba(135, 118, 98, 0.75);
  text-align: center;
  height: 70px;
  padding-top: 14px;
  min-width: 840px;
}

.footer .btn-top a{
  text-align: center;
  display: block;
}

.footer .footer-center{
  min-width: 840px;
  background-color: #867561;
  position: relative;
}

.footer .footer-center a > span,
.footer .footer-center a{
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  line-height: 22px;
}

.footer .footer-center ul > li ul{
  padding-left: 1em;
}



.footer .footer-box{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:flex-start;
  align-items:flex-start;
  -webkit-justify-content: space-between;
  justify-content:space-between;
  padding: 70px 0 0;
}

.footer .footer-box > ul:nth-child(2){
  margin-right: 85px;
}


.footer .footer-center .footer-box >  ul > li{
/*  margin-bottom: 22px;*/
}

.footer .right-box > li{
  line-height: 34px;
}

.mb-none{
  margin-bottom: 0 !important;
}

.footer .copyright{
  background-color: #655D53;
  color: #CEB291;
  padding: 9px 0;
}
.footer .copyright p{
  font-size: 10px;
  line-height: 1.8em;
  color: #CEB291;
}

.footer .footer-box{
  max-width: 840px;
  margin: 0 auto; 
}


.footer  .footer-logo{
  padding-top: 170px;
  padding-bottom: 24px;
}

.footer  .footer-logo img{
  width: 136px;
}

.footer .list-style li:before{
  content: "・";
  color: #FFFFFF;
}
}

@media screen and (max-width: 750px) {
/* footer */

.footer{
  width: 100%;
  min-width: 100%;
}
.footer .footer-inner{
  margin: 0 auto;
}

.footer .btn-top{
  background-color: rgba(135, 118, 98, 0.75);
  text-align: center;
  height: 16.9082vw;
  padding-top: 3.6231vw;
}
.footer .btn-top img{
  width: 16.42512vw
}

.footer .footer-center{
  background-color: #867561;
  position: relative;
  padding: 0 4.8309vw;
}

.footer .footer-center .footer-box > ul > li > a{
  color: #FFFFFF;
  font-size: 3.623188vw;
  line-height: 5.314009vw;
/*  font-weight: bold;*/
}

.footer .footer-center ul > li > ul{
  padding-left: calc(24.154589vw + 1em);
  margin-top: -5.314009vw;
  text-indent:-1em;
}


.footer .footer-box{
  padding: 7.72946vw 0;
}

.footer .footer-center .footer-box >  ul > li{
  margin-bottom: 8.45410vw;
}

.footer .footer-center .footer-box >  ul > li >  ul > li > a{
  color: #FFFFFF;
  font-size: 3.14009vw;
  line-height: 5.314vw;
}

.footer .footer-center .footer-box >  ul > li >  ul > li:before{
  content: '\FF65';
  color: #FFFFFF;
}

.mb-none{
  margin-bottom: 0.5em !important;
}

.footer .copyright{
  background-color: #655D53;
  color: #CEB291;
  line-height: 1.666em;
  font-size: 12px;
  padding: 9px 0;
  width: 100%;
}


.footer .copyright p{
  color: #CEB291;
  line-height: 1.666em;
}



.footer .footer-box{
  margin: 0 auto; 
}

.footer .right-box{
  margin-top: 0;  
}

.footer  .footer-logo{
  text-align: center;
}

.footer  .footer-logo img{
  width: 52.657vw;
}

}
 /*---------------------------------------------
     common
  ---------------------------------------------*/
.f-nomal {font-weight: normal;}

@media print,screen and (min-width: 751px) {

.pc-nowrap{
  white-space: nowrap;
}

}


@media screen and (max-width: 750px) {
.sp-nowrap{
  white-space: nowrap;
}

}
/*---------------------------------------------
     button
  ---------------------------------------------*/

.btn-link > span{
  display: block;
  width: 224px;
  height: 60px;
  border: 1px solid #707070;
  font-size: 16px;
  line-height: 60px;
}

.link-text > span:after{
    content: "";
  display: inline-block;
  background-image:url(../images/icon_arrow_right.png);
  background-repeat:no-repeat;
  background-size:contain;
  width: 21px;
  height: 21px;
  position: relative;
  top:4px;
  left: 10px;
}

.link-text-top > span:after{
    content: "";
  display: inline-block;
  background-image:url(../images/icon_arrow_right.png);
  background-repeat:no-repeat;
  background-size:contain;
  width: 21px;
  height: 21px;
  position: relative;
  top:4px;
  left: 10px;
}/*諏訪追加230324*/

.link-product > span{
  background-color: #625444;
  display: inline-block;
  width: 206px;
  height: 34px;
  font-size: 15px;
  line-height: 34px;
  color: #FFFFFF;
  text-align: center;
}


.link-product2 > span{
  background-color: #D7D9C7;
  display: inline-block;
  width: 770px;
  height: 100px;
  line-height: 100px;
  font-size: 25px;
  color: #542700;
  text-align: center;
}


.link-product2 > span:after,
.link-product > span:after{
  content: "";
  display: inline-block;
  background-image:url(../images/icon_arrow_right3.png);
  background-repeat:no-repeat;
  background-size:contain;
  width: 10px;
  height: 15px;
  position: relative;
  top:4px;
  left: 10px;
}
.link-product2 > span:after{
  background-image:url(../images/icon_arrow_right4.png);
  background-size:contain;
  width: 24px;
  height: 24px;
  left: 20px;
}




@media print,screen and (min-width: 751px) {

.btn-link > span:after{
  content: "";
  display: inline-block;
  background-image:url(../images/icon_arrow_right.png);
  background-repeat:no-repeat;
  background-size:contain;
  width: 19px;
  height: 19px;
  position: relative;
  top:4px;
  left: 10px;
}
.link-product2 > span{
  border: 1px solid #542700;
}


}

.btn-link{
  display: block;
  font-size: 22px;
  line-height: 75px;
}

.link-text > span{
  display: inline-block;
}

.link-text span{
  font-size: 18px;
}

.link-text-top > span{
  display: inline-block;
}/*諏訪追加230324*/

.link-text-top span{
  font-size: 18px;
}/*諏訪追加230324*/

.btn-buy > span{
  display: block;
  width: 100%;
  height: 40px;
  border: 2px solid #625444;
  background-color: #fef0c1;
  border-radius: 20px;
  margin-bottom: 2px;
}
.btn-buy-top > span{
  display: block;
  width: 100%;
  height: 34px;
  border: 2px solid #625444;
  background-color: #fef0c1;
  border-radius: 17px;
}





.btn-buy,
.btn-buy-top{
  text-align: center;
}

.btn-buy span{
  line-height: 38px;
  font-size: 17px;
}

.btn-buy-top span{
  line-height: 30px;
  font-size: 14px;
}

.btn-buy > span:after,
.btn-buy-top > span:after{
  content: "";
  display: inline-block;
  background-image:url(../images/icon_arrow_right2.png);
  background-repeat:no-repeat;
  background-size:contain;
  width: 9px;
  height: 14px;
  position: relative;
  top:2px;
  left: 10px;
}

.btn-buy > span:after{
  width: 10px;
  height: 16px;
}




.item-box-buy .btn-buy-top > span{
  background-color: #FFFFFF;
}


.item-box3,
.link-box3{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:flex-start;
  align-items:flex-start;
  -webkit-justify-content: space-between;
  justify-content:space-between;
  text-align: center;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 auto;
}

.item-box3::after{
  content:"";
  display: block;
  width:30%;
}
/*諏訪追加210331*/


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

.btn-link > span{
  display: block;
  width: 100%;
  height: 12.0772vw;
  font-size: 4.347826vw;
  line-height: 12.0772vw;

}


.link-product2 > span,
.link-product > span{
  display: block;
  width: 100%;
  height: 16.9082125603865vw;
  font-size: 5.31400966183575vw;
  line-height: 16.9082125603865vw;
  border-top: 1px solid #542700;
  border-bottom: 1px solid #542700;
}


.btn-link{
  display: block;
  font-size: 4.34782vw;
  line-height: 12.0772vw;
}


.link-product2 > span:after,
.link-product > span:after,
.link-text > span:after,
.link-text-top > span:after{
  width: 3.3816vw;
  height: 4.8309vw;
  top:0.966vw;
  left: 2.415vw;
}

.link-text > span{
  font-size: 4.83091787439614vw;
}

.link-text-top > span{
  font-size: 4.83091787439614vw;
}/*諏訪追加230324*/

.link-text{
  display: block;
  width: 65.217vw;
  height: 16.908vw;
  border: 1px solid;
  line-height: 16.908vw;
  margin: 0 auto;
}

.link-text-top{
  display: block;
  width: 80vw;
  height: 16.908vw;
  line-height: 16.908vw;
  margin: 0 auto;
}/*諏訪追加230324*/

.btn-buy > span,
.btn-buy-top > span{
  display: block;
  width: 72.4637vw;
  font-size: 3.8647vw;
  height: 8.69565vw;
  border: 2px solid #625444;
  background-color: #fef0c1;
  border-radius: 4.347826vw;
  line-height: 8.21256vw;
  margin-bottom: 1px;
}

.btn-buy,
.btn-buy-top{
  display: inline-block;
  margin: 0 auto;
  
}
.btn-buy > span:after,
.btn-buy-top > span:after{
  content: "";
  display: inline-block;
  background-image:url(../images/icon_arrow_right2.png);
  background-repeat:no-repeat;
  background-size:contain;
  width: 2.41545vw;
  height: 3.3816vw;
  position: relative;
  top:0.38309vw;
  left: 2.41545vw;
}

.item-box-buy .btn-buy > span,
.item-box-buy .btn-buy-top > span{
  background-color: #FFFFFF;
}

.link-box3{
  display: block;
}

.link-box3 li{
  margin-bottom: 4.8309vw;
}

}



 /*---------------------------------------------
     title bg
  ---------------------------------------------*/
.dec_title02,
.dec_title01{
  position: relative;
  font-size: 44px;
  font-weight: normal;
  text-align: center;
  line-height: 1em;
  padding: 45px 0 40px; 
}

.dec_title01:after{
  content: "";
  display: inline-block;
  position: absolute;
  background-image:url(../images/img_title_frame01.png);
  background-repeat:no-repeat;
  background-size:contain;
  width: 109px;
  height: 156px;
  top:0;
  left: calc(50% - 54.5px);
}

.dec_title02:after{
  content: "";
  display: inline-block;
  position: absolute;
  background-image:url(../images/img_title_frame02.png);
  background-repeat:no-repeat;
  background-size:contain;
  width: 109px;
  height: 156px;
  top:0;
  left: calc(50% - 54.5px);
}


.dec_title03{
  position: relative;
  font-size: 28px;
  font-weight: normal;
  text-align: center;
  line-height: 1em;
  padding: 35px 0;
}

.dec_title03:after{
  content: "";
  display: inline-block;
  position: absolute;
  background-image:url(../images/img_title_frame01.png);
  background-repeat:no-repeat;
  background-size:contain;
  width: 64px;
  height: 92px;
  top:0;
  left: calc(50% - 32px);
}


.sub-title{
  font-size: 25px !important;
  color: #FBDB65 !important;
  text-align: center;
  padding-top: 10px;
}

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

.dec_title02:after,
.dec_title01:after{
  width: 13.5265vw;
  height: 19.3236vw;
  left: calc(50% - 6.76328vw);
}


.dec_title02,
.dec_title01{
  font-size: 5.314vw;
  padding: 6.0386vw 0 4.83091vw;
}



.dec_title03{
  position: relative;
  font-size: 3.38164251207729vw;
  font-weight: normal;
  text-align: center;
  line-height: 1em;
  padding: 5.31400966183575vw 0;
}

.dec_title03:after{
  content: "";
  display: inline-block;
  position: absolute;
  background-image:url(../images/img_title_frame01.png);
  background-repeat:no-repeat;
  background-size:contain;
  width: 9.66183574879227vw;
  height: 13.768115942029vw;
  top:0;
  left: calc(50% - 4.83091787439614vw);
}

.sub-title{
  font-size: 4.8309vw !important;
  padding-top: 4.34782vw;
}


}

 /*---------------------------------------------
     sec-info
  ---------------------------------------------*/

.sec-info{
  background-color: #D7D9C7;
  padding-top: 53px;
  padding-bottom: 85px;
  margin-bottom: -1px;
}

.sec-info h2{
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  line-height: 1.0em;
  padding-top: 24px;
  padding-bottom: 10px;
}

.sec-info .box{
  border: 1px solid #1D1C1C;
  padding: 35px 50px;
}

.sec-info .box .box-inner{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:flex-start;
  align-items:flex-start;
  -webkit-justify-content: space-between;
  justify-content:space-between;
}

.sec-info .box .box-inner .box-right,
.sec-info .box .box-inner .box-left{
  width: calc(50% - 16px);
}

.sec-info .box .text{
  font-size: 13px;
  line-height: 1.7692em;
}
.sec-info .box .s-text{
  font-size: 12px;
  line-height: 1.6666em;
}


@media screen and (max-width: 750px) {
.sec-info{
  padding: 0;
  margin: 0;
}

.sec-info .inner{
  padding: 0;
}

.sec-info h2{
  font-size: 5.7971vw;
  line-height: 1.7em;
  padding: 3.14vw 0;
  background-color: #FBDB65;
}

.sec-info .box{
  border: none;
  padding: 8.212vw 4.83091vw;
}

.sec-info .box .box-inner{
  display: block;
}

.sec-info .box .box-inner .box-right,
.sec-info .box .box-inner .box-left{
  width: 100%;
}

.sec-info .box .s-text,
.sec-info .box .text{
  font-size: 3.3816vw;
  line-height: 1.71428em;
}


}


 /*---------------------------------------------
     item-box
  ---------------------------------------------*/

/* .item-box-buy */
.item-box-buy .sold-box{
  display: none;
}

.item-box-buy.sold .sold-box{
  display: block;
  position: relative;
  z-index: 2;
}

.item-box-buy.sold .item-cnt{
  display: none;
}

.item-box-buy.sold .btn-submit{
  display: none;
}

.btn-submit input[type="submit"],
.item-box-buy input[type="submit"],
.item-box-buy input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
.item-box-buy input[type="submit"]::-webkit-search-decoration,
.item-box-buy input[type="button"]::-webkit-search-decoration {
  display: none;
}
.item-box-buy input[type="submit"]::focus,
.item-box-buy input[type="button"]::focus {
  outline-offset: -2px;
}



.free-page .item-material dd,
.free-page .item-material dt,
.free-page .item-material {
	margin:0;
	padding:0;
	border:none;
}



@media print,screen and (min-width: 751px) {

/* item box */
.item-box-buy{
  padding-left: 340px;
  position: relative;
  padding-top: 42px;
  margin-bottom: 50px;
}

.item-box-buy.sold .sold-box > p{
  font-size: 14px;
  margin-bottom: 0.5em;
  line-height: 1.3em;
}

.item-box-buy .img{
  position: absolute;
  top:0;
  left: -30px;
}

.sec-productlist .item-box-buy .img img{
  width: 230px;
}

.sec-productlist  .item-box-buy{
  margin-bottom: 0;
}

.item-box-buy .title{
  font-size: 35px;
  font-weight: bold;
  line-height: 1.375em;
}

.item-box-buy .title-box{
  position: relative;
}
.item-box-buy .title-box .title{
  font-size: 25px;
  line-height: 1.2962em;
  position: relative;
  margin: 0;
  z-index: 1;
  
  
}

.item-box-buy .title-box .title:before{
  content: "";
  display: inline-block;
  position: absolute;
  width: 115px;
  height: 115px;
  left: -57px;
  top:-37px;
  background-color: #FBDB65;
  z-index: -1;
}


.item-box-buy .price{
  font-size: 21px;
  display: inline-block;
  z-index: 1;
  position: relative;
  color: #1D1C1C;
  
}

.item-box-buy .price > span{
  font-size: 14px;
  padding-left: 8px;
  
}

.item-box-buy .capacity{
  font-size: 14px;
  display: inline-block;
  border-left: 1px solid;
  border-right: 1px solid;
  padding: 0 16px;
}

.item-box-buy .voicelink{
  font-size: 14px;
  display: block;
  margin-top:10px;
  text-align:center;
}

.item-box-buy .voicelink a{
  text-decoration:underline;
}


.item-box-buy .sub-text{
  font-size: 15px;
  line-height: 2em;
  width: 506px;
  margin-top: 16px;
}

.item-box-buy form{
  display: block;
  min-width: 430px;
  max-width: 430px;
}

.item-box-buy table{
   text-align: left;
   border: 1px solid black;
  font-size: 18px;
  font-weight: bold;
  max-width: 430px;
  margin-top: 25px !important;
  margin-bottom: 40px !important;
}
.item-box-buy table tr{
  border-bottom: 1px solid black;
}
.item-box-buy table th{
  font-size: 18px;
  width: 160px;
  padding: 16px 0 12px;
  text-align: center;
  background-color: #625444;
  color: white;
}
.item-box-buy table td{
  font-size: 18px;
  width: 270px;
  text-align: center;
}

.item-box-buy table .input-num{
  margin-right: 10px;
  text-align: right;
  padding: 4px 16px;
  width: 90px;
  font-size: 16px;
}



.top-box input[type="submit"],
.item-box-buy input[type="submit"] {
  display: inline-block;
  border-radius: 20px;
  height: 40px;
  border: 2px solid #625444;
  background-color: #fef0c1;
  line-height: 38px;
  font-size: 16px;
  height: 40px;
  max-width: 430px;
  width: 100%;
  padding-right: 0.8em;
}


.top-box .btn-submit{
  position: relative;
  max-width: 350px;
}
.item-box-buy .btn-submit{
  position: relative;
  max-width: 430px;
}

.top-box .btn-submit:after,
.item-box-buy .btn-submit:after{
  content: "";
  position: absolute;
  display: inline-block;
  background-image:url(../images/icon_arrow_right2.png);
  background-repeat:no-repeat;
  background-size:contain;
  width: 10px;
  height: 16px;
  top:14px;
  left:calc(50% + 64px);
}

/* 10/24tuika */
.yoyaku{
  margin-top:10px;
}

.yoyaku p{
  font-size: 12px;
  line-height: 1.5em;
}

.item-box-buy .item-material{
  margin-top: 30px;
  margin-bottom: 10px;
  color: #625444;
}

.item-box-buy .item-material dd{
  margin-left: 60px ;
  font-size: 12px;
  line-height: 1.5em;
}
.item-box-buy .item-material dt{
  float: left ;
   width: 60px ; 
  font-size: 12px;
  line-height: 1.5em;
}

.item-box-buy .remark a{
  color: #C42C2C;
  font-size: 12px;
  line-height: 1.5em;
}

.item-box-buy .btn-box{
  width: 430px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:flex-start;
  align-items:flex-start;
  -webkit-justify-content: space-between;
  justify-content:space-between;
  margin-bottom: 32px;
  padding-top: 80px;
  
}

.item-box-buy .btn-box > div{
  width: calc(50% - 10px);
}


}

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


/* item box */
.item-box-buy{
  margin-bottom: 21.7391vw;
  text-align: left;
 
}

.item-box-buy.sold .sold-box > p{
  font-size: 3.3vw;
  line-height: 1.5em;
  margin-bottom: 1em;
}


.item-box-buy .img{
  padding-top: 6.521vw;
  text-align: center;
  width: 80%;
  margin: 0 auto;
}

.item-box-buy .img img{
  width: 100%;
}

.item-box-buy .title{
  font-size: 7.24637vw;
  font-weight: bold;
  z-index: 1;
  position: relative;
  line-height: 1.375em;
}

.item-box-buy .title-box{
  position: relative;
}

.item-box-buy .title-box .title{
  font-size: 3.38164vw;
  line-height: 1.2962em;
  margin: 0;
  position: relative;
  z-index: 1;
}


.item-box-buy .title-box .title:before{
  
  content: "";
  display: inline-block;
  position: absolute;
  width: 21.73913043478267vw;
  height: 28.1545893719807vw;
  left: -10.8695652173913vw;
  top:-6.52173913043478vw;
  background-color: #FBDB65;
  z-index: -1;
}





.item-box-buy .price{
  font-size: 5.07246376811594vw;
  display: inline-block;
  z-index: 1;
  position: relative;
  color: #1D1C1C;
}

.item-box-buy .price > span{
  position: relative;
  font-size: 4.10628vw;
  padding-left: 2.415vw;
  z-index: 2;
}

.item-box-buy .sub-text{
  font-size: 4.347826vw;
  line-height: 1.6666em;
  margin-top: 7.24637vw;
}

.item-box-buy .capacity{
  position: relative;
  font-size: 3.3816vw;
  display: inline-block;
  border-left: 1px solid;
  border-right: 1px solid;
  padding: 0 4.8309vw;
  z-index: 2;
}

.item-box-buy .voicelink{
  font-size: 3.3816vw;
  display: block;
  margin-top: 3.3816vw;
  text-align:center;
}

.item-box-buy .voicelink a{
  text-decoration:underline;
}

.item-box-buy table{
  border: 1px solid black;
  font-size: 4.3478vw;
  font-weight: bold;
  margin-top: 10.1449vw !important;
  margin-bottom: 9.6618vw !important;
  width: 72.46376vw;
  margin-left: auto;
  margin-right: auto;

}
.item-box-buy table tr{
  border-bottom: 1px solid black;
}
.item-box-buy table th{
  width: 26.57vw;
  padding: 3.8647vw 0;
  text-align: center;
  background-color: #625444;
  color: white;
  font-size: 4.3478vw;
}
.item-box-buy table td{
  text-align: center;
  font-size: 4.3478vw;
}

.item-box-buy table .input-num{
  margin-right: 2.4154vw;
  text-align: right;
  padding: 0.966vw 3.8647vw;
  width: 21.7391vw;
  font-size: 16px;
}

.top-box input[type="submit"],
.item-box-buy input[type="submit"] {
  display: inline-block;
  border-radius: 4.347826vw;
  height: 8.69565vw;
  border: 2px solid #625444;
  background-color: #fef0c1;
  color: #52565f;/* suwatuika */
  line-height: 8.21256vw;
  font-size: 3.864734vw;
  height: 8.69565vw;
  width: 72.46376vw;
  margin-bottom: 1px;
}

.top-box form,
.item-box-buy form{
  text-align: center;
}


.top-box .btn-submit,
.item-box-buy .btn-submit{
  position: relative;
  z-index: 2;
}

.top-box .btn-submit:after,
.item-box-buy .btn-submit:after{
  content: "";
  position: absolute;
  display: inline-block;
  background-image:url(../images/icon_arrow_right2.png);
  background-repeat:no-repeat;
  background-size:contain;
  width: 2.41545vw;
  height: 3.38164vw;
  position: relative;
  top:0.96618vw;
  right: 20.3623vw;
  margin-right: -2.41545vw;
}

.item-box-buy .item-material{
  margin-top: 12.07729vw;
  line-height: 1.8em;
  margin-bottom: 0.5em;
  color: #625444;
}

.item-box-buy .item-material dd{
  font-size: 3.62318vw;
  margin-left: 16.908vw ;
}
.item-box-buy .item-material dt{
  font-size: 3.6231884057971vw;
  font-weight: bold;
  float: left ;
   width: 16.908vw ; 
}

.item-box-buy .btn-info{
  margin-bottom: 4.830917vw;
}


.item-box-buy .remark a{
  color: #C42C2C;
  font-size: 3.38164vw;
  line-height: 1.6em;
}

/* 10/24tuika */
.yoyaku{
  margin-top:20px;
}

.yoyaku p{
  font-size: 3.62318vw;
  line-height: 1.8em;
}

/*220228フルーツザイム用諏訪追加*/
.c-inner .item-material{
  margin-top: 12.07729vw;
  margin-bottom: 0.5em;
  font-size: 3.8647vw;
  color: #707070;
  line-height: 1.625em;
}

.c-inner .item-material dd{
  margin-left: 30vw ;
}
.c-inner .item-material dt{
  font-weight: bold;
  float: left ;
   width: 30vw ; 
}

}
/*

.item-box-buy .item-material dd{
  margin-left: 60px ;
  font-size: 12px;
  line-height: 1.5em;
}
.item-box-buy .item-material dt{
  float: left ;
   width: 60px ; 
  font-size: 12px;
  line-height: 1.5em;
}

*/
/*---------------------------------------------
     sec-important
  ---------------------------------------------*/

@media print,screen and (min-width: 751px) {

.sec-important .inner{
  border-top: 6px solid #867561; 
  padding-bottom: 100px;
}

.sec-important img{
  width: 100%;
  margin-bottom: 24px;
}

.sec-important h2{
  font-size: 25px;
  color: #625444;
  font-weight: normal;
  margin-bottom: 20px;
  line-height: 1.4em;
  padding-top: 10px;
}
.sec-important .text{
  font-size: 15px;
  line-height: 1.666em;
}

}

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

.sec-important .inner{
  padding-bottom: 24.1545vw;
}

.sec-important img{
  width: 100%;
  margin-bottom: 24px;
}

.sec-important h2{
  border-top: 1.93236vw solid #867561; 
  font-size: 6.0386vw;
  color: #625444;
  font-weight: normal;
  margin-bottom: 7.2463vw;
  line-height: 1.625em;
  padding-top: 2.41545893719807vw;
}
.sec-important .text{
  font-size: 3.8647vw;
  line-height: 1.625em;
}

}


/*---------------------------------------------
     sec-customers-voice
  ---------------------------------------------*/
@media print,screen and (min-width: 751px) {

.sec-customers-voice{
  padding-bottom: 110px;
}
.sec-customers-voice .title-box{
  position: relative;
}

.sec-customers-voice .title-box .btn{
  position: absolute;
  top: 16px;
  right: 15px;
}

.sec-customers-voice h2{
  font-size: 25px;
  font-weight: normal;
  color: #625444;
  margin-bottom: 10px;
}

.sec-customers-voice .link-text span{
  font-size: 15px;
  color: #625444;
}



.sec-customers-voice .link-text > span:after{
  width: 15px;
  height: 15px;
  top:1px;
}

.sec-customers-voice .customers-voice-list2,
.sec-customers-voice .customers-voice-list{
  border: 1px solid #625444;
  padding: 50px 60px;
}

.sec-customers-voice .customers-voice-list2 li,
.sec-customers-voice .customers-voice-list li{
  color: #625444;
  font-size: 15px;
  line-height: 1.733em;
  margin-bottom:30px;
  padding-top: 25px;

}


.sec-customers-voice .customers-voice-list2 li:not(:first-child),
.sec-customers-voice .customers-voice-list li:not(:first-child){
  border-top: 1px dashed;
}

.btn-more{
  background-color: #FBDB65;
  height: 36px;
  color: #625444;
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  position: relative;
}

.btn-more:after{
  content: "";
  display: inline-block;
  position: absolute;
  
  background-image:url(../images/icon_down_arrow.png);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center; 
  width: 24px;
  height: 18px;
  top:calc(50% - 9px);
  left: calc(50% - 12px);

}

.sec-customers-voice .remark{
  font-size: 14px;
  line-height: 1.357em;
  color: #625444;
  margin-top: 35px;

}

}

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

.sec-customers-voice{
  padding-bottom: 0;
}

.sec-customers-voice .title-box {
}

.sec-customers-voice .title-box .btn{
  text-align: center;
  margin-top: 16.9082vw;
  margin-bottom: 9.6618vw;
}

.sec-customers-voice h2{
  font-size: 7.24637vw;
  font-weight: normal;
  color: #625444;
}

.sec-customers-voice .customers-voice-list2,
.sec-customers-voice .customers-voice-list{
  border: 1px solid #625444;
  padding: 9.1787vw 2.4154vw;
  font-size: 3.6231vw;
  line-height: 2em;
}

.sec-customers-voice .customers-voice-list2 li,
.sec-customers-voice .customers-voice-list li{
  color: #625444;

  margin-bottom:4.8309vw;
  padding-top: 4.8309vw;
  
  
}

.sec-customers-voice .customers-voice-list2 li:not(:first-child),
.sec-customers-voice .customers-voice-list li:not(:first-child){
  border-top: 1px dashed;
}


.btn-more{
  background-color: #FBDB65;
  height: 36px;
  color: #625444;
  border: 1px solid;
  position: relative;
  margin-bottom: 9.6618vw;
}

.btn-more:after{
  content: "";
  display: inline-block;
  position: absolute;
  
  background-image:url(../images/icon_down_arrow.png);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center; 
  width: 24px;
  height: 18px;
  top:calc(50% - 9px);
  left: calc(50% - 12px);

}

.sec-customers-voice .remark{
  font-size: 3.3816vw;
  color: #625444;
  margin-top: 6.5217vw;
}


}


/*---------------------------------------------
     sec-banner
  ---------------------------------------------*/

.sec-banner .banner-list img{
  width: 100%;
}

@media print,screen and (min-width: 751px) {

.sec-banner{
  padding-bottom: 160px; 
}
.sec-banner .banner-list{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:flex-start;
  align-items:flex-start;
  -webkit-justify-content: space-between;
  justify-content:space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.sec-banner .banner-list li{
  margin-bottom: 50px;
  width: calc(50% - 20px);
  
}



}

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



.sec-banner .banner-list li{
  margin-bottom: 3.623188vw;
  width: 100%;
}

/* sec-productlist */
.sec-productlist .item-list{
  padding-top: 16.9082vw;
}
}

/*---------------------------------------------
     sec-banner_marvel
  ---------------------------------------------*/

.sec-bannerma .banner-list img{
  width: 100%;
}

@media print,screen and (min-width: 751px) {

.sec-bannerma{
  padding-bottom: 100px; 
}
.sec-bannerma .banner-list{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:flex-start;
  align-items:flex-start;
  -webkit-justify-content: space-between;
  justify-content:space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.sec-bannerma .banner-list li{
  margin-bottom: 50px;
  width: calc(50% - 20px);
  
}



}

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



.sec-bannerma .banner-list li{
  margin-bottom: 3.623188vw;
  width: 100%;
}

/* sec-productlist */
.sec-productlist .item-list{
  padding-top: 16.9082vw;
}
}




/*---------------------------------------------
     freepage
  ---------------------------------------------*/


@media print,screen and (min-width: 751px) {

/* top */
.free-page .sec-freepage-top{
  padding-top: 13px;
}

.free-page .top-img-inner{
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.free-page .top-img{
  text-align: center;  
  max-width: 100%;
}

.free-page .top-img img{
  margin-bottom: 85px;
  width: 100%;
}


.free-page .limited-tag{
  font-size: 15px;
  background-color: #625444;
  padding: 0px 24px;
  display: inline-block;
  color: #FFFFFF;
  position: relative;
  z-index: 2;
  min-width: 100px;
  height: 22px;
  line-height: 24px;
  text-align: center;
  margin-right: 10px;
}


.free-page .limited-tag.red-tag{
  background-color: #C42C2C;
}

.free-page .limited-tag.red-tag{
  background-color: #C42C2C;
}

/* top box */
.free-page .top-box h2{
  font-size: 30px;
  line-height: 1.5em;
  margin-bottom: 12px;
}

.free-page .top-box .top-box-inner{
  display: -webkit-flex;
  display: flex;
}

.free-page .top-box .top-box-inner p:first-child{
  margin-bottom: 40px;
}

.free-page .top-box .top-box-inner .img{
  text-align: center;
  width: 410px;
}

.free-page .top-box .top-box-inner .text{
  width: 410px;
  font-size: 20px;
  line-height: 2em;
}

.free-page .top-box .top-box-inner .caps{
  font-size: 12px;
  line-height: 2em;
}/* 諏訪追加231130 */

.free-page .top-box .top-box-inner .textma{
  width: 840px;
  font-size: 20px;
  line-height: 2em;
}

.free-page .top-box .btn{
  width: 350px;
  text-align: center;
}

.free-page .top-box{
  margin-bottom: 94px;
}


p.box-tag{
  font-size: 11px !important;
  color: #FFFFFF !important;
  background-color: #625444;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  display: inline-block;
  padding: 0 28px !important;
  margin-bottom: 10px;
}


.column3-link{
  width: 768px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:flex-start;
  align-items:flex-start;
  -webkit-justify-content: space-between;
  justify-content:space-between;
  text-align: center;

}

/* free box */
.free-box{
  padding: 40px 60px; 
  margin-bottom: 25px;
}
.free-box.box-col1{
  background-color: #D7D9C7;
}
.free-box.box-col2{
  background-color: #FBDB65;
}

.free-box2,
.free-box2-620,
.free-box2-400,
.free-box2-560{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content:space-between;

}
.free-box2-620 > div:nth-child(1){
  width: 620px;
}
.free-box2-560 > div:nth-child(1){
  width: 560px;
}
.free-box2-560 > div:nth-child(2){
  width: 260px;
}

.free-box2.type1 > div:nth-child(1){
  width: 512px;
}
.free-box2.type2 > div:nth-child(1){
  width: 472px;
}

.free-box2.type3 > div:nth-child(1){
  width: 531px;
}

/* 諏訪追加 */
.free-box2.type4 > div:nth-child(1){
  width: 531px;
}



.free-box2 .text{
  font-size: 15px;
  line-height: 1.7333em;
}



.free-box .title,
.free-box2-560 .title{
  font-size: 17px;
  line-height: 1.7647em;
  margin-bottom: 10px;
}
.free-box2-560 .text{
  font-size: 16px;
  line-height: 1.625em;
}



.free-box.type2 .title{
  font-size: 25px;
  margin-bottom: 30px;
}

.free-box.type2{
  padding-right: 0;
  padding-bottom: 10px;
}


.btn-product-list{
  margin: 0 auto;
  text-align: center;
  margin-bottom: 200px;
  padding-top: 100px;
}






.box-base .box-63,
.box-base .box-36,
.box-base .box-55{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:flex-start;
  align-items:flex-start;
  -webkit-justify-content: space-between;
  justify-content:space-between;
}

.box-base p,
.box-base span{
  font-size: 15px;
  color: #5a5a5a;
  line-height: 1.866em;
}
/*span 190731諏訪追加*/

.box-base h3{
  font-size: 28px;
  line-height: 1.42857em;
  color: #542700;
  margin-bottom: 0.55em;
}

.box-base .box-55 .c-inner{
  width: 50%;
}

.box-base h3 > span{
  font-size: 0.714em;
  margin-left: 1em;
}

.box-base .box-36 .c-inner:nth-child(1){
  -webkit-order: 2;
  order: 2;
  width: 575px;
}


.box-base .box-36 .c-inner:nth-child(2){
  -webkit-order: 1;
  order: 1;
  width: 215px;
}


.box-base .box-63 .c-inner:nth-child(1){
  -webkit-order: 1;
  order: 1;
  width: 575px;
}


.box-base .box-63 .c-inner:nth-child(2){
  -webkit-order: 2;
  order: 2;
  width: 215px;
}

.free-box3{
  margin-bottom: 25px;
}

/*220228フルーツザイム用諏訪追加*/
.c-inner .item-material{
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 15px;
  color: #5a5a5a;
  line-height: 1.866em;
}

.c-inner .item-material dd{
  margin-left: 140px ;
}
.c-inner .item-material dt{
  float: left ;
  width: 140px ; 
}

}

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

.free-page .top-img img{
  width: 100%;
  margin-bottom: 9.6618vw;
}



.free-page .top-box{
    width: 100%;
  padding-left: 4.8309vw;
  padding-right: 4.8309vw;

}


.limited-tag{
  font-size: 4.10628vw !important;
  background-color: #625444;
  padding: 0.7246vw 5.7971vw;
  display: inline-block;
  color: #FFFFFF;  
  z-index: 2;
  position: relative;
  min-width: 26.57vw;
  text-align: center;
  margin-right: 2.89855vw;
  margin-bottom: 2.89855vw;
}

.limited-tag.red-tag{
  background-color: #C42C2C;
}

.free-page .top-box h2{
  font-size: 7.24637vw;
  line-height: 1.5em;
  margin-bottom: 9.66183vw;
}

.free-page.top-box .top-box-inner > p{
  margin-bottom: 9.66183vw;;
}


.free-page .top-box .top-box-inner .text{
  font-size: 4.10628vw;
  line-height: 2.3529em;
}

.free-page .top-box .top-box-inner .text .caps{
  font-size: 3vw;
  line-height: 2.3529em;
}

.free-page .top-box .top-box-inner .textma{
  font-size: 4.10628vw;
  line-height: 2.3529em;
}

.free-page .top-box .btn{
  width: 72.4637vw;
  text-align: center;
  margin: 0 auto;
}

.free-page .top-box{
  margin-bottom: 20.5314vw;
}



p.box-tag{
  font-size: 3.623vw !important;
  color: #FFFFFF !important;
  background-color: #625444;
  height: 6.76328vw;
  line-height: 6.76328vw;
  border-radius: 3.38164vw;
  display: inline-block;
  padding: 0 1em !important;
  margin-bottom: 1em;
}


.column3-link{
  width: 100%;
  padding-left: 4.8309vw;
  padding-right: 4.8309vw;
  margin: 0 auto;

  padding-top: 9.661835vw;
  padding-bottom: 0;
}

.column3-link li{
  text-align: center;
  margin-bottom: 4.83vw
}
/* free box */

.free-box{
  padding: 9.6618vw 8.69565vw 8.4541vw; 
  margin-bottom: 2.41545vw;
}

.free-box .img img{
  width: 100%;
}

.free-box.box-col1{
  background-color: #D7D9C7;
}
.free-box.box-col2{
  background-color: #FBDB65;
}

.free-box2 .text{
  font-size: 3.8647vw;
  line-height: 1.625em;
}


.free-box .title,
.free-box2-560 .title{
  font-size: 5.314vw;
  line-height: 1.5909em;
  margin-bottom: 7.2463vw;
}
.free-box2-620 .text,
.free-box2-560 .text{
  font-size: 3.86473vw;
  line-height: 1.625em;
  margin-bottom: 7.2463vw;
}


.free-box.type2 .title{
  font-size: 6.0386vw;
  line-height: 1.4em;
  margin-bottom: 7.2463vw;
}

.free-box.type2{
  text-align: center;
  padding: 8.45414vw 0;
}


.box-base p,
.box-base span{
  font-size: 3.8647vw;
  color: #707070;
  line-height: 1.625em;
}
/*span 190731諏訪追加*/

.box-base h3{
  font-size: 5.314vw;
  line-height: 1.5909em;
  color: #542700;
  margin-bottom: 0.65em;
}

.box-base h3 > span{
  display: block;
  font-size: 4.8309vw;
}


.box-base .box-36 img,
.box-base .box-55 img,
.box-base .box-63 img{
  width: 100%;
}

.box-base .remark2,
.box-base .remark{
  font-size: 3.38164vw;
  line-height: 1.57142em;
}

.free-box3{
  margin-bottom: 2.41545vw;
}

}


/*---------------------------------------------
     商品一覧 page63
  ---------------------------------------------*/
@media print,screen and (min-width: 751px) {


.sec-productlist .bg-inner{
  background-image:url(../images/productlist/img_top_bg.png);
  background-repeat:no-repeat;
  background-size:1920px auto;
  background-position:center 550px;    
}

.sec-productlist h2.title01{
  margin-left:auto;
  margin-right:auto;
  width: 149px; 
}

.sec-productlist h2.title02{
  margin-left:auto;
  margin-right:auto;
  width: 186px; 
}

.sec-productlist h2 img{
  width: 100%;
}

/* sec-productlist */
.sec-productlist .item-list{
  padding-bottom: 150px;
}

.sec-productlist .item-list li{
  padding-bottom: 90px !important;
}

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

.sec-productlist h2.title01{
  margin-left:auto;
  margin-right:auto;
  width: 22.946vw; 
}

.sec-productlist h2.title02{
  margin-left:auto;
  margin-right:auto;
  width: 29.39962vw; 
}

.sec-productlist h2 img{
  width: 100%;
}  
.sec-productlist .bg-img{
  position: relative;
  z-index: -1;
}


.sec-productlist .item-list{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content:space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}


.sec-productlist .item-list li{
  position: relative;
  width: 50%;
/*  padding-bottom: 22.7053vw !important;*/
}

.sec-productlist .bg-img{
  top: 80vw;
  position: absolute;
}
.sec-productlist  .bg-img img{
  width: 100%;
}
.sec-productlist .bg-img.bg05{
  margin-top: -24.6618vw;
}
.sec-productlist .item-box-buy{
  padding-left: 4.8309vw;
  padding-right: 4.8309vw;
}

.sec-productlist .item-box-buy li{
  overflow: visible;
}

.sec-productlist .limited-tag{
  display: inline-block;
  font-size: 2.89855072463768vw !important;
  padding: 0 !important;
  min-width: 14.4927536231884vw !important;
  margin-right: 2.89855vw;
  margin-bottom: 2.89855vw;
  z-index: 2;
}
.sec-productlist .item-box-buy .capacity{
  border: none;
  padding:0;
}

.sec-productlist .item-box-buy .title-inner{
  min-height: 30vw;
}


.sec-productlist .item-box-buy input[type="submit"] {

  width: 100%;
}


.sec-productlist .item-box-buy .btn-submit:after{
  display: none;
}
.sec-productlist .btn-buy{
  display: block;
}


.sec-productlist .item-box-buy .btn-info{
  padding-top: 6vw;
}
.sec-productlist .btn-buy > span{
  width: 100% !important;
  display: block !important;
  
}


.sec-productlist .btn-buy > span:after{
  display: none;  
}


}




/*---------------------------------------------
     酵母とは page12
  ---------------------------------------------*/

.page-enzyme h2{
  margin-left:auto;
  margin-right:auto;
}
.page-enzyme h2.title01{ width: 289px;}

.page-enzyme h2.title02{ width: 400px;}
/*諏訪追加220302フルーツザイム用*/


.page-enzyme .sub-nav{
  width: 810px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content:space-between;
}

.page-enzyme .sub-nav li{
  width: 33.33%;
}

.page-enzyme .sub-nav li a{
  display: block;
  position: relative;
  z-index: 2;

}

.page-enzyme #yeast{
  padding-top: 150px;
}

@media print,screen and (min-width: 751px) {


}

@media screen and (max-width: 750px) {
  
.page-enzyme h2.title01{ width: 45.8937vw;}

.page-enzyme h2.title02{ width: 63.5207vw;}
/*諏訪追加220302フルーツザイム用*/
  
.page-enzyme .sub-nav{
  width: 100%;
  margin-bottom: 16.9082vw
}



}


/*---------------------------------------------
     カート画面
  ---------------------------------------------*/
#EST_SPS_regi #center3 table,
#EST_SPS_cart #center3 table{
  max-width: 840px;
  margin-left: 10px;
  margin-right: 10px;
  margin: 0 auto;
  margin-bottom: 100px;
}
#EST_SPS_regi .title1,
#EST_SPS_cart .title1{
  margin-top: 50px;
  width: 100%;
  background-repeat: repeat-x;
}



@media screen and (max-width: 750px) {
  
#EST_SPS_cart .centerbox img{
  height: auto;
}
  
#EST_SPS_regi .centerbox,
#EST_SPS_cart .centerbox{
    min-width: 100%;
  max-width: 100%;
  width: 100%;
  padding-left: 4.8309vw;
  padding-right: 4.8309vw;
}

#EST_SPS_cart .bordlayoutp3{
  overflow: auto;
}

}

/*---------------------------------------------
     コーボン とは page23
  ---------------------------------------------*/
@media print,screen and (min-width: 751px) {
.page-cobon h2{
  margin-left:auto;
  margin-right:auto;
}
.page-cobon h2.title01{ width: 166px;}
.page-cobon h2.title02{ width: 101px;}
.page-cobon h2.title03{ width: 304px;}
.page-cobon h2.title04{ width: 234px;}


.page-cobon table,
.page-cobon td,
.page-cobon th{
  border-collapse: collapse;
  border:1px solid #707070;
  text-align: center;
  font-size: 12px;
}
.page-cobon td{
  height: 25px;
  line-height: 1.91em;
}

.page-cobon table{
  margin-bottom: 25px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  table-layout: fixed;

}
.page-cobon .table01{
  margin-bottom: 60px !important;
}
.page-cobon table.type1{
  width: 500px;
}
.page-cobon table.type2{
  width: 840px;
}

.page-cobon th{
  font-weight: bold;
  width: 168px;
  max-width: 168px;
  min-width: 168px;
  background-color: rgba(253, 226, 131, 0.5);
}

.page-cobon td{
  width: 336x;
  max-width: 336x;
  min-width: 336x;
}

.page-cobon .remark{
  font-size: 11px;
  padding-top: 25px !important;
}
.page-cobon .remark2{
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.3846em;
}

.page-cobon .profiled{
  padding-right: 43px;
}
.page-cobon .profiled h3{
  font-size: 22px;
  color: #1D1C1C;

}

.page-cobon .sub-catch{
  margin-top: -42px;
}

}

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

.page-cobon h2{
  margin-left:auto;
  margin-right:auto;
}
.page-cobon h2.title01{
  width: 26.0869vw;
}
.page-cobon h2.title02{
  width: 15.94202vw;
}

.page-cobon h2.title03{
  width: 47.8260vw;
}

.page-cobon h2.title04{
  width: 36.95652vw;
}


.page-cobon table,
.page-cobon td,
.page-cobon th{
  border-collapse: collapse;
  text-align: center;
  font-size: 3.140096vw;
}

.page-cobon table{
  table-layout: fixed;
  width: 100%;

}

.page-cobon th{
  font-weight: bold;
}
.page-cobon td,
.page-cobon th{
  min-height: 7.2463768vw;
  line-height: 7.2463768vw;
}



.page-cobon table.type1,
.page-cobon table.type1 td,
.page-cobon table.type1 th{
  border:1px solid #707070;
}

.page-cobon table.type2{
  border-left:1px solid #707070;
  border-right:1px solid #707070;
  border-top:1px solid #707070;
}

.page-cobon table.type2 th,
.page-cobon table.type2 td{
  border-bottom:1px solid #707070;
}
.page-cobon table.type2 td:last-child{
  border-left:1px solid #707070;
}
.page-cobon td{
  width: 50%;
}


.page-cobon table{
  margin-bottom: 30px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.page-cobon table.type2 tr{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:center;
  align-items:center;
  -webkit-justify-content: space-between;
  justify-content:space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.page-cobon table.type2 th{
  display: block;
  width: 100%;
}
.page-cobon table.type2 td{
  display: block;
  width: 50%;
}
.page-cobon th{
  background-color: rgba(253, 226, 131, 0.5);
}

.page-cobon td{
}

.page-cobon .remark{
  font-size: 3.3816425vw;
  line-height: 1.71428em;
}

.page-cobon .profiled{
  margin-bottom: 0;
}
.page-cobon .profiled .img{
  padding: 0 20% 16.9082vw;
}

}

/*---------------------------------------------
     会社概要
  ---------------------------------------------*/
.page-company h2{
  margin-left:auto;
  margin-right:auto;
}
.page-company h2.title01{ width: 150px;}

.page-company table{
  line-height: 1.6em;
}

.page-company table th{
  width: 340px;
  text-align: center;
  border-right: 1px solid rgba(112, 112, 112, 0.5);
  vertical-align:top;
  font-weight: bold;
  font-size: 16px;
}  

.page-company table td{
  padding-left: 60px;
  vertical-align:top;
  font-size: 16px;
}

.page-company table td:not(:last-child),
.page-company table th:not(:last-child){
  padding-bottom: 40px;
}
.page-company .company-box{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content:center;
}

.page-company .company-box .company-box-inner:first-child{
  width: 280px;
}
.page-company .company-box .company-box-inner:nth-child(2){
  width: 380px;
  margin-left: 50px;
}

.page-company .company-box .company-box-inner:nth-child(2) img{
  width: 100%;
}

.page-company .company-box h3{
  font-size: 16px;
  line-height: 1.5em;
  font-weight:bold;
  color: #1D1C1C;
  border-bottom: 1px solid rgba(112, 112, 112, 0.5);
}

.page-company .company-box p{
/*  font-size: 27px;*/
  line-height: 1.85em;
}

.page-company .map-link{
  text-align: center;
}
.page-company .map-link a{
  display: inline-block;
  font-size: 22px;
  color: #FFFFFF;
  padding: 10px 36px;
  background-color: #625444;
}

  
.sec-contact{
  background-color: #D7D9C7;
}  
.sec-contact .link-product2 span{
  background-color: rgba(252, 226, 132, 0.6);
  color: #505050;
/*諏訪追加210408*/
  display: inline-block;
  width: 770px;
  height: 100px;
  line-height: 100px;
  font-size: 25px;
}


.sec-contact h3{
  font-size: 30px;
  text-align: center;
}
.sec-contact .box{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:flex-start;
  align-items:flex-start;
  -webkit-justify-content: center;
  justify-content:center;
}

.sec-contact .box-inner{
  padding: 0 80px;
}

.sec-contact .title{
  font-size: 18px;
  font-weight: bold !important;
  line-height: 2em;  
}
.sec-contact p span,
.sec-contact p{
  font-size: 18px;
  line-height: 1.85em;
}


.free-icon:before{
  content: "";
  display: inline-block;
  background-image:url(../images/icon_free.gif);
  background-repeat:no-repeat;
  background-size:contain;
  width: 30px;
  height: 17px;
  top:2px;
  position: relative;
  margin-right: 10px;
}

.sec-exhibition h2{
  text-align: center;
  font-size: 28px;
  line-height: 1.42857em;
  color: #542700;
  margin-bottom: 50px;
}


.sec-exhibition  .h4-simple{
  color: #542700;
  border-bottom: 1px solid !important;
  padding-bottom: 6px !important;
  margin-bottom: 20px !important;
}

.sec-exhibition img{
  width: 100%;
  padding: 0 50px;
}

.sec-exhibition .date{
  margin-bottom: 10px;
}

.sec-exhibition h3{
  border-bottom: 1px solid;
}

.box2{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content:space-between;
  padding: 0 50px;
}

.box2 > div,
.box2 > p{
  width: calc(50% - 10px);
}
.box2 img{
  padding: 0;
}


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

.page-company h2.title01{ width: 22.94685vw;}


.page-company table{
  font-size: 4.8309vw;
}

.page-company table th{
  display: block;
  width: 100%;
  text-align: left;
  border: none;
  padding: 0 !important;
}
.page-company table td{
  display: block;
  vertical-align:top;
  padding: 0 !important;
  margin-bottom: 4.830917vw;
}

.page-company .company-box{
  display: block;
}

.sec-contact .box{
  display: block;
}

.page-company .company-box h3{
  font-size: 4.8309vw;
}

.page-company .company-box a,
.page-company .company-box p{
  font-size: 4.8309vw;
}

.page-company .company-box .company-box-inner:first-child{
  width: 100%;
}
.page-company .company-box .company-box-inner:nth-child(2){
  width: 100%;
  margin-left: 0;
}


.page-company .map-link a{
  font-size: 4.8309vw;
  padding: 2.41545vw 7.72946vw;
}
.sec-contact h3{
  font-size: 5.314vw !important;
}
.sec-contact .box-inner{
  padding: 0;
}

.sec-contact .title{
  font-size: 4.8309vw;
}
.free-icon,
.sec-contact p,
.sec-contact a{
  font-size: 4.8309vw !important;
}

.free-icon:before{
  content: "";
  display: inline-block;
  background-image:url(../images/icon_free.gif);
  background-repeat:no-repeat;
  background-size:contain;
  width: 9.375vw;
  height: 5.3125vw;
  top:0.625vw;
  position: relative;
  margin-right: 0.5vw;
}

.sec-exhibition img{
  padding: 0;
}

.sec-exhibition h2{
  font-size: 4.8309vw !important;
}
.sec-exhibition h4 span{
  padding-bottom: 2.41545vw;
}

.box2{
  display: block;
  padding: 0;
}

.box2 > div,
.box2 > p{
  width:100%;
}

/*諏訪追加210408*/
.sec-contact .link-product2 span{
  display: block;
  width: 100%;
  height: 16.9082125603865vw;
  font-size: 5.31400966183575vw;
  line-height: 16.9082125603865vw;
  border-top: 1px solid #542700;
  border-bottom: 1px solid #542700;
}
}

/*---------------------------------------------
     よくある質問
  ---------------------------------------------*/
.page-qa h2{
  margin-left:auto;
  margin-right:auto;
}
.page-qa h2.title01{ width: 216px;}

.page-qa .nav-list a{
  font-size: 17px ;
  line-height: 3em;
  font-weight: bold;
  padding-left: 25px;
}

.page-qa h3{
  background-color: #FCE284;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4em;
  padding: 14px 25px;
  margin-bottom: 40px;
}

.page-qa h4{
  color: #B70C0C;
  font-size: 16px;
  font-weight: bold;
  padding-left: 25px;
  margin-bottom: 20px;
}

.page-qa p{
  padding-left: 50px;
  padding-right: 50px;
  font-size: 15px;
  line-height: 1.8666em;
  margin-bottom: 3em;
}
.page-qa p span{
  font-size: 15px;
}

.btn-page-top{
  text-align: right;
  margin-bottom: 25px;
}

.btn-page-top a{
  font-size: 11px;
  background-color: #A09A9A;
  color: #FFFFFF !important;
  padding: 0px 10px;
  display: inline-block;
}

.page-qa .link-mail,
.page-qa p > a{
  text-decoration: underline;
  font-weight: bold;
  font-size: 15px;
}
.page-qa .box2{
   display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content:space-between;
  padding: 0 0;   
}


.page-qa .box2 > div:nth-child(1),
.page-qa .box2 > p:nth-child(1){
  width: calc(42% - 10px);

}
.page-qa .box2 > div:nth-child(2),
.page-qa .box2 > p:nth-child(2){
  padding-left: 0;
  padding-right: 0;
  width: calc(58% - 10px);
}

.page-qa .box2.type1 p{
  padding: 0 !important;
}

.page-qa .box2.type1 > div{
  width: calc(50% - 20px);
} 

.page-qa .border{
  border: 1px solid;
  padding: 1em;
  display: block;
}
.page-qa  table.table1{
  margin-left: 50px !important;
  width: 450px;
  text-align: center;
  margin-bottom: 4em !important;

}

.page-qa  table.table1 td{
  border: 1px solid;
  padding: 8px 16px;
  font-size: 14px;
}

.page-qa  table.table2{
  text-align: center;
  font-size: 12px;
  line-height: 1.2857em;
  margin-bottom: 4em !important;
}
.page-qa  table.table2 th{
  padding: 10px 0;
}
.page-qa  table.table2 td{
  border: 1px solid;
  width: 145px;
  height: 65px;
  padding: 4px 2px;
  font-size: 12px;
}
.page-qa  table.table2 td span{
  font-size: 12px;
  color: #B70C0C;
  padding: 4px 2px;
}

.page-qa  table.table2 th:not(.not-boader){
  border: 1px solid;
  background-color: #EFF0E7;
}


.page-qa table a{
  text-decoration: underline;
  font-weight: bold;
  font-size: 12px;
}
@media screen and (max-width: 750px) {
.page-qa .nav-list,
.page-qa .qa-list{
  padding-left: 4.8309vw;
  padding-right: 4.8309vw;
}

.page-qa .nav-list a{
  font-size: 4.58937vw !important;
  padding-left: 0;
}

.page-qa h3{
  font-size: 4.58937vw !important;
  line-height: 1.7894em !important;
  margin-bottom: 1em;
  text-align: center;
  padding: 3.3816vw 0;
}

.page-qa h4{
  font-size: 4.58937vw !important;
  line-height: 1.7894em !important;
  padding: 0;
  
  margin-bottom: 1em;
}

.page-qa p{
  padding-left: 0;
  padding-right: 0;
  font-size: 3.86473vw !important;
  line-height: 1.625em !important;
  margin-bottom: 2em;
}


.page-qa p span{
  font-size: 3.86473vw !important;
}

.btn-page-top{
  text-align: right;
  margin-right: 4.8309vw;
}

.btn-page-top a{
  font-size: 3.38164251207729vw;
  padding: 0.724637vw 3.38164vw;
}

.page-qa p > a{
  font-size: 3.86473vw;
}

.page-qa h2 img{
  width: 100%;
}
.page-qa h2.title01{
  width: 34.29956vw;
}

.page-qa .box2{
  display: block;
}

.page-qa .box2 > p,
.page-qa .box2 > div{
  width: 100% !important;
}

.page-qa table.table1{
  width: 100%;
  margin-left:0 !important;
}


.page-qa table.table3{
  width: 100%;
  text-align: center;
  font-size: 3.86473vw;
  line-height: 1.2857em;
  margin-bottom: 2em !important;
}
.page-qa table.table3 th{
  padding: 1.44927vw 0.96618vw;
  width: 30%;
  font-size: 3.623vw;
}
.page-qa table.table1 td,
.page-qa table.table3 td{
  border: 1px solid;
  padding: 1.44927vw 0.96618vw;
  font-size: 3.623vw;
}
.page-qa table.table3 td span{
  font-size: 3.623vw;
  color: #B70C0C;
  padding: 1.44927vw 0.96618vw;
}

.page-qa table.table3 th{
  border: 1px solid;
  background-color: #EFF0E7;
  
}

.page-qa table a{
  font-size: 3.623vw;
}


}
/*---------------------------------------------
     お客様の声
  ---------------------------------------------*/
.page-voice h2{
  margin-left:auto;
  margin-right:auto;
}
.page-voice h2.title01{ width: 188px;}

.page-voice .voice-select{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items:flex-start;
  align-items:flex-start;
  -webkit-justify-content: space-between;
  justify-content:space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.page-voice .voice-select::after{
  content:"";
  display: block;
  width:30%;
}
/*諏訪追加210325*/

.page-voice .voice-select li{
  width: calc(33.33% - (100px / 3));
  margin-bottom: 36px;
}


.page-voice .voice-select li.is-active{
}

.page-voice .title{
  font-size: 28px;
  text-align: center;
}

.page-voice .remark{
  font-size: 16px;
}
.page-voice .title-box h3{
  color: #625444;
}

.page-voice .customers-voice-list2,
.page-voice .customers-voice-list{
  border: 1px solid #625444;
  padding: 57px 75px;
  font-size: 17px;
  line-height: 1.7647em;
}

.page-voice .customers-voice-list2 li,
.page-voice .customers-voice-list li{
  color: #625444;
  margin-bottom: 70px;
  margin-bottom:30px;
  padding-top: 25px;
}

.page-voice .customers-voice-list2 li:not(:first-child),
.page-voice .customers-voice-list li:not(:first-child){
  border-top: 1px dashed;
}

@media print,screen and (min-width: 751px) {

.page-voice .bg-inner{
  background-image:url(../images/voice/img_top_bg.jpg);
  background-repeat:no-repeat;
  background-size:1920px auto;
  background-position:center 920px;    
}
}


@media screen and (max-width: 750px) {
  
  
.page-voice h2.title01{ width: 26.08695vw;}

.page-voice .title{
  font-size: 4.83091787439614vw;
  text-align: center;
}

.page-voice .remark{
  font-size: 3.14009661835749vw;
}

.page-voice .voice-select li{
  width: calc(50% - (4.3478vw / 2));
  margin-bottom: 4.8309vw;
}
.page-voice .customers-voice-list2,
.page-voice .customers-voice-list{
  border: 1px solid #625444;
  padding: 9.1787vw 2.4154vw;
  font-size: 3.6231vw;
  line-height: 2em;
}

.page-voice .customers-voice-list2 li,
.page-voice .customers-voice-list li{
  color: #625444;
  margin-bottom:4.8309vw;
  padding-top: 4.8309vw;

}

}



/*---------------------------------------------
     取扱い上の注意 
  ---------------------------------------------*/
.page-caution h2{
  margin-left:auto;
  margin-right:auto;
}

.page-caution h2.title01{ width: 223px;}

.page-caution h3{
  background-color: #FCE284;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4em;
  padding: 10px 25px;
  margin-bottom: 35px;
}

.page-caution h4{
  font-size: 16px;
  font-weight: bold;
  padding-left: 25px;
  margin-bottom: 20px;
   
}

.page-caution h4.border{
  padding-bottom: 10px;
  margin-bottom: 25px;
  border-bottom: 1px solid #CBC0C0;
}

.page-caution p{
  font-size: 15px;
  line-height: 1.8666em;
  margin-bottom: 1.5em;
}

.page-caution ul{
  padding-left: 25px;
}
.page-caution ul li{
  font-size: 15px;
  line-height: 1.888em;
  font-weight: bold;
}

.page-caution .indent li{
  font-size: 15px;
  padding-left:1em;
  text-indent:-1em;
}

.page-caution ul li span{
  font-size: 15px;
  color: #FD0B0B;
}

.page-caution .materials-list a{
  font-size: 15px;
  color: #B70C0C;
  text-decoration: underline;
}

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

.page-caution h2.title01{ width: 36.9565vw;}

.page-caution h3{
  font-size: 4.58937vw !important;
  line-height: 1.7894em !important;
  margin-bottom: 1em;
  text-align: center;
  padding: 3.3816vw 0;
}

.page-caution h4{
  font-size: 4.58937vw !important;
  line-height: 1.7894em !important;
  padding: 0;
  
  margin-bottom: 1em;
}

.page-caution .materials-list a,
.page-caution .indent li,
.page-caution ul li span,
.page-caution ul li{
  font-size: 3.86473vw;
}



.page-caution p{
  padding-left: 0;
  padding-right: 0;
  font-size: 3.86473vw !important;
  line-height: 1.625em !important;
  margin-bottom: 2em;
}


.page-caution h3,
.page-caution h4,
.page-caution ul{
  padding-left: 4.8309vw;
  padding-right: 4.8309vw;
}

.page-caution .sec-banner ul{
  padding: 0;
  
}

}


/*---------------------------------------------
     個人情報の取り扱いについて
  ---------------------------------------------*/
.page-privacypolicy h2{
  margin-left:auto;
  margin-right:auto;
}

.page-privacypolicy h2.title01{ width: 522px;}

.page-privacypolicy h3{
  background-color: #FCE284;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4em;
  padding: 10px 25px;
  margin-bottom: 35px;
}

.page-privacypolicy a,
.page-privacypolicy p{
  font-size: 15px;
  line-height: 1.8666em;
  padding-bottom: 1.5em;
}
.page-privacypolicy p a{
  color: #B70C0C;  
}

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

.page-privacypolicy h2.title01{ width: 80vw;}

.page-privacypolicy h3{
  font-size: 4.58937vw !important;
  line-height: 1.7894em !important;
  margin-bottom: 1em;
  text-align: center;
  padding: 3.3816vw 0;
}



.page-privacypolicy p a,
.page-privacypolicy p{
  padding-left: 0;
  padding-right: 0;
  font-size: 3.86473vw !important;
  line-height: 1.625em !important;
  margin-bottom: 2em;
}


.page-privacypolicy p{
  padding-left: 4.8309vw;
  padding-right: 4.8309vw;
}

.page-privacypolicy .sec-banner ul{
  padding: 0;
}

}

/*---------------------------------------------
     ご利用案内
  ---------------------------------------------*/
.page-guide h2{
  margin-left:auto;
  margin-right:auto;
}

.page-guide h2.title01{ width: 190px;}

.page-guide h3{
  background-color: #FCE284;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4em;
  padding: 10px 25px;
  margin-bottom: 35px;
}

.page-guide a,
.page-guide p{
  font-size: 15px;
  line-height: 1.8666em;
  padding-bottom: 2em;
}

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

.page-guide h2.title01{ width: 35vw;}

.page-guide h3{
  font-size: 4.58937vw !important;
  line-height: 1.7894em !important;
  margin-bottom: 1em;
  text-align: center;
  padding: 3.3816vw 0;
}



.page-guide p a,
.page-guide p{
  padding-left: 0;
  padding-right: 0;
  font-size: 3.86473vw !important;
  line-height: 1.625em !important;
  margin-bottom: 2em;
}


.page-guide p{
  padding-left: 4.8309vw;
  padding-right: 4.8309vw;
}

.page-guide .sec-banner ul{
  padding: 0;
}

}

/*---------------------------------------------
     サイトマップ
  ---------------------------------------------*/
.page-sitemap h2{
  margin-left:auto;
  margin-right:auto;
}

.page-sitemap h2.title01{ width: 190px;}

.page-sitemap h3{
  background-color: #FCE284;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4em;
  padding: 10px 25px;
  margin-bottom: 0.5em;
}

.page-sitemap .site-list a{
  font-size: 17px ;
  line-height: 3em;
  font-weight: bold;
  padding-left: 25px;
}

.page-sitemap .site-list{
  margin-bottom: 2.5em;  
}

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

.page-sitemap h2.title01{ width: 35vw;}

.page-sitemap h3{
  font-size: 4.58937vw !important;
  line-height: 1.7894em !important;
  margin-bottom: 1em;
  text-align: center;
  padding: 3.3816vw 0;
}

.page-sitemap .site-list a{
  font-size: 3.86473vw !important;
  margin-bottom: 2em;
  padding-left: 4.8309vw;
  padding-right: 4.8309vw;
}


.page-sitemap .sec-banner ul{
  padding: 0;
}

}


/*---------------------------------------------
     特定商取引法に関する表示
  ---------------------------------------------*/
.page-ordercontract h2{
  margin-left:auto;
  margin-right:auto;
}

.page-ordercontract h2.title01{ width: 522px;}

.page-ordercontract h3{
  background-color: #FCE284;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4em;
  padding: 10px 25px;
  margin-bottom: 2em;
}

.page-ordercontract table{
  margin-bottom: 4em !important;
  table-layout: fixed;
}

.page-ordercontract table td,
.page-ordercontract table th{
  border: 1px solid #6F6756;
  padding: 22px 28px;
  font-size: 16px;
  line-height: 1.33em;
}
.page-ordercontract table a,
.page-ordercontract table p{
  font-size: 16px !important;
  line-height: 1.33em !important;
  margin-bottom: 1em;
}

.tenbai{
  font-size: 16px;
  line-height: 1.33em;
  margin-bottom: 1em;
}/*p諏訪追加*/

.page-ordercontract table th{
  background-color: #919574;
  color: #FFFFFF;
  width: 170px;
}



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

.page-ordercontract h2.title01{ width: 65vw;}

.page-ordercontract h3{
  font-size: 4.58937vw !important;
  line-height: 1.7894em !important;
  margin-bottom: 1em;
  text-align: center;
  padding: 3.3816vw 0;
}


.page-ordercontract table td,
.page-ordercontract table th{
  padding: 1.932367149758455vw 1.93236714975845vw;
  font-size: 3.381642vw;
  line-height: 1.33em;
}

.tenbai{
  padding: 1.932367149758455vw 1.93236714975845vw;
  font-size: 3.381642vw !important;
  line-height: 1.33em;
}/*諏訪追加*/

.page-ordercontract table th{
  width: 28.9855072463768vw;
}
.page-ordercontract table a,
.page-ordercontract table p{
  font-size: 3.381642vw !important;
  line-height: 1.33em !important;
  margin-bottom: 1em;
}


.page-ordercontract .sec-banner ul{
  padding: 0;
}


#center3 .centerbox{
  padding-top: 0;
}

#center3 .mainFrame{
  padding-top:14.4927vw;
}


#EST_SPS_regi #center3 .centerbox,
#EST_SPS_cart #center3 .centerbox{

  padding-top:14.4927vw;
}



}


/*---------------------------------------------
     70周年
  ---------------------------------------------*/
@media print,screen and (min-width: 751px) {
.page-70th h2{
  margin-left:auto;
  margin-right:auto;
}
.page-70th h2.title01{ width: 382px;}

}

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

.page-70th h2{
  margin-left:auto;
  margin-right:auto;
}
.page-70th h2.title01{
  width: 60.0313vw;
}

}

/*---------------------------------------------
     他
  ---------------------------------------------*/
@media print,screen and (min-width: 751px) {

.e-move{
	list-style-type: none;
	overflow: hidden;
	transition: .8s;
	opacity: 0;
	transform: translate(0,50px) scale(1.0, 1.0);
	-webkit-transform: translate(0,50px) scale(1.1 1.1);
}


.e-mv-on{
	opacity: 1.0;
	transform:translate(0,0) scale(1.0, 1.0);
	-webkit-transform:translate(0,0) scale(1.0, 1.0);
}
}


@media screen and (max-width: 750px) {
.e-move{
	list-style-type: none;
	overflow: hidden;
	opacity: 1;
}

}

.clear_pm{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}



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

@media print,screen and (min-width: 751px) {

.pc-mb0,.mb0{ margin-bottom: 0 !important;}
.pc-mb10,.mb10{ margin-bottom: 10px;}
.pc-mb20,.mb20{ margin-bottom: 20px;}
.pc-mb30,.mb30{ margin-bottom: 30px;}
.pc-mb40,.mb40{ margin-bottom: 40px;}
.pc-mb50,.mb50{ margin-bottom: 50px;}
.pc-mb60,.mb60{ margin-bottom: 60px;}
.pc-mb70,.mb70{ margin-bottom: 70px;}
.pc-mb80,.mb80{ margin-bottom: 80px;}
.pc-mb90,.mb90{ margin-bottom: 90px;}
.pc-mb100,.mb100{ margin-bottom: 100px;}
.pc-mb110,.mb110{ margin-bottom: 110px;}
.pc-mb120,.mb120{ margin-bottom: 120px;}
.pc-mb130,.mb130{ margin-bottom: 130px;}
.pc-mb140,.mb140{ margin-bottom: 140px;}
.pc-mb150,.mb150{ margin-bottom: 150px;}
.pc-mb160,.mb160{ margin-bottom: 160px;}
.pc-mb170,.mb170{ margin-bottom: 170px;}
.pc-mb180,.mb180{ margin-bottom: 180px;}
.pc-mb190,.mb190{ margin-bottom: 190px;}
.pc-mb200,.mb200{ margin-bottom: 200px;}
.pc-mb210,.mb210{ margin-bottom: 210px;}
.pc-mb220,.mb220{ margin-bottom: 220px;}
.pc-mb230,.mb230{ margin-bottom: 230px;}
.pc-mb240,.mb240{ margin-bottom: 240px;}
.pc-mb250,.mb250{ margin-bottom: 250px;}
.pc-mb260,.mb260{ margin-bottom: 260px;}
.pc-mb270,.mb270{ margin-bottom: 270px;}
.pc-mb280,.mb280{ margin-bottom: 280px;}
.pc-mb290,.mb290{ margin-bottom: 290px;}
.pc-mb300,.mb300{ margin-bottom: 300px;}



.pc-mt0,.mt0{ margin-top: 0 !important;}
.pc-mt10,.mt10{ margin-top: 10px;}
.pc-mt20,.mt20{ margin-top: 20px;}
.pc-mt30,.mt30{ margin-top: 30px;}
.pc-mt40,.mt40{ margin-top: 40px;}
.pc-mt50,.mt50{ margin-top: 50px;}
.pc-mt60,.mt60{ margin-top: 60px;}
.pc-mt70,.mt70{ margin-top: 70px;}
.pc-mt80,.mt80{ margin-top: 80px;}
.pc-mt90,.mt90{ margin-top: 90px;}
.pc-mt100,.mt100{ margin-top: 100px;}
.pc-mt110,.mt110{ margin-top: 110px;}
.pc-mt120,.mt120{ margin-top: 120px;}
.pc-mt130,.mt130{ margin-top: 130px;}
.pc-mt140,.mt140{ margin-top: 140px;}
.pc-mt150,.mt150{ margin-top: 150px;}
.pc-mt160,.mt160{ margin-top: 160px;}
.pc-mt170,.mt170{ margin-top: 170px;}
.pc-mt180,.mt180{ margin-top: 180px;}
.pc-mt190,.mt190{ margin-top: 190px;}
.pc-mt200,.mt200{ margin-top: 200px;}
.pc-mt210,.mt210{ margin-top: 210px;}
.pc-mt220,.mt220{ margin-top: 220px;}
.pc-mt230,.mt230{ margin-top: 230px;}
.pc-mt240,.mt240{ margin-top: 240px;}
.pc-mt250,.mt250{ margin-top: 250px;}
.pc-mt260,.mt260{ margin-top: 260px;}
.pc-mt270,.mt270{ margin-top: 270px;}
.pc-mt280,.mt280{ margin-top: 280px;}
.pc-mt290,.mt290{ margin-top: 290px;}
.pc-mt300,.mt300{ margin-top: 300px;}



.pc-pb0,.pb0{ padding-bottom: 0 !important;}
.pc-pb10,.pb10{ padding-bottom: 10px;}
.pc-pb20,.pb20{ padding-bottom: 20px;}
.pc-pb30,.pb30{ padding-bottom: 30px;}
.pc-pb40,.pb40{ padding-bottom: 40px;}
.pc-pb50,.pb50{ padding-bottom: 50px;}
.pc-pb60,.pb60{ padding-bottom: 60px;}
.pc-pb70,.pb70{ padding-bottom: 70px;}
.pc-pb80,.pb80{ padding-bottom: 80px;}
.pc-pb90,.pb90{ padding-bottom: 90px;}
.pc-pb100,.pb100{ padding-bottom: 100px;}
.pc-pb110,.pb110{ padding-bottom: 110px;}
.pc-pb120,.pb120{ padding-bottom: 120px;}
.pc-pb130,.pb130{ padding-bottom: 130px;}
.pc-pb140,.pb140{ padding-bottom: 140px;}
.pc-pb150,.pb150{ padding-bottom: 150px;}
.pc-pb160,.pb160{ padding-bottom: 160px;}
.pc-pb170,.pb170{ padding-bottom: 170px;}
.pc-pb180,.pb180{ padding-bottom: 180px;}
.pc-pb190,.pb190{ padding-bottom: 190px;}
.pc-pb200,.pb200{ padding-bottom: 200px;}
.pc-pb210,.pb210{ padding-bottom: 210px;}
.pc-pb220,.pb220{ padding-bottom: 220px;}
.pc-pb230,.pb230{ padding-bottom: 230px;}
.pc-pb240,.pb240{ padding-bottom: 240px;}
.pc-pb250,.pb250{ padding-bottom: 250px;}
.pc-pb260,.pb260{ padding-bottom: 260px;}
.pc-pb270,.pb270{ padding-bottom: 270px;}
.pc-pb280,.pb280{ padding-bottom: 280px;}
.pc-pb290,.pb290{ padding-bottom: 290px;}
.pc-pb300,.pb300{ padding-bottom: 300px;}



.pc-pt0,.pt0{ padding-top: 0 !important;}
.pc-pt10,.pt10{ padding-top: 10px;}
.pc-pt20,.pt20{ padding-top: 20px;}
.pc-pt30,.pt30{ padding-top: 30px;}
.pc-pt40,.pt40{ padding-top: 40px;}
.pc-pt50,.pt50{ padding-top: 50px;}
.pc-pt60,.pt60{ padding-top: 60px;}
.pc-pt70,.pt70{ padding-top: 70px;}
.pc-pt80,.pt80{ padding-top: 80px;}
.pc-pt90,.pt90{ padding-top: 90px;}
.pc-pt100,.pt100{ padding-top: 100px;}
.pc-pt110,.pt110{ padding-top: 110px;}
.pc-pt120,.pt120{ padding-top: 120px;}
.pc-pt130,.pt130{ padding-top: 130px;}
.pc-pt140,.pt140{ padding-top: 140px;}
.pc-pt150,.pt150{ padding-top: 150px;}
.pc-pt160,.pt160{ padding-top: 160px;}
.pc-pt170,.pt170{ padding-top: 170px;}
.pc-pt180,.pt180{ padding-top: 180px;}
.pc-pt190,.pt190{ padding-top: 190px;}
.pc-pt200,.pt200{ padding-top: 200px;}
.pc-pt210,.pt210{ padding-top: 210px;}
.pc-pt220,.pt220{ padding-top: 220px;}
.pc-pt230,.pt230{ padding-top: 230px;}
.pc-pt240,.pt240{ padding-top: 240px;}
.pc-pt250,.pt250{ padding-top: 250px;}
.pc-pt260,.pt260{ padding-top: 260px;}
.pc-pt270,.pt270{ padding-top: 270px;}
.pc-pt280,.pt280{ padding-top: 280px;}
.pc-pt290,.pt290{ padding-top: 290px;}
.pc-pt300,.pt300{ padding-top: 300px;}




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

.sp-mb0,.mb0{ margin-bottom: 0 !important;}
.sp-mb10,.mb10{ margin-bottom: 2.4154vw;}
.sp-mb20,.mb20{ margin-bottom: 4.8309vw;}
.sp-mb30,.mb30{ margin-bottom: 7.2463vw;}
.sp-mb40,.mb40{ margin-bottom: 9.6618vw;}
.sp-mb50,.mb50{ margin-bottom: 12.077vw;}
.sp-mb60,.mb60{ margin-bottom: 14.492vw;}
.sp-mb70,.mb70{ margin-bottom: 16.908vw;}
.sp-mb80,.mb80{ margin-bottom: 19.323vw;}
.sp-mb90,.mb90{ margin-bottom: 21.739vw;}
.sp-mb100,.mb100{ margin-bottom: 24.154vw;}
.sp-mb110,.mb110{ margin-bottom: 26.570vw;}
.sp-mb120,.mb120{ margin-bottom: 28.985vw;}
.sp-mb130,.mb130{ margin-bottom: 31.400vw;}
.sp-mb140,.mb140{ margin-bottom: 33.816vw;}
.sp-mb150,.mb150{ margin-bottom: 36.231vw;}
.sp-mb160,.mb160{ margin-bottom: 38.647vw;}
.sp-mb170,.mb170{ margin-bottom: 41.062vw;}
.sp-mb180,.mb180{ margin-bottom: 43.478vw;}
.sp-mb190,.mb190{ margin-bottom: 45.893vw;}
.sp-mb200,.mb200{ margin-bottom: 48.309vw;}
.sp-mb210,.mb210{ margin-bottom: 50.724vw;}
.sp-mb220,.mb220{ margin-bottom: 53.140vw;}
.sp-mb230,.mb230{ margin-bottom: 55.555vw;}
.sp-mb240,.mb240{ margin-bottom: 57.971vw;}
.sp-mb250,.mb250{ margin-bottom: 60.386vw;}
.sp-mb260,.mb260{ margin-bottom: 62.801vw;}
.sp-mb270,.mb270{ margin-bottom: 65.217vw;}
.sp-mb280,.mb280{ margin-bottom: 67.632vw;}
.sp-mb290,.mb290{ margin-bottom: 70.048vw;}

.sp-mt0,.mt0{ margin-top: 0 !important;}
.sp-mt10,.mt10{ margin-top: 2.4154vw;}
.sp-mt20,.mt20{ margin-top: 4.8309vw;}
.sp-mt30,.mt30{ margin-top: 7.2463vw;}
.sp-mt40,.mt40{ margin-top: 9.6618vw;}
.sp-mt50,.mt50{ margin-top: 12.077vw;}
.sp-mt60,.mt60{ margin-top: 14.492vw;}
.sp-mt70,.mt70{ margin-top: 16.908vw;}
.sp-mt80,.mt80{ margin-top: 19.323vw;}
.sp-mt90,.mt90{ margin-top: 21.739vw;}
.sp-mt100,.mt100{ margin-top: 24.154vw;}
.sp-mt110,.mt110{ margin-top: 26.570vw;}
.sp-mt120,.mt120{ margin-top: 28.985vw;}
.sp-mt130,.mt130{ margin-top: 31.400vw;}
.sp-mt140,.mt140{ margin-top: 33.816vw;}
.sp-mt150,.mt150{ margin-top: 36.231vw;}
.sp-mt160,.mt160{ margin-top: 38.647vw;}
.sp-mt170,.mt170{ margin-top: 41.062vw;}
.sp-mt180,.mt180{ margin-top: 43.478vw;}
.sp-mt190,.mt190{ margin-top: 45.893vw;}
.sp-mt200,.mt200{ margin-top: 48.309vw;}
.sp-mt210,.mt210{ margin-top: 50.724vw;}
.sp-mt220,.mt220{ margin-top: 53.140vw;}
.sp-mt230,.mt230{ margin-top: 55.555vw;}
.sp-mt240,.mt240{ margin-top: 57.971vw;}
.sp-mt250,.mt250{ margin-top: 60.386vw;}
.sp-mt260,.mt260{ margin-top: 62.801vw;}
.sp-mt270,.mt270{ margin-top: 65.217vw;}
.sp-mt280,.mt280{ margin-top: 67.632vw;}
.sp-mt290,.mt290{ margin-top: 70.048vw;}


.sp-pb0,.pb0{ padding-bottom: 0 !important;}
.sp-pb10,.pb10{ padding-bottom: 2.4154vw;}
.sp-pb20,.pb20{ padding-bottom: 4.8309vw;}
.sp-pb30,.pb30{ padding-bottom: 7.2463vw;}
.sp-pb40,.pb40{ padding-bottom: 9.6618vw;}
.sp-pb50,.pb50{ padding-bottom: 12.077vw;}
.sp-pb60,.pb60{ padding-bottom: 14.492vw;}
.sp-pb70,.pb70{ padding-bottom: 16.908vw;}
.sp-pb80,.pb80{ padding-bottom: 19.323vw;}
.sp-pb90,.pb90{ padding-bottom: 21.739vw;}
.sp-pb100,.pb100{ padding-bottom: 24.154vw;}
.sp-pb110,.pb110{ padding-bottom: 26.570vw;}
.sp-pb120,.pb120{ padding-bottom: 28.985vw;}
.sp-pb130,.pb130{ padding-bottom: 31.400vw;}
.sp-pb140,.pb140{ padding-bottom: 33.816vw;}
.sp-pb150,.pb150{ padding-bottom: 36.231vw;}
.sp-pb160,.pb160{ padding-bottom: 38.647vw;}
.sp-pb170,.pb170{ padding-bottom: 41.062vw;}
.sp-pb180,.pb180{ padding-bottom: 43.478vw;}
.sp-pb190,.pb190{ padding-bottom: 45.893vw;}
.sp-pb200,.pb200{ padding-bottom: 48.309vw;}
.sp-pb210,.pb210{ padding-bottom: 50.724vw;}
.sp-pb220,.pb220{ padding-bottom: 53.140vw;}
.sp-pb230,.pb230{ padding-bottom: 55.555vw;}
.sp-pb240,.pb240{ padding-bottom: 57.971vw;}
.sp-pb250,.pb250{ padding-bottom: 60.386vw;}
.sp-pb260,.pb260{ padding-bottom: 62.801vw;}
.sp-pb270,.pb270{ padding-bottom: 65.217vw;}
.sp-pb280,.pb280{ padding-bottom: 67.632vw;}
.sp-pb290,.pb290{ padding-bottom: 70.048vw;}



.sp-pt0,.pt0{ padding-top: 0 !important;}
.sp-pt10,.pt10{ padding-top: 2.4154vw;}
.sp-pt20,.pt20{ padding-top: 4.8309vw;}
.sp-pt30,.pt30{ padding-top: 7.2463vw;}
.sp-pt40,.pt40{ padding-top: 9.6618vw;}
.sp-pt50,.pt50{ padding-top: 12.077vw;}
.sp-pt60,.pt60{ padding-top: 14.492vw;}
.sp-pt70,.pt70{ padding-top: 16.908vw;}
.sp-pt80,.pt80{ padding-top: 19.323vw;}
.sp-pt90,.pt90{ padding-top: 21.739vw;}
.sp-pt100,.pt100{ padding-top: 24.154vw;}
.sp-pt110,.pt110{ padding-top: 26.570vw;}
.sp-pt120,.pt120{ padding-top: 28.985vw;}
.sp-pt130,.pt130{ padding-top: 31.400vw;}
.sp-pt140,.pt140{ padding-top: 33.816vw;}
.sp-pt150,.pt150{ padding-top: 36.231vw;}
.sp-pt160,.pt160{ padding-top: 38.647vw;}
.sp-pt170,.pt170{ padding-top: 41.062vw;}
.sp-pt180,.pt180{ padding-top: 43.478vw;}
.sp-pt190,.pt190{ padding-top: 45.893vw;}
.sp-pt200,.pt200{ padding-top: 48.309vw;}
.sp-pt210,.pt210{ padding-top: 50.724vw;}
.sp-pt220,.pt220{ padding-top: 53.140vw;}
.sp-pt230,.pt230{ padding-top: 55.555vw;}
.sp-pt240,.pt240{ padding-top: 57.971vw;}
.sp-pt250,.pt250{ padding-top: 60.386vw;}
.sp-pt260,.pt260{ padding-top: 62.801vw;}
.sp-pt270,.pt270{ padding-top: 65.217vw;}
.sp-pt280,.pt280{ padding-top: 67.632vw;}
.sp-pt290,.pt290{ padding-top: 70.048vw;}

}

/*---------------------------------------------
     第一酵母追加
  ---------------------------------------------*/

.free-page .limited-tag.orange-tag{
  background-color: #F6AB00;
}

.free-page .limited-tag.blue-tag{
  background-color: #15307A;
}

.free-page .limited-tag.pink-tag{
  background-color: #D76666;
}

.linka{
  text-decoration: underline;
  color:#52565f; 
}

/*---------------------------------------------
     新着情報（22/12/14追加）
  ---------------------------------------------*/

.kajogaki{
	padding-left: 1em;
	text-indent: -1em;
    }

.news_table{
	width: 100%;
	border: 1px solid rgb(51, 51, 51);
	border-collapse: collapse;
	padding: 5px;
	margin-bottom: 10px;
    }

.news_table th{
	border: 1px solid rgb(51, 51, 51);
	padding: 5px;
	background-color: #7a4141;
    color:#ffffff;
	text-align: center;
    font-size:16px;
    }

.news_table td{
	border: 1px solid rgb(51, 51, 51);
    padding: 5px;
    overflow-wrap: break-word;
    word-break: break-all;
    text-align: center;
    font-size: 16px;
    }

.news_table td.nowrap{
	border: 1px solid rgb(51, 51, 51);
    padding: 5px;
    white-space: nowrap;
    overflow-wrap: break-word;
    word-break: break-all;
    text-align: center;
    }

.news_table a{
    font-size: 16px;
    }

/*---------------------------------------------
     19.05.24 追加
  ---------------------------------------------*/

/*#page { padding-top:14.4927vw; }*/
#footer .freearea { padding:0; }