@charset "utf-8";


/*店舗詳細*/
.collabo-shop { text-align: left; }

.collabo-shop p{
	font-size: 14px;
}

.collabo-shop h2.main-title{
	height: 28px;
	padding: 10px 0 15px;
	font-size: 28px;
	color: #000;
	line-height: 1;
	text-align: left;
	border-bottom: 1px solid #ea574d;
}
.collabo-shop h2.main-title.l-12-miyagidentokokeshi,
.collabo-shop h2.main-title.l-04-amakusatojiki,
.collabo-shop h2.main-title.l-17-yamagataimono,
.collabo-shop h2.main-title.l-22-yokkaichibankoyaki,
.collabo-shop h2.main-title.l-21-satsumayaki,
.collabo-shop h2.main-title.l-30-hakoneyosegizaiku,
.collabo-shop h2.main-title.l-31-koishiwarayaki,
.collabo-shop h2.main-title.l-18-imari-arita{ font-size: 21px; }




.collabo-shop h2.main-title span{
	display: block;
	float: left;
	width: 38px;
	height: 40px;
	padding-top: 12px;
	margin-right: 10px;
	margin-top: -15px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background-size: cover;
	text-align: center;
}
.num-1,.num-2,.num-3,.num-4,.num-5,.num-6,.num-7,.num-8,.num-9{ background-image: url(../../../../../images/bg-01.png); }
.num-10,.num-11,.num-12,.num-13{ background-image: url(../../../../../images/bg-10.png); }
.num-14,.num-15,.num-16,.num-17,.num-18{ background-image: url(../../../../../images/bg-14.png); }
.num-19,.num-20,.num-21,.num-22,.num-23,.num-24,.num-25,.num-26,.num-27,.num-28,.num-29{ background-image: url(../../../../../images/bg-19.png); }
.num-30,.num-31{ background-image: url(../../../../../images/bg-30.png); }

	
.collabo-shop h3{
	margin-bottom: 0;
	font-size: 24px;
	background: none;
	padding: 0;
	color: #000;
}
.main-photo{
	width: 720px;
	height: 400px;
	margin-bottom: 30px;
}


/*イベント情報*/


.event-info{
	width: 599px;
	padding: 20px 45px;
	margin-bottom: 30px;
	border: 8px solid #f6f7f8;
}
.event-info div{
	padding: 20px 25px;
	font-size: 15px;
	border-bottom: 1px dotted #666;
}
.event-info a{
	display: block;
	padding-top: 20px;
	color: #f52d35;
	text-align: right;
}
.event-info h3{
	padding-bottom: 10px;
	margin-bottom: 0 ;
	font-size: 24px ;
	font-weight: bold;
	text-align:center;
	line-height:1;
	color: #F52D35;
	background: none;
	border-bottom: 1px dotted #666;
}
.event-info h4{
	margin:5px 0;
	font-size:18px;
	font-weight:bold;
	color: #000;
}
.event-info h4 span{
	display:block;	
	color:#F62E36;
}

/*店舗情報*/

.collabo-shop h2.shop-title {
	height: 20px;
	padding: 7px 0 15px;
	font-size: 24px;
	color: #000;
	line-height: 1;
	border-bottom: 1px solid #ea574d;
}
.collabo-shop h2.shop-title span{
	display: block;
	float: left;
	width: 25px;
	height: 28px;
	padding-top: 7px;
	margin-top: -5px;
	margin-right: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-size: cover;
	text-align:  center;
}
.shop-title .num-1,.shop-title .num-2,.shop-title .num-3,.shop-title .num-4,.shop-title .num-5,.shop-title .num-6,.shop-title .num-7,.shop-title .num-8,.shop-title .num-9{ background-image: url(../../../../../images/bg-01.png); }
.shop-title .num-10,.shop-title .num-11,.shop-title .num-12,.shop-title .num-13{ background-image: url(../../../../../images/bg-10.png); }
.shop-title .num-14,.shop-title .num-15,.shop-title .num-16,.shop-title .num-17,.shop-title .num-18{ background-image: url(../../../../../images/bg-14.png); }
.shop-title .num-19,.shop-title .num-20,.shop-title .num-21,.shop-title .num-22,.shop-title .num-23,.shop-title .num-24,.shop-title .num-25,.shop-title .num-26,.shop-title .num-27,.shop-title .num-28,.shop-title .num-29{ background-image: url(../../../../../images/bg-19.png); }
.shop-title .num-30,.shop-title .num-31{ background-image: url(../../../../../images/bg-30.png); }

.collabo-shop h2.shop-title span.area{
	display: block;
	height: auto;
	margin-top: 1px;
	float: right;
	width: auto;
	padding: 5px 20px;
	font-size: 14px;
	color: #fff;
}
.area.area-num1,.area.area-num2,.area.area-num3,.area.area-num4,.area.area-num5,.area.area-num6,.area.area-num7,.area.area-num8,.area.area-num9{ background: #e88102; }
.area.area-num10,.area.area-num11,.area.area-num12,.area.area-num13{ background: #fabe00; }
.area.area-num14,.area.area-num15,.area.area-num16,.area.area-num17,.area.area-num18{ background: #a675b0; }
.area.area-num19,.area.area-num20,.area.area-num21,.area.area-num22,.area.area-num23,.area.area-num24,.area.area-num25,.area.area-num26,.area.area-num27,.area.area-num28,.area.area-num29{ background: #87c0c9; }
.area.area-num30,.area.area-num31{ background: #cd7e9a; }

.collabo-shop .shop-detail h3{	
	font-size: 18px;
}

.shop-detail img{
	float: left;
	width: 400px;
	margin: 0 15px 20px 0;
}

.shop-detail h4,.shop-detail h4 img{
	float: none;
	width: auto;
	margin: 0;
}
.shop-detail a{
	display: block;
	color: #ea574d;
	size: 10px;
}
.shop-detail div{
	display: block;
	width: 295px;
	float: right;
}
	


.kanren{
	width: 640px;
	padding: 60px 20px 15px 40px;
	border: 5px solid #cacaca;
}

.kanren h3{
	padding: 0;
	margin: 0 0 25px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #666;
	text-align: center;
	border: none;
}

.kanren li{
	width: 140px;
	float: left;
	margin-right: 20px;
}
	

.kanren:empty {
  display: none;
}




.crafts{
	width: 720px;
	padding-top: 10px;
}

.crafts-title{
	padding-top: 20px;
	position: relative;
}

.collabo-shop .crafts-title h2{
	position: absolute;
	padding: 0!important;
	top: 30px;
	left: 10px;
	font-size: 18px!important;
	font-weight: bold!important;
	color: #ea574d;
	border-bottom: none;
	line-height: 1!important;
	background: none;
}
.crafts .collabo-text{
	float: left;
	width: 450px;
	margin-top: -20px;
}
.collabo-text h3{
	margin-bottom: 20px;
	font-size: 26px;
	font-weight: bold;
	color: #000;
}
.collabo-text h3 span{
	display: block;
	font-size: 16px;
}
.crafts .collabo-text a{
	display: block;
	margin-top: 30px;
	color: #ea574d;
	font-size: 16px;
}
.crafts a.craft-photo{
	display:block;
	float: right;
	width: 220px;
	margin: 20px 0 0 ;
}
.crafts a.craft-photo img{
	width: 100%;
	margin: 0;
	border: 1px solid #c5c5c5;
}


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

/*店舗詳細*/
.collabo-shop h2.main-title{
	height: 50px;
	padding: 0 0 15px;
	font-size: 20px;
	color: #000;
	line-height: 1.5;
	text-align: left;
	border-bottom: 1px solid #ea574d;
}



.collabo-shop h2.main-title.l-04-amakusatojiki,
.collabo-shop h2.main-title.l-02-nambutekki,
.collabo-shop h2.main-title.l-03-awawashi,
.collabo-shop h2.main-title.l-11-tambatachikuiyaki,
.collabo-shop h2.main-title.l-12-miyagidentokokeshi,
.collabo-shop h2.main-title.l-17-yamagataimono,
.collabo-shop h2.main-title.l-18-imari-arita,
.collabo-shop h2.main-title.l-21-satsumayaki,
.collabo-shop h2.main-title.l-22-yokkaichibankoyaki,
.collabo-shop h2.main-title.l-30-hakoneyosegizaiku,
.collabo-shop h2.main-title.l-31-koishiwarayaki{ font-size: 15px; }






.collabo-shop h2.main-title span{
	margin-top: 0;
}
.num-01,.num-02,.num-03,.num-04,.num-05,.num-06,.num-07,.num-08,.num-09{ background-image: url(./../../../../../images/2017/bg-01.png); }
.num-10,.num-11,.num-12,.num-13{ background-image: url(./../../../../../images/2017/bg-10.png); }
.num-14,.num-15,.num-16,.num-17,.num-18{ background-image: url(./../../../../../images/2017/bg-14.png); }
.num-19,.num-20,.num-21,.num-22,.num-23,.num-24,.num-25,.num-26,.num-27,.num-28,.num-29{ background-image: url(./../../../../../images/2017/bg-19.png); }
.num-30,.num-31{ background-image: url(./../../../../../images/2017/bg-30.png); }

	
.collabo-shop h3{
	margin-bottom: 0;
	font-size: 28px;
	font-weight: bold;
	background: none;
	padding: 0;
	color: #000;
}
.main-photo{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.collabo-shop img{ width: 100%; }

/*イベント情報*/


.event-info{
	width: 85%;
	padding: 20px 5%;
	margin-bottom: 30px;
	border: 8px solid #f6f7f8;
}
.event-info div{
	padding: 20px 25px;
	font-size: 15px;
	border-bottom: 1px dotted #666;
}
.event-info a{
	display: block;
	padding-top: 20px;
	color: #f52d35;
	text-align: right;
}
.event-info h3{
	padding-bottom: 10px;
	margin-bottom: 0 ;
	font-size: 24px ;
	font-weight: bold;
	text-align:center;
	line-height:1;
	color: #F52D35;
	background: none;
	border-bottom: 1px dotted #666;
}
.event-info h4{
	margin:5px 0;
	font-size:18px;
	font-weight:bold;
	color: #000;
}
.event-info h4 span{
	display:block;	
	color:#F62E36;
}

/*店舗情報*/

.collabo-shop h2.shop-title {
	height: 50px;
	padding: 7px 0 15px;
	font-size: 18px;
	color: #000;
	line-height: 1;
	border-bottom: 1px solid #ea574d;
}
.collabo-shop h2.shop-title.l-03-awawashi,
.collabo-shop h2.shop-title.l-04-amakusatojiki,
.collabo-shop h2.shop-title.l-12-miyagidentokokeshi,
.collabo-shop h2.shop-title.l-17-yamagataimono,
.collabo-shop h2.shop-title.l-18-imari-arita,
.collabo-shop h2.shop-title.l-20-kyosashimono,
.collabo-shop h2.shop-title.l-21-satsumayaki,
.collabo-shop h2.shop-title.l-22-yokkaichibankoyaki,
.collabo-shop h2.shop-title.l-31-koishiwarayaki,
.collabo-shop h2.shop-title.l-,
.collabo-shop h2.shop-title.l-,
.collabo-shop h2.shop-title.l-
{
	padding: 7px 0 20px;
	font-size: 17px;
}

.collabo-shop h2.shop-title span{
	display: block;
	float: left;
	width: 25px;
	height: 28px;
	padding-top: 7px;
	margin-top: -5px;
	margin-right: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-size: cover;
	text-align:  center;
}
.shop-title .num-01,num-02,num-03,num-04,num-05,num-06,num-07,num-08,num-09{ background-image: url(./../../../../../images/2017/bg-01.png); }
.shop-title .num-10,.shop-title .num-11,.shop-title .num-12,.shop-title .num-13{ background-image: url(./../../../../../images/2017/bg-10.png); }
.shop-title .num-14,.shop-title .num-15,.shop-title .num-16,.shop-title .num-17,.shop-title .num-18{ background-image: url(./../../../../../images/2017/bg-14.png); }
.shop-title .num-19,.shop-title .num-20,.shop-title .num-21,.shop-title .num-22,.shop-title .num-23,.shop-title .num-24,.shop-title .num-25,.shop-title .num-26,.shop-title .num-27,.shop-title .num-28,.shop-title .num-29{ background-image: url(./../../../../../images/2017/bg-19.png); }
.shop-title .num-30,.shop-title .num-31{ background-image: url(./../../../../../images/2017/bg-30.png); }

.collabo-shop h2.shop-title span.area{
	display: block;
	float: none;
	width: 50%;
	padding: 5px 20px;
	height: auto;
	margin: 0 30% 10px 0;
	font-size: 14px;
	color: #fff;
	text-align: left;
}
.area.area-num01,.area.area-num02,.area.area-num03,.area.area-num04,.area.area-num05,.area.area-num06,.area.area-num07,.area.area-num08,.area.area-num09{ background: #e88102; }
.area.area-num10,.area.area-num11,.area.area-num12,.area.area-num13{ background: #fabe00; }
.area.area-num14,.area.area-num15,.area.area-num16,.area.area-num17,.area.area-num18{ background: #a675b0; }
.area.area-num19,.area.area-num20,.area.area-num21,.area.area-num22,.area.area-num23,.area.area-num24,.area.area-num25,.area.area-num26,.area.area-num27,.area.area-num28,.area.area-num29{ background: #87c0c9; }
.area.area-num30,.area.area-num31{ background: #cd7e9a; }

.collabo-shop .shop-detail h3{	
	font-size: 18px;
}

.shop-detail img{
	float: none;
	width: 100%;
	margin: 0 0 20px 0;
}

.shop-detail h4,.shop-detail h4 img{
	float: none;
	width: auto;
	margin: 0;
}
.shop-detail a{
	display: block;
	color: #ea574d;
	size: 10px;
}
.shop-detail div{
	display: block;
	width: 100%;
	float: none;
	margin-bottom: 30px;
}
	


.kanren{
	width: 85%;
	padding: 60px 5% 15px 10%;
	border: 5px solid #cacaca;
}

.kanren h3{
	padding: 0;
	margin: 0 0 25px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #666;
	text-align: center;
	border: none;
}

.kanren li{
	width: 140px;
	float: left;
	margin-right: 20px;
}
	

.kanren:empty {
  display: none;
}




.crafts{
	width: 100%;
	padding-top: 10px;
}

.crafts-title{
	padding-top: 20px;
	position: relative;
}
.crafts-title img{
	width: 100%;
}
.collabo-shop .crafts-title h2{
	top: 10px;
}

.crafts .collabo-text{
	float: none;
	width: 100%;
	margin-top: 0;
}
.collabo-text h3{
	margin-bottom: 20px;
	font-size: 26px;
	font-weight: bold;
	color: #000;
}
.collabo-text h3 span{
	display: block;
	font-size: 16px;
}
.crafts .collabo-text a{
	display: block;
	margin-top: 30px;
	color: #ea574d;
	font-size: 16px;
}
.crafts a.craft-photo{
	display:block;
	float: none;
	width: 220px;
	margin: 20px auto;
}
.crafts a.craft-photo img{
	width: 100%;
	margin: 0;
	border: 1px solid #c5c5c5;
}



}