@charset "utf-8";
/* ///////////////////////////////

基本設定

///////////////////////////////
*/

body{

}

ol, ul, li, dl, dt, dd {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#page{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    }
    
#pageContents{background:#fff;margin:0 auto;/* float:right; */width:950px;letter-spacing: 1px;	font-size:16px;
	line-height:2.0em;
	color:#333;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	margin: 20px 0 0 0;
	font-weight: 500;}
#pageContents #ttlCnt{text-align: center;width:950px;margin: 0 auto;}
#pageContents #ttlCnt img.ttl_img{}
#pageContents #ttlCnt h1{font-size: 50px;margin: 40px 0;font-weight: bold;line-height: 1.7rem;}
#pageContents #ttlCnt h1 small{font-size: 30px;display: block;margin-bottom: 35px;/* line-height: 0; */}
#pageContents #ttlCnt p.ttl_txt{text-align: left;padding:20px;line-height: 2.0em;}
.ctgCnt{margin-bottom: 100px;}
.ctgCnt:last-child{margin-bottom: 0px;}
.ctgCnt h2{font-size: 40px;margin: 0px 0;padding: 30px 0;color: #fff;background: #333;text-align: center;}
.ctgCnt h2 small{font-size: 25px;display: block;margin-bottom: 23px;}

.page1col #pageContents{/* width:950px; */margin: 0 auto;/* text-align: center; */}
.page1col #leftmenu2{display: none;}
.page2col #pageContents{ width:700px; margin:0 30px 200px 120px;}

/*NEWパンくず　20220629谷本追記*/
#Breadcrumb {/*width: 100%;*/ margin: 0 auto 0px auto;padding: 0 15% 20px;overflow:hidden;background: #fff;/* display: block; */}
#Breadcrumb li{float:left;}


/*itemCnt*/
ul.itemCnt{display: flex;list-style: none;flex-wrap: wrap;width: 100%;padding: 2%;background: #eee;justify-content: center;box-sizing: border-box;margin: 0 auto;}
ul.itemCnt li{width: 209.5px;display: flex;flex-direction: column;margin: 1%;background: #fff;/* justify-content: center; */}
ul.itemCnt li.widecol{width: 285px;}
img.itemImg{ width:100%; margin-bottom:5px;}
img.itemImg2{ margin-bottom:5px;}

.itemCnt li a{text-decoration:none;}
.itemCnt li:hover{}
.itemInfo{flex: 1 1 auto;display: flex;flex-direction: column;margin: 10px 0 0 0;padding: 0;line-height: 1.5em;}
.itemInfo p.itemCatch{color: #333;font-size: 18px;text-align: center;margin: 15px 0 15px;flex-grow: 1;padding: 0 15px;line-height: 1.5em;}
ul.itemCnt li.widecol .itemInfo p.itemCatch{font-size: 20px;}
.itemInfo h3.itemName{color: #333;font-size: 14px;/* height: 52px; */text-align: center;margin: 0 0 0px;flex-grow: 1;padding: 0 0px;line-height: 1.5em;font-weight: 500;}
.itemInfo mark{float:left; margin:0 5px 0 0; background:#f60; padding:3px; color:#FFF; font-size:0.8rem;font-style: normal;}
.itemInfo mark.newicon{background:#F64426; padding:2px 7px; line-height:1.0em; font-weight:bold; color:#fff}

.itemInfo p.Price{text-align: center;color: #333;font-size: 19px;margin: 20px auto 20px;}
.itemInfo p.Price small{font-size:0.6rem;}

* html ul li{display:inline; width:100px; zoom:1;}
*:first-child+html ul li{display:inline; zoom:1;}

/*ctgMenu*/
ul.ctgMenu{overflow:hidden; margin:60px 0;background:#ddd; }
ul.ctgMenu li{float:left; width:33.1%;text-align:center; color:#000; font-size:14px; margin:15px 0; border-right:1px solid #fff;}
ul.ctgMenu li:last-child{border-right:none;}
ul.ctgMenu li a{color:#000; display:block}

/*ニューススライダー*/
.ctgSlider{ color: #f3e1d7;　margin: 0 0%; padding: 5% 0% 1%;}
.ctgSlider .slider{
    padding: 0 90px;
}
.ctgSlider .slider .newsitem{background: #fff;/* border-radius: 5px; */margin: 0 5px;}
.ctgSlider .slider img{width:130px;/* border-radius: 5px 5px 0 0; */}
.ctgSlider .slider p{
    padding: 10px 0;
    font-weight: bold;
    font-size: 11px;
}
.ctgSlider .slider span{
    display: block;
    text-align: center;
    font-size: 10px;
    color: #333;
}
.slick-prev{ left: 0; z-index: 100; top: 90px;}
.slick-next{ right: 0; z-index: 100; top: 90px;}
.slick-prev:before,
.slick-next:before {
  color: #000 !important;
}
.slick-next:before{content: '▶';}
.slick-prev:before{content: '◀';}

ul.btnBox{overflow: hidden;width: 80%;margin: 2% 10% 5%;box-sizing: border-box;}
ul.btnBox li,
ul.itemCnt li ul.btnBox li{width: 46%;margin: 0 1%;display: inline-block;box-sizing: border-box;background: #666!important;!text-align: center;padding: 5% 0;border-radius: 5px;text-align: center;}
ul.btnBox li a{color:#fff;text-align: center;}
ul.btnBox li a p.itemName{font-size: 15px;text-align: center;}
ul.btnBox li a p.Price small{font-size:0.6rem;}
ul.btnBox li a p.Price{text-align:center;}

/* SEO */
.seo_block{width: 950px;margin: 0 auto 60px;font-size:14px;line-height:1.8em;text-align: left; background:#FFFFFF;}
.seo_box1{margin:0 0 40px}
.seo_box1 h2{font-weight:bold; font-size:24px; margin-bottom:10px;text-align:left; border-bottom:2px solid #ddd;padding: 37px 0 10px 10px;}
.seo_box1 h3 { position: relative; padding: 1.5rem 1rem; font-weight:bold; font-size:20px; display: inline-block; margin: 0px 0 0 0;}

.seo_box1 h3:after {
position: absolute; bottom: 0; left: 0; width: 100%; height: 10px;
  content: ''; background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.seo_box1 h4{font-weight:bold; font-size:18px; margin:20px 0 0 10px;text-align:left; padding: 0px 0 5px 10px;
border-left: 5px #333 solid;}
.seo_box1 .seo_subbox{background:#eee; padding: 30px 30px;overflow: hidden; margin-bottom: 30px}
.seo_box2{width:46%; display:inline-block;margin-right:2%; vertical-align:top;}
#pageContents.mother2022 .seo_box2 h3{background:#eee;padding:10px 0;font-size:18px;font-weight:bold;text-align: center;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;}
.seo_block p{font-size:17px;padding: 10px 0  20px 10px;letter-spacing: 1px!important;line-height: 1.8em;text-align: left!important;}
.seo_block .seo_box p,.seo_block .seo_box2 p{font-size:17px;padding: 10px 10px  20px;text-align: left!important;}

.seo_menu{width: 98%; padding: 10px 20px; border: 1px solid #ddd;}
.seo_menu p{padding: 5px !important;}

/* ///////////////////////////////
調整

/////////////////////////////*/

/* SP用非表示*/
#header_sp, #footer_sp, #itemnavi, .spOnly{
	display: none;
}
/* 共通部分指定*/
#header_pc iframe {
    width: 100%;
    height: 230px;
}
#leftmenu2{
	display:inline-block;
	float:left;}

#leftmenu2,
#leftmenu2 iframe {
	width: 300px;
	min-height: 6000px;
		float:left;
}
#footer_pc {text-align: center;background: #fff;}

#footer_pc iframe{
	width: 1150px;
	height: 850px;
	margin:100px auto 0 auto;
}

#Contents{width: 100%}
