@charset "utf-8"; 

/*------------------------------------------------------------
	全体　ヤフーカテゴリー表示がおかしくなるのを防ぐためresetはヤフー内ページには適応しないこと
------------------------------------------------------------*/


body a {
	text-decoration:none;
	color:#196ae5;
}

body a:hover {
	color:#196ae5;
	text-decoration: underline;
}

body a:visited{
	color:#8e44ad;
}

ul, li {
	list-style:none;
	margin:0;
	padding:0;
}

.center {
	width: 1260px;
	margin: 0 auto;
}

/*------------------------------------------------------------
	トップページ用レイアウト
------------------------------------------------------------*/

.container{
	width: 1260px;
    display: flex;
	margin: 0 auto 30px;
}

.left{
    width: 600px;
	margin-right: 20px;
}

.contents{
    flex: 1;
	text-align: center;
}

.sub_container{
	width: 1260px;
    display: flex;
	margin-top: 40px;
}

.sub_left{
    width: 290px;
	margin-right: 20px;
}

.sub_contents{
    flex: 1;
	text-align: center;
}

.sub_container a {
	display: block;
	text-align: center;
	margin-bottom: 40px;
}

.sub_container a span {
	display: block;
	font-size: 12px;
    color: #196ae5;
	line-height: 1.8;
}

/* 特集表示 */

.tokushu-wrapper {
	width: 1260px;
	margin: 24px auto 0;
	} 

.tokushu-wrapper .subtitle{
	margin-bottom: 30px;
}

.tokushu-wrapper ul.up {
	display: inline-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 12px;
	width: 100%;
}

.tokushu-wrapper ul.up li {
	width:calc((100% / 3) - 30px );
 	text-align: center;
 	transition: all .3s ease-in-out;
	margin-bottom: 20px;
}

.tokushu-wrapper ul.down {
	display: inline-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 12px;
}

.tokushu-wrapper ul.down li {
	width:calc((100% / 4) - 30px);
 	text-align: center;
 	transition: all .3s ease-in-out;
	margin-bottom: 30px;
	flex-wrap: wrap;

}

.tokushu-wrapper ul li a img {
	width: 100%;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
} 

.tokushu-wrapper ul li a {
	text-align: center;
}

.tokushu-wrapper ul li a span {
	display: block;
    color: #196ae5;
	line-height: 1.8;
	font-size: 12px;
}

/*-----　クーポン　-----*/
.shopCoupon{
	width:100%;
	margin:0 auto;
}

.shopCoupon h6{
	background-color:#E30206;
	padding: 15px;
	font-size:16px;
	color:#fff;
	text-align:center;
	margin:50px 0 0 0;
	font-weight: 400;
}

.shopCoupon .Wrapper{
	margin: 0 auto;
	border:solid 2px #E30206;
	background-color:#fff;
	padding:20px;

}

.shopCoupon .Wrapper ul {
	display: flex;
	width: 100%;
	margin: 2% auto 0;
	justify-content: space-between;
	flex-wrap: wrap;
	display: -webkit-flex;
	display: -webkit-flex;
	-webkit-justify-content:space-between;
}

.shopCoupon .Wrapper ul li a img {
	width: 100%;
}

.shopCoupon .Wrapper ul li.couponList1{
	width:80%;
	margin: 0 auto;
}

.shopCoupon .Wrapper ul li.couponList2{
	width: calc(100% / 2);
}

.shopCoupon .Wrapper ul li.couponList3{
	width: calc(100% / 3);
}

.shopCoupon .Wrapper ul li.couponList4{
	width: calc(100% / 4);
}

.shopCoupon p{
	background-color:#000000;
	padding: 10px;
	font-size:16px;
	color:#fff;
	text-align:center;
	margin:10px 0 0 0;
	font-weight: 400;
}

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

#head {
	width: 1260px;
	height: 115px;
	margin: 0 auto;
}

.head_left {
	float: left;
	width: 100px;
	margin-right: 15px;
}

.head_left img {
	width: 92%;
}

.head_center {
	float: left;
	font-size: 14px;
	margin-top: 5px;
}

.head_center iframe{
	width: 360px;
	height: 16px;
	font-size: 12px;
	margin-top: 3px;
} 

#head ul {
	display: inline-flex;
	justify-content: space-between;
	width: 465px;
}

#head ul li {
	font-size: 12px;
	width: calc((100% / 5));
	border-left: 1px solid #cccccc;
	text-align: center;
}

#head ul li a {
	color: #444444;
}

#head ul li:last-child {
	border-right: 1px solid #cccccc;
}

.head_right {
	float: right;
}

.nations {
	float: right;
	height: 110px;
	margin-left:6px;
}



/*------検索-------*/

.head_searchbox {
	width:832px;
	height: 36px;
	padding:8px 0;
	background: #EDEDED;
	margin-top: 6px;
}

.head_searchbox #search {
	display: block;
	margin-left: 15px;
	position: relative;
}

.head_searchbox ul a:hover{
	background-color: #eeeeee;
	text-decoration: none;
}

.head_searchbox ul li:last-child a:hover{
	opacity: 0.8;
}


.head_searchbox #s_wind{
	position: absolute;
	width:485px;
	height:36px;
	background-color:#ffffff;
	border:1px solid #C1C1C1;
	color:#777777;
	margin-right: 5px;
	padding-left:15px;
	box-sizing: border-box;
}


.head_searchbox #serach_btn{
	position: absolute;
	left: 484px;
	width:36px;
	height:36px;
	text-indent:-9999px;
	background-image:url(../image/head/search.png);
	border:0;
	background-size: 80%;
	background-repeat: no-repeat;
	background-color:#626262;
	background-position: 3px 3px;
	cursor:pointer;
}


.head_searchbox #serach_btn:hover{
	pointer:cursor;
}

.concept {
	float: left;
	margin-left: 570px;
	margin-top: 3px;
}

.concept a {
	width: 220px;
	text-align: center;
	display: block;
	color: #222222;
	border-radius: 30px;
	border: 1px dashed #555;
	padding: 2px; 
	background: #ffffff;
}


/*------------------------------------------------------------
	検索窓　サイド固定
------------------------------------------------------------*/

.searchbox {
		width: 160px;
		height: 300px;
		box-sizing: border-box;
	background: url(../image/base2015/search_bg.png) no-repeat top left;
	position: relative;
	
	}

.searchbox #search {
	display: block;
	position: absolute;
	top: 60px;
	left: 6px;
}

.searchbox #s_wind{
	width:125px;
	height:30px;
	background-color:#ffffff;
	border:1px solid #cccccc;
	color:#777777;
	padding-left:20px;
	margin: 15px auto 5px;
}

.searchbox #serach_btn{
	width:147px;
	height:30px;
	border:0;
	background-color:#353535;
	cursor:pointer;
	position: absolute;
	top: 55px;
	left: 0px;
	color: #FFFFFF;
}

.searchbox ul {
	display:inline-flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	display: -webkit-inline-flex;
	-webkit-justify-content:flex-start;
	position: absolute;
	top: 160px;
	left: 7px;
	margin-left: -5px;
}
	
.searchbox ul li a {
	width: calc( (100% / 2) - 5px);
	margin-left: 5px;
	line-height: 2.3;
	padding: 3px 2px;
	border-radius: 3px;
	font-size: 11px;
}

/*****グローバルナビゲーション*****/

nav {
	width: 1260px;
 	position: relative;
	margin: 16px auto 0;
}
 
.gnav {
	width: 100%;
	display: inline-flex;
	justify-content: space-between;
	display: -webkit-inline-flex;
	-webkit-justify-content:space-between;
}
 
.gnav li {
	width: calc((100% / 7));
 	text-align: center;
 	transition: all .3s ease-in-out;
	 	border-left: solid 1px #bbbbbb;
}

.gnav li:hover {
	background: #FCFCFC;
}

.gnav a:hover {
	text-decoration: none;
}

.gnav a:visited{
	color:#444444;
}

.gnav a {
	color:#444444; 
	display: block;
 	padding:8px 0 0;
	font-size: 14px;
	font-weight: 400;
}
 
.gnav li .last {
 	border-right: solid 1px #bbbbbb;
}
 
.gnav li:hover .megamenu {
 	max-height: 9999px;
 	opacity: 1;
 	padding: 10px 0;
}

.gnav li span {
	display: block;
	margin-top: -2px;
	font-size: 13px;
}

.gnav .h40{
	height: 40px;
}
 
.megamenu {
	background: #FCFCFC;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	width: 100%;
	position: absolute;
	top: 78px;
	left: 0;
	transition: all .2s ease-in;
	z-index: 999;
}
 
.megamenu-inner {
	display: flex;
	flex-wrap: wrap;
	padding: 6px 0;
}
 
.megamenu-inner li {
	width: calc( (100% / 5) );
	margin-bottom: 15px;
	border: none;
}

.megamenu-inner li img {
	float: left;
	margin:0 6px;
}

.megamenu-inner h3 {
	line-height: 1;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	margin-top: 4px;
}

.megamenu-inner a h3 {
	text-decoration:none;
	color:#196ae5;
}

.megamenu-inner a:hover {
	text-decoration: underline;
	color:#196ae5;
}

.megamenu-inner p {
	line-height: 1.2;
	font-size: 12px;
	margin-top: 3px;
}


/* 注目情報案内 */

.pickup-wrapper {
	width: 1260px;
	margin: 30px auto 0;
}

.pickup-wrapper-inner{
	display:flex;
	justify-content: space-between;
	margin-left: -15px;
}

.pickup-wrapper-inner div {
	text-align: center;
	position: relative;
	border: 1px solid #ccc; /* 線の太さ・種類・色 */
	padding: 30px 20px 16px 20px; /* 内側の余白 上・右・下・左 */
	position: relative;
	margin-left: 15px;
	z-index: 0;
}
	
.pickup-wrapper-inner div ul  {
	display:flex;
	justify-content: space-between;
	margin-left: -15px;
}

.pickup-wrapper-inner div ul li {
	margin-left: 15px;
 	text-align: center;
}

.maskbox1{
	flex-basis: 70%;
}

.maskbox2{
	flex-basis: 27%;
}

.maskbox3{	
	flex-basis: 41%;
}

.pickup-wrapper-inner div a img {
	width: 100%;
	box-shadow: 0 0 6px rgba(0,0,0,0.2);
} 

.pickup-wrapper-inner div a span {
	display: block;
	line-height: 1;
	font-size: 12px;
}

/* 注目マスキングテープ */

.pickup-wrapper-inner div:after{
	background-color: #d9ccb3; /* マステ部分の色1 */
	background-image: linear-gradient(45deg, #dfd4be 25%, transparent 25%, transparent 75%, #dfd4be 75%, #dfd4be), linear-gradient(45deg, #dfd4be 25%, transparent 25%, transparent 75%, #dfd4be 75%, #dfd4be); /* マステ部分の色2 */
	background-position: 0 0, 12px 12px;
	background-size: 24px 24px;
	border-left: 2px dotted rgba(255,255,255,0.9);
	border-right: 2px dotted rgba(255,255,255,0.9);
	box-shadow: 0 0 5px rgba(255,255,255,0.5);
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 20px;
	color: #000;  /* マステ部分文字色 */
	font-weight: 700;
	letter-spacing: 0.2em;
	text-align: center;
	position: absolute;
	top: -15px;
	left: 20px;
	transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
}

.maskbox1:after{
	content: '注目の特集';
}

.maskbox2:after{
	content: '今売れてます';
}

.maskbox3:after{
	content: '新発売！';
}

/*------クーポン・セール誘導-------*/

.coupon-top {
	width: 1260px;
	margin: 24px auto 0;
}

.coupon-top ul {
	display: inline-flex;
	justify-content: space-between;
	display: -webkit-inline-flex;
	-webkit-justify-content:space-between;
	margin-left: -24px;
	box-sizing: border-box;
}

.coupon-top ul.coupon4 li{
	width: calc((100% / 4));
	margin-left: 24px;
}

.coupon-top ul.coupon3 li{
	width: calc((100% / 3));
	margin-left: 24px;
}

.coupon-top ul.coupon3 li:first-child{
	width:80%;
	margin-left: 24px;
}

.coupon-top ul.coupon2 li{
	width: calc((100% / 2));
	margin-left: 24px;
}

.coupon-top ul.coupon2 li:first-child{
	flex: 3.2;
}

.coupon-top ul.coupon2 li:last-child{
	flex: 1;
}



.coupon-top .coupon1 {
	width:700px;
	margin:0 auto;
}

.coupon-top img {
	width: 100%;
	box-shadow: 0 0 6px rgba(0,0,0,0.2);
}

/*　ヘッダー案内 */

.annai {
 border: 5px solid #eee;	/* 線の太さ・種類・色 */
 padding: 10px 10px 4px;
 position: relative;
 z-index: 0;
	margin: 0 auto;
	margin-top: 16px;
	width: 1260px;
	box-sizing: border-box;
	
}

.annai:before {
 border-top: 5px solid #f0b8bf;	/* 一部だけ異なる線の太さ・種類・色 */
 border-left: 5px solid #f0b8bf;	/* 一部だけ異なる線の太さ・種類・色 */
 content: '';
 display: block;
 position: absolute;
 top: -5px;
 left: -5px;
 width: 20px;
 height: 20px;
 z-index: 1;
}

.annai2 {
	border: 5px solid #eee;	/* 線の太さ・種類・色 */
	padding: 11px 10px 0px;
	margin-top: -5px;
	position: relative;
	z-index: 0;
	margin-right: 24px;
	width: 532px;
	box-sizing: border-box;
	line-height: 1.3;
}

.annai2:before {
 border-top: 5px solid #f0b8bf;	/* 一部だけ異なる線の太さ・種類・色 */
 border-left: 5px solid #f0b8bf;	/* 一部だけ異なる線の太さ・種類・色 */
 content: '';
 display: block;
 position: absolute;
 top: -5px;
 left: -5px;
 width: 20px;
 height: 20px;
 z-index: 1;
}


/*　フッターナビ部分 */
.foot_nav {
	width: 1260px;
	margin: 0 auto;
}


.foot_nav .sitemap{
	margin-left: 4px;	
}

.foot_nav .sitemap ul li h3 {
	display: block;
 	margin-bottom:12px;
	font-size: 12px;
	background-color: #626262;
	color: #FFFFFF;
	font-weight: 400;
	position: relative;
	padding: 0.4em 0 0.4em 0.75em;
	border-left: solid 2.5em #7FBF9F;
}

.foot_nav .sitemap ul li h3:before {
	font-family: "Font Awesome 5 Free";
	content: "\f550";
	position: absolute;
	font-weight: 600;
	font-size:1em;
	padding: 0em;
	color: white;
	left: -1.7em;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.foot_nav .sitemap ul li ul li {
	text-indent:8px;
 	margin-bottom:12px;
	font-size: 12px;
}
		
.foot_nav .sitemap ul li ul li a {
	display: block;
	color: #444444;
	border-bottom: 1px solid #DFDFDF;
	position: relative;
}
		
.foot_nav .sitemap ul li ul li a:hover {
	border-bottom: none;
	padding-bottom: 1px;
	text-decoration: none;
}

.foot_nav .sitemap ul li ul li a:after {
	content: '';
	width: 0;
	transition: all 0.3s ease;
	border-bottom: 1px solid #3699D3;
	display: block;
}
		
.foot_nav .sitemap ul li ul li a:hover:after {
	width: 100%;
	border-bottom: 1px solid #3699D3;

}
		
.foot_nav .inner{
	width:1260px;
	margin:0 auto 50px;
	}
	
.foot_nav .inner img {
	width: 100%;
	border: 1px solid #eeeeee;
	}

.foot_nav .inner div{
	float: left;
	width:196px;
	margin-right: 10px;
}

.foot_nav .inner div:nth-child(5){
	margin-right:0;
}

.foot_nav .inner a span {
	display: block;
	text-align: center;
	margin: -6px 0 8px;
	font-size: 12px;
	}

.foot_nav .inner span a:hover {
	text-decoration: none;
	}

/*ランキング*/

.foot_nav_title {
	font-size: 16px;
	border-bottom: 2px solid #555555;
	margin-bottom: 14px;
}


.ranking {
	margin-left: 20px
}

.ranking .title {
	display: block;
 	margin-bottom:20px;
	font-size: 12px;
	background-color:#A18E5C;
	color: #FFFFFF;
	font-weight: 400;
	position: relative;
	padding: 0.4em 0 0.4em 0.5em;
	text-align: center;
	border-radius: 30px
}

.ranking .title:before {
	font-family: "Font Awesome 5 Free";
	content: "\f521";
	position: absolute;
	font-weight: 900;
	font-size:1em;
	padding: 0em;
	left: 10px;
	top: 45%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ranking-box {
	counter-reset: wpp-ranking;
	width: 98%;
	margin: 0 auto;
}

.ranking-box li {
	width:100%;
	padding: 5px 0 0 0;
 	position: relative;
	margin-top: 10px;
	margin-left: 2%;
}

.ranking-box li:before {
	border-radius: 50%;
	content: counter(wpp-ranking, decimal);
	counter-increment: wpp-ranking;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	padding: 10px 12px;
	position: absolute;
	top: -10px;
	left: -10px;
	opacity: 0.7;
}

.ranking-box li:nth-child(1):before {
	background:#fa0;
}

.ranking-box li:nth-child(2):before {
	background:#bbb;
}

.ranking-box li:nth-child(3):before {
	background:#930;
}

.ranking-box img {
	width: 98%;
	border: 1px solid #eeeeee;
	box-sizing: border-box;
}
	


/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/

.footer {
	width: 1260px;
	margin: 0 auto 30px;
}


/**************************************************************************

  footer style

**************************************************************************/

.title-1-en {
    margin-bottom: 6px;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: .025em;
    line-height: 1.2;
	padding-top: 20px;
}


#footer {
	margin: 0 auto;
   width:1260px;
   padding:20px 0;
   margin-bottom:0px;
   background-color: #e6e6e6;
	border-radius:16px;
   }

#footer .guid-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 20px;

}

#footer .guid-block .box {
	width: calc( (100% / 3) - 60px);
	position: relative;
	height: 290px;
	margin-bottom: 50px;
	padding: 20px;
	background: #FFFFFF;
	border-radius: 6px;
}
	
#footer .ft_guide{
	width:1024px;
	font-size:13px;
	margin:0 auto;
	line-height:2.2em;

}

#footer .ft_guide .box h4{
	font-size:14px;
	border-bottom:1px solid #A2A2A2;
	width:100%;
	margin-bottom: 15px;
	padding-bottom: 5px;
}

#footer .more{
	display:block;
	width:84%;
	margin:0 auto;
	background:#555555;
	text-align:center;
	padding:3px;
	position:absolute;
	bottom:20px;
	color:#fff;
}







/* カテゴリーピックアップアイテム */

.pickup-item-cate {
	width: 1260px;
	margin: 24px auto 0;
	} 

.pickup-item-cate ul{
	display:flex;
	justify-content: flex-start;
	margin-bottom: 12px;
	flex-wrap: wrap;
	margin-left: -30px;
}

.pickup-item-cate ul li {
	width:calc((100%/4) - 30px);
	margin-left: 30px;
	margin-bottom: 30px;
}

.pickup-item-cate ul li a img {
	width:100%;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
} 

.pickup-item-cate ul li a {
	text-align: center;
}

.pickup-item-cate ul li a span {
	display: block;
	font-size: 12px;
    color: #196ae5;
	line-height: 1.8;
}

/*------------------------------------------------------------
	商品説明
------------------------------------------------------------*/


/* 商品ページレイアウト*/
.itemlayout {
	margin-top: 80px;
}

.itemlayout tr td:first-child {
	padding:0 20px 40px 0;
}

.itemlayout tr td:nth-child(2) {
	padding:0 0 40px 20px;
}

.itemlayout tr td p {
	display: block;
	margin-top: 0.6em;
	font-size: 14px;
}


/*商品説明 */

#shouhinsetumei {
	width:1260px;
	padding:15px 0; 
	color:#444444;
}

#shouhinsetumei p {
	font-size: 14px;
}

/*商品ページコンテンツ画像のない商品用のタイトル周り*/

.title1 {
	color:#cc3333;
	border-bottom:1px solid #ccc;
	margin-top:20px;
}

.title2 {
	font-size:20px!important;
	color:#F06;
	margin-top:20px;
	text-align:center;
}

.title3 {
	font-size:20px!important;
	color:#cc3333;
	padding-bottom: 5px;
	border-bottom:dotted #CCC;
	margin-top:20px;
	margin-bottom:10px;
}

.title4 {
	font-size:24px!important;
	font-weight: 700;
} 


.title5 {
	color:#cc3333;
	border-bottom:1px solid #ccc; 
	margin-top:20px;
}

/*栄養成分等枠組みベース*/

#genryo_datebase {
margin:20px auto 0;
padding-top:20px;
	width:1260px;
	color:#555555;
	}

#genryo_datebase_gmp {
margin:20px auto 0;
padding-top:20px;
	width:1260px;
	color:#555555;
	}

#genryo_date h2 {
	letter-spacing: 0.1em;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    color: #000000;
    font-family: "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
    display: block;
    margin: 30px 0 15px 2px;
	padding-left: 10px;
    text-align: left;
	border-left: 4px solid #424242;
}

#genryo_date h2.faqtitle_b {
	letter-spacing: 0.1em;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    color: #000000;
    font-family: "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
    display: block;
    margin: 30px 0 15px;
    text-align: left;
}

#genryo_date h2.faqtitle {
	padding: 5px 10px;
	margin-top:30px;
	margin-bottom: 15px;
	 border: solid 1px #CCC;
 	box-shadow: 0 0 0 2px #eee, 0 0 0 3px #ccc;
	font-weight: normal;
	font-family: Montserrat, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color:#555;
	font-size: 18px;
}

#genryo_date p{
	line-height:1.8 !important;
	font-size: 13px;
	}

#genryo_date span{
color:#FF0000;
	}

/*栄養成分 table */

.eiyouseibun {
	width: 350px;
	border-collapse: separate;
	border-spacing: 0px;
 	}


.text-indent {
	text-indent:2em !important;
 	}
 
/*栄養成分　2列 table */
 
.eiyouseibun_retu {
 	width: 600px;
	border-collapse: separate;
	*border-collapse: collapse; /* IE7 and lower */
	border-spacing: 0px;
 	}
 
/*栄養成分 4列　table */
 
.eiyouseibun_4retu {
	 width:1260px;
	margin-top: 10px;
	 border-collapse: separate;
	 border-spacing: 0px;
	*border-collapse: collapse; /* IE7 and lower */
	}

.eiyouseibun th,
.eiyouseibun_retu th,
.eiyouseibun_4retu th{
	font-size:80%;
	text-indent:1em;
 	padding:8px;
 	text-align: left;
	margin-left:10px;
 	vertical-align: top;
	color: #444;
 	background-color: #feedf3;
	border-bottom:1px solid #999;
	border-radius: 6px 6px 0 0 ;
	-webkit-border-radius: 6px 6px 0 0 ;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px 6px 0 0 ;   /* Firefox用 */ 
 	}
 
.eiyouseibun td,
.eiyouseibun_retu td{
	font-size:12px;
	text-indent:1em;
 	padding:8px;
	border-bottom:1px solid #999;
 	}
 
.eiyouseibun_4retu td{
	width:25%;
	font-size:12px;
	text-indent:1em;
	padding:8px;
	border-bottom:1px solid #999;
 	}

/*原産国 table */
.gensan {
	 width:1260px;
	 border-collapse: separate;
	 border-spacing: 0px;
	*border-collapse: collapse; /* IE7 and lower */
	}

.gensan th{
	font-size:12px;
	padding-left: 2em;
	padding-bottom:8px;
	padding-top:8px;
 	text-align: left;
	margin-left:10px;
 	vertical-align: top;
	color: #444;
 	background-color: #feedf3;
	border-bottom:1px solid #999;

 	}

.gensan1 {
	width:25%;
	border-radius: 6px 0 0 0 ;
	-webkit-border-radius: 6px 0 0 0 ;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px 0 0 0 ;   /* Firefox用 */ 
	}

.gensan2 {width:30%}

.gensan3 {
	width:45%;
	border-radius:0 6px 0 0 ;
	-webkit-border-radius:0 6px 0 0 ;    /* Safari,Google Chrome用 */  
	-moz-border-radius:0 6px 0 0 ;   /* Firefox用 */
	}
 
.gensan td{
	font-size:12px;
	padding-left: 2em;
	padding-bottom:8px;
	padding-top:8px;
	border-bottom:1px solid #999;
 	}


 
/*PC用商品説明文jas一括表示table */

.jas {
	width:620px;/*440px*/
	margin-top:10px;
	color:#444444;
	line-height:1.5;
	border-spacing: 0;
	
}
 
.jas td{
	font-size:75%;
	padding: 6px 10px;
	vertical-align: top;
 }

 
 .jas1{
	border-right: 1px solid #ccc;
	width:120px;
	text-align: right;
 }


/*商品ページ　ラインナップ */

/*◆padding と border の幅を要素の幅と高さに含める設定*/

#item_navi *, #item_navi *:before, #item_navi *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#item_navi{
	width:620px;
	margin-left:-2%;
	margin-top: 10px;
}

#item_navi ul:after{
	content: "";
	display: table;
	clear: both;
}

#item_navi ul li{
	float:left;
	width:23%;
	margin-left:2%;
	list-style: none;
}

#item_navi ul li a{
	display:block;
	width:100%;
	padding:3px;
	line-height:1.5;
	text-align:center;
	text-decoration:none;
	border:solid 1px #09A09A;
	font-size:14px;
	color:#09A09A;
	border-radius: 30px;
}

#item_navi ul li span{
	font-size: 80%;
	
}

#item_navi ul li a:hover{
	background-color:#84d5aa;
	border:solid 1px #84d5aa;
	color:#fff;
}

#item_navi ul li:nth-child(-n+3) a{
	margin-bottom: 10px;
}


/*こちらもおすすめ　ラインナップ */

/*◆padding と border の幅を要素の幅と高さに含める設定*/

#recommend_navi *, #recommend_navi *:before, #recommend_navi *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#recommend_navi{
	width:630px;
	margin-left:-2%;
	margin-top: 10px;
}
	
#recommend_navi_ttl {
	background: #414141;
	color: #ffffff;
	padding: 3px 0 3px 10px;
	font-size: 12px;
	margin-top: 20px;
	width: 602px;
}

#recommend_navi ul:after{
	content: "";
	display: table;
	clear: both;
}

#recommend_navi ul li{
	float:left;
	width:31%;
	margin-left:2%;
	list-style: none;
}

#recommend_navi ul li a{
	display:block;
	width:100%;
	text-align:center;
	text-decoration:none;
	font-size:14px;
}
	
#recommend_navi ul li a img{
	width:100%;
}

#recommend_navi ul li span{
	display:block;
	margin-top: 5px;
}


/*------------------------------------------------------------
	雑貨商品ベース
------------------------------------------------------------*/

.goods {
	width: 1260px;
	display: block;
	text-align: center;
	margin: 30px auto;
	font-size: 14px;
}

.goods img {
	width: 680px;
	margin: 0 auto 20px;
	border: 1px solid #eeeeee;
	box-sizing: border-box;
  }

.goods p b {
	display: block;
	font-weight: 700;
	padding: 4em 0 0;
	line-height: 1.5;
	font-size: 16px;
}

.goods p {
	margin-bottom: 1em;
	line-height: 1.5;
	width: 680px;
	margin: 0 auto 1em;;
}

.goods font {
	font-size: 12px;
	color: #555555;
	display: block;
	margin:-18px auto 20px;
	text-align: left;
	width: 680px;
}

.goods table {
	width:100%;
	font-size:13px;
	color:#444444;
	line-height:1.5;
	border:0px solid #ffffff;
	table-layout:fixed
}
 
.goods table tr td {
	border:0px solid #ffffff;
 }

.goods table tr td:first-child {	
	padding-right: 8px;
	width: 30%!important;
 }

.goods table img {
	margin: 0!important;
}


/* PC商品説明文*/

.godds-chokusou	p {
	font-size: 13px;
	line-height: 1.8;
	text-indent: 1em;
	}
.godds-chokusou	p b {
	display: block;
	padding: 10px;
	margin: 20px 0 10px;
	border: 1px solid #555555;
	text-indent: 0;
	}
	
	
.godds-chokusou	img {
	width: 60%;
	margin: 10px auto 0;
	text-align: center;
	}

.godds-chokusou	strong {
	font-size: 16px;
	line-height: 1.8;
	display: block;
	}
	
.godds-chokusou	p span {
	display: block;
	background-color: #DDDDDD;
	padding: 5px 0;
	margin: 20px 0 5px;
	}


/* カラーバリエーション*/

.colorvariations {
	width: 100%;
}

.colorvariations table {
	float: left;
	margin-right: 18px;
	margin-bottom: 14px;
	border: 1px solid #EEEEEE;
	width: 252px;
	box-sizing: border-box;
}

.colorvariations table:nth-child(3n) {
	margin-right: 0;
}

.colorvariations table tr td {
	font-size: 12px;
	padding: 15px 0px 3px 0;
	line-height: 120%;
	letter-spacing: 0.03;
	font-weight: 700;
	color: #222;
	border:0px solid #ffffff;
}

.colorvariations table img {
	display: block;
	width: 100%;
	padding: 0 0 4px 0;
}



/*------------------------------------------------------------
	お買い物ガイド
------------------------------------------------------------*/

#guide {
	width: 100%;
}

#guide p{
	margin-left:20px;
}

#guide img {
	margin:10px 0;
}

.sgnavi {
	display: flex;
	justify-content: space-between;
	display: -webkit-flex;
	-webkit-justify-content:space-between;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 24px;
}

.sgnavi li {
	width: calc((100% / 7) - 20px);
}

.sgnavi li a {
    background: #F0F0F0;
    text-align: center;
    font-size: 11px;
    color: #000;
    text-decoration: none;
        box-sizing: border-box;
    letter-spacing: .8px;
    display: inline-block;
    margin: 0 auto;
	width: 100%;
	padding: 12px  0;	
}

.sgnavi li a i {
    font-size: 14px;
    vertical-align: top;
    margin-right: 4px;
	margin-top: 2px;
}

.sg-cnt{
	border:1px solid #CCCCCC;
		font-size:13px;	
	margin-top: 24px;
}

.sg-cnt dt{
	background:#F8F7F5;
	font-weight:bold;
	font-size:13px;
	padding:6px 10px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	line-height:1.8;
}

.sg-cnt dt.dt-top{
	border-top:none;
}

.sg-cnt dd{
	padding:0 5px 0 0;
}

.sg-cnt dd p:first-child{
	padding:1em 0 0 0;
}

.sg-cnt dd p:last-child{
	padding:0 0 1em 0;
}

.sg-cnt .ddsub{
	font-weight:bold;
	font-size:130%;
}

.sg-cnt ul{
	padding:20px 5px 3px 35px;
	list-style:disc outside;
}

.sg-cnt li{
	padding-bottom:15px;
	list-style:disc outside;
}

.sg-cnt p.sg-txt{
	padding:20px 5px 20px 0;
}

.sg-cnt .al_right{
	text-align:right;
	padding:0 20px 20px;
}

.sg-cnt span{
	color: #E30003;
}

/* よくある質問 */

#faq{
	width: 100%;
	line-height:1.8;
	font-size:13px;
}

#faq p{
	padding:5px 12px;
}

#faq_itempage{
	width: 100%;
	line-height:1.8;
	font-size:13px;
}

#faq_itempage p{
	padding:5px 12px;
}


.q-con{
	background: url(../image/base2015/faq-line.gif) center repeat-y;
	margin:30px 0 30px;
}

.q-con p{
	border:1px solid #444444;
	font-size:16px;
	 border-radius:6px;
	padding:8px;
	font-weight:bold;
	color:#444444;
}

.q-con div.q-l{
	float:left;
	width:49%;
	margin-right:1%;
}

.q-con div.q-r{
	float:right;
	width:49%;
	margin-left:1%
}

.q-con ul{
	margin:20px 0 30px;
}

.q-con ul li{
	padding:3px 10px 5px 40px;
	background: url(../image/guide_faq_title/nichiei_faqpage_Qicon_s.png) no-repeat;

}

#faq dl {
margin-top:30px;
}

#faq dt{
	padding:15px 15px 15px 60px;
	background: url(../image/guide_faq_title/nichiei_faqpage_Qicon.png) no-repeat #F8F7F5;
	font-size:14px;
	font-weight:bold;
	color:#453938;
	border:1px solid #CCCCCC;
}

#faq dd{
	padding:15px 15px 22px 60px;
	background: url(../image/guide_faq_title/nichiei_faqpage_Aicon.png) no-repeat #FFFFFF;
	border:1px solid #CCCCCC;
	border-top:none;
	word-break: break-all;
}

#faq_itempage dl {
margin:30px 0;
}

#faq_itempage dt{
	padding:15px 15px 15px 60px;
	background: url(../image/guide_faq_title/nichiei_faqpage_Qicon.png) no-repeat #F8F7F5;
	font-size:14px;
	font-weight:bold;
	color:#453938;
	border:1px solid #CCCCCC;
}

#faq_itempage dd{
	padding:15px 15px 22px 60px;
	background: url(../image/guide_faq_title/nichiei_faqpage_Aicon.png) no-repeat #FFFFFF;
	border:1px solid #CCCCCC;
	border-top:none;
	word-break: break-all;
}


/*------------------------------------------------------------
	タイトル周り
------------------------------------------------------------*/

.subtitle {
	letter-spacing: 0.5em;
	font-size: 16px;
	font-weight: 600;
	display: block;
	margin: 30px 0 0px;
	text-indent: 0.3em;
	text-align: left;
	padding:0 0 10px;
	border-bottom:4px solid #7f8c8d;
	position:relative;
}

.subtitle:before, .subtitle:after{
	content:"";
	display:block;
	height:4px;
	position:absolute;
	bottom:-4px;
}

.subtitle:before{
	width:71%;
	left:30%;
	background:rgba(255,255,255,0.7);
}

.subtitle:after{
	width:81%;
	left:20%;
	background:rgba(255,255,255,0.6);
}

.subtitle-cate {
	width: 1260px;
	margin: 0 auto;
	padding: 6px 0;
	font-size: 16px;

}

.subtitle-cate .heading {
	position: relative;
	height: 40px;
	border-radius:0 6px 6px 0;
	border-bottom:4px solid #dddddd;
	box-sizing: border-box;
	line-height: 40px;
	font-weight: 600;
	color:#444444;
	letter-spacing: 0.2em;
	margin-top: 30px;

}

.subtitle-cate .heading .caption{
	position: absolute;
	right: 0;
	top: -1px;
	padding-left: 25px;
	padding-right: 40px;
	background: #7FBF9F;
	color: #fff;
	border-radius:0 6px 6px 0;
		letter-spacing: 0.1em;
	font-size: 14px;
	font-weight: 400;
}

.subtitle-cate .heading .caption:before{
	display: block;
	content: ' ';
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	right: 99.9%;
	top: 0;
	border: 0 solid transparent;
	border-width: 40px 30px 0 0;
	border-right-color:#7FBF9F;
}

.subtitle-cate .heading .title{
	float: left;
	padding-left: 20px;
	padding-top: 1px;
}

/*------------------------------------------------------------
	ボタン
------------------------------------------------------------*/

.btn {
	margin:10px 0 10px 30px;
	text-decoration: none;  
	font-weight: bold;  
	text-align: center;  
	font-size: 13px;  
	display: block;  
	background: #EEE;  
	color: #111;  
	border-top: 1px solid #FFF;  
	border-left: 1px solid #FFF;  
	border-right: 1px solid #CCC;  
	border-bottom: 1px solid #CCC;  
	-moz-box-shadow: -1px -1px 1px rgba(000,000,000,0.3),1px 1px 1px rgba(255,255,255,1);  
	-webkit-box-shadow: -1px -1px 1px rgba(000,000,000,0.3),1px 1px 1px rgba(255,255,255,1);  
	width: 80%;  
	padding: 10px 0;  
}



/*------------------------------------------------------------
	カテゴリートップ と読み物ベース
------------------------------------------------------------*/


#cate_item1 {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-left: -25px;
}

#cate_item1 ul{
	width: calc((100%/2) - 25px);
	margin-left: 25px;
	display: flex;
}

#cate_item1 ul li {
	padding:16px;
    border: 4px solid #ddd;
}

#cate_item1 ul li:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#cate_item1 ul li img {
	width: 48%;
	box-sizing: border-box;
	float: left;
}

#cate_item1 ul li .text{
	width:50%;
	font-size: 13px;
	padding-left: 16px;
	box-sizing: border-box;
	float: left;
	line-height: 1.6;
}

ul li .name{
	font-weight: bold;
	display: block;
	font-size: 15px;
	line-height: 1.4;
}

#cate_item1 ul li .hot {
	color: #fff;
	font-weight: bold;
	background: #F71D00;
	padding: 2px 8px; 
	margin: 5px 0;
	display: inline-block;
	border-radius: 2px;
}

#cate_item1 a {
	color:#333333;
}

#cate_item1 a:hover {
	text-decoration: underline;
}

#cate_item1 a:visited{
	color:#333333;
}


/*-----　記事案内　-----*/

.article_Content{
	display:flex;
	justify-content: flex-start;
	margin-top: 16px;
	margin-right: -16px;
	flex-wrap: wrap;
}

.article_Content .List{
	display:flex;
	width: calc((100% / 6) - 16px);
	margin-right: 16px;
	margin-bottom: 16px;
}

.article_Content .List p{
	padding:8px 10px 16px; 
}

.article_Content .List a{
	display:block;
	border:1px solid #cccccc;
	border-radius: 5px;
	color:#444444;
}

.article_Content .List a:hover{
	background-color: #eeeeee;
	color:#444444;
	text-decoration: underline;
}

.article_Content .List a .List-ttl{
	font-size: 14px;
	font-weight: 700;
	padding: 8px 10px 0;
}

.article_Content img{
	width:100%;
}


/*-----　記事-----*/

span.red {
	color: #F50307;
}

span.bold {
	font-weight: 700;
}

.article_box {	
	width:1260px;
	margin: 30px auto 100px;

}

.article_box .box {
  display:flex;
  flex-direction: row;
  justify-content: space-between;
	margin-bottom: 60px;
}

.article_box .text {
	flex: 1;
}

.article_box ul {
	margin: 20px;
}

.article_box li{
	list-style: disc;
	margin-bottom: 1em;
}

.article_box h2 {
  font-size: 24px;
}

.article_box h3 {
  font-size: 18px;
  margin: 0 0 20px 0;
}

.pict {
  width: 38%;
  margin-left: 6%;
}

.article_box .pict img {
  width: 100%;
}

.article_box .box:nth-child(even) {
  flex-direction: row-reverse;
}

.article_box .box:nth-child(even) .pict {
  margin-left: 0;
  margin-right: 6%;
}


/*------------------------------------------------------------
	レシピコンテンツ
------------------------------------------------------------*/

.recipe-waku {
	border: 1px solid #eeeeee;
	border-radius: 8px;
	margin:20px auto;
	width: 794px;
	overflow: hidden;
	box-sizing: border-box;
}

.recipe-main { 
	width: 734px;
	margin: 30px 30px 0 30px;
	padding-bottom: 20px;
		overflow: hidden; 
}

.recipe-main h1 {
	margin-bottom: 10px;
	font-size: 26px;
	font-weight: 700;
}

.recipe-main img {
	float: left;
	width: 404px;
	margin-right: 10px;
	margin-top: 18px
}

.ingredients { 
	float: right;
	width: 310px;
	margin-bottom: 10px;
	
}

.ingredients h3 {
	font-size: 16px;
	margin-bottom: 15px;
	color: #e0d7c1;
}

.ingredients p {
	font-size: 14px;
	margin-bottom: 15px;
	word-wrap: break-word;
}

.ingredients dl { 
	border-bottom: 1px solid #E5E5E5;
	overflow: hidden; 
	padding: 1px 5px; 
	font-size: 14px;
}

.ingredients dl dt { 
	display: inline; 
	float: left; 
}

.ingredients dl dd {
	display: inline; 
	float: right; 
	margin: 0 0 0 10px; 
	text-align: right; 
}

.steps {
	width: 734px;
	margin: 0 30px 30px 30px;
		overflow: hidden;
}

.steps .step {
	float: left; 
	width: 130px; 
	margin-right: 21px; 
	word-wrap: break-word; 
	overflow: hidden; 
	margin-bottom: 20px;
}

.steps .step_last { 
	float: left; 
	width: 130px; 
	margin-right: 0px;
	word-wrap: break-word;
	overflow: hidden; 
	margin-bottom: 20px;}

.steps dt { 
	font-weight: 700;
	margin-bottom: 10px;
	color: #e0d7c1;
	font-size: 18px;
	word-wrap: break-word;
}

.steps dd { 
	margin-bottom: 2px; 
}

.steps p { 
	font-size: 13px; 
}

.clearfix {
	clear: both;
}

/*------------------------------------------------------------
	ハーブ商品ページ
------------------------------------------------------------*/

.herb_ttl {
	font-size:24px;
	text-align:center;
	padding-bottom:12px;
	color:#333333;
	border-bottom:1px solid #333333;
	margin-bottom:2%;
	font-weight: normal;
	}

/*商品ページ_ハーブ*/
#herb_waku {
	width:1260px;
	color:#000000;
	font-size:14px;
	margin-bottom:10%;
	line-height: 1.6;
	}

	#herb_waku p.herb_ttl {
		text-align:left;
		width:1260px;
		margin-top:30px;
	}

/*スペック欄*/
#herb_spec {
	margin: 30px 0;
	}
	
#herb_spec table {
	border:0;
	margin:0;
	padding:0;
	width:1260px;
	table-layout:fixed;
	font-size:13px;
	}

#herb_spec table td,
#herb_spec table th {
	border-bottom:#cccccc solid 1px;
	padding: 7px 0;
	}

#herb_spec table th {
	width:190px;
	}

#herb_spec table th b {
	background: #3A3A3A;
	font-weight:normal;
	color: #FFFFFF;
	padding:6px 0;
	width:160px;
    display:inherit;
	text-align: center;
	}

.td_center {
	width:20px;
	border:0 !important;
	}

/*------------------------------------------------------------
	ショップコンセプト
------------------------------------------------------------*/

/* 全体 */
#concept-wrapper{
	width:1260px;
	margin: 0 auto;
	line-height: 1.8;
	font-size: 14px;
}

.concept-title {
  font-size: 20px;
  color:#444444;
font-weight: 700;
	margin-bottom: 30px;
}

.concept-title .heading {
  margin: 10px 0
}

.concept-title .heading {
  overflow: hidden;
  position: relative;
  padding-bottom: 3px;
}

.concept-title .heading span{
  padding: 8px;
}

.concept-title .heading:before {
  content: "";
  border-bottom: 3px solid #7fbf9f;
  bottom: 0;
  height: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.concept-title .heading:after {
  border-bottom: 3px solid #ddd;
  bottom: 0;
  content: "";
  position: absolute;
  width: 100%;
  z-index: 1;
}

/* 経営理念 */
#rinen{
	width:100%;
	height:500px;
	background:url("../image/base2015/concept-top.jpg") no-repeat top left;
	position: relative;
}

.rinen-ttl {
	display: block;
	position: absolute;
	top: 80px;
	left: 100px;
}

#rinen p{
	position: absolute;
	top:260px;
	left:100px;
	width:480px;
}

/* メニュー */
#concept-wrapper #menu{
	background-color:#eeeeee;
}

#concept-wrapper #menu ul{
	width:100%;
	display: inline-flex;
	justify-content: space-around;
	display: -webkit-inline-flex;
	-webkit-justify-content:space-around;
	margin:0 auto;
	padding:20px 0;
}

#concept-wrapper #menu ul li {
	width:100%;
	margin: 16px;
 	text-align: center;
}

#concept-wrapper #menu ul li a{
	display:block;
	background-color:#fff;
	padding:16px 0;
	border-radius: 5px;
	line-height: 1.8;
}

/* 挨拶 */
#aisatu{
	width:100%;
	background:url(" ../image/base2015/concept-aisatu.jpg") no-repeat top left;
	margin:60px 0;
}

#aisatu #info{
	margin-top:25px;
}

#aisatu p.txt,
#aisatu #info{
	width:500px;
}

#aisatu .concept-title .heading:before {
  content: "";
  border-bottom: 3px solid #7fbf9f;
  bottom: 0;
  height: 0;
  position: absolute;
  width: 40%;
  z-index: 0;
}

#aisatu .concept-title .heading:after {
  border-bottom: 3px solid #ddd;
  bottom: 0;
  content: "";
  position: absolute;
  width: 20%;
  z-index: 1;
}

#store{
	margin-top:35px;
}

#store p.txt_left{
	text-align:right;
	margin-top:0px;
}

/* GMP */

#gmp p{
	width:530px;
}

#gmp #gmp_info{
	background-color:#f1f1f1;
	padding:15px;
	width:490px;
	margin-right: 30px;
	margin-top: 30px;
}

#gmp #gmp_info .gmp-info-ttl {
	line-height: 1;
	padding: 10px 0 0;
	font-weight: 700;
}

#gmp #gmp_info p{
	margin:0;
	width:100%;
	padding: 20px 0;

}

#gmp ul{
	width:100%;
	display: inline-flex;
	justify-content: space-around;
	display: -webkit-inline-flex;
	-webkit-justify-content:space-around;
}

#gmp ul li {
	width:100%;
}

/* ▼コストカット */

.package-ttl {
  background: #eeeeee;
  padding: 5px 15px;
  border-radius: 0 10px 0 10px;
	margin: 30px 0;
	font-weight: 700;
	font-size: 16px;
}

.package-sub {
	font-weight: 700;
	margin-bottom: 20px;
	font-size: 16px;
}

#cost ul{
	width:100%;
	display: inline-flex;
	justify-content: space-between;
	display: -webkit-inline-flex;
	-webkit-justify-content: space-between;

}

#cost ul li {
	width:calc((100% / 2)  - 30px);
}

#cost ul li img {
	margin-bottom: 30px;
}

/*================◆ニチエー情報================*/
#event_all{
	width:1260px;
	margin: 0 auto;
}

/*-----　モールポイント　-----*/
#mallpoint{
	width:760px;
	margin:50px auto 0;
}

#mallpoint p{
	background-color: #c0392b;
	padding: 20px 0;
	font-size:18px;
	color:#fff;
	text-align:center;
	letter-spacing: 0.5em;
	margin: 0;
}

#mallpoint .Wrapper{
	padding:30px 0 0px;
}

/*-----　お得情報　-----*/

#event_Content{
	display:flex;
	justify-content: flex-start;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	margin-top: 30px;
	margin-right: -30px;
	flex-wrap: wrap;
}

#event_Content .List{
	display:flex;
	width: calc((100% / 3) - 30px);
	margin-right: 30px;
	margin-bottom: 36px;
}

#event_Content .List a{
	display:block;
	border:1px solid #cccccc;
	padding:16px;
	border-radius: 5px;
	color:#444444;
}

#event_Content .List a:hover{
	background-color: #eeeeee;
	color:#444444;
	text-decoration: underline;
}

#event_Content .List a .List-ttl{
	font-size: 16px;
	font-weight: 700;
}

#event_Content img{
	width:100%;
}


h1.midasi{
  font-size: 12pt;	
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #fffaf4;/*背景色*/
  border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}

p.bun{
	font-size: 10pt;
	line-height: 18pt;
	color: #494949;/*文字色*/
	padding: 0.5em;/*文字周りの余白*/
}