@charset "euc-jp";

.event-wrap dl dt {width:15em;clear:both;font-weight:400;}

p.re {border:2px solid #ff0000;padding:1em;color:#ff0000;font-weight:600;}

body p{text-align: justify;
text-justify: inter-ideograph;}

.prd-lst-price.prd-lst-span {font-size:118% !important;font-weight:400;margin:5px auto;color:#000 !important;}

@media (max-width: 768px) {
.ttl-h2.eventt {margin:0 0 0.3em;padding:0;}
.event-wrap dl dt{width:auto;padding-right:1em;}
.event-wrap dl dd {text-indent:1em;}
.event-wrap dl dt,
.event-wrap dl dd {display:inline-block;margin:0;padding:0;font-size:3vw;font-weight:400;}
.event-wrap dl dd:after {content:"";clear:both;display:block;}
.prd-lst-price.prd-lst-span {font-size:105% !important;}
.imanara{display:none;}
}  
 
.footer-name {margin-top:40px;}
.footer-name,.footer-cop {text-align:center;}
.footer-name span {font-size:120%;font-weight:bold;margin-right:1em;}
.x-small {font-size:11px;}
img.new_mark_img1 {margin:5px !important;}
.side-wrap .icon {width:20px;margin-right:15px;}

/*-----　レシピページ　----*/

.fudoki-bnr { z-index:999; }
.cooking-bnr-wrap { background:#000;}
.cd-fixed-bg.cd-fixed-bg-cooking {
	height: 600px;
	padding:50px 0 100px;
    overflow: hidden;
  	}
.cooking-cont ol,.cooking-cont ul { margin: 3.5em 10%; }
.cooking-cont ol li { margin: 1.5em ; }
.cooking-cont ul li { margin: 0.8em 1.5em ; }

@media (min-width: 769px) {
  	.cd-fixed-bg.cd-fixed-bg-cooking h1 {
      	position:absolute;
      	top: 30px;
      	left: 50px;
  		}
	}
@media (max-width: 768px) {
  .cd-fixed-bg.cd-fixed-bg-cooking h1 {
		margin-top: -40px;
		}
  .cd-fixed-bg.cd-fixed-bg-cooking h1 img { width:60%;margin:0 20%;}
	}

.cd-fixed-bg.cd-bg-cooking01 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/cooking-takikomi.jpg");
	}
.cd-fixed-bg.cd-bg-cooking02 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/cooking-oyster.jpg");
	}
.cd-fixed-bg.cd-bg-cooking03 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/cooking-pepelon.jpg");
	}
.cd-fixed-bg.cd-bg-cooking04 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/cooking-miz.jpg");
	}
.cd-fixed-bg.cd-bg-cooking05 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/cooking-nabe.jpg");
	}
.cd-fixed-bg.cd-bg-cooking06 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/recipe-creampasta.jpg");
	}
.cd-fixed-bg.cd-bg-cooking07 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/recipe-paella.jpg");
	}
.cd-fixed-bg.cd-bg-cooking08 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/recipe-yakisoba.jpg");
	}
.cd-fixed-bg.cd-bg-cooking09 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/recipe-chige.jpg");
	}
.cd-fixed-bg.cd-bg-cooking10 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/recipe-ramen.jpg");
	}
.cd-fixed-bg.cd-bg-cooking11 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/recipe-gudakusan.jpg");
	}

/*-----　第二期調整　----*/

.dropdown-wrapper .carticon {position:absolute;top:15px;right:70px;zoom:0.7;}

.side-wrap li ul {margin:0.4em 0;padding:0;}
.side-wrap li ul li {margin:0;padding:0.3em 1.2em;border:0px;font-size:12px;}

#page-wrapper.page-content { margin:0 auto;padding:0;}
#container.site-content.page-content { margin:0 auto;padding:0;}

@media screen and (max-width: 768px) {
#page-wrapper.page-content { margin:0 5%;}
}

.cooking-bnr-wrap {margin:50px 0 0;padding:30px;}
.cooking-wrap { margin-bottom:70px;background:#111;overflow:auto;}
.cooking-wrap a {width:25%;float:left;}
.cooking-wrap a:first-child {width:50%;}
.cooking-wrap a:hover {opacity:0.7;transition:0.4s;}
@media (max-width: 860px) {
    .cooking-bnr-wrap {margin:40px 0 0;padding:10px;}
    .cooking-wrap a {width:33.3333333333%;}
    .cooking-wrap a:first-child {width:100%;}
	}

.content-start { clear:both;border-bottom:1px solid #ddd;padding-top:5px;}

.side_section_cal {padding-top:30px;}
.side_section_cal h2 {font-size:18px;margin:1.5em auto 1.5em;}
.side_section_cal p {text-align:center;}
.tbl_calendar { width:42%;margin:1em 4% 2em;float:left;}
.tbl_calendar caption { margin:0.8em;}
@media screen and (max-width: 768px) {
	.tbl_calendar {width:95%;margin:1em 2.5%;float:none;}
	}

.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  border-top: 1px solid #ccc !important;
  border-left: 1px solid #ccc !important;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;
}

div.10th-wrap {border:50px solid #ead7a4;padding:20px;clear:both;}

.side-banner {
  	position: fixed;
  	right: 10px;
  	top: 5%;
  	z-index: 99999;
	}

.dropdown-nav {
	margin-top: 60px;
	}
.dropdown-nav li {
  	width: 48%;
  	margin: 1%;
  	float: left;
  	border: 0;
	}
.dropdown-nav li a {
  	letter-spacing: 0em;
  	padding: 0;
  	margin: 0;
	}
.dropdown-nav li.dropdown-nav-title {
  	width: 100%;
  	margin: 0.5em 0 0.1em;
  	float: none;
  	clear: both;
	}
.dropdown-nav li.dropdown-nav-title p {
	padding:0.2em;
	margin:0;
	}
	
.btn-dropdown {
  	clear: both;
	}
.icon-b.icon-list.pull-right {
	}

ol li { margin-left: 2em;}
.btn-viewcart { 
  	background: #0095d9 !important;
  	border: 5px solid #0095d9 !important;
	}
.btn-viewcart:hover { 
  	background: #2ca9e1 !important;
  	border: 5px solid #2ca9e1 !important;
	}
.left {
	float: left;
	width: 50%;
	margin: 15px 0;
	}
.right {
	float: right;
	width: 50%;
	margin: 15px 0;
	}
.left img,.right img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	}
.left.txt,.right.txt {
	padding: 40px;
	}

@media screen and (max-width: 600px) {
	.left {
		float: none;
		width: 100%;
		}
	.right {
		float: none;
		width: 100%;
		}
	}
@media screen and (max-width: 768px) {
	h1.content-title { font-size: 18px !important;}
    #logo-wrapper.logo { 
	zoom:0.6;
	z-index:220;
	mix-blend-mode: multiply;
	}
    #logo-wrapper.logo img { 
	margin: 5px;
	top:12px;
	left:25px;
	position:fixed !important;
	}
}

/*-----　即席シリーズのページ　----*/

.content-title.oyu {
  	color:#e6b422 !important;
  	text-shadow:0px 0px 10px #fff;
  	-webkit-text-stroke: 1px #fff;
  	margin-top:-80px;
}

.cd-fixed-bg.cd-bg-13 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc_base64/c2tzMjQ.jpg?cmsp_timestamp=20240610135630");
  background-size:contain;
  	min-height: 360px;
    padding: 100px 0 20px;
  	position: relative;
	}
@media (max-width: 768px) {
	.cd-fixed-bg {
    	background-attachment: scroll !important;
  		}
	}
.steam-wrap {
  	margin-top: -100px;
    position: relative;
 	overflow-x: hidden ;
    overflow-y: scroll ;
	}
.steam {
       position: absolute;
       -webkit-animation: steam_Move 7s infinite linear;
       animation: steam_Move 7s infinite linear;
       transition: all 1s;
   }
 .steam2 {
     animation-duration: 11s;
    }
   @keyframes steam_Move {
        0% {
           transform: rotateY(0deg);
           transform: scale(1.1, 1.1);
           opacity: 0.2;
           top: -20px;
       }
       33% {
           transform: rotateY(40deg);
           transform: scale(1.1, 1.0);
         opacity: 0.8;
       }
       66% {
           transform: rotateY(20deg);
           transform: scale(1.0, 1.1);
           opacity: 1.0;
       }
       100% {
           transform: rotateY(0deg);
           transform: scale(1.1, 1.1);
           opacity: 0.2;
           top: -70px;
       }
   }
.sks-oo,.sks-tp {
	margin: 20px;
  zoom: 0.7;
	}
@media (min-width: 1080px) {
  .sks-tp { margin-right: 80px;}
  .sks-oo { margin-left: 80px;}
	}
@media (max-width: 768px) {
  .cd-fixed-bg.cd-bg-13 {
	    padding: 20px 0 20px;
		}
	.sks-oo,.sks-tp {
  		zoom: 0.4;
	  }
	.steam-wrap {
      	margin-top: 80px;
  		}
 	.steam,.steam2 { display: none;}
	}

.arrow01 {
  	 display: block;
     width: 33px;
     height: 33px;
     border-bottom: solid 2px #222;
     border-right: solid 2px #222;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
	}
.sks-lineup div {
  	width:33.333333333%;
  	float: left;
	}
.sks-lineup div h3 {
  	margin-top: -50px;
  	margin-left: 30%;
	}
.sks-lineup div img:hover {
  	opacity: 1.0;
	}
h1.sks-series {
  	margin:1.2em 0 0;
	}
h1.sks-koko {
  	font-size:50px !important;
  	letter-spacing:-0.1em;
  	margin:0em;
	}
.sks-point {
  	width: 48%;
  	margin: 1%;
  	float: left;
	}
.sks-point h3 {
  	margin-left: 3em;
	}
.sks-point p {
  	margin: 0.2em 2em 1.5em 5em;
	}
@media (max-width: 1300px) {
	.illust01.illust-map {
      	left: 60px !important;
		}
	}
@media (max-width: 1120px) {
	.illust01.illust-map {
      	left: 25px !important;
		}
	}
@media (max-width: 1000px) {
	.illust01.illust-map {
      	display: none;
		}
  	.sks-point {
  		width: 86%;
  		margin: 1% 13% 1% 1%;
  		float: none;
		}
  	h1.sks-series {
  		margin:1.2em 0 0.5em;
     	font-size:20px !important;
		}
	h1.sks-koko {
  		font-size:28px !important;
		}
	}


.sks-item {
  	position: relative;
  	margin: 20px 0 80px ;
  	line-height: 200%;
	}
.sks-item img.item-image {
  	margin-top: 70px;
	}
.sks-item-name {
  	background: rgba(0, 0, 0, 0.7);
  	color: #ebe1a9;
  	margin:0;
  	padding: 2.4em 5em;
  	position: absolute;
  	left: 0;
  	display: inline-block;
	}
.sks-item-name h2 {
  	margin: 0;
	}
h1.item-name.content-title {
  	font-size: 50px;
  	color: #ebe1a9;
  	margin: 0.2em 0;
	}
@media (max-width: 1000px) {
 	 h1.item-name.content-title {
  		font-size: 30px;
  		margin: 0.4em 0;
		}
  	.sks-item-name {
  		padding: 2em 1em;
  		position: relative;
  		display: block;
		}
  	.sks-item img.item-image {
  		margin-top: 0px;
		}
	}

img.item-image {
  	clear: both;
  	width: 100%;
  	max-width: 900px !important;
	}

.sks-item ul {
  	max-width: 860px;
  	margin: 0 auto;
	}
.sks-item ul p {
  	margin: 2.5em 8%;
  	text-align: left;
	}
.sks-item ol {
  	max-width: 500px;
  	margin: 20px auto 40px;
  	text-align: left;
	}
.sks-item ol li {
   	margin: 0 2em ; 
	}



/*-----　イベント欄　----*/

.event-wrap {
  	clear: both;
	}
.event-wrap dl {
  	margin: 1.2em 10% 2.4em ;
	}
.event-wrap dt {
  	width: 11em;
  	float: left;
  	margin-bottom: 0.3em;
	}
.event-wrap dd {
  	margin-left: 12em;
    margin-bottom: 0.3em;
	}


.oseibo-wrap {
  	clear: both;
  	background: url(https://img15.shop-pro.jp/PA01084/778/etc/oseibo-wrap.jpg);
	}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


@media (max-width: 768px) {
  .side-10000{display:none;}
	}
.dropdown-wrapper li p {background:#aaa;padding:0.6em;color:#fff;}

.hd-pay {
  	zoom: 0.8;
  	float: left;
  	margin: 10px;
	}
.hd-deli {
  	float: right;
  	background: #eee !important;
  	color: #222 !important;
	}
.header-line-nav,
.inline.pull-right,
.header-link
.incart-delivery {
  	margin: 0;
  	padding: 0;
	}

@media (max-width: 1000px) {
  	.hd-deli {
  	margin-bottom: 10px;
	}
}
@media (max-width: 900px) {
.hd-pay {
  	zoom: 0.8;
  	float: none;
  	margin: 0px;
	}
  .hd-deli {
  	float: none;
	}
}


.animated-1sec {
	-webkit-animation-duration: 1s;
	animation-delay:1s;
}
.animated-2sec {
	-webkit-animation-duration: 2s;
	animation-delay:2s;
}
.animated-3sec {
	-webkit-animation-duration: 3s;
	animation-delay:3s;
}
.animated-4sec {
	-webkit-animation-duration: 4s;
	animation-delay:4s;
}


body {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


.no-pc {display:none;}
@media (max-width: 768px) {
	.no-sp {display:none;}
 	.no-pc {display:block;}
	}

.pankuzu {
  	font-size:11px;
	}

.cg_freespace_02 p {
  	margin: 1.5em;
	}


.side-wrap {display:none;}
@media (min-width: 1010px) {
	.side-wrap {
      	display:block;
 		float: left;
  		width: 170px;
		}
	.content-wrap { 
 		float: right;
  		width: 800px;
		}
  	.side-wrap h2 {
      	border-top: 0px solid #ccc;
	    border-bottom: 1px solid #ccc;
      	padding: 0.5em 0;
      	font-size: 18px;
      	margin:2em 0 0.7em;
      	text-align:left;
  		}
    .side-wrap li {
      	list-style: none;
      	border-bottom: 1px solid #ddd;
 	    padding: 0.5em 1em;
  		}
	}

@media (max-width: 1010px) {
  		#container {
      	padding: 10px 4% 0;
  		}
	}
@media (max-width: 768px) {
	  .logo,.logo h1.shop-name,.logo h1.header-link {
        margin: 20px 0 0 !important;
        padding: 0 !important;
 	 	}
  	#header-wrapper,.site-content {
     	margin: 0 !important;
        padding: 0 !important;
  		}
	}



/*-----　特集ページ　----*/

.fudoki-bnr {position:absolute;top:0px;right:10%;}
@media (max-width: 1000px) {
  .fudoki-bnr { position:relative;right:auto; }
	}

.cd-fixed-bg.cd-bg-issue01 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/issue01-1.jpg");
	}
.cd-fixed-bg.cd-bg-issue02 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/issue02-1.jpg");
	}
.cd-fixed-bg.cd-bg-issue03 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/issue03-1.jpg");
	}
.cd-fixed-bg.cd-bg-issue04 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/issue04-1.jpg");
	}
.cd-fixed-bg.cd-bg-issue05 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/issue05-1.jpg");
	}
.cd-fixed-bg.cd-bg-issue06 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/issue06-1.jpg");
	}
.cd-fixed-bg.cd-bg-issue07 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/issue07-1.jpg");
	}
.cd-fixed-bg.cd-bg-issue08 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/issue08-1.jpg");
	}
.cd-fixed-bg.cd-bg-issue09 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/issue09-1.jpg");
	}
.cd-fixed-bg.cd-bg-issue10 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/issue10-0.jpg?cmsp_timestamp=20191225094857");
	}
.cd-fixed-bg.cd-bg-issue23 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/issue23-1.jpg");
	}
.cd-fixed-bg.cd-bg-issue24 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/issue24-1.jpg");
	}
.cd-fixed-bg.cd-bg-issue25 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/issue25-1.jpg");
	}
.cd-fixed-bg.cd-bg-issue26 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/issue26-1.jpg");
	}
.cd-fixed-bg.cd-bg-issue27 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/issue27-1.jpg");
	}
.cd-fixed-bg.cd-bg-issue28 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/issue28-1.jpg");
	}
.cd-fixed-bg.cd-bg-issue29 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/issue29-1.jpg");
	}
.cd-fixed-bg.cd-bg-issue31 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/issue31-2.jpg");
	}


.cd-fixed-bg.cd-bg-issue04 h1,
.cd-fixed-bg.cd-bg-issue04 p,
.cd-fixed-bg.cd-bg-issue09 h1,
.cd-fixed-bg.cd-bg-issue09 p {
  	color:#fff;
	}
.issue-cont {
  	margin: 0 auto;
  	max-width: 800px;
  	padding: 2em;
	}
.issue-cont p {
  	text-align: left;
    line-height: 230%;
	}
.link {
 	 text-align: center;
	  margin: 1.8em auto;
	}

/*-----　カーテンスクロール　----*/
.cd-wrap {
	background-color:#fff;
	margin: 0 0 40px ;
	text-align: center;
	clear: both;
    position: relative;
	}
.cd-wrap p {
  	max-width: 360px;
	margin: 1.5em auto;
    line-height: 200%;
	letter-spacing: 0.1em;
	text-align: left;
  	color: #000;
	}
.wave {margin-top:-80px;margin-bottom:20px;}
.cd-fixed-bg { position:relaive !important;
	min-height: 400px;
    background-size: cover !important;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
	margin: 0 ;
	padding:150px 0 100px;
	transition: 0.8s;
	}
.cd-scrolling-bg {
	margin:5px 0 ;
	padding:60px 0;
	text-align:center;
	}
.cd-fixed-bg.cd-bg-1 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/juusanko-image01.jpg");
	}
.cd-fixed-bg.cd-bg-2 { background-image: url("https://img15.shop-pro.jp/PA01084/778/etc/juusanko-image02.jpg");
	}
.cd-scrolling-bg.cd-color-1 {
	background:#fff;
	}

@media (max-width: 768px) {
	.wave {margin-top:-30px;}
  .cd-fixed-bg h1.content-title { font-size:28px;margin:0.2em 1.2em; }
  .cd-fixed-bg {
        min-height: 150px;
		padding:100px 0 70px;
		}
	}

@media (min-width: 1500px) {
  .cd-fixed-bg { min-height: 600px; }
	}

/*-----　十三湖についてページ　----*/

.shijimi-image01 {
  	margin-top: -100px;
	}
.about-jusanko {
  	position: relative;
	}
.about-jusanko p,
.about-jusanko h1,
.about-jusanko h2,
.about-jusanko h3 {
  	z-index: 999;
	}
.about-jusanko .illust01,
.about-jusanko .illust02 {
  	z-index: 0;
	}
.about-jusanko .image {
  	margin: 30px 0;
	}
.about-jusanko.size ul li {
  list-style: none;
  width: 23.3333333333%;
  margin: 0 5%;
  float:left;
}
.about-jusanko.size ul li p {
  font-size: 20px;
}

.about-jusanko .illust01 {
  	position: absolute;
  	left: 10%;
 	top: 33%;
	}
.about-jusanko .illust02 {
  	position: absolute;
  	right: 10%;
 	bottom: 30%;
	}
.about-jusanko .illust03 {
  	position: absolute;
  	left: 0;
 	top: 33%;
	}
.about-jusanko .illust04 {
  	position: absolute;
  	right: 0;
 	bottom: 1%;
	}

.around-jusanko {
 	position: absolute;
 	top: 280px;
  	right: -10px;
	}
.ryou-jusanko {
 	position: absolute;
 	top: 630px;
  	left: -10px;
	}
.recipe-jusanko {
 	position: absolute;
 	top: 1300px;
  	right: 80px;
	}
.voices-jusanko {
 	position: absolute;
 	top: 2300px;
  	left: 80px;
	}

.circlebg {
    width:203px;
  	height:183px;
  	background-repeat:no-repeat;
  	padding: 60px 50px;
  	z-index: 999999;
	}
.circlebg p {
    margin-bottom:1.5em;
	}
.circlebg a {
  	background:rgba(0,0,0,0.3);
  	color: #fff;
  	border: 2px solid #fff;
  	font-size: 16.5px;
  	font-weight: bold;
  	padding: 1em ;
  	clear: both;
  	text-align: center;
  	border-radius: 50px; 
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
  	transition:0.4s;
	}
.circlebg a:hover {
  	background:rgba(255,255,255,0.9);
  	color: #222;
  	transition:0.4s;
  	text-decoration: none;
	}
.circlebg01 {
	background-image:url(https://img15.shop-pro.jp/PA01084/778/etc/circlebg01.png);
	}
.circlebg01 p {
    color: #fff !important;
	}
.circlebg02 {
	background-image:url(https://img15.shop-pro.jp/PA01084/778/etc/circlebg02.png);
	}
.circlebg03 {
	background-image:url(https://img15.shop-pro.jp/PA01084/778/etc/circlebg03.png);
	}

@media (max-width: 1200px) {
 .around-jusanko {
  	right: -20px;
	}
.ryou-jusanko {
  	left: -20px;
	}
.recipe-jusanko {
  	right: 10px;
	}
.voices-jusanko {
  	left: 10px;
	}
}
@media (max-width: 1000px) {
  .circlebg {display:none;}
  .about-jusanko .illust01 {
  	left: 2%;
	}
	.about-jusanko .illust02 {
  	right: 2%;
	}
}


/*-----　バナー（トピックス）　----*/

.topics {
  margin: 40px 0;
}
.topics p {
  	clear: both;
	margin: 0.5em 0;
	text-align: center;
	font-size: 12px;
}
.topics.size img {
  width: 27.3333333333%;
  margin: 0 3%;
  float:left;
}

.shijimi-image02 {margin-bottom: -80px ;}

img.top-title { 
  	width: auto;
  	height: auto;
	margin:0 10%;
	}


ul.circle {
	overflow: auto;
	max-width: 900px;
	margin: 40px auto 0;
	}
ul.circle li {
	list-style: none;
	float: left;
	margin: 4%;
	width: 17%;
	}
ul.circle li img {
	width: 100%;
	height: atuo;
	}

@media (max-width: 767px) {
  	ul.circle li {
     	margin: 4%;
		width: 25.33333%;
		}
	}

@media (max-width: 480px) {
    ul.circle {
		margin: 40px 5% 0;
		}
    ul.circle li {
		margin: 5%;
		width: 40%;
		}
	}

/*-----　バナーエリア（特集記事）　----*/

.topics.issue {
  	clear: both;
  	padding-top: 2em;
	}
.topics.issue img {
  width: 31.13333333333%;
  border: 1px solid #ccc;
  margin: 1%;
}


@media (max-width: 480px) {
	.topics.issue img {
  		width: 46%;
  		margin: 2%;
   		border: 0px solid #ccc;
		}
	}



/*-----　バナーエリア（リンク）　----*/

.banner-area {
  	clear: both;
  	margin: 30px 0 20px;
	}
.banner-area ul {
	margin:0;
  	padding:0;
}
.banner-area ul li {
  	list-style:none;
  	margin: 1%;
  	width: 18%;
  	float: left;
}
.banner-area ul li img {
  	border:1px solid #ccc;
}

@media (max-width: 1000px) {
	.banner-area ul li {
  		margin: 1.5%;
  		width: 30.3333333333%;
		}
	}



/*-----　ヘッダー　----*/

#logo-wrapper.logo {
  position: relative;
  max-width:1200px;
}
#header-logo {
  position: absolute;
  top: -80px;
  left: 0;
}

#header-global-nav {
	float:right;
  font-weight:bold;
  letter-spacing: 0.03em;
}

@media (max-width: 768px) {
  #header-logo {
 	 position: relative;
 	 top: 0;
 	 left: 0;
	} 
}

.header-link {letter-spacing:0;}
.view-cart {  }

.copyright img {display:none;}

/* 共通設定 */

img {transition:0.4s;}
a img:hover {opacity:0.8;transition:0.4s;}

h1.content-title {
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  	font-size: 38px;
  	color: #000;
	}
#container.site-content {
  	padding-bottom: 40px;
	}
.btn {
  	background: #2ca9e1;
  	color: #fff;
  	padding: 0.8em 1.8em;
  	border: 0;
  	margin: 1em auto;
  	text-align: center;
	}
.btn:hover {
  	background: #a0d8ef;
	color: #fff;
	}
.prd-lst-soldout {
    background: #595857;
	color: #fff;
  	padding: 0.4em 1em;
    border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

/* ------------------------------------- 
 *	menu
 * ------------------------------------- */

.main-menu {
	overflow: visible ;
	background: #fff ;
	padding: 0 ;
	clear: both ;
	margin: 0 ;
	border: 0 ;
  	clear: both;
	}
.main-menu #menu {
	position: relative ;
	margin: 0 ;
	padding: 0 ;
	overflow: visible ;
	}
.main-menu #menu img {
	margin: 0;
	border: 0;
	}
.main-menu #menu ul {
	width: 1000px ;
	margin: 0px auto ;
	padding:0;
	} 
.main-menu #menu ul li {
	list-style: none;
	float: left;
	font-size:15px;
  	font-weight: bold;
	line-height: 120%;
  	text-align:center;
	position: relative;
	display: inline;
	border-left: 1px solid #ddd;
	margin: 10px 0 ;
	}
.main-menu #menu ul li:last-child {
	border-right: 1px solid #ddd;
	}
.main-menu #menu ul li a {
	width: 165px ;
	text-decoration: none ;
	background: transparent ;
	color: #222;
	padding: 4px 0px ;
	display: block ;
	overflow: auto; /*force hasLayout in IE7 */
	overflow: visible; /*force hasLayout in IE6 */
	transition: 0.8s ;
	}
.main-menu #menu ul li a:hover {
	color:#0095d9;
	transition: 0.2s ;
	}

.main-menu #menu ul li ul {
	position: absolute;
	top: 33px;
	width:200px;
	left:0;
	background:#fff;
	box-shadow: 0px 4px 8px #888; 
	-moz-box-shadow: 0px 4px 8px #888; 
	-webkit-box-shadow: 0px 4px 8px #888;
	border: 1px solid #fff ;
	float:none;
	display: none;
	padding:0;
	margin:0;
	}
.main-menu #menu ul li ul li {
	padding:0px;
	margin:0;
	border-bottom:1px solid #eee;
	text-align:left;
	font-size:12.6px;
	}
.main-menu #menu ul li ul li a {
	display: block;
	width:200px;
	padding: 1em 2em ;
	background:#fff;
	color:#333;
	border:0px;
	border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
	transition: 0.3s ;
	}
.main-menu #menu ul li ul li a:hover {
	display: block;
	background: #d6eaff ;
	color:#111;
	box-shadow: 0px 0px 0px #fff; 
	-moz-box-shadow: 0px 0px 0px #fff; 
	-webkit-box-shadow: 0px 0px 0px #fff;
	transition: 0.2s ;
	}
.main-menu #menu ul li ul.items {
  	width: 720px ;
  	padding: 0px ;
	}
.main-menu #menu ul li ul.items  li {
	border: 0px solid #fff;
	}
.main-menu #menu ul li ul.items  li a {
  	width: 200px ;
  	margin: 0px ;
  	padding : 20px ;
  	floar: left ;
  	border-bottom: 1px dotted #ddd ;
	}
.main-menu #menu ul li ul.items  li a h2,
.main-menu #menu ul li ul.topics  li a h2 {
  	font-size: 13px ;
  	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
  	margin: 10px 0 0 ;
  	text-align: center ;
	}
.main-menu #menu ul li ul.items  li img:hover,
.main-menu #menu ul li ul.topics  li img:hover {
	opacity: 1.0 ;
	}

.main-menu #menu ul li ul.topics {
  	width: 900px ;
  	padding: 0px ;
	}
.main-menu #menu ul li ul.topics li {
	border: 1px solid #eee;
	}
.main-menu #menu ul li ul.topics li img {
	width:100%;
  	height:auto;
  	margin-bottom: 10px;
	}
.main-menu #menu ul li ul.topics li a {
  	width: 408px ;
  	margin: 0px ;
  	padding : 20px 20px ;
  	uverflow: auto;
  	floar: left ;
	}

@media (max-width: 960px) {
  .main-menu #menu ul li:last-child {
	display:none;
		}
	}
@media (max-width: 768px) {
  .main-menu {display:none;}
}


/* 前の流用 */

dl.reci {
margin:5px 0px 5px 0;
font-size:12px;
border-bottom: 1px dotted #999;
width:300px
}
dl.reci dt {
	float: left;
	width: 7em;
	padding: .5em 0 .5em 0em;
font-weight:bold;
}
dl.reci dd {
	border-top: 1px dotted #999;
	padding: .5em 0 .5em 8em;
}

dl.reci2 {
margin:20px 20px 5px 0;
font-size:12px;
width:300px
}
dl.reci2 dt {
	float: left;
	width: 1.5em;
	padding: .5em 0 .5em 0em;
font-weight:bold;
}
dl.reci2 dd {
	padding: .5em 0 .5em 2em;
}



table#delicool {
	width:630px;
	margin:10px auto 20px;
	border:1px #abced8 solid;
}

#delicool td {
padding:5px;
border:1px #abced8 solid;
text-align:center;
}

#delicool th {
padding:5px;
border:1px #abced8 solid;
	background:#bce2e8;
	text-align:center;
	font-weight:bold;
}


table#deli {
	width:630px;
	margin:10px auto 20px;
	border:1px #c0c6c9 solid;
}

#deli td {
padding:5px;
border:1px #c0c6c9 solid;
text-align:center;
}

#deli th {
padding:5px;
border:1px #c0c6c9 solid;
	background:#eae5e3;
	text-align:center;
	font-weight:bold;
}



/* 以下オリジナル */

#page-wrapper {
  position: relative;
}
#wrapper {
  padding-top: 1em;
}
.container {
  max-width: 1000px;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  border: 1px solid #ccc;
  background-color: #fff;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  outline: 0;
  outline: thin dotted \9;
  border-color: rgba(82, 168, 236, 0.8);
}


.muted {
  color: #999;
}

body {
  color: #464e54;
  background-color: #fff;
  background-image: url(https://img.shop-pro.jp/tmpl_img/69/bg.gif);
}

a {
  color: #464e54;
}
  a:hover {
    color: #5e5e5e;
  }

a.muted:hover,
a.muted:focus {
  color: #808080;
}

.text-warning {
  color: #c09853;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #a47e3c;
}

.text-error {
  color: #b94a48;
}

a.text-error:hover,
a.text-error:focus {
  color: #953b39;
}

.text-info {
  color: #3a87ad;
}

a.text-info:hover,
a.text-info:focus {
  color: #2d6987;
}

.text-success {
  color: #468847;
}

a.text-success:hover,
a.text-success:focus {
  color: #356635;
}

.btn-01 {
  border: 1px solid #4d4d4d;
  background-color: #4d4d4d;
  color: #fff;
  *background-color: #4d4d4d;
}

h2 {
  margin: 30px 0;
  text-align: center;
}
  .ttl-h2 {
    position: relative;
  }
  .ttl-h2:before {
    position: absolute;
    top: 50%;
    z-index: -1;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ccc;
    content: "";
  }
  .ttl-h2 span {
    padding: 0 2em;
    background-color: #fff;
  }

.btn-01 {
  border: 1px solid #4d4d4d;
  background-color: #4d4d4d;
  color: #fff;
  *background-color: #4d4d4d;
}

.btn-01:hover,
.btn-01:focus,
.btn-01:active,
.btn-01.active,
.btn-01.disabled,
.btn-01[disabled] {
  border: 1px solid #5e5e5e;
  background-color: #5e5e5e;
  color: #fff;
  *background-color: #5e5e5e;
}

.btn-02 {
  border: 1px solid #d8d8d8;
  background-color: #d8d8d8;
  color: #4d4d4d;
  *background-color: #d8d8d8;
}

.btn-02:hover,
.btn-02:focus,
.btn-02:active,
.btn-02.active,
.btn-02.disabled,
.btn-02[disabled] {
  border: 1px solid #d8d8d8;
  background-color: #d8d8d8;
  color: #4d4d4d;
  *background-color: #d8d8d8;
}
.product-order-num input {
  border-color: #d8d8d8;
}

/*
 * web font
 */
.google-font {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  font-family: 'Karla', sans-serif;
}
  .google-font.fwb {
    font-weight: 700;
  }

/*
 * icon
 */
.icon-b,
.icon-w {
  display: inline-block;
  width: 16px;
  height: 16px;
  *display: inline;
  *zoom: 1;
}
.icon-b {
  background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon16_b.png);
}
.icon-w {
  background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon16_w.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz--device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-b,
  .icon-w {
    -webkit-background-size: 368px 320px;
    background-size: 368px 320px;
  }
  .icon-lg-b,
  .icon-lg-w {
    -webkit-background-size: 552px 480px;
    background-size: 552px 480px;
  }
  .icon-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon16_2x_b.png);
  }
  .icon-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon16_2x_w.png);
  }
  .icon-lg-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_2x_b.png);
  }
  .icon-lg-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_2x_w.png);
  }
}
.icon-cart { background-position: -176px -64px; }
.icon-user { background-position: -208px -0px; }
.icon-adduser { background-position: -240px -0px; }
.icon-logout { background-position: -32px -80px; }
.icon-login { background-position: -48px -80px; }
/* icon large */
.icon-twitter { background-position: -144px -264px; }
.icon-facebook { background-position: -192px -264px; }
.icon-instagram { background-position: -168px -288px; }
.icon-mail { background-position: -96px -0px; }
.icon-lg-w.icon-cart { background-position: -264px -96px; }
.icon-lg-w.icon-chevron_up { background-position: -0px -216px; }
.icon-lg-w.icon-chevron_down { background-position: -528px -192px; }

.icon-lg-b,
.icon-lg-w {
  width: 24px;
  height: 24px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.icon-lg-b {
  background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_b.png);
}
.icon-lg-w {
  background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_w.png);
}


/*
 * header
 */
#header-wrapper {
  margin-bottom: 4em;
}
.header-link a {
  color: #4d4d4d;
}
.header-link a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* header-line-nav */
.header-line-nav li {
  padding-top: 5px;
}
  .header-line-nav a {
    cursor: pointer;
  }
  .header-line-nav span {
    float: left;
    padding-left: 4px;
    font-size: 12px;
    line-height: 1.5em;
  }
  .header-line-nav .icon-b,
  .header-line-nav .icon-w {
    float: left;
  }
.view-cart {
  position: relative;
  top: -6px;
  padding-top: 0 !important;
}
.btn-viewcart {
  padding: 1px 15px 0 13px;
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  border-radius: 3em;
}

/* header logo */
.shop-name {
  clear: both;
  margin: 2em 0;
  text-align: center;
  font-size: 24px;
}
.shop-description {
  font-size: 12px;
  font-weight: normal;
  color: #4d4d4d;
}

/* header global nav */
#header-global-nav {
  margin: 1.8em 0;
  text-align: center;
  font-size: 16px;
}
  #header-global-nav li {
    margin: 0 1em;
  }

/* incart delivery */
.incart-delivery {
  float: right;
}
  .incart-delivery ul {
    margin: 0;
    padding: 10px 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #d9edf7;
    color: #31708f;
    list-style: none;
    font-size: 12px;
  }

/* slider */
.slider {
  margin-top: 2em;
  padding: 0 .1%;
  position: relative;
}
.bx-viewport {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  left: 0 !important;
  border: none !important;
}
#slider div {
  width: 100% !important;
}

/*
 * product list
 */

.prd-lst-unit {
  margin-bottom: 60px;
  padding: 0 10px;
  text-align: center;
}
.prd-lst-img {
  display: block;
  margin: 0 auto 1em;
}
.prd-lst-span {
  display: block;
  margin: .3em 0;
  font-size: 12px;
}
.prd-lst-name,
.prd-lst-name a,
a .prd-lst-name { 
  margin: 0.2em ;
  font-size: 15px;
  color:#007bbb;
}
.prd-lst-unit a:hover,
.prd-lst-name a:hover,
a:hover .prd-lst-name { 
  text-decoration:none;
  color:#2ca9e1;
}

.prd-lst-regular {
  text-decoration: line-through;
}
.prd-lst-discount {
  color: #b81717;
}

/* product list sort */
.prd-lst-sort {
  margin: 3em 0;
  color: #888;
  text-align: center;
  font-size: 12px;
}

/* prduct list pager */
.prd-lst-pager {
  text-align: center;
}
.prd-lst-pos b {
  font-size: 18px;
  font-weight: normal;
}


/*
 * footer
 */

#footer-wrapper {
  padding-top: 3em;
}
.footer-primary {
  border-right: 1px solid #e7e7e7;
}

/* footer nav */
.footer-nav {
  list-style: none;
  margin: 0;
}
  .footer-nav li {
    margin: .8em 0;
  }
.footer-primary {
  padding: .3em 0;
}
  .footer-primary li {
    margin-right: 25px;
    margin-left: 5px;
  }
  .footer-primary a {
    color: #4d4d4d;
  }
  .freepage-nav {
    margin-right: 10%;
    margin-bottom: 1.5em;
    padding-bottom: .8em;
    border-bottom: 1px solid #e7e7e7;
  }
.footer-secondary {
  padding: .3em 0;
  font-size: 12px;
}
  .footer-secondary li {
    margin-left: 10%;
  }
  .footer-secondary li:before {
    margin-right: 4px;
    color: #abaaaa;
    content: "-";
  }
  .footer-secondary a {
    color: #abaaaa;
  }

/* social icon */
.social-nav {
  text-align: center;
  margin: 2em 0;
}

/* copyright */
.copyright {
  margin: 3em 0 2em;
  color: #abaaaa;
  text-align: center;
  font-size: 12px;
}
.powered {
  display: block;
  margin: .5em auto 0;
  width: 180px;
  height: auto;
}

/* pagetop */
#pagetop {
  position: fixed;
  right: 0;
  bottom: 100px;
  display: none;
}
.btn-pagetop {
  display: block;
  padding: .8em .4em .8em .5em;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}


@media (max-width: 980px) {
  #base_gmoWrapp,
  #gmo_CMSPbar {
    overflow: hidden;
    min-width: 100% !important;
    width: 100% !important;
  }
  .container {
    max-width: 900px;
    width: 90%;
  }
}
@media (max-width: 768px) {
  #wrapper {
    padding-top: 3em;
  }
  .container {
    width: auto;
  }
  .header-dropdown {
    position: absolute;
    top: 0;
    z-index: 200;
    width: 100%;
    background-color: rgba(255,255,255,1);
  }
  .header-dropdown.affix {
    position: fixed;
  }
    .header-dropdown .dropdown-nav li {
      text-align: center;
    }
    .header-dropdown .dropdown-nav a {
      display: block;
      padding: 0.2em;
    }
    .header-dropdown .btn-dropdown {
      padding-left: 34px;
	  height: 40px;
      font-size: 16px;
      line-height: 1.6;
    }
    .header-dropdown .btn-dropdown-close {
      opacity: 0.5;
    }
  .view-cart {
    position: static;
  }
    .view-cart a {
      background-color: #38a1db;
      color: #fff;
    }
    .view-cart span {
      display: block;
      width: 130px;
      margin: 0.5em auto;
    }
    .view-cart .icon-w {
      float: left;
      margin-top: -2px;
    }
  .incart-delivery {
    padding-top: 20px;
    float: none;
  }
  .prd-lst-sort {
    font-size: 14px;
  }
  .footer-primary,
  .footer-secondary {
    padding: 0;
    border: none;
  }
  .footer-nav {
    margin: 0;
    padding: 0;
    border-bottom: 3px double #e7e7e7;
  }
    .footer-primary .footer-nav:first-child {
      border-top: 3px double #e7e7e7;
    }
  .footer-nav li {
    margin: 0;
    font-size: 14px;
    border-top: 1px solid #e7e7e7;
  }
    .footer-nav li:first-child {
      border-top: none;
    }
  .footer-nav li:before {
    display: none;
  }
  .footer-nav a {
    display: block;
    padding: 1em;
    color: #4d4d4d;
  }
  .footer-nav a:hover {
    text-decoration: none;
  }
  .icon-b,
  .icon-w {
    display: inline-block;
    width: 24px;
    height: 24px;
    *display: inline;
    *zoom: 1;
  }
  .icon-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_b.png);
  }
  .icon-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_w.png);
  }
  .icon-cart { background-position: -264px -96px; }
  .icon-list { background-position: -288px -144px; }
  .icon-chevron_thin_up { background-position: -192px -216px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz--device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-b,
    .icon-lg-b {
      background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_2x_b.png);
    }
    .icon-w,
    .icon-lg-w {
      background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_2x_w.png);
    }
    .icon-b,
    .icon-w {
      -webkit-background-size: 552px 480px;
      background-size: 552px 480px;
    }
  }
}
@media (max-width: 480px) {
  .ttl-h2 span {
    padding: 0 10px;
    font-size: 14px;
  }
  ul.row {
  margin: 0 calc(50% - 50vw);
  }
  .prd-lst-unit {
    margin-bottom: 30px;
    height: auto !important;
  }
}

/* IE用 */
.ie_wrapper.container {
  width: 900px;
  overflow: auto;
}