*{
	margin:0;
	padding:0;
}

body{
	font-family: Meiryo,"Hiragino Kaku Gothic Pro",Helvetica,Arial,sans-serif;
	color:#333;
	line-height:1.8em;
}

.sp{
	display:none;
}

@media screen and (max-width:768px){
	.sp{
		display:inline;
	}
	.pc{
		display:none;
	}
}

.pdn{
	padding-right:10px;
	padding-left:10px;
}

.links{
	position:relative;
}

.links a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-9999px;
}


h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
	font-size:1em;
}

#section-feed{
padding:15px 0;
}

#section-feed ul{
margin:auto;
padding:0;
list-style:none;
text-align:center;
}

#section-feed ul li{
padding:0 5px;
display:inline;
}

@media screen and (max-width:480px){
#section-feed ul{
width:100%;
}
#section-feed ul li{
width:50%;
dislplay:block;
float:left;
padding:0 5px;
vertical-align:top;
}
}

#section-feed ul li img{
vertical-align:top;
}

/* container */

.container{
	width:1000px;
}

@media screen and (max-width:768px){
	.container{
		width:100%;
		min-width:320px;
	}
}

/* header */

.navbar-default{
	background-color:transparent;
	border-color:transparent;
}

/* #header */

#header{
	height:80px;
	background:#F8FEEF;
}

#header h1{
	padding-top:7px;
}

#header .icon{
	padding-top:20px;
}

#header .icon img{

}

@media screen and (max-width:480px){
#header{
	height:50px;
}
	#header h1{
		padding-top:3px;
	}
#header .icon{
	padding-top:5px;
	padding-bottom:5px;
}
}

.dropdown-menu{

}

.dropdown-menu li{

}

.dropdown-menu li a{
	padding-top:10px;
	padding-bottom:10px;
}

/* #visual-area */

#visual-area{
	margin-top:80px;
}

#visual-area div{
	margin:0;
	padding:0;
}

@media screen and (max-width:480px){
#visual-area{
	margin-top:50px;
}
}

/* #global-area */

#global-area{
	margin-top:20px;
}

#global-area ul{
	width:100%;
	border:none;
}

#global-area ul li{
	margin:0;
	padding:0;
	border-right:1px solid #ddd;
	width:16.6666%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
}

#global-area ul li:last-child{
	border-right:0;
}

#global-area ul li img{
	max-width:100%;
}

#global-area ul li a{
	margin:0;
	padding:14px 3px;
	border:0;
	-webkit-border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-moz-border-radius:0;
	background:#F2F1E3;
}

#global-area ul li:first-child a{
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
}

#global-area ul li:last-child a{
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topmright:10px;
}

#global-area ul li.active a{
	background:#CEEDA7;
}

@media screen and (max-width:480px){
	#global-area{
		margin-top:10px;
	}
	#global-area ul li{
		width:33.3333%;
	}
	#global-area ul li:first-child,
	#global-area ul li:nth-child(2){
		border-bottom:1px solid #ddd;
	}
	#global-area ul li:nth-child(3){
		border-right:0;
		border-bottom:1px solid #ddd;
	}
	#global-area ul li:nth-child(3) a{
		-webkit-border-top-right-radius:10px;
		-moz-border-radius-topright:10px;
	}
	#global-area ul li:last-child a{
		-webkit-border-top-right-radius:0;
		-moz-border-radius-topmright:0;
	}
}

/* #section-04 */

#tab-area{

}

#tab-area .tab-content{
	padding:20px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
}

@media screen and (max-width:991px){
	#tab-area .tab-content{
		padding:10px;
	}
}

#tab-area .tab-content a{
text-decoration:underline;
}

#tab-area .tab-content hr{
display:none;
}

@media screen and (max-width:480px){
#tab-area .tab-content hr{
display:block;
}
}

#tab-area .tab-content ul{
margin-top:10px;
margin-left:20px;
}

#tab-area .tab-content h3{
	color:#34A200;
	margin-bottom:15px;
	padding:0 10px 5px;
	font-size:1.2em;
	line-height:1.8em;
	font-weight:bold;
	border-bottom:1px solid #333;
}

#tab-area .tab-content h3 a{
	display:block;
	color:#34A200;
	text-decoration:none;
}

#tab-area .tab-content h3 .glyphicon-chevron-up{
display:inline;
}

#tab-area .tab-content h3 .glyphicon-chevron-down{
display:none;
}

#tab-area .tab-content h3.tab-acc{
	color:#000;
	margin-bottom:15px;
	padding:0 10px 5px;
	font-size:1em;
	line-height:1.6em;
	border-bottom:none;
text-align:right;
}

#tab-area .tab-content h3.tab-acc a{
	display:block;
	color:#000;
	text-decoration:none;
}

.tab-acc a:after{
    font-family: 'Glyphicons Halflings';
    content:"\e113";
    float: right;
    color: inherit;
padding-left:10px;
}
 .tab-acc a.collapsed:after{
    font-family: 'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: inherit;
padding-left:10px;
}

#tab-area .tab-content .collapse{
background:none;
}

#tab-area .tab-content #collapse-interview div,
#tab-area .tab-content #collapse-review div,
#tab-area .tab-content #collapse-news div{
margin-bottom:10px;
padding:10px 10px 2px;
background:#F8FEEF;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;	
}

#tab-area .tab-content h4{
	margin-top:25px;
	margin-bottom:15px;
	font-size:1.1em;
	font-weight:bold;
	padding-left:16px;
	color:#04AA3A;
	background:url("img/h4.png") center left no-repeat;
}



/* #advertisement-area */

#advertisement-area{
	margin-top:20px;
	margin-right:-8px;
	margin-left:-8px;
}

.content #advertisement-area{
	margin-right:0;
	margin-left:0;
}

#advertisement-area ul{
	width:100%;
	margin0;
	padding:0;
	list-style:none;
}

#advertisement-area ul li{
	width:33.3333%;
	padding-right:1px;
	padding-left:1px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	float:left;
}

#advertisement-area ul li img{
	border:1px solid #B4B4B4;
}

@media screen and (max-width:768px){
	#advertisement-area{
		margin-top:30px;
		margin-bottom:20px;
		margin-right:0;
		margin-left:0;
	}
}

@media screen and (max-width:480px){
	#advertisement-area ul li{
		width:100%;
		text-align:center;
		padding-right:0;
		padding-left:0;
		padding-bottom:5px;
		float:none;
	}
	#advertisement-area ul li:last-child{
		padding-bottom:0;
	}
}

/* #section-free */

#section-free{
	margin-top:20px;
}

@media screen and (max-width:768px){
	#section-free{
		margin-top:0;
	}
}

/* #footmenu-area */

#footmenu-area{
	margin-top:20px;
	color:#222;
	text-align:center;
	background:#EAE8D0;
}

#footmenu-area div{
	padding:10px;
}

#footmenu-area a{
	color:#333;
}

#footmenu-area ul{
	margin:0;
	padding:0;
	list-style:none;
}

#footmenu-area ul li{
	margin:0;
	padding:0 15px 0 10px;
	display:inline;
	border-right:1px solid;
}

#footmenu-area ul li:last-child{
	border-right:none;
}

@media screen and (max-width:768px){
	#footmenu-area{
		margin-top:10px;
	}
	#footmenu-area a{
		display:block;
	}
	#footmenu-area ul{
		font-size:0.9em;
	}
	#footmenu-area ul li{
		width:50%;
		float:left;
		padding:5px;
		border-right:none;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
	}		
}

/* #footer */

#footer{
	background:#F8FEEF;
}

#footer div{
	height:60px;
	color:#429300;
	text-align:center;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	padding:20px 10px 0;
	background-image:url("img/footer.png");
	background-position:bottom center;
	background-repeat:no-repeat;
}

@media screen and (max-width:768px){
	#footer{
		font-size:0.8em;
	}
	#footer div{
		height:auto;
		padding:15px 5px 10px;
		background-position:top center;
		background-size:100% 100%;
	}
}

/* #content-area */

#content-area{
	margin-top:95px;
}

@media screen and (max-width:768px){
	#content-area{
		margin-top:65px;
	}
}

/* .entry */

.entry{
	margin-bottom:10px;
	padding:30px 15px;
	border:1px solid #ddd;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.entry h2{
	font-size:1.6em;
	margin-bottom:20px;
	padding-left:36px;
	background-repeat:no-repeat;
	bacground-position:left top;
}

#interview .entry h2{background-image:url("img/h2-interview.png");}
#contest .entry h2{background-image:url("img/h2-contest.png");}
#review .entry h2{background-image:url("img/h2-review.png");}
#news .entry h2{background-image:url("img/h2-news.png");}
#shop .entry h2{background-image:url("img/h2-shop.png");}
#info .entry h2{background-image:url("img/h2-info.png");}

#contest .entry h3,
#review .entry h3,
#news .entry h3,
#shop .entry h3,
#info .entry h3{
	color:#34A200;
	margin-bottom:20px;
	padding:0 10px 5px;
	font-size:1.4em;
	line-height:1.8em;
	font-weight:bold;
	border-bottom:1px solid #333;
}

.entry h4{
	margin-top:25px;
	margin-bottom:20px;
	font-size:1.2em;
	font-weight:bold;
	padding-left:16px;
	color:#04AA3A;
	background:url("img/h4.png") center left no-repeat;
}

.entry h5{
	margin-top:25px;
	margin-bottom:15px;
	font-size:1.1em;
	font-weight:bold;
	padding-left:16px;
	color:#444444;
	background:url("img/h5.png") center left no-repeat;
}


.entry a{
	text-decoration:underline;
}

.entry p{
	margin-bottom:15px;
}

.entry ul,
.entry ol{
	margin-left:20px;
	margin-bottom:15px;
}

@media screen and (max-width:768px){
	.entry{
		margin-bottom:10px;
		padding:15px 8px;
	}
	#contest .entry h3,
	#review .entry h3,
	#news .entry h3,
	#shop .entry h3,
	#info .entry h3{
		margin-bottom:10px;
		font-size:1.2em;
	}
	.entry h4{
		margin-bottom:10px;
		font-size:1em;
	}
}

/* cat-list */

.entry .cat-list{

}

.entry .cat-list h2{
	font-size:1.4em;
}

#contest .entry .cat-list h3,
#review .entry .cat-list h3,
#news .entry .cat-list h3,
#shop .entry .cat-list h3,
#info .entry .cat-list h3{
	margin-bottom:0;
	padding:0;
	border-bottom:none;

	padding-top:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #ddd;
}

.entry .cat-list a{
	display:block;
	text-decoration:none;
	color:#34A200;

}

.entry .cat-list a span{
	color:#337AB7;
}


#contest .entry .cat-list h3:first-of-type,
#review .entry .cat-list h3:first-of-type,
#news .entry .cat-list h3:first-of-type,
#shop .entry .cat-list h3:first-of-type,
#info .entry .cat-list h3:first-of-type{
	padding-top:0;
}

#info .entry .cat-list h3:last-child{
	padding-bottom:0;
	border-bottom:none;
margin-bottom:45px;
}

#contest .entry .cat-list h3:last-child,
#review .entry .cat-list h3:last-child,
#news .entry .cat-list h3:last-child,
#shop .entry .cat-list h3:last-child{
	padding-bottom:0;
	border-bottom:none;
}



/* .breadcrumb */

.breadcrumb-list{

}

@media screen and (max-width:768px){
	.breadcrumb-list{
		font-size:0.8em;
	}
}

/* global-foot */

#global-foot{
width:100%;
	margin-top:20px;
padding:0;
}

#global-foot ul{
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}

#global-foot ul li{
	width:16.6666%;
	margin:0;
	padding:0;
	border-right:1px solid #ddd;
	float:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
}

#global-foot ul li:last-child{
	border-right:0;
}

#global-foot ul li img{
	max-width:100%;
}

#global-foot ul li a{
display:block;
	margin:0;
	padding:14px 3px;
	background:#F2F1E3;
}

#global-foot ul li.active a{
	background:#CEEDA7;
}

@media screen and (max-width:768px){
	#global-foot{
		margin-top:10px;
	}
}

@media screen and (max-width:480px){
	#global-foot ul li{
		width:33.3333%;
	}
	#global-foot ul li:first-child,
	#global-foot ul li:nth-child(2){
		border-bottom:1px solid #ddd;
	}
	#global-foot ul li:nth-child(3){
		border-right:0;
		border-bottom:1px solid #ddd;
	}
}

/* menu-area */

.menu-area{

}

.menu-area .list-title{
	margin:0;
	padding:10px;
	font-weight:bold;
	border:1px solid #ddd;
	-webkit-border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-topleft:10px;
	/*background:#EAE8D0;*/
}

.menu-area .list-title img{
	margin-right:10px;
	vertical-align:top;
}

.menu-area ul.list-item{
	margin:;0;
	padding:0;
	list-style:none;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
}

.menu-area ul.list-item li{
	margin:;0;
	padding:0;
	border-bottom:1px dotted #ccc;
}

.menu-area ul.list-item li:last-child{
	border-bottom:none;
}

.menu-area ul.list-item li a{
	display:block;
	margin:0;
	padding:10px;
	color:#333;
	font-weight:bold;
	text-decoration:none;
}

.menu-area ul.list-item li a:hover{
	background:#F8FEEF;
}

.menu-area .list-title span{
	display:none;
}

#fixed-area{
	/zoom:1;
}

#fixed-area:after{
	content:'';
	display:block;
	clear:both;
}

.menu-area{
	position:relative;
	z-index:1;
}

@media screen and (max-width:768px){
	.menu-area .list-title{
		-webkit-border-bottom-right-radius:10px;
		-webkit-border-bottom-left-radius:10px;
		-moz-border-radius-bottomright:10px;
		-moz-border-radius-bottomleft:10px;
	}
	.menu-area .list-title.active{
		-webkit-border-bottom-right-radius:0;
		-webkit-border-bottom-left-radius:0;
		-moz-border-radius-bottomright:0;
		-moz-border-radius-bottomleft:0;
	}
	.menu-area .list-item{
		display:none;
	}
	.menu-area .list-title span{
		padding-top:5px;
		float:right;
	}
	.menu-area .list-title span.glyphicon-chevron-down{
		display:inline;
	}
	.menu-area .list-title.active span.glyphicon-chevron-down{
		display:none;
	}
	.menu-area .list-title span.glyphicon-chevron-up{
		display:none;
	}
	.menu-area .list-title.active span.glyphicon-chevron-up{
		display:inline;
	}
}

/* page */

#page .entry h2{background-image:url("img/h2-page.png");}

#page .entry h2.h2-img{
	padding-left:0;
	background-image:none;
}

#page .entry h3{
	color:#34A200;
	margin-bottom:20px;
	padding:0 10px 5px;
	font-size:1.4em;
	line-height:1.8em;
	font-weight:bold;
	border-bottom:1px solid #333;
}

@media screen and (max-width:768px){
	#page .entry h3{
		margin-bottom:10px;
		font-size:1.2em;
	}
}

/* interview */

#interview .entry .interview-header{
	width:100%;
	display:table;
	position:relative;
	margin-bottom:20px;
	padding-bottom:5px;
	border-bottom:1px solid #ddd;
}

#interview .entry .interview-list .interview-header{
	margin-bottom:10px;
}

#interview .entry .interview-list .interview-header:last-child{
	border-bottom:none;
}

#interview .entry .interview-header a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-9999px;
}

#interview .entry .interview-header-left,
#interview .entry .interview-header-right{
	display:table-cell;
	vertical-align:top;
}

#interview .entry .interview-header-left{
	width:80px;
}

#interview .entry .interview-header-right{
	padding-left:20px;
	vertical-align:middle;
}

#interview .entry .interview-header h2{
	margin-bottom:10px;
	font-size:1.4em;
	font-weight:bold;
	background:none;
	padding:0;
}

#interview .entry .interview-balloon{
	width:80px;
	height:80px;
	background-repeat:no-repeat;
	background-position:top left;
}

#interview .entry .chap1,
#interview .entry .chap2,
#interview .entry .chap3,
#interview .entry .chap4{
	margin-top:20px;
	margin-bottom:20px;
	font-size:1.6em;
	font-weight:bold;
	line-height:1.8em;
	padding:0 0 0 45px;
margin-top:70px;
}

#interview .entry .chap1{
	background:url("interview/img/01.png") top left no-repeat;
}

#interview .entry .chap2{
	background:url("interview/img/02.png") top left no-repeat;
}

#interview .entry .chap3{
	background:url("interview/img/03.png") top left no-repeat;
}

#interview .entry .chap4{
	background:url("interview/img/04.png") top left no-repeat;
}

#interview .entry h3{
	color:#3DA012;
	margin-bottom:20px;
	padding:10px;
	font-size:1.3em;
	line-height:1.8em;
	font-weight:bold;
	border-top:1px dashed #333;
	border-bottom:1px dashed #333;
}

#interview .entry ol{
	margin-left:35px;
}

#interview .entry ol li{
	margin-bottom:15px;
}

#interview .entry h4{
	margin-top:0;
}

#interview .entry .img{
	border:1px solid #ccc;
}

#interview .menu-area .list-item .interview-name{
font-weight:normal;
font-size:0.8em;
}

@media screen and (max-width:768px){
	#interview .entry .interview-header h2{
		margin-bottom:10px;
		font-size:1.2em;
		font-weight:bold;
	}
}

@media screen and (max-width:480px){
	#interview .entry .interview-header{
	margin-bottom:10px;
	}
	#interview .entry .interview-header-left{
		width:60px;
	}
	#interview .entry .interview-header-right{
		padding-left:10px;
	}
	#interview .entry .interview-header h2{
		font-size:1.1em;
	}
	#interview .entry .interview-balloon{
		width:60px;
		height:60px;
		background-size:cover;
	}
	#interview .entry .chap1,
	#interview .entry .chap2,
	#interview .entry .chap3,
	#interview .entry .chap4{
		margin-top:10px;
		margin-bottom:10px;
		font-size:1.2em;
		line-height:1.6em;
		padding:0 0 0 30px;
		background-size:25px 25px;
	}
	#interview .entry h3{
		margin-bottom:15px;
		padding:5px 0;
		font-size:1.1em;
		line-height:1.6em;
	}
	#interview .entry ol{
		margin-left:35px;
	}
	#interview .entry ol li{
		margin-bottom:15px;
	}
}

/* shop */

#shop .entry .shop-list{
	display: table;
	width:100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#shop .entry .shop-list ol{
	display: table-row;
	margin: 0;
	color:#403615;
	background:#F2EEE3;
	border-right: 1px solid #ccc;

}
#shop .entry .shop-list ol li{
	display: table-cell;
	padding:10px 5px;
	font-weight: bold;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#shop .entry .shop-list dl{
	display: table-row;
	margin: 0;
}

#shop .entry .shop-list dl:nth-child(odd){
/*	background:#eee;*/
}

#shop .entry .shop-list dl dt,
#shop .entry .shop-list dl dd{
	display: table-cell;
	padding:10px 5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

@media screen and (max-width:480px){
	#shop .entry .shop-list{
		display:block;
		border-top:none;
		border-left:none;
	}
	#shop .entry .shop-list ol{
		display:list-item;
		margin-bottom:10px;
		margin-left:25px;
		background:none;
		border-right:none;
	}
	#shop .entry .shop-list ol li{
		display:list-item;
		font-weight: normal;
		padding:0;
		border-right:none;
		border-bottom:none;
	}

	#shop .entry .shop-list dl{
		display:block;
		margin-bottom:10px;
	}
	#shop .entry .shop-list dl:nth-child(odd){
		background:none;
	}
	#shop .entry .shop-list dl dt{
		display:block;
		margin-bottom:5px;
		padding:5px;
		border-bottom:none;
		color:#403615;
		background:#F2EEE3;
		border-right:none;
		border-bottom:none;
	}
	#shop .entry .shop-list dl dd{
		display:block;
		padding:0 5px;
		border-right:none;
		border-bottom:none;
	}
}

/* 2010410 */

.tsutsuji2017-img01{margin-bottom:5px;border-bottom:1px solid #999;}
.tsutsuji2017-img02{padding-left:2px;background:url("/tsutsuji-festa/img/06.png") center left no-repeat;}
@media screen and (max-width:768px){
.tsutsuji2017-img01{margin-bottom:0;border-bottom:0;}
.tsutsuji2017-img02{padding-left:0;background:none;}
}

/* beer-street */

.street-shop{
border-bottom:1px dotted;
font-weight:bold;
font-size:1.1em;
padding-bottom:10px;
}

.street-menu{
width:100%;
margin:15px 0;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}

.street-menu th{
width:50%;
padding:5px;
background:#eee;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}

.street-menu td{
width:50%;
padding:5px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}

@media screen and (max-width:768px){
.street-menu th{
width:100%;
display:block;
border-right:0;
border-bottom:1px solid #ccc;
}

.street-menu td{
width:100%;
display:block;
border-right:0;
border-bottom:1px solid #ccc;
}

}

/* halloween */

.halloween-list{
width:100%;
margin:15px 0;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}

.halloween-list th{
padding:5px;
background:#fc6;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}

.halloween-list td{
padding:5px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}

.halloween-list td.halloween-list-01{width:18%;}
.halloween-list td.halloween-list-02{width:23%;}
.halloween-list td.halloween-list-03{width:30%;}
.halloween-list td.halloween-list-04{width:29%;}

@media screen and (max-width:768px){
.halloween-list{
border-top:0;
border-right:0;
border-left:0;
}

.halloween-list th{
display:none;
}

.halloween-list td{
width:100%;
display:block;
border-right:0;
border-bottom:0;
}

.halloween-list td.halloween-list-01{width:100%;background:#fc6;font-weight:bold;}
.halloween-list td.halloween-list-02{width:100%;}
.halloween-list td.halloween-list-03{width:100%;}
.halloween-list td.halloween-list-04{width:100%;}
}

.halloween-info{
width:100%;
margin:15px 0;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}

.halloween-info th{
width:15%;
padding:5px;
background:#eee;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}

.halloween-info td{
width:85%;
padding:5px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}

@media screen and (max-width:768px){
.halloween-info{
width:100%;
}
.halloween-info th{
width:100%;
display:block;
border-right:0;
border-bottom:1px solid #ccc;
}

.halloween-info td{
width:100%;
display:block;
border-right:0;
border-bottom:1px solid #ccc;
}

}


/* hot */

.notes {
color: #888;
}

.attention {
color: #C61F00;
}

.hot-sampleimg {
border: 1px solid #ddd ;
margin: 5px;
}

.hot-list{
width:100%;
margin:15px 0;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}

.hot-list th{
padding:5px;
background:#DCEFCC;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}

.hot-list td{
padding:5px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}

.hot-list td.hot-list-01{width:13%;}
.hot-list td.hot-list-02{width:15%;}
.hot-list td.hot-list-03{width:12%;}
.hot-list td.hot-list-04{width:20%;}
.hot-list td.hot-list-05{width:40%;}

@media screen and (max-width:768px){
.hot-list{
border-top:0;
border-right:0;
border-left:0;
}

.hot-list th{
display:none;
}

.hot-list td{
width:100%;
display:block;
border-right:0;
border-bottom:0;
}

.hot-list td.hot-list-01{width:100%;background:#fc6;font-weight:bold;}
.hot-list td.hot-list-02{width:100%;}
.hot-list td.hot-list-03{width:100%;}
.hot-list td.hot-list-04{width:100%;}
.hot-list td.hot-list-05{width:100%;}
}

.hot-info{
width:100%;
margin:15px 0;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}

.hot-info th{
width:15%;
padding:5px;
background:#eee;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}

.hot-info td{
width:85%;
padding:5px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}

@media screen and (max-width:768px){
.hot-info{
width:100%;
}

.hot-info th{
width:100%;
display:block;
border-right:0;
border-bottom:1px solid #ccc;
}

.hot-info td{
width:100%;
display:block;
border-right:0;
border-bottom:1px solid #ccc;
}

}


/* つつじ　2018 */

.web-table {
width:100%;
border-collapse: collapse;
}

.web-table th{
width:35%;
background:#FFF2DF;
}

.web-table th, .web-table td {
border: solid 1px #ccc;
padding:10px;
}

@media screen and (max-width:768px){
.web-table {
border-collapse: collapse;
}

.web-table th{
width:auto;
background:#FFF2DF;
}

.web-table th, .web-table td {
border:none;
padding:5px;
display:block;
}

}