@charset "utf-8";
/* CSS Document */


/* -----------------------------------------------
 *  	         component style setting
 * ----------------------------------------------- */


/* =========== heading setting =========== */

/* = heading2 = */

/* 001 */
.heading2_001 {
	margin: 100px 0 30px;
}

/* 002 */
.heading2_002 {
	margin: 60px 0 40px;
}

/* 003 */
.heading2_003 {
	margin: 0 0 20px;
}

/* 004 */
.heading2_004 {
	font-size: 22px;
	font-weight: normal;
	margin: 100px 0 15px;
}


/* = heading3 = */

/* 001 */
.heading3_001 {
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	font-size: 24px;
	margin: 0 0 8px;
    color: #FF860E;
}

.heading3_001 span {
    display: block;
	font-size: 20px;
    margin: 0;
    line-height: 1;
    font-weight: normal;
    font-family: 'Josefin Sans', sans-serif;
}

/* 002 */
.heading3_002 {
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	font-size: 24px;
	margin: 0 0 8px;
    color: #2F9514;
}

.heading3_002 span {
    display: block;
	font-size: 20px;
    margin: 0;
    line-height: 1;
    font-weight: normal;
    font-family: 'Josefin Sans', sans-serif;
}

/* 003 */
.heading3_003 {
	font-size: 0;
	line-height: 0;
}


/* 004 */

/* 001 */
.heading4_001 {
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	font-size: 18px;
	margin: 0 0 8px;
}

.heading4_001 em {
	font-size: 24px;
}

/* ==== width 680px以上の場合 ==== */
@media screen and (min-width : 680px){
	.heading4_001 br { display: none; }
}

/* 002 */
.heading4_002 {
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	font-size: 20px;
	margin: 0 0 8px;
}


/* = heading5 = */

/* 001 */
.heading5_001 {
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	font-size: 16px;
	margin: 0 0 10px;
}


/* =========== text setting =========== */

/* 001 */
.txt_001 {
	font-size: 12px;
	margin: 0 0 15px;
}

/* 002 */
.txt_002 {
	font-size: 24px;
	margin: 0 0 50px;
	color: #ce4e4e;
}

/* 003 */
.txt_003 {
	font-size: 16px;
	color: #ce4e4e;
}

/* 004 */
.txt_004 {
	font-size: 14px;
	margin: 0 0 15px;
}

/* 005 */
.txt_005 {
	font-size: 24px;
	margin: 0 0 5px;
	color: #ce4e4e;
}

/* 006 */
.txt_006 {
	font-size: 12px;
	margin: 0 0 50px;
}

/* 007 */
.txt_007 {
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
}

/* 008 */
.txt_008 {
	font-size: 14px;
	color: #FFF;
}

.txt_008 em {
	font-size: 32px;
}

/* 009 */
.txt_009 {
	font-size: 12px;
	margin: 0 0 50px;
}

/* 010 */
.txt_010 {
	margin: 0;
	padding: 50px 0 0;
	border-top: 1px #666 dotted;
}


/* =========== blockquote setting =========== */
blockquote {
    position: relative;
    margin: 0 0 10px;
    padding: 1em;
    background-color: rgba(255, 255, 255, 0.3);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    z-index: 1;
}
 
blockquote p {
    position: relative;
    z-index: 3;
    padding: 0 10px 0 25px;
}
 
blockquote:before {
    content: "“";
    font-size: 600%;
    line-height: 0.8em;
    font-family: 'Times New Roman' ,"ＭＳ Ｐゴシック" ,sans-serif;
    color: #F0F0F0;
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 2;
}


/* =========== belt setting =========== */

/* 001 */
.belt_001 {
	width: 100%;
	background-color: #ff860e;
	margin: 0 0 30px;
}

/* ==== width 1050px以下の場合 ==== */
@media screen and (max-width : 1049px){
	.belt_001 figure { width: 90%;
	margin: 0 auto; }
}

/* 002 */
.belt_002 {
	width: 100%;
	background: url(../img/bg_001.png) repeat-x left top;
	margin: 100px 0 10px;
}

/* 003 */
.belt_003 {
	width: 100%;
	background-color: #2f9514;
	margin: 0 0 30px;
}

/* ==== width 1050px以下の場合 ==== */
@media screen and (max-width : 1049px){
	.belt_003 figure { width: 90%;
	margin: 0 auto; }
}


/* 004 */
.belt_004 {
	width: 100%;
	background-color: #45aedd;
	margin: 100px 0 0;
	padding: 30px 0 40px;
}



/* 005 */
.belt_005 {
	width: 100%;
	background-color: #e2d8b5;
	margin: 100px 0 0;
	padding: 30px 0 40px;
}


/* =========== button setting =========== */

/* 001 */
.btn_001 {
	margin: 0 auto;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	font-size: 16px;
}

.btn_001 a {
	padding: 10px 80px;
	border: solid 1px #999;
	color: #333;
	background: #d8d8d8; /* Old browsers */
	background: -moz-linear-gradient(top, #d8d8d8 0%, #aaaaaa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#aaaaaa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d8d8d8 0%,#aaaaaa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d8d8d8 0%,#aaaaaa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d8d8d8 0%,#aaaaaa 100%); /* IE10+ */
	background: linear-gradient(to bottom, #d8d8d8 0%,#aaaaaa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-9 */
}

.btn_001 a:before {
	content: url(../img/icon_001.png);
	margin: 0 6px 0;
}

/* ==== width 768px以下の場合 ==== */
@media screen and (max-width : 768px){
	.btn_001 a { padding: 20px 0; }
}


/* 002 */
.btn_002 {
	margin: 0 auto;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	font-size: 16px;
}

.btn_002 a {
	padding: 10px 80px;
	border: solid 1px #999;
	color: #333;
	background: #d8d8d8; /* Old browsers */
	background: -moz-linear-gradient(top, #d8d8d8 0%, #aaaaaa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#aaaaaa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d8d8d8 0%,#aaaaaa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d8d8d8 0%,#aaaaaa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d8d8d8 0%,#aaaaaa 100%); /* IE10+ */
	background: linear-gradient(to bottom, #d8d8d8 0%,#aaaaaa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-9 */
}

.btn_002 a:before {
	content: url(../img/icon_002.png);
	margin: 0 6px 0;
}

/* ==== width 768px以下の場合 ==== */
@media screen and (max-width : 768px){
	.btn_002 a { padding: 20px 0; }
}


/* 003 */
.btn_003 {
	margin: 30px auto 0 auto;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	font-size: 16px;
}

.btn_003 a {
	padding: 15px 20px;
	border: solid 1px #999;
	color: #333;
	background: #d8d8d8; /* Old browsers */
	background: -moz-linear-gradient(top, #d8d8d8 0%, #aaaaaa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#aaaaaa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d8d8d8 0%,#aaaaaa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d8d8d8 0%,#aaaaaa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d8d8d8 0%,#aaaaaa 100%); /* IE10+ */
	background: linear-gradient(to bottom, #d8d8d8 0%,#aaaaaa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-9 */
}


/* tel-link */
.tel-link {
	display: block;
	margin: 0 0 10px 0;
}

.tel-link a {
	padding: 15px 20px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	font-size: 16px;
	border: solid 1px #999;
	color: #333;
	background: #d8d8d8; /* Old browsers */
	background: -moz-linear-gradient(top, #d8d8d8 0%, #aaaaaa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#aaaaaa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d8d8d8 0%,#aaaaaa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d8d8d8 0%,#aaaaaa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d8d8d8 0%,#aaaaaa 100%); /* IE10+ */
	background: linear-gradient(to bottom, #d8d8d8 0%,#aaaaaa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-9 */
}


/* =========== line setting =========== */

/* 001 */
.line_001 {
	width: 86%;
	margin: 0 auto 20px auto;
	border: 0;
	border-top: dotted 1px #999;
}

/* ==== width 768px以下の場合 ==== */
@media screen and (max-width : 768px){
	.line_001 { width: 100%; }
	
}


/* =========== list setting =========== */

/* 001 */
.list_001 {
	width: 100%;
	*zoom: 1;     /* clear float, ~WinIE7 */
	_height: 1px; /* clear float, ~WinIE6 */
}

.list_001:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}

.list_001 li {
	width: 100%;
	margin: 0 0 30px;
}

.list_001 li figure {
	margin: 0 0 10px;
}

.list_001 li .venueName {
	font-weight: bold;
	margin: 0 0 5px;
	text-align: left;
}

.list_001 li .venueDescription {
	margin: 0 0 10px;
	text-align: left;
	line-height: 1.3;
}

/* ==== width 769px以上の場合 ==== */
@media screen and (min-width : 769px){
	.list_001 li {
	width: 46%;
	display: inline-block; /* 横並び */
	vertical-align: top; /* li要素を上端揃えに */
	margin: 0 2% 30px 0;
	padding: 0;
	border-top: none;
	text-align: center; }
	/* IE6 */
	ul.inl_block li {
	_display: inline; /* display: inline-block;の代わり */
	_zoom: 1; /* 状況によって使い分ける */ }
 
	/* IE7 */
	*:first-child+html ul.inl_block li {
	display: inline; /* display: inline-block;の代わり */
	zoom: 1; /* 状況によって使い分ける */ }
}


/* ==== width 1050px以上の場合 ==== */
@media screen and (min-width : 1050px){
	.list_001 li {
	width: 22%;
	display: inline-block; /* 横並び */
	vertical-align: top; /* li要素を上端揃えに */
	margin: 0 2% 30px 0;
	padding: 0;
	border-top: none;
	text-align: center; }
	/* IE6 */
	ul.inl_block li {
	_display: inline; /* display: inline-block;の代わり */
	_zoom: 1; /* 状況によって使い分ける */ }
 
	/* IE7 */
	*:first-child+html ul.inl_block li {
	display: inline; /* display: inline-block;の代わり */
	zoom: 1; /* 状況によって使い分ける */ }
}


/* 002 */
.list_002 {
	margin: 0 0 20px;
}

.list_002 li {
	margin: 0 0 8px;
}


/* =========== table-list setting =========== */

/* 001 */
.table-list_001 {
	width: 100%;
	margin: 0 0 20px;
	*zoom: 1;     /* clear float, ~WinIE7 */
	_height: 1px; /* clear float, ~WinIE6 */
}

.table-list_001:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}

.table-list_001 dt {
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	padding: 0 0 8px;
}

.table-list_001 dd {
	line-height: 2em;
}

/* ==== width 769px以上の場合 ==== */
@media screen and (min-width : 769px){
	.table-list_001 {
	width: 50%;
	float: left; }
	.table-list_001 dt {
	float: left;
	width: 10em;
	text-align: left; }
	.table-list_001 dd {
	margin: 0 0 0 10em;
	text-align: left; }
}

/* 002 */
.table-list_002 {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
	border-bottom: 1px #666 dotted;
	*zoom: 1;     /* clear float, ~WinIE7 */
	_height: 1px; /* clear float, ~WinIE6 */
}

.table-list_002:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}

.table-list_002 dt {
	padding: 8px 0 0;
	border-top: 1px #666 dotted;
	color: #AAA;
}

.table-list_002 dd {	
	padding: 8px 0;
	border-top: none;
}

/* ==== width 769px以上の場合 ==== */
@media screen and (min-width : 769px){
	.table-list_002 dt {
	float: left;
	width: 8em;
	padding: 8px 0; }
	.table-list_002 dd {
	margin: 0 0 0 8em;
	border-top: 1px #666 dotted; }
}

/* 003 */
.table-list_003 {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	*zoom: 1;     /* clear float, ~WinIE7 */
	_height: 1px; /* clear float, ~WinIE6 */
}

.table-list_003:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}

.table-list_003 dt {
	padding: 30px 0 0 0;
	border-top: 1px #666 dotted;
	color: #AAA;
}

.table-list_003 dd {	
	padding: 30px 0;
	border-top: none;
}

/* ==== width 769px以上の場合 ==== */
@media screen and (min-width : 769px){
	.table-list_003 dt {
	float: left;
	width: 8em;
	padding: 30px 0; }
	.table-list_003 dd {
	margin: 0 0 0 8em;
	border-top: 1px #666 dotted; }
}


/* =========== laout-box =========== */

/* 001 */
.layout-box_001 {
	width: 80%;
	margin: 0 auto;
	*zoom: 1;     /* clear float, ~WinIE7 */
	_height: 1px; /* clear float, ~WinIE6 */
}

.layout-box_001:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}

/* 002 */
.layout-box_002 {
	width: 100%;
	*zoom: 1;     /* clear float, ~WinIE7 */
	_height: 1px; /* clear float, ~WinIE6 */
}

.layout-box_002:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}


/* 001 */
/* box-L */
.box-L_001 {
	margin: 0 0 40px;
}

/* ==== width 769px以上の場合 ==== */
@media screen and (min-width : 769px){
	.box-L_001 { width: 49%;
	float: left;
	text-align: left; }
}

/* box-R */
.box-R_001 {
}

/* ==== width 769px以上の場合 ==== */
@media screen and (min-width : 769px){
	.box-R_001 { width: 49%;
	float: right;
	text-align: right; }
}

.box-L_001 figure,
.box-R_001 figure {
	margin: 0;
	padding: 0;
}


/* 002 */
/* box-L */
.box-L_002 {
	margin: 0 0 20px;
}

/* ==== width 769px以上の場合 ==== */
@media screen and (min-width : 769px){
	.box-L_002 { width: 42%;
	float: left;
	text-align: left; }
}

/* box-R */
.box-R_002 {
	text-align: left;
}

/* ==== width 769px以上の場合 ==== */
@media screen and (min-width : 769px){
	.box-R_002 { width: 54%;
	float: right;
	text-align: left; }
}

.box-L_002 figure,
.box-R_002 figure {
	margin: 0;
	padding: 0;
}


/* =========== icon setting =========== */

/* instagram */
.istg_001 {
    width: 220px;
}

/* ==== width 680px以下の場合 ==== */
@media screen and (max-width : 680px){
	.istg_001 { width: 50%; }
	
}


/* =========== margin setting =========== */

.mg-b30 {
    margin-bottom: 30px;
}

.mg-b100 {
    margin-bottom: 100px;
}

/* =========== sns btn =========== */
.sns-btn {
    display: inline-block;
    margin-left: 3%;
    vertical-align: middle;
}

.box-R_002 img {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    width: auto;
}

@media screen and (max-width : 680px){
.sns-btn { margin-top: 8%; }
}

.btn_inline {
	display:inline-block;
}

/* =========== news img =========== */

/* news img */
.news_img img {
    width: 250px;
	display:inline-block;
	margin-bottom:10px;
}

/* ==== width 680px以下の場合 ==== */
@media screen and (max-width : 680px){
.news_img img { width: 90%; }
	
}


/* =========== banner-box =========== */
.banner-box {
  margin-bottom: 60px;
  border-top: 1px #666 dotted;
}
.banner-box:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}

/* = banner-box_bg-img = */
.banner-box_bg-img {
  float: right;
  width: 40%;
  margin-top: 2%;
}

/* = banner-box_content = */
.banner-box_content {
  padding: 10% 0 10%;
  width: 55%;
 }
 

/* = banner-box_title = */
.banner-box_title {
  margin-bottom: 3%;
  font-size:12px;
  font-size: 1.1rem;
  letter-spacing: 0.2rem;
}


/* = banner-box_lead-txt = */
.banner-box_lead-txt {
  margin-bottom: 3%;
  font-weight: normal;
  font-size: 13px;
  font-size: 1.3rem;
}
@media screen and (max-width : 680px){
 
.banner-box_bg-img {
  float: none;
  width: 100%;
}

.banner-box_content {
  width: 100%;
 }

}