@charset "UTF-8";

 body {
     margin: 0;
     padding: 0;
     /*font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	 font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
     *font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
     color: #333;
     font-size: 13px;
     line-height: 125%;
     text-align: left;
     -webkit-text-size-adjust: 100%;
     background-color: #FFF;
     height: 100%;
     word-wrap: break-word;
 }


/********************************************
 * opacity
 ********************************************/
a img{ border:0;}
a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
ul{
	list-style: none;
	padding:0px;
	margin:0px;
}

/********************************************
 * clearfix
 ********************************************/
.clear02:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear02{ clear:both;}
* html .clear02{ height:1%;}
.clear02 {
	display: block;
	line-height:0;
	height: 0px;
}
a {
	outline: none;
	color:#333333;
}
a:link {
     text-decoration: none;
 }
 a:visited {
	text-decoration: none;
	color: #3B91D6;
 }
 a:hover {
	text-decoration: none;
	color: #3B91D6;
 }

 a:active {
	text-decoration: none;
	color: #333333;
 }
 

/********************************************
 * color
 ********************************************/

/* 白色 */
.txt_white {
	color: #FFFFFF;
}

/* 黒色 */
.txt_black {
	color: #000;
}

/* ゴールド */
.txt_gold {
 color:#917f34;
}

/* ブラウン */
.txt_brown {
	color: #990000;
}

/* 赤色 */
.txt_red {
	color: #ee3459;
}

/* 黄色 */
.txt_yellow {
 color:#FC0;
}

/* 緑色 */
.txt_green {
	color: #62a708;
}

/* 青色 */
.txt_blue01 {
	color: #1e278b;
}
.txt_blue02 {
	color: #2c6eac;
}
.txt_blue03 {
	color: #39b1cb;
}

/* オレンジ */
.txt_orange {
	color: #fa722f;
}

/********************************************
 * txt
 ********************************************/

.txt_10 {
	font-size:10px;
}

.txt_12 {
	font-size:12px;
	line-height:20px;
}

.txt_14 {
	font-size:14px;
	line-height:24px;
}

.txt_16 {
	font-size:16px;
}

.txt_18 {
	font-size:18px;
}
.txt_bold{
	font-weight: bold;
}

.lh20{
	line-height: 20px;
}

.lh30{ line-height:30px;}

/********************************************
 * txtalign
 ********************************************/

/* テキストセンター揃え*/
.txt_center {
 text-align:center;
}

/* テキスト左揃え*/
.txt_left {
 text-align:left;
}

/* テキスト右揃え*/
.txt_right {
 text-align:right;
}


/********************************************
 * margin paddin
 ********************************************/
.mg5{ margin:5px;}
.mg10{ margin:10px;}
.mg20{ margin:20px;}

.mgt5{ margin-top:5px;}
.mgt10{ margin-top:10px;}
.mgt20{ margin-top:20px;}

.mgb5{ margin-bottom:5px;}
.mgb10{ margin-bottom:10px;}
.mgb20{ margin-bottom:20px;}

.mgr5{ margin-right:5px;}
.mgr10{ margin-right:10px;}
.mgr20{ margin-right:20px;}

.mgl5{ margin-left:5px;}
.mgl10{ margin-left:10px;}
.mgl20{ margin-left:20px;}
.mgl50{
	margin-left:50px;
}

.mgl8{ margin-left:8px;}

.pd5{ padding:5px;}
.pd10{ padding:10px;}
.pd20{padding:20px;}

.pdt5{ padding-top:5px;}
.pdt10{ padding-top:10px;}
.pdt15{ padding-top:15px;}
.pdt20{ padding-top:20px;}

.pdb5{ padding-bottom:5px;}
.pdb10{ padding-bottom:10px;}
.pdb20{ padding-bottom:20px;}

.pdr5{ padding-right:5px;}
.pdr10{ padding-right:10px;}
.pdr20{ padding-right:20px;}

.pdl5{ padding-left:5px;}
.pdl10{ padding-left:10px;}
.pdl20{ padding-left:20px;}


/********************************************
 * ここから
 ********************************************/
#header-inner01 {
	padding-bottom:5px;
	background:rgba(255,255,255,0.6);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	width: 100%;
}

.hd_fix {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 5;
}

.cont01 {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
#header-inner01 #logo {
	padding-top: 15px;
	padding-bottom: 10px;
	text-align: center;
}
#header-inner01 #logo img {
	height: auto;
	width: 180px;
}


.hTel {
	position: absolute;
	top: 5px;
	right: 0px;
	width: 40px;
}
.imgicon img {
	width: 40px;
	height: auto;
}
#header-inner01 .cont01 {
	position: relative;
}
.topmain {
	width:100%;
	height: 100vh;
	position: relative;
	margin-bottom: 30px;
	background: no-repeat center center;
	background-size:cover;
}
/*.bgImg {
  position   : absolute;
  top        : 0;
  left       : 0;
  bottom     : 0;
  right      : 0;
  animation: bgAnime 7s ease 0s 1 normal;
  -webkit-animation: bgAnime 7s ease 0s 1 normal;
  background: url(../img2018/main.jpg) no-repeat center center;
  background-size:cover;
}
@keyframes bgAnime {
   0% {opacity: 0}
   75%{opacity: 0}
    100% {opacity: 1}
}*/


#toplogo {
	position: absolute;
	width: 290px;
	margin-left: -145px;
	left: 50%;
	top: 50%;
	margin-top: -50px;
}

#toplogo img {
	height: auto;
	width: 290px;
}
.topsns1 {
	position: absolute;
	bottom: 20px;
	right: 80px;
}
.topsns2 {
	position: absolute;
	right: 25px;
	bottom: 20px;
}
.topbox1 {
	padding: 10px;
	margin-top: 5px;
}
.topbox1::-webkit-scrollbar {
  background:#ccc;
  width:10px;
}
.topbox1::-webkit-scrollbar-thumb {
  background:#aaa;
}
.topbox2 {
	margin-right: -10px;
	margin-left: -10px;
	margin-top: 20px;
	background: url(../img2018/bg1.png) repeat-x center 20px;
}
.topimg1 img,
.topimg2 img {
	height: auto;
	width: 157px;
}
.topimg1,
.topimg2 {
	width: 157px;
	text-align: center;
}
.topimg1 {
	float: left;
	padding-left: 10px;
}
.topimg2 {
	float: right;
	padding-right: 10px;
}
.toptxt1 {
	padding-left: 175px;
	padding-right: 10px;
	position: relative;
}
.toptxt2 {
	padding-right: 175px;
	padding-left: 10px;
	position: relative;
}
.toptxt1 h2,
.toptxt2 h2 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-top: 30px;
	line-height: 22px;
	white-space: nowrap;
}
.pricetxt {
	font-size: 15px;
	font-weight: bold;
	color: #ee3459!important;
	padding-top: 0px;
	margin-top: 0px;
	white-space: nowrap;
}
.pricetxt span {
	font-size: 12px;
	font-weight: bold;
	padding-left:5px;
}
.btn01 a {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF!important;
	background: #333333;
	text-align: center;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.vartable img {
	height: auto;
	max-width: 55px;
}
.vartable td {
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}
.vartable span{
	font-size: 11px;
	display: block;
	padding-top: 2px;
}
.ad1 img,
.ad2 img {
	height: auto;
	width: 52px;
}
.ad1 {
	position: absolute;
	left: 130px;
	top: -5px;
}
.ad2 {
	position: absolute;
	top: 5px;
	right: 130px;
}
.space {
	height: 20px;
}
#searchbox2,
#pi_cat {
	margin-top: 30px!important;
}
.topbox3 h2 {
	font-weight: bold;
	color: #ee3459;
	font-size: 15px;
	padding-left: 50px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.topicon1,
.topicon2,
.topicon3,
.topicon4,
.topicon5,
.topicon6 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.topicon1 {
	background: url(../img2018/icon1.png) no-repeat left center;
	background-size:40px;
}
.topicon2 {
	background: url(../img2018/icon2.png) no-repeat left center;
	background-size:40px;
}
.topicon3 {
	background: url(../img2018/icon3.png) no-repeat left center;
	background-size:40px;
}
.topicon4 {
	background: url(../img2018/icon4.png) no-repeat left center;
	background-size:40px;
}
.topicon5 {
	background: url(../img2018/icon5.png) no-repeat left center;
	background-size:40px;
}
.topicon6 {
	background: url(../img2018/icon6.png) no-repeat left center;
	background-size:40px;
}

.topimg3 {
	float: right;
	width: 101px;
	padding-left: 20px;
	padding-bottom: 5px;
	padding-top: 15px;
}
.topimg3 img {
	height: auto;
	width: 100%;
}
.toptxt3 {
	padding-left: 10px;
	padding-bottom: 5px;
}
.topbox3 {
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #baa16c;
}
.toptxt3 span {
	font-size: 12px;
	display: block;
}


.origin .title {
	color:black;
	background: url(http://www.kochoran.ne.jp/sp2018/img2018/title.jpg) repeat-x left bottom;
	margin:0px 0 0;
	padding:14px 0 12px;
	vertical-align:middle;
	text-align:left;
	border-top: 3px solid #baa16c;
}
.cate_sp .title {
	color:black;
	background: url(http://www.kochoran.ne.jp/sp2018/img2018/title.jpg) repeat-x left bottom;
	margin:0px 0 0;
	padding:14px 0 12px;
	vertical-align:middle;
	text-align:left;
	border-top: 3px solid #baa16c;
}
.ftimg img {
	height: auto;
	max-width: 100%;
}
.ftimg {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.ftbox {
	padding: 20px 10px 15px;
	border-bottom: 1px dashed #baa16c;
}
.ftbox h3 {
	font-size: 15px;
	font-weight: bold;
	color: #baa16c;
	margin: 0px;
	padding: 0px 0px 10px;
}
.fttable td {
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	border-top: 1px solid #c8c5c0;
	border-right: 1px solid #c8c5c0;
}
.fttable {
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #c8c5c0;
	border-left: 1px solid #c8c5c0;
}
.pure-drawer li a {
	padding: 18px 10px;
	border-bottom: 1px solid #dcdcdc;
	margin: 0px;
	text-align: left;
	display: block;
}
.pure-drawer li:first-child a {
	border-top: 1px solid #dcdcdc;
}
.pure-drawer ul {
	list-style:none!important;
}
.topbox1 span {
	display: block;
	padding-bottom: 5px;
	font-size: 11px;
	color: #ee3459;
}
#pi_cat,
#searchbox2,
#pi_cart{
	padding-bottom: 10px;
}
#pi_std_price{
	padding-bottom: 10px;
	background:#ffffff!important;
}
.databox ul{
list-style:none!important;}
.databox th {
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
}
.space2 {
	height: 55px;
}
.cate_sp .title .cateicon {
	background: url(../img2018/icon7.png) no-repeat 5px center;
	background-size:50px;
	padding-left: 70px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.cate_sp .title .cateicon p {
	text-align:left;
	float: none;
	padding-top: 10px;
}
.cateitem {
	padding: 20px 5px;
	width: 50%;
	float:left;
	box-sizing:border-box;
}
.cateitem img {
	max-width: 100%;
	height:auto;
} 
.cateitem p {
	margin: 0px;
	padding-top: 5px;
	color: #333333;
} 
.title .cateicon h1 {
	padding-left: 0px;
}
.navbn {
	text-align: center;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
}
.navbn img {
	height: auto;
	max-width: 100%;
	border: 1px solid #dcdcdc;
}


#s4u{
    display: none;
	position: relative;
	top:-65px;
  }