/*
Theme Name:  Rojicoya English
Theme URI:
Description:
Version: 1.0
Author: 
Author URI:
*/


body {
	font-family: "Shippori Mincho B1", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	color:#333;
	font-size:16px;
	line-height:2.2;
	letter-spacing:0.03em;
	font-weight: 400;
  	font-style: normal;
	text-align:justify;
	background: #000;
}
a {
	color: #77060e;
	text-decoration: none;
	transition: 0.3s ease-out;
}
a:hover {
	color:#a0860d;
}

::selection{background-color:#a0860d; color: #FFF;}
::-moz-selection{background-color:#a0860d; color: #FFF;}

body , header , footer{
	max-width: 1920px;
	min-width: 400px;
	margin: auto;
}
@media screen and (max-width:640px) {
	body{font-size: 13px;}
}



/*============================================================================

	モーション　＊　文字が１文字ずつ出る

============================================================================*/
.eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}



/*============================================================================

	モーション　＊　wowオリジナル　fadeInUpMin

============================================================================*/
.fadeInUpMin {
    animation-name: fadeInUpMin;
}
@keyframes fadeInUpMin {
    from { opacity: 0; transform: translate3d(0, 10%, 0);}
    to { opacity: 1; transform: none;}
}



/*============================================================================

	#mainvisual　

============================================================================*/
#mainvisual {
	position: relative;
	width: 100%;
	height: 750px;
	background: url("images/mv_img.png") top right no-repeat , url("images/mv_bg.png") center top ;
  	background-size: 1068px 930px , 1920px 750px;
	border-bottom: 5px solid #a0860d;
  	overflow: hidden;
}

@media screen and (max-width:1470px) {
    #mainvisual {
        background: url("images/mv_img.png") top right -100px no-repeat , url("images/mv_bg.png") center top ;
        background-size: 1068px 930px , 1920px 750px;
    }
}
@media screen and (max-width:1160px) {
    #mainvisual {
        background: url("images/mv_img.png") top right -150px no-repeat , url("images/mv_bg.png") center top ;
        background-size: 1068px 930px , 1920px 750px;
    }
}
@media screen and (max-width:1000px) {
    #mainvisual {
        height: 550px;
        background: url("images/mv_img.png") top right -100px no-repeat , url("images/mv_bg.png") center top ;
        background-size: 800px auto , 1920px 750px;
    }
}
@media screen and (max-width:840px) {
    #mainvisual {
        background: url("images/mv_img.png") top right -100px no-repeat , url("images/mv_bg.png") center top ;
        background-size: 700px auto , 1920px 750px;
    }
}
@media screen and (max-width:700px) {
    #mainvisual {
        background: url("images/mv_img.png") top right -100px no-repeat , url("images/mv_bg.png") center top ;
        background-size: 700px auto , 1920px 750px;
    }
}
@media screen and (max-width:620px) {
    #mainvisual {
        background: url("images/mv_img.png") top right -140px no-repeat , url("images/mv_bg.png") center top ;
        background-size: 650px auto , 1920px 750px;
    }
}
@media screen and (max-width:400px) {
    #mainvisual {
        background: url("images/mv_img.png") top right -180px no-repeat , url("images/mv_bg.png") center top ;
        background-size: 600px auto , 1920px 750px;
    }
}


/*------------------------------ キャッチコピー------------------------------*/
#mainvisual h1 {
	position: absolute;
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
	width: 667px;
	top: 100px;
    left: 50%;
    margin-left: -600px;
}
#mainvisual h1 span {
	position: relative;
	display: inline-block;
	background: #a0860d;
	color: #FFF;
	line-height: 1;
	padding: 8px 30px 15px;
}

span.mv_catch01 { /*ADACHI*/
	font-size: 70px;
	font-family: "Zen Old Mincho", serif;
  	font-optical-sizing: auto;
  	font-weight: 400;
	margin-bottom: 20px;
}
span.mv_catch02 { /*大きい*/
	font-size: 105px;  
	font-family: "Zen Old Mincho", serif;
	margin-bottom: 5px;
  	font-weight: 700;
}
span.mv_catch03 { /*大きい*/
	font-size: 105px;  
	font-family: "Zen Old Mincho", serif;
	margin-bottom: 15px;
  	font-weight: 700;
}
span.mv_catch04 { /*〜下町の祭典〜*/
	font-size: 45px;
	font-family: "Zen Old Mincho", serif;
	margin-bottom: 35px;
  	font-weight: 600;
}
span.mv_catch05 { /*2024.12.18-19*/
	font-size: 45px;
	font-family: "Oswald", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 400;
}


@media screen and (max-width:1470px) {
    #mainvisual h1 {
        left: 5%;
        margin-left: 0;
    }
}
@media screen and (max-width:1290px) {
    #mainvisual h1 {
		top: 142px;
        left: 3%;
		max-width: 500px;
    }
    #mainvisual h1 span { padding: 5px 30px 12px; }
    span.mv_catch01 { font-size: 45px; }
    span.mv_catch02 { font-size: 95px; }
    span.mv_catch03 { font-size: 95px; }
    span.mv_catch04 { font-size: 36px; }
    span.mv_catch05 { font-size: 35px; }
}
@media screen and (max-width:1160px) {
    #mainvisual h1 {
		top: 185px;
		max-width: 400px;
    }
    #mainvisual h1 span { padding: 5px 30px 12px; }
    span.mv_catch01 { font-size: 35px; margin-bottom: 15px; }
    span.mv_catch02 { font-size: 70px; }
    span.mv_catch03 { font-size: 70px; }
    span.mv_catch04 { font-size: 27px; margin-bottom: 25px; }
    span.mv_catch05 { font-size: 25px; }
}
@media screen and (max-width:1000px) {
    #mainvisual h1 {
		top: auto;
		bottom: 30px;
		max-width: 400px;
    }
}
@media screen and (max-width:840px) {
    #mainvisual h1 {
		max-width: 350px;
    }
    #mainvisual h1 span { padding: 3px 30px 8px; }
    span.mv_catch01 { font-size: 25px; margin-bottom: 15px; }
    span.mv_catch02 { font-size: 60px; }
    span.mv_catch03 { font-size: 60px; margin-bottom: 10px;}
    span.mv_catch04 { font-size: 23px; margin-bottom: 20px; }
    span.mv_catch05 { font-size: 23px; }
}
@media screen and (max-width:700px) {
    #mainvisual h1 {
		bottom: 20px;
		max-width: 300px;
    }
    #mainvisual h1 span { padding: 3px 30px 8px; }
    span.mv_catch01 { font-size: 22px; margin-bottom: 15px; }
    span.mv_catch02 { font-size: 50px;}
    span.mv_catch03 { font-size: 50px; margin-bottom: 5px;}
    span.mv_catch04 { font-size: 19px; margin-bottom: 20px; }
    span.mv_catch05 { font-size: 18px; }
}
@media screen and (max-width:620px) {
    #mainvisual h1 {
		max-width: 280px;
    }
    #mainvisual h1 span { padding: 3px 30px 8px; }
    span.mv_catch01 { font-size: 20px; margin-bottom: 10px; }
    span.mv_catch02 { font-size: 55px; margin-bottom: 5px;}
    span.mv_catch03 { font-size: 55px; margin-bottom: 5px;}
    span.mv_catch04 { font-size: 17px; margin-bottom: 15px; }
    span.mv_catch05 { font-size: 15px; }
}
@media screen and (max-width:400px) {
    #mainvisual h1 {
		max-width: 300px;
    }
    #mainvisual h1 span { padding: 3px 30px 8px; }
    span.mv_catch01 { font-size: 25px; margin-bottom: 10px; }
    span.mv_catch02 { font-size: 45px; margin-bottom: 5px;}
    span.mv_catch03 { font-size: 45px; margin-bottom: 5px;}
    span.mv_catch04 { font-size: 19px; margin-bottom: 15px; }
    span.mv_catch05 { font-size: 19px; }
}




/*==================================================================

	 タイトル

==================================================================*/

/*黄土色の大きい英語のタイトル*/
h2 {
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: auto;
	font-family: "Yanone Kaffeesatz", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 400;
  	font-style: normal;
	color: #a0860d;
	font-size: 120px;
	text-decoration: underline;
	text-decoration-thickness: 4px;
	text-underline-offset: 15px;
	letter-spacing: 4px;
	line-height: 1;
	margin-bottom: 45px;
}
@media screen and (max-width:900px) {
	h2 { font-size: 80px;}
}
@media screen and (max-width:640px) {
	h2 { font-size: 55px;}
}


/*桜マーク付き*/
h3 {
	position: relative;
	margin-bottom: 15px;
	padding-left: 45px;
	font-size: 20px;
	font-weight: 600;
	color:#57000e;
}
h3::before {
	position: absolute; content: "";
	background: url("images/icon01.png");
	background-size: 36px 34px;
	width: 36px; height: 34px;
	top: 4px; left: 0;
}
@media screen and (max-width:640px) {
	h3 { font-size: 16px;}
	h3::before { top: -1px; }
}







/*============================================================================

	#チケット案内　＊ MVすぐ下　

============================================================================*/
#ticket_CTA {
	position: relative;
	padding-top: 100px;
	padding-bottom: 100px;
}

/*------------------------------ 左右の桜吹雪 ------------------------------*/
#ticket_CTA::before {
	position: absolute; content: "";
	background: url("images/bg01.png") no-repeat left bottom;
	background-size: 654px 590px;
	width: 440px; height: 500px;
	right: 0; top: 0;
}
#ticket_CTA::after {
	position: absolute; content: "";
	background: url("images/bg01.png") no-repeat right top;
	background-size: 654px 590px;
	width: 300px; height: 300px;
	left: 0; bottom: 0;
}
@media screen and (max-width:540px) {
	#ticket_CTA::before { width: 210px; }
}

/*------------------------------ inner ------------------------------*/
#ticket_CTA .inner {
	width: 90%;
	max-width: 1200px;
	margin: auto;
}

/*------------------------------ チケットデザイン ------------------------------*/
#ticket_CTA .inner {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding: 70px 50px 60px 50px;
	border: 3px solid #a0860d;
	background: url("images/bg03.jpg") repeat-x top center, url("images/bg03.jpg") repeat-x bottom center, url("images/bg02.jpg");
	background-size: 1174px 20px , 1174px 20px , 1920px 694px;
	/*display: flex;
	justify-content: space-between;*/
	z-index: 1;
}
@media screen and (max-width:1000px) {
    #ticket_CTA .inner {
        padding: 70px 30px 60px 30px;
    }
}
@media screen and (max-width:820px) {
    #ticket_CTA .inner {
        display: block;
        padding: 70px 20px 60px 20px;
    }
}


/*足立姫パッケージプラン（和文化体験）…8時間　の部分*/
#ticket_CTA .inner a dl {
	position: relative;
	background: #77060e; /*rgba(218,208,168,.8)*/
	border-radius: 50px;
	font-size: 24px;
	color: #FFF; /*111*/
	display: flex;
	padding: 5px 70px 5px 125px;
	margin-bottom: 10px;
	transition: 0.3s ease-out;
}
#ticket_CTA .inner a dl::after { /*→*/
	position: absolute;
	content: "";
	background: url("images/icon05.svg") no-repeat;
	background-size: 16px auto;
	width: 16px; height: 18px;
	top: 22px; right: 30px;
}
#ticket_CTA .inner a:hover dl {
	color: #a0860d;
}
#ticket_CTA .inner a dl dt {
	position: relative;
	width: 60%; 
}
#ticket_CTA .inner a dl dt br {
	display: none;
}
#ticket_CTA .inner a dl dt::before {
	position: absolute;
	content: "";
	background: url("images/icon04.png");
	background-size: 36px 34px;
	width: 36px; height: 34px;
	top: 10px; left: -50px;
}
#ticket_CTA .inner a dl dd {
	position: relative;
	width: 20%; 
    box-sizing: border-box;
    padding-right: 45px;
	text-align: right;
}
#ticket_CTA .inner a dl dd::before {
	position: absolute;
	content: "…";
	left: 0;
}
#ticket_CTA .inner a dl dd:last-of-type::before {
	content: "/";
}
@media screen and (max-width:1330px) {
    #ticket_CTA .inner a dl {
        font-size: 22px;
		padding: 10px 50px 10px 85px;
		justify-content: center;
    }
    #ticket_CTA .inner a dl dt {
		padding-left: 45px;
		width: 55%;
    }
	#ticket_CTA .inner a dl dt::before {
		top: 7px; 
		left: 0;
	}
    #ticket_CTA .inner a dl dd {
		width: 22%;
    }
}
@media screen and (max-width:1080px) {
    #ticket_CTA .inner a dl {
        font-size: 20px;
		padding: 7px 20px 7px 55px;
    }
    #ticket_CTA .inner a dl dt {
    }
	#ticket_CTA .inner a dl dt::before {
		top: 1px; 
	}
    #ticket_CTA .inner a dl dd {
    }
}
@media screen and (max-width:900px) {
    #ticket_CTA .inner a dl {
		font-size: 18px;
		padding: 7px 0px 7px 30px;
    }
    #ticket_CTA .inner a dl::after { /*→*/
        background-size: 13px auto;
        width: 13px; height: 16px;
        top: 19px; right: 20px;
    }
    #ticket_CTA .inner a dl dt {
    }
}
@media screen and (max-width:750px) {
    #ticket_CTA .inner a dl {
		flex-wrap: wrap;
		justify-content: flex-end;
		padding: 7px 15px 7px 30px;
    }
    #ticket_CTA .inner a dl::after { /*→*/
        top: 40%;
    }
    #ticket_CTA .inner a dl dt {
        width: 100%; 
		padding-left: 35px;
    }
	#ticket_CTA .inner a dl dt::before {
		background: url("images/icon04.png")no-repeat;
		background-size: 27px auto;
		width: 27px; height: 25px;
		top: 7px;
	}
    #ticket_CTA .inner a dl dd {
        width: 25%; 
    }
}
@media screen and (max-width:640px) {
    #ticket_CTA .inner a dl {
		border-radius: 10px;
        padding: 12px 15px 12px 20px;
		font-size: 19px;
    }
    #ticket_CTA .inner a dl::after { /*→*/
        right: 15px;
    }
    #ticket_CTA .inner a dl dt {
		line-height: 1.6;
		margin-bottom: 5px;
    }
	#ticket_CTA .inner a dl dt::before {
		top: 3px; 
	}
    #ticket_CTA .inner a dl dd {
        width: 30%; 
		line-height: 1.5;
		padding-right: 35px;
    }
}
@media screen and (max-width:540px) {
    #ticket_CTA .inner a dl {
        padding: 12px 0 12px 15px;
		font-size: 17px;
    }
    #ticket_CTA .inner a dl::after { /*→*/
        right: 12px;
    }
    #ticket_CTA .inner a dl dt br {
        display: block;
    }
    #ticket_CTA .inner a dl dt {
        padding-right: 36px;
    }
    #ticket_CTA .inner a dl dd {
        width: 40%; 
		padding-right: 36px;
    }
}


/*※受付は30分前から開始、の部分*/
#ticket_CTA .inner em {
	font-size: 13px;
    text-align: right;
    display: block;
    padding-right: 30px;
    line-height: 0;
    padding-top: 18px;
}
@media screen and (max-width:640px) {
    #ticket_CTA .inner em {
        font-size: 11px;
        padding-right: 0px;
        padding-top: 15px;
    }
}

/*各チケットのご予約はこちら↓　の部分*
#ticket_CTA .inner a div {
	display: block;
	width: 20%;
	background: #77060e;
	border-radius: 10px;
	margin-bottom: 10px;
	text-align: center;
	transition: 0.3s ease-out;
}
#ticket_CTA .inner a:hover div {
	background: #5e0007;
}
/* 文字部分の装飾 */
#ticket_CTA .inner a div em {
	position: relative;
	display: block;
	padding-top: 30px;
	font-size: 23px;
	line-height: 1.8;
	color: #FFF;
}
/* ↓ 部分の装飾 *
#ticket_CTA .inner a div span {
	display: inline-block;
	margin-top: 10px;
	background: #a0860d;
	width: 48px;
	height: 48px;
	overflow: hidden;
	border-radius: 100%;
	line-height: 2.1;
	box-sizing: border-box;
	text-align: center;
	padding-left: 1px;
}
#ticket_CTA .inner a:hover div span img {
	animation: ArrowAnimeY 1.0s forwards;
}
@keyframes ArrowAnimeY{
    1% { opacity: 1; transform: translateY(0); }
   25% { opacity: 1; transform: translateY(0); }
   55% { opacity: 0; transform: translateY(50px); }
   56% { opacity: 0; transform: translateY(-45px); }
  100% { opacity: 1; transform: translateY(0); }
}
@media screen and (max-width:1330px) {
    #ticket_CTA .inner a div em {
        padding-top: 25px;
        font-size: 20px;
        line-height: 1.6;
    }
    #ticket_CTA .inner a div span {
        margin-top: 15px;
    }
}
@media screen and (max-width:1000px) {
    #ticket_CTA .inner a div em {
        padding-top: 25px;
        font-size: 17px;
        line-height: 1.4;
    }
    #ticket_CTA .inner a div span {
        margin-top: 15px;
    }
}
@media screen and (max-width:820px) {
    #ticket_CTA .inner a div {
        width: 100%;
        margin-bottom: 0;
    }
    #ticket_CTA .inner a div em {
        display: inline;
        font-size: 16px;
		position: relative;
		top: -15px;
    }
    /* ↓ 部分の装飾 *
    #ticket_CTA .inner a div span {
        margin-left: 10px;
		margin-top: 8px;
        width: 42px;
        height: 42px;
        line-height: 0;
		padding-top: 12px;
        padding-left: 0;
    }
    #ticket_CTA .inner a div br {
        display: none;
    }
}
*/









/*============================================================================

	#本文エリア

============================================================================*/


/*------------------------------ Wordpressの追加css ------------------------------*/
section p {
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: auto;
	box-sizing: border-box;
	padding: 0 5%;
	background: #ccc5a2;
	overflow-x: hidden;
}
section .box {
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: auto;
	box-sizing: border-box;
	padding: 0 5%;
	background: #ccc5a2;
	overflow-x: hidden;
}
section .black {
	position: relative;
	width: 90%;
	max-width: 1200px;    
	height: 80px;
	margin: auto;
	background: #000;
}
section .youtube {
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: auto;
	box-sizing: border-box;
	padding: 10px 5% 20px;
	background: #ccc5a2;
	overflow: hidden;
}
@media screen and (max-width:640px) {
	section .youtube {     width: 90%!important;}
}

/*------------------------------ タイトル＊h1（英語&背景に大きい赤い和模様）------------------------------*/
section h1 {
	position: relative;
	width: 100%;
	margin: auto;
	font-family: "Yanone Kaffeesatz", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 400;
  	font-style: normal;
	color: #a0860d;
	font-size: 120px;
	text-decoration: underline;
	text-decoration-thickness: 4px;
	text-underline-offset: 15px;
	letter-spacing: 4px;
	line-height: 1;
	text-align: center;
	background: url("images/bg04.png") no-repeat top center;
	background-size: 1920px 475px;
	padding-top: 100px;
	padding-bottom: 80px;
}
section h1::after {
	position: absolute;
	content: "";
	width: 90%;
	max-width: 1200px;
	margin: auto;
	left: 0;
	right: 0;
	height: 55px;
	bottom: -3px;
	background: #ccc5a2;
	z-index: 5;
}
@media screen and (max-width:900px) {
	section h1 { font-size: 80px;}
}
@media screen and (max-width:640px) {
	section h1 { font-size: 55px;}
}


/*------------------------------ タイトル＊h2（桜マーク付き）------------------------------*/
section h2 {
	position: relative;
	font-size: 20px;
	font-weight: 600;
	color:#57000e;
	font-family: "Shippori Mincho B1", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	text-decoration: none;
	background: #ccc5a2;
	width: 90%;
    max-width: 1200px;
    box-sizing: border-box;
	letter-spacing: 1px;
	margin: 0 auto;
	padding-left: 110px;
	line-height: 2;
	padding-right: 5%;
	    padding-bottom: 15px;
}
section h2::before {
	position: absolute; content: "";
	background: url("images/icon01.png");
	background-size: 36px 34px;
	width: 36px; height: 34px;
	top: 4px; left: 5%;
}
@media screen and (max-width:1100px) {
	section h2 { padding-left: 100px;}
}
@media screen and (max-width:900px) {
	section h2 { padding-left: 90px;}
}
@media screen and (max-width:700px) {
	section h2 { padding-left: 80px;}
}
@media screen and (max-width:640px) {
	section h2 { font-size: 16px; line-height: 2.3; padding-left: 65px; padding-right: 25px;}
	section h2::before { top: 3px;}
}


/*------------------------------ タイトル＊h3（黄土色の太字）------------------------------*/
section h3 {
	width: 100%;
	font-family: "Shippori Mincho B1", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	font-weight: 600;
	color: #635203;
	font-size: 17px;
	text-decoration: none;
	letter-spacing: 2px;
	line-height: 1.8;
	margin-bottom: 10px;
}
@media screen and (max-width:900px) {
	section h3 { font-size: 17px;}
}
@media screen and (max-width:640px) {
	section h3 { font-size: 15px;}
}


/*------------------------------ インスタグラム　プラグイン　------------------------------*/
section #sb_instagram {
	background: #ccc5a2;
	width: 90%;
    max-width: 1200px;
	padding: 0 5%;
}
@media screen and (max-width:640px) {
	section #sb_instagram.sbi_width_resp { width: 90% !important;}
}


/*============================================================================

	#ABOUT

============================================================================*/
#about {
	background: url("images/bg04.png") no-repeat top center;
	background-size: 1920px 475px;
	padding-top: 100px;
	padding-bottom: 80px;
}
#about .inner {
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: auto;
	margin-bottom: 30px;
	box-sizing: border-box;
	padding: 60px 5% 70px;
	background: #ccc5a2;
	overflow-x: hidden;
}
#about .inner::before {
	position: absolute;
	content: "";
	background: url("images/bg05.png") no-repeat bottom right;
	background-size: 457px 458px;
	width: 100%; height: 100%;
	bottom: 0; right: 0;
}
#about .inner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 30px;
}
#about .inner article {
	position: relative;
	width: 47%;
	margin-bottom: 50px;
	z-index: 9;
}
@media screen and (max-width:900px) {
	#about .inner { display: block;}
	#about .inner article { width: 100%;}
}


#about .inner article p {
	margin-top: 10px;
}
#about .inner article iframe {
	width: 100%;
}
#about .inner article img {
	max-width: 100%;
}
#about .inner article.illustmap figure {
	width: 100%;
	padding: 50px 0;
	background: #FFF;
	text-align: center;
}
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}






/*============================================================================

	#インスタグラム

============================================================================*/
#instagram {
	position: relative;
	padding: 100px 0;
	background: url("images/bg03.jpg") repeat-x top center, url("images/bg03.jpg") repeat-x bottom center, url("images/bg02.jpg");
	background-size: 1174px auto , 1174px auto , 1920px auto;
	text-align: center;
	font-size: 20px;
	border-top: 5px solid #a0860d;
	border-bottom: 5px solid #a0860d;
}
#instagram .inner {
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: auto;
	margin-bottom: 30px;
}
#sb_instagram {	
}
#sb_instagram h3 { padding: 0 !important;}
#sb_instagram h3::before { display: none !important;}
.sb_instagram_header:not(.sbi_centered) .sbi_feedtheme_header_text .sbi_bio_info { justify-content: start !important; padding: 0 !important;}



/*==================================================================

		$お問い合わせページ　＊　Contact Form 7カスタマイズ

==================================================================*/
#mailform {
	background: url("images/bg04.png") no-repeat top center;
	background-size: 1920px 475px;
	padding-top: 100px;
	padding-bottom: 50px;
}
#mailform .inner {
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: auto;
	margin-bottom: 30px;
	box-sizing: border-box;
	padding: 60px 5% 50px;
	background: #ccc5a2;
	overflow-x: hidden;
	z-index: 9;
}
#mailform .inner::before {
	position: absolute;
	content: "";
	background: url("images/bg05.png") no-repeat bottom right;
	background-size: 457px 458px;
	width: 100%; height: 100%;
	bottom: 0; right: 0;
}


/* Contact Form7スマホ・タブレット用カスタマイズ */
.inquiry {
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	z-index: 9;
}
.inquiry th{
	width: 30%;
	box-sizing: border-box;
	padding: 10px 0;
	font-size: 20px;
	white-space: nowrap;
}
.inquiry td{
	width: 70%;
	font-size: 18px;
}
.inquiry input,.inquiry select {
	box-sizing: border-box;
   	padding: 15px 20px;
   	border: none;
   	background: #eff1f5;
   	border-radius: 5px;
}
@media(max-width:850px) {
    .inquiry th , .inquiry td {
       display: block;
       width: 100%;
       padding: 10px 0;
		font-size: 15px;
    }
}

.haveto{
   	margin-right: 10px;
   	padding: 3px 10px 5px;
   	background: #92051c;
   	color: #fff;
   	border-radius: 3px;
   	font-size: 16px;
}
@media(max-width:850px) {
.haveto{
   	font-size: 14px;
}
}

/* チェックボックス */
input[type=checkbox]{
	transform: scale(1.5);
	margin-right: 10px;
}
.verticallist{
   display:inline-grid;
}

/* 送信ボタン */
.wpcf7-submit{
   	display: block;
   	margin: 50px auto 0;
   	padding: 10px 0;
   	width: 50% !important;
   	background: #92051c;
   	color: #fff;
   	font-size: 23px; 
   	border-radius:4px;
   	border: none;
	font-family: "Shippori Mincho B1", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	position: relative;
	z-index: 9;
   transition: 0.3s;
}
.wpcf7-submit:hover{
   opacity: 0.5;
   	background: #a0860d;
}
@media(max-width:850px) {
    .wpcf7-submit{
       margin-bottom:30px;
       width:100% !important;
		font-size: 18px;
    }
}



/* 自動入力されるPタグを無効にする */
.inquiry p {
   display: inline;
}
/* 入力エリア幅最大 */
.wpcf7-form-control {
   width: 100%;
}
/* エラーメッセージ */
.screen-reader-response {
    display: none;
}
.wpcf7-not-valid-tip {
    color: #e92323;
}






/*============================================================================

	footer

============================================================================*/
footer {
	position: relative;
	padding-bottom: 120px;
}
#footer_nav {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#footer_nav a {
	color: #FFF;
	font-size: 14px;
	padding: 0 15px;
}
#footer_nav a:hover {
	color: #beb070;
}
copy {
	display: block;
	margin-top: 20px;
	text-align: center;
	color: #beb070;
	font-size: 14px;
}







/*============================================================================

	最下部固定

============================================================================*/
#fixed_ticket a {
	position: fixed;
	display: block;
	bottom: 0;
	left: 2%;
	width: 96%;
	padding: 10px 0;
	text-align: center;
	background: #6f0012;
	border-radius: 20px 20px 0 0;
	z-index: 999;
}
#fixed_ticket a:hover {
	background: #5e0007;
	padding: 20px 0;
}

/* 文字部分の装飾 */
#fixed_ticket em {
	position: relative;
	padding-top: 30px;
	font-size: 20px;
	line-height: 1;
	letter-spacing: 2px;
	color: #a0860d; 
	font-family: "Yanone Kaffeesatz", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 400;
  	font-style: normal;
}
/* → 部分の装飾 */
#fixed_ticket span {
	position: relative;
	top: 7px;
	display: inline-block;
	margin-left: 10px;
	background: #a0860d;
	width: 30px;
	height: 30px;
	overflow: hidden;
	border-radius: 100%;
	line-height: 1.4;
	box-sizing: border-box;
	text-align: center;
	padding-left: 1px;
}
#fixed_ticket a:hover span img {
	animation: ArrowAnimeX 1.0s forwards;
}
@keyframes ArrowAnimeX{
    1% { opacity: 1; transform: translateX(0); }
   25% { opacity: 1; transform: translateX(0); }
   55% { opacity: 0; transform: translateX(40px); }
   56% { opacity: 0; transform: translateX(-35px); }
  100% { opacity: 1; transform: translateX(0); }
}