/* CSS Document */
/* layout */
/*=================================
	Initialization of style
===================================*/
body {
	margin: 0;
	padding: 0;
	color:#fff;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.7;
	font-size:12px;
	width:100%;
	min-width:960px;
	background: #000;
}

div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form {
	margin: 0;
	padding: 0;
}

img, a img {
	border:none;
	vertical-align:bottom;
}

/* List_group */
ul,ol,li {list-style:none;}

/* inline-style */

a,
a:link,
a:visited {text-decoration:none; color:#fff;}
a:hover,
a:active {text-decoration:underline; color:#f39800;}

.moreinfo a,
.moreinfo a:link,
.moreinfo a:visited {text-decoration:none; color:#000;}
.moreinfo a:hover,
.moreinfo a:active {text-decoration:underline; color:#000;}

small {font-size:12px;color: #fff;}

/* table */
table {
	width:100%;
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
}
tr,th,td {}

/* blockgroup */

.bold{
	font-weight: bold;
}
.small{
	font-size: 80%;
}
.big{
	font-size: 120%;
}
.clear {
	clear:both;
	visibility:hidden;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.center{
	text-align: center;
}
.errorMessage,
.attention{
	color: #ff211b;
}
.blue {color: #0099CC;}
.ore {color: #ff6600;}
.red {color:#FF0000 !important;}
.yellow {color: #ffff00;}
.mt0  {margin-top: 0 !important;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mb0  {margin-bottom: 0 !important;}
.mb5  {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.pt0  {padding-top: 0 !important;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pb0  {padding-bottom: 0 !important;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pl10 {padding-left: 10px;}
.pl20 {padding-left: 20px !important;}


/*=============================
	Layout-Base
===============================*/
#top{
	background: url(../images/content_bg.jpg) center top no-repeat;
}

/* header
-------------------------*/
/* レイアウト */
.page-header {
	height: 650px;
	position: relative;
}
.thumbsup .page-header {
	background: url(../images/thumbsup/thumbsup_visual.jpg) right bottom / cover;
}
.stoves .page-header {
	background: url(../images/stoves/stoves_visual.jpg) left center / cover;
}

.page-header .header-inner {
	padding: 0 calc((100% - 1100px) / 2);
	background: rgba(0,0,0,.8);
}

/* ページ説明文 */
.page-header h1 {
	height: 20px;
	margin: 0;
	padding: 5px 0;
	font-size: 11px;
	font-weight: normal;
}

/* ナビ(上) */
.page-header .header-nav ul {
	display: flex;
	justify-content: flex-start;
}

/* ナビ(下) */
.page-header .subnav {
	width: 100%;
	padding: 4px 0 2px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.thumbsup .page-header .subnav {
	background: #232323;
}

.stoves .page-header .subnav {
	background: rgba(0,0,0,.7);
}

.page-header .subnav ul {
	width: 1100px;
	margin: 0 auto;
	display: flex;
}


/* main_contents
-------------------------*/
#main_content {

}

article {
	width: 1100px;
	margin: 0 auto;
	padding: 30px 0 60px;
	overflow: hidden;

	display: flex;
	justify-content: space-between;
}

/* content
-------------------------*/
#content_wrap {
	width: 730px;
	overflow: hidden;
}

/* index
-------------------------*/
.list_row {
	display: flex;
	flex-wrap: wrap;
}

.list_row li {
	width: calc((100% - 10px) / 2);
	margin: 0 10px 10px 0;
	padding: 5px;
	border: 1px solid #333;
	line-height: 1.3;
	letter-spacing: normal;
	box-sizing: border-box;
}

.list_row li:nth-child(2n) {
	margin-right: 0;
}

.list_row li img{
	max-width: 200px;
	height: auto;
}
.list_row li .top_live_t{
	color: #f3901d;
	font-weight: bold;
}


.moreinfo{
	background-color: #f7931e;
	color: #000;
	line-height: 10px;
	padding: 8px;
	text-align: center;
	width: 20em;
}

.top_twitter{
	margin-top: 10px;
	margin-bottom: 20px;
}
.icon01{
	background: url(../images/common/icon01.gif) left center no-repeat;
	padding: 3px 0 3px 25px;
}
.icon02{
	background: url(../images/common/icon02.gif) left center no-repeat;
	padding-left: 25px;
}
.icon03{
	background: url(../images/common/icon03.gif) left center no-repeat;
	padding-left: 35px;
}

.icon04{
	background: url(../images/common/icon04.gif) left center no-repeat;
	padding-left: 20px;
}

#content h3.bg{
	background: url(../images/01-ti01-bg.gif) left center no-repeat;
	padding: 8px 0 8px 15px;
	font-size: 14px;
	color: #000;
	font-weight: bold;
}

.right_img{
	float: right;
	max-width: 300px;
	height: auto;
	margin-left: 20px;
	margin-bottom: 10px;
}

.left_img{
	float: left;
	max-width: 300px;
	height: auto;
	margin-right: 20px;
	margin-bottom: 10px;
}
.left_img02{
	float: left;
	height: auto;
	margin-right: 20px;
	margin-bottom: 10px;
}
.fb-like-box{
	margin-bottom: 30px;
}
/* sidebar
-------------------------*/
aside{
	width: 330px;
}

.side-section {
	margin: 0 0 20px;
	font-size: 13px;
	border: 1px solid #737373;
	background: #2b2b2b;
}

.side-section .side_content {
	padding: 15px;
}

.side-section h4 {
	color: #f7931e;
	font-size: 16px;
}

.side-live-section {
	border-width: 0 0 1px;
	font-size: 18px;
}

/* footer
-------------------------*/
#footer_wrap{
	width: 100%;
}
footer{
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	background: #333333;
	padding: 10px;
	box-sizing: border-box;
}

.copyright{
	text-align: right;
}

/* section .container
-------------------------*/

section{
	margin: 0 0 20px;
}
section:first-child{
	margin-top: 0;
}
section:last-child{
	margin-bottom: 0;
}

section .container{
	padding: 20px 0;
	width: 730px;
	overflow:hidden;
	line-height: 1.6;
}

section .container h4{
	font-size: 14px;
	color: #f7931e;
	margin-bottom: 10px;
}

section .container h5{
	font-size: 16px;
	color: #f56037;
	font-weight: bold;
	margin-bottom: 10px;
}

section .container_box,
section .container_box2,
section .container_box3,
section .container_box4{
	overflow: hidden;
	width: 730px;
}

.kado img{
	padding: 5px;
	background: #fff;
 }

 .kado2 img{
	padding: 9px;
	border: 1px solid #eee;     /* 枠線の装飾 */
 }

.container_box img{
	float: left;
	max-width: 200px;
	margin-right: 20px;
	height: auto;
}

.container_box2 img{
	float: right;
	margin-left: 20px;
	max-width: 400px;
	height: auto;
}
.container_box3 img{
	float: left;
	max-width: 160px;
	margin-right: 20px;
}

.container_box4 img{
	float: right;
	margin-left: 20px;
	max-width: 200px;
}

.container_box .text{
	float: left;
	width: 390px;
}

.container_box2 .text{
	float: left;
	width: 390px;
}

.container_box3 .text{
	float: left;
	width: 480px;
}

.container_box4 .text{
	float: left;
	width: 430px;
}

/* 下層ページ 設定
-------------------------*/

/* ページネーション
-------------------------*/

.pagination {
clear:both;
padding:10px 0 20px;
position:relative;
font-size:14px;
margin-bottom: 40px;
color: #fff;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
background: #ffb1b1;
}

.pagination a:hover{
background: #ffefef;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #fb7da4;
}

/* subvisual
-------------------------*/

#subvisual_wrap{
	width: 100%;
	background: url(../images/common/sub_vis_bg02.jpg) top center repeat-x;
}

.subvisual{
	background: url(../images/common/sub_vis_bg.jpg) top center repeat-x;
}
.subvisual h2{
	width: 960px;
	margin: 0 auto;
}
/* company page
-------------------------*/

table th,
table td{
	text-align: left;
	border: 1px solid #ccc;
	padding: 10px;

}

table th{
	text-align: left;
	font-weight: normal;
	background: #343434;
}

table th.purple{
	background: #343456;
}
table td{
	text-align: left;
}

table.def{

}
table.def th,
table.def td{
	padding: 10px;
	text-align: left;
}

table.def th{
	width: 20%;
}

/* contact page
-------------------------*/
.contact{
	padding: 10px 20px 20px;
	background: #1a1a1a;
	margin-bottom: 20px;
}
table.def02 tr{
	border-bottom: 1px dashed #666;
}
table.def02 th,
table.def02 td{
	border: none;
}
table.def02 th{
	width: 30%;
	background: none;
}

table.def02 td{
	width: 70%;
}

form p{
	text-align: center;
}

/* live page
-------------------------*/
.live{
	border-bottom: 1px solid #ffffff;
	padding: 10px 0;
	overflow: hidden;
}
.live h4{
	font-size: 18px;
  font-weight: bold;
  color: #f7931e;
}

/* menu page
-------------------------*/
.list_row02{
	width: 730px;
	overflow: hidden;
	letter-spacing:-0.4em;
	text-align: left;
}

.list_row02 li{
	width: 325px;
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
	letter-spacing:normal;
	margin-bottom: 30px;
	*display: inline;	/*for IE*/
    *zoom: 1;		/*for IE*/
}
.list_row02 li h4{
	color: #f3901d;
	font-size: 14px;
	font-weight: bold;
}
.list_row02 li img{
	max-width: 325px;
	height: auto;
}

/* party page
-------------------------*/

.party dl{
	overflow: hidden;
	margin-bottom: 5px;
}

.party dl dt,
.party dl dd{
	float: left;
}
.party dl dd span{
	font-weight: bold;
	color: #0099CC;
}
.party dl dt.sp{
	border: 1px solid #fff;
	padding: 3px 10px;
	margin-right: 10px;
	font-weight: bold;
	margin-bottom: 10px;
}

/* stoves page
-------------------------*/
.event{
	border: 1px solid #333;
	padding: 20px 10px;
	overflow: hidden;
	margin-bottom: 10px;
	line-height: 1.3;
}

.event h4{
  font-weight: bold;
  color: #f7931e;
}

aside section .ac_back {
	background:url(../images/ca_back.gif) top center repeat-y;
}
.left{float: left;}
.right{float: right;}
.clear2{clear: both;}

.raindrops_monthly_archive_prev_next_navigation .alignleft{
	float: left;
	font-size:20px;
	margin-bottom: 10px;
}
.raindrops_monthly_archive_prev_next_navigation .alignright{
	float: right;
	font-size: 20px;
	margin-bottom:10px;
}
.center{text-align: center;}

.live p,div{text-align: left;}



/* ==================================================
THUMBS UP
================================================== */
/* ABOUT
-------------------------------------------------- */
.top-about-section {
	margin: 0 0 63px;
}

.top-about-section .about-thumb {
	margin: 0 0 75px 50px;
	float: right;
}

.top-about-section .about-gallery-list {
	clear: both;
	display: flex;
	justify-content: space-between;
}