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

/* 各種設定
------------------------------------------------------------*/

/* ライン設定 */
.top_line {
	position: relative; height: 33px;
	background: url("../common/top_line.png") 50% 0 no-repeat; }
.under_line {
	position: relative; height: 30px;
	background: url("../common/under_line.png") 50% 0 no-repeat;
	background-position: bottom; }

/* イントロのみ */
#intro_main1 {
 height: 0;
 padding-top: 34.803%;
/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
 background: url(../introduction_img/intro_vis2_pc.jpg) 50% 0 / contain no-repeat scroll padding-box border-box transparent;
}

#main_vis_back2 { width: 100%; margin: 0 auto; margin-top: 80px; background: url("../common/naname_back.png") 50% 0 repeat rgba(245,230,156,0.40); }

#main_vis_back { width: 100%; margin: 0 auto; margin-top: 80px; background: url("../common/main_pc_back.png") 50% 0 no-repeat; }

#line { position: relative; z-index: 100; width: 100%; height: 7px; background: url(../common/kuro_line.jpg) 50% 0 repeat; }

.line { width: 100%; background-color: #000; height: 20px; }

hr {
  border-width: 1px 0px 0px 0px; /* 太さ1px */
  width: 100%; max-width: 850px; margin: 2em auto;
  border-style: dashed; /* 線種を破線に */
  border-color: #BDAC85;
  height: 1px;         /* 高さ(※古いIE用) */
}

@media screen and (min-width: 701px) and (max-width: 960px) {
	hr {
    border-width: 1px 0px 0px 0px; /* 太さ1px */
    width: 100%; margin: 2em auto;
    height: 1px;         /* 高さ(※古いIE用) */
  }
}
@media screen and (max-width: 700px) {
	hr {
    border-width: 1px 0px 0px 0px; /* 太さ1px */
    width: 90%; margin: 2em auto;
    height: 1px;         /* 高さ(※古いIE用) */
  }
}

.mark01 {
	margin: 0px;
	padding: 4px 8px;
  background-color: rgba(184,92,0,1.00);
	border: 1px #E1A700 solid;
	font-size: 14px; line-height: 1.7;
	color: #FFFFFF; font-weight: bold;
}
@media screen and (max-width:700px) {
  .mark01 {
    margin: 0px;
    padding: 3px 7px;
    font-size: 12px; line-height: 1.6;
  }
}

.mark02 {
	margin: 0px;
	padding: 4px 2rem;
  background-color: rgba(99,85,72,1.00);
	border: 1px #D5BE81 solid;
	font-size: 14px; line-height: 1.7;
	color: #FFFFFF; font-weight: bold;
}
@media screen and (max-width:700px) {
  .mark02 {
    margin: 0px;
    padding: 3px 1.5rem;
    font-size: 12px; line-height: 1.6;
  }
}

strong { font-weight: bold; }

.img100per { width: 100%; }
.img90per { width: 90%; }
.img80per { width: 80%; }
.img70per { width: 70%; }
.img60per { width: 60%; }
.img50per { width: 50%; }
.img4per { width: 40%; }

.big0 { font-size: 1.7rem; }
.big1 { font-size: 1.9rem; }
.big2 { font-size: 2.4rem; }
.big3 { font-size: 3.5rem; }
.big4 { font-size: 4.5rem; }

.small1 { font-size: 0.9rem; }
.small2 { font-size: 1.3rem; }
.small3 { font-size: 1.4rem; }

@media screen and (max-width:700px) {
  .big0 { font-size: 1.5rem; }
  .big1 { font-size: 1.5rem; }
  .big2 { font-size: 1.7rem; }
  .big3 { font-size: 2.1rem; }
  .big4 { font-size: 3.7rem; }
  .small1 { font-size: 0.9rem; }
  .small2 { font-size: 1.2rem; }
  .small3 { font-size: 1.3rem; }
}

.text_11 { font-size: 1.1rem; }
.text_12 { font-size: 1.2rem; }
.text_13 { font-size: 1.3rem; }
.text_14 { font-size: 1.4rem; }
.text_16 { font-size: 1.6rem; }
.text_17 { font-size: 1.7rem; }
.text_18 { font-size: 1.8rem; }
.text_19 { font-size: 1.9rem; }
.text_20 { font-size: 2.0rem; }
.text_23 { font-size: 2.3rem; }
.text_26 { font-size: 2.6rem; }
.text_28 { font-size: 2.8rem; }
.text_30 { font-size: 3.0rem; }
.text_35 { font-size: 3.5rem; }
.text_40 { font-size: 4.0rem; }

.c_midashi01 { color: #C9BE8E; font-weight: bold; font-size: 1.1em; }
.c_midashi02 { color: #C9BE8E; font-weight: bold; }
.c_midashi03 { color: #BF983E; font-weight: bold; }
.text_yellow { color: #F5CD4A; font-weight: bold; }
.text_yellow2 { color: #DAD4B6; }
.text_orange { color: #FFA801; font-weight: bold; }
.text_red { color: #F31616; font-weight: bold; }
.text_pink { color: #A10037; font-weight: bold; }
.text_blue { color: #235790; font-weight: bold; }
.text_purple { color: #631B69; font-weight: bold; }
.text_green { color: #066a5e; font-weight: bold; }
.text_kuro { color: #2B1307; font-weight: bold; }
.text_white { color: #FFFFFF; font-weight: bold; }
.text_gray { color: #959595; }
.text_opacity { opacity:0.4; }

.c_midashi02b { color: #DDD3A2; }

.text_arrow { color: #D9A541; font-weight: bold; }

.textshadow_k { text-shadow: 1px 1px 1px #000000; }
.textshadow_w { text-shadow: 1px 1px 1px #ffffff; }
.textshadow_y { text-shadow: 1px 1px 1px #ffcc00; }
.textshadow_p { text-shadow: 1px 1px 1px #ff759c; }

.textshadow_k2 { text-shadow: 1px 1px 15px #000000; }

.text_right { text-align: right; }
.text_left { text-align: left; }
.moji_spacing { letter-spacing: -3.5px; }
.bottom0 { vertical-align: bottom; }

.text1em {
	padding-left: 1em;
  text-indent: -1em; }

.text1em_all {
	padding-left: 1rem; }
.text2em_all {
	padding-left: 2rem; }

.textleft_all {
	padding-left: 1.5rem; }

@media screen and (max-width:700px) {
  .textleft_all {
	padding-left: 1.0rem; }
}

.text1em_mar_t {
	margin-top: 8px;
	padding-left: 1em;
  text-indent: -1em; }

.midashi_text01 {
	padding: 7px 60px 0px 60px;
	font-size: 19px; line-height: 1.8; font-weight: bold; }

.sub_title_a {
  color: #F9F4E9;
  font-family: "number-five-smooth", sans-serif;
	font-weight: 700;
  letter-spacing: 1.4px;
	text-shadow: 2px 1px 7px rgba(0,0,0,0.30);
}
.sub_title_b {
  font-family: 'Shippori Mincho B1', serif;
	font-weight: 700;
  letter-spacing: 0.9px;
}
.sub_title_c {
  color: #F9F4E9;
  font-family: 'Hiragino Mincho ProN、ヒラギノ明朝 ProN', serif;
	font-weight: 700;
  letter-spacing: 1.4px;
}

.sub_title01 {
	width: 255px;
	padding: 3px 12px 3px 12px;
  margin-top: 30px;
	font-size: 20px;
  font-weight : bold;
  color: #FFEE75;
	border: #953F17 solid;
  border-radius: 2.0rem;
  border-width : 2px 2px 2px 2px;
  background-color: rgba(143,55,17,0.78);
}
/*sp*/
@media screen and (max-width: 700px) {
  .sub_title01 {
    width: 180px;
    padding: 1px 3px 1px 3px;
    margin-top: 20px;
		font-size: 17px;
    background: 0px top no-repeat;
    font-weight : bold;
		color: #FFEE75;
		border: #953F17 solid;
		border-radius: 1.7rem;
		border-width : 2px 2px 2px 2px;
		background-color: rgba(143,55,17,0.78);
  }
}

.mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS P明朝", "MS明朝", serif;
  transform: rotate(.03deg);
}
.ggl_text01 { font-family: 'Barlow Semi Condensed', sans-serif; }

.tic_block {
	margin: 0 auto;
	padding: 1px;
  width: 65%;
  background-color: #525252;
	border: 0px #AC1616 solid;
}

.text_block_guid {
	margin: 30px 0px 15px 0px;
  padding: 20px;
  width: 65%;
	text-align: center;
	background-color: rgba(0,0,0,0.70);
	opacity: 1.0;
  border: 1px #B2935B solid;
}
.box_midashi2 {
	padding: 18px; color: #E4EB49;
	font-size: 18px; line-height: 1.8; font-weight: bold; }

@media screen and (max-width: 700px) {
  .text_block_guid {
    margin: 20px 0px 15px 0px;
    padding: 6px;
    width: 90%;
    text-align: center;
    background-color: rgba(0,0,0,0.70);
    opacity: 1.0;
    border: 1px #B2935B solid;
  }
  .box_midashi2 {
    padding: 15px; color: #E4EB49;
    font-size: 14px; line-height: 1.8; font-weight: bold; }
}

/* comment */
.comment1 {
  position: absolute;
  top: -55px;
  left: -40px;
  z-index: 2;
}
.comment2 {
	width: 100%; max-width: 850px;
	margin: 0 auto;
	font-size: 90%;
	text-align: left;
  padding: 30px;
	border-top: 1px #9C842F solid;
	border-bottom: 1px #9C842F solid;
  background-color: rgba(198,181,159,0.40);
  position : relative;
}
/*sp*/
@media screen and (max-width: 700px) {
	
  .comment1 {
    position: absolute;
    top: -25px;
    left: -20px;
    z-index: 2;
  }
  .comment2 {
    width: 100%;
    margin: 0 auto;
		font-size: 90%;
    text-align: left;
    padding: 18px;
    border-top: 1px #9C842F solid;
    border-bottom: 1px #9C842F solid;
    background-color: rgba(198,181,159,0.40);
    position : relative;
  }
}

/* movie */
.movie-wrap {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
}
 
.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* movie */
.mov_table1 {
	width: 100%; max-width: 850px; margin: 0 auto;
	padding: 0px 0px 0px 20px; }
.mov_table2 {
	width: 100%; max-width: 600px; margin: 0 auto;
	padding: 0px 0px 0px 20px; }

.td_mov { width: 48%; border: 1px #7e6b40 solid;
	background-color: rgba(0,0,0,0.70); padding: 8px; }
.td_mov_sp { width: 4%; }
.mov_text {
	text-align: center;
	padding: 12px; }
.linkup a{ display: block; }

.td_photo { width: 48%; }

/* ## Rollover set ## */
a:hover.movie_lo { 
    opacity: 0.8; 
    filter: alpha(opacity=80); 
    -moz-opacity: 0.8; }

/*sp*/
@media screen and (max-width: 700px) {
	
	.td_mov { width: 48.5%; border: 1px #7e6b40 solid;
		background-color: rgba(0,0,0,0.30); padding: 5px; }
	.td_mov_sp { width: 3%; }
	.mov_text {
		text-align: center;
		padding: 6px; }
	.td_photo { width: 48.5%; }
}


/* flyer */
.flyer_box1 {
	width: 765px;
	margin: 0 auto;
	padding-bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flyer_sp { width: 25px; }
.flyer_photo { width: 370px; }

@media screen and (max-width: 850px) {
  .flyer_box1 {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
	.flyer_sp { width: 4%; }
	.flyer_photo { width: 48%; }
}

/* Link set */
a.menu_link:link { color: #F2EEE3; text-decoration: none; font-weight: bold; }
a.menu_link:visited { color: #F2EEE3; text-decoration: none; font-weight: bold; }
a.menu_link:hover { color: #EDDB88; text-decoration: underline; font-weight: bold; }

/* 未訪問 */
a:link { color: #FF6C2D; text-decoration: none; }
/* 訪問済み */
a:visited { color: #FF6C2D; text-decoration: none; }
/* カーソルが上に乗った状態 */
a:hover { color: #EC135D; text-decoration: underline; }

.clear { clear: both; }

@media print { body { display: none !important; } }

.soukan{
  border-width : 1px;
  border-style : solid;
  border-color : #715c2e;
}

.grd { pointer-events: none; }

.pay{
  background-color: #ffffff;
  padding: 20px;
}
/*田辺追加*/
.medatsu1{
  padding-top : 30px;
  padding-left : 5%;
  padding-right : 5%;
  background-color : #090603;
  padding-bottom : 30px;
  border-width : 1px;
  border-style : solid;
  border-color : #cfbfab;
}