@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/
/**************************************
 **全体
***************************************/
/*メインカラー*/
/*  #897158  */

a{
	text-decoration: none;
	cursor:pointer;
	color:#333;
	transition: 0.2s;
}
a:hover{
	text-decoration: none;
	cursor:pointer;
	color:#897158;
}

a.link-underline{
	text-decoration: underline;
}


body{
	box-sizing:border-box;
	letter-spacing: 0.05em;
}
#main{
	width:100%;
	padding-top:0;
	padding-bottom:0;
}

/*reCAPTHAバッジ*/
.grecaptcha-badge {
	visibility: hidden;
}
p.recaptcha-text {
	font-size: 0.9em;
	text-align: center;
}
/*画像*/
figure{
	text-align: center;
}

/*上部スペース調整*/
.page .main{
	padding-top:0;
}


.page html, body {
	overflow-x:clip;
	color:rgb(51, 51, 51);
}
/*ページ内スクロール*/
html {
	scroll-behavior: smooth;
}

.page .content {
	margin:500px 0 0 0;
	padding:0;
}

.page header.article-header.entry-header {
    height: 0;
}

/*フッター上部間隔調整*/
.page .entry-content{
	margin-bottom:0 !important;
}

.page .content-bottom{
	margin-top:0 !important;
}

.page .article{
	margin-bottom: 0 !important;
}
/*ヘッダー下・フッター上スキマ*/
.sukima-top{
	width:100vw;
	height:24px;
	margin:0 0 48px 0;
	padding:12px;
	position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	background-color: #f5f2eb !important;
	border:0.5px solid #f5f2eb;
}

.sukima-bottom{
	width:100vw;
	height:24px;
	margin:80px 0 0 0;
	padding:12px;
	position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	background-color: #f5f2eb !important;
	border:0.5px solid #f5f2eb;
}


/*モバイルスライドインメニュー開閉時調整*/
.body:has(#navi-menu-input:checked, #sidebar-menu-input:checked) {
	overflow: visible;; 
}

/*h*/

.page article h1{
	font-family: "Zen Old Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 200 !important;
	font-size:2em !important;
	margin-top:1em !important;
	margin-bottom: 1em !important;
	color:rgba(35, 43, 69, 1);
	color:#fff;
	background-color:initial !important;
	padding:0 0 1em 0 !important;
	margin:0 !important;
	position:relative;
	height:500px;
	top:-500px;
	display: flex;
	align-items: flex-end;
	overflow-y: visible;
}
.page article h1::before{
	content:"";
	background-image: url("../../../wp-content/uploads/2025/03/bg-h1.jpg");
	background-size:cover;
	background-position:right;
	display: block;
	width:100vw;
	height:500px;
	z-index:-2;
	margin:0 0;
	padding:0;
	position: absolute;
	top:0;
    left: 50%;
	top:0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.page article h1::after{
	content:"";
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 20%, rgba(255,255,255,0) 50%);
	mix-blend-mode: multiply;
	display: block;
	width:100vw;
	height:500px;
	z-index:-1;
	margin:0 0;
	padding:0;
	position: absolute;
	top:0;
    left: 50%;
	top:0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}


article h2{
	font-family: "Zen Old Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 400 !important;
	font-size:1.7em !important;
	margin-top:2em !important;
	margin-bottom: 1em !important;
	color: #897158;
	background-color:initial !important;
	padding:15px 0 15px 0 !important;
}

article h3{
	font-family: "Zen Old Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 400 !important;
	font-size:1.3em !important;
	margin-top:1.62em !important;
	color: #897158;
	background-color:initial !important;
	border-left:4px solid #897158 !important;
	border-width:0 0 0 4px !important;
}

article h4{
	font-weight: bold !important;
	font-size: 18px !important;
	color: #897158;
	background-color:initial !important;
	border-width:0 !important;
	margin-bottom:12px !important;
	padding-left:0 !important;
}

/*フォント*/
.font-mincho{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.font-zen{
	font-family: "Zen Old Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.yakumono-f{
	font-family: YakuHanJP_Narrow, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.f-08em{
	font-size: 0.8em !important;
}
.f-12em{
	font-size: 1.2em !important;
}
.f-normal{
	font-weight: normal !important;
}

/*全幅設定*/
.fullwidth-box{
	width:100vw;
	margin:0 0;
	padding:0;
	position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	background-color:rgba(255,255,255,0);
	padding-left: calc(env(safe-area-inset-left) + 16px);
	padding-right: calc(env(safe-area-inset-right) + 16px);
}

/*ボックス*/

.inbox {
	margin: 0px auto;
	width:100%;
	max-width: 1256px;
	height:100%;
	position: relative;
}

.flexbox{
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
	justify-content:space-between;
}
.flexbox-center{
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
	justify-content:center;
}

.half-item{
	width:50%;
	box-sizing: border-box;
}
.w100per{
	width:100%;
}

/*5-2.5-2.5*/
.ratio25-item{
	width:25%;
}
/*6-4*/
.ratio6-item{
	width:58%;
}
.ratio4-item{
	width:40%;
}
/*7-3*/
.ratio7-item{
	width:70%;
}
.ratio3-item{
	width:30%;
}
/*8-2*/
.ratio8-item{
	width:80%;
}
.ratio2-item{
	width:20%;
}
/*3-3-3*/
.one-third-item{
	width:33%;
}

.half-item .inbox-l{
	width:100%;
	max-width:628px;
	padding:30px;
	margin-right:0;
	margin-left:auto;
}
.half-item .inbox-r{
	width:100%;
	max-width:628px;
	padding:30px;
	margin-left:0;
	margin-right:auto;
}

/*text-align*/
.text-center{
	text-align: center;
}

/*padding 調整用*/

.pad-12{
	padding:12px !important;
}
.pad-30{
	padding:30px !important;
}

.pad-r24{
	padding-right:24px !important;
}
.pad-l24{
	padding-left:24px !important;
}

.pad-t24{
	padding-top:24px !important;
}
.pad-t48{
	padding-top:48px !important;
}
.pad-t80{
	padding-top:80px !important;
}
.pad-b24{
	padding-bottom:24px !important;
}
.pad-b48{
	padding-bottom:48px !important;
}

.pad-b80{
	padding-bottom:80px !important;
}

/*margin 調整用*/

.mar-b80{
	margin-bottom:80px !important;
}
.mar-b48{
	margin-bottom:48px !important;
}
.mar-b24{
	margin-bottom:24px !important;
}
.mar-b0{
	margin-bottom:0 !important;
}

/*背景色*/
.bg-white{
	background-color: #fff !important;
	border-top:0.5px solid #fff !important;
}
.bg-navy{
	background-color: #232b44 !important;
}
.bg-beige{
	background-color: #f5f2eb !important;
	border-top:0.1px solid #f5f2eb;
}
.bg-lightblue{
	background-color: #ebf4f5;
}
.bg-gra{
	background-color:hsla(222,100%,16%,1);
	background-image:
	radial-gradient(at 28% 95%, hsla(189,100%,56%,1) 0px, transparent 50%),
	radial-gradient(at 56% 0%, hsla(343,100%,76%,1) 0px, transparent 50%),
	radial-gradient(at 95% 83%, hsla(213,53%,8%,1) 0px, transparent 50%),
	radial-gradient(at 43% 53%, hsla(240,49%,39%,1) 0px, transparent 50%);
}

/*翻訳*/
.gt_selector{
	font-size:initial !important;
}

/*リンクボタン大きめ*/

.bt01 a {
	position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto 10px;
    max-width: 350px;
    padding: 15px 0px;
    line-height: 1.8;
    color: #fff;
    transition: 0.2s ease-in-out;
	font-weight:bold;
	background-color: #897158;
}

.bt01 a:before, .bt01 a:after {
  	content: "";
  	position: absolute;
  	display: block;
  	top: 50%;
}
.bt01 a:before {
	width: 0.5rem;
  	height: 0.5rem;
  	left: 1.15rem;
  	border-top: solid 2px rgb(16,18,41);
  	border-right: solid 2px rgb(16,18,41);
  	z-index: 3;
  	transform: translateY(-50%) rotate(45deg);
  	transition: all 0.2s;
}
.bt01 a:after {
  	left: 0.6rem;
  	background-color: #fff;
  	z-index: 2;
  	width: 2rem;
  	height: 2rem;
  	border-radius: 4rem;
  	transform: translateY(-50%);
  	transition: all 0.2s;
}
.bt01 a span {
  	position: relative;
  	transition: all 0.4s;
  	z-index: 1;
}
.bt01 a:hover{
	background-color: #b38f69;
}
.bt01 a:hover span {
  	color: #fff;
}
.bt01 a:hover:before {
  	left: 1.6rem;
	width: 0.5rem;
  	height: 0.5rem;
  	border-top: solid 2px #fff;
  	border-right: solid 2px #fff;
}
.bt01 a:hover:after {
  	left: 1.1rem;
  	width: 2rem;
  	height: 2rem;
  	border-radius: 4rem;
	background: rgb(35, 43, 69);
}

/*リンクボタン細め*/
a.bt02 {
	position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 230px;
    padding: 7px 0px 7px 0px;
    line-height: 1.8;
    color: #fff;
    transition: 0.2s ease-in-out;
	font-weight:bold;
	background-color: #897158;
}

a.bt02:before, a.bt02:after {
  	content: "";
  	position: absolute;
  	display: block;
  	top: 50%;
}
a.bt02:before {
	width: 0.4rem;
  	height: 0.4rem;
  	left: 1.05rem;
  	border-top: solid 2px rgb(16,18,41);
  	border-right: solid 2px rgb(16,18,41);
  	z-index: 2;
  	transform: translateY(-50%) rotate(45deg);
  	transition: all 0.1s;
}
a.bt02:after {
  	left: 0.6rem;
  	background-color: #fff;
  	z-index: 1;
  	width: 1.6rem;
  	height: 1.6rem;
  	border-radius: 4rem;
  	transform: translateY(-50%);
  	transition: all 0.1s;
}
a.bt02 span {
  	position: relative;
  	transition: all 0.4s;
  	z-index: 3;
	display:inline-block;
	padding:0 4em;
}
a.bt02:hover{
	background-color: #b38f69;
}
a.bt02:hover span {
  	color: #fff;
}
a.bt02:hover:before {
  	left: 1.8rem;
	width: 0.4rem;
  	height: 0.4rem;
  	border-top: solid 2px #fff;
  	border-right: solid 2px #fff;
}
a.bt02:hover:after {
  	left: 1.35rem;
  	width: 1.6rem;
  	height: 1.6rem;
  	border-radius: 4rem;
	background: rgb(35, 43, 69);
}

/*リスト表示(開催概要／協賛申込受付日など)*/
.overview{
	margin-bottom:16px;
}

.overview .title{
	border-bottom: 1px solid #897158;
	padding:6px 0;
}
.overview h3{
	border:0 !important;
	font-weight:bold !important;
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
	margin:8px 0 !important;
	padding:0 !important;
	line-height: 1.4em !important;
	font-size: 1.2em !important;
}

.overview .detail{
	border-bottom: 1px solid #333;
	padding:6px 0;
}
.overview .big{
	font-size: 1.2em;
	color: #222;
	font-weight: bold;
	margin:8px 0 !important;;
	padding:0 !important;
	line-height: 1.4em !important;
}

.overview .detail p{
	margin:8px 0 !important;;	
}

.overview ol{
	margin-bottom: 0 !important;
}
/*リスト内リスト*/
p.big .in-title{
	display: inline-block;
	background-color: #f7f5ed;
	color: #897158;
	padding: 0 10px;
	font-size: 0.7em;
	width: 8.5em;
	text-align: center;
	margin-right:10px;
}


/*ページ内リンク調整*/
.anchor-adj{
	display: block;
    padding-top: 40px;
    margin-top: -40px;	
}

#content-bottom{
	margin-bottom:0;
}
#content-bottom .widget{
	margin-bottom:0;
}

/*改行設定*/
.rbr{
  display: inline-block;
}
.rbrb{
  display: none;
}

/*画像ポップアップ表示調整*/
.lity-container {
    max-width: 90%;
    max-height: 95%;
}

/**************************************
 * 投稿ページ
***************************************/
.content{
	margin-top:90px;
}

a.bt-return{
	display: inline-block;
	padding: 10px;
	background-color: rgba(137, 113, 88, 1);
	color: #fff;
	font-size:18px;;
	font-weight: bold;
	text-align: center;
	margin:60px auto;
	width:100%;
	max-width:500px;
	transition: 0.2s;
}
a.bt-return:hover{
	background-color: rgba(137, 113, 88, 0.6);
}

/*関連記事表示*/
.related-list h3{
	border-left-width: 0 !important;
}

/*ブログカード関連*/
h2.entry-card-title{
	margin: 0 !important;
	font-size: 1.2em !important;
}
.related-list h3 {
	margin-top: 0 !important;
}

.related-list a{
	background-color: #edf7f7;
	border-width:0 1px 0 1px;
	border-style: solid;
	border-color: #a6bdbd;
}

#list, .list-wrap {
	padding-bottom: 2em;
}

/**************************************
 **ヘッダー
***************************************/

/*ヘッダーメニュー*/
.header-container{
	position: fixed;
 	z-index: 9997;
  	top: 0;
	background: rgb(19,22,48);
	background: linear-gradient(0deg, rgba(19,22,48,0) 0%, rgba(19,22,48,0.5) 35%, rgba(19,22,48,0.8) 75%, rgba(19,22,48,1) 100%);
	display: flex;
    justify-content: center;
	height:90px;
	width:100vw;
}

.header-container-in{
	width:100vw;
}

.navi-in > ul {
    padding: 0 32px 0 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    text-align: center;
}

#navi .navi-in>ul>li {
    width: auto;
	border-left:1px solid rgba(255, 255, 255, 0.7);
}

/*ヘッダーメニュー*/
.fixed-header{
	box-shadow:none;
}

.navi-in .menu-item a{
	padding: 0 15px !important;
}

.navi{
	background-color: transparent;
}

.navi a{
	font-family: "Zen Old Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color:#fff;
	font-size:14px;
}

.header{
	height:initial;
}

.date-tags {
	margin-bottom:0;
}

.entry-content {
	margin-top:0;
}

/*パンくずリスト*/
.page .breadcrumb {
    margin: 1em 0;
    color: #333;
    font-size: 14px;
    position: absolute;
    top: -40px;
	z-index:10;
}

/*GTranslate*/
.gt_switcher_wrapper{
	z-index:9999 !important;	
}
.gt_selector {
    font-size: initial !important;
    position: absolute;
    top: 65px;
    right: 10px;
    width: 9em;
    padding: 2px 6px;
	border-radius:100px;
}

/**************************************
 **フッター
***************************************/
#footer{
	margin-top:0;
	font-family: "Zen Old Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	width:100vw;
	margin:0 0;
	position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	padding-left: calc(env(safe-area-inset-left) + .2em);
	padding-right: calc(env(safe-area-inset-right) + .2em);
}

/*事務局連絡先*/
.footer-info{
	background-color:#897158;
	background-image: url("../../../wp-content/uploads/2025/03/bg-footer.jpg");
	background-size: cover;
	background-position:center;
	color:#fff;
	padding:80px 14px;
	text-align: center;
	position: relative;
}
.footer-info::before{
	content: "";
	position:absolute;
	background-color: rgba(0, 0, 0, 0.6);
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}

.footer-info p{
	font-family: "Zen Old Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.footer-info .name{
	font-size:32px;
	margin-bottom:24px;
}

.footer-info .tel{
 	font-family: "Urbanist", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	vertical-align: middle;
	color: #fff !important;
}
.footer-info .tel .big{
	font-size:1.7em;
	vertical-align: middle;
}
.footer-info .fax{
 	font-family: "Urbanist", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 14px;
	color: #fff !important;
}
.footer-info .fax .big{
	font-size:1.7em;
	vertical-align: middle;
	color: #fff !important;
}
.footer-info .open{
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-weight: bold;
	margin-top:10px;
}
.footer-info .topic{
	border:2px solid rgba(255, 255, 255, 0.9);
	padding:2px 8px;
	margin-right:10px;
}
.footer-info .open .time{
 	font-family: "Urbanist", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size:1.2em;
}

/*フッターメニュー調整*/
.navi-footer-in li :hover{
	background-color:rgba(255, 255, 255, 0.3);
}

/*Xアイコン*/
a.footer-x-icon{
	display:block;
	width:46px;
	height:46px;
	border-radius:50%;
	background-color:#111;
	position:relative;
	margin:0 auto;
}
a.footer-x-icon:before{
	content:"";
	position:absolute;
	display:block;
	box-sizing: border-box;
	width:22px;
	height:22px;
 	top: 0;
 	right: 0;
  	bottom: 0;
  	left: 0;
  	margin: auto;
	background-image: url("../../../wp-content/uploads/2025/04/logo-X-white.png");
	background-position :center;
	background-size: contain;
	background-repeat: no-repeat;
}
.footer-widgets, .footer-widgets-mobile{
	margin-top:48px !important;
}
.widget-footer-center{
	margin-bottom:0 !important;
}
.widget-footer-mobile{
	margin-bottom: 0!important;
}

/*上へ戻るボタン*/
.go-to-top-button{
	background-color: rgba(107, 83, 58, 0.6);
	color:#333;
	border-radius: 50%;
	font-size: 26px;
}

/*copyright*/
.copyright {
    margin-top: 40px;
	font-size:0.9em;
}


/*準備中ページ*/
.comingsoon-page{
	text-align: center;
	padding: 60px 14px;
}
.comingsoon-page p{
	font-size: 1.4em;
	color: rgb(107, 83, 58);
	margin-bottom: 0 !important;
}
.comingsoon-page img{
	width:50px;
	margin:50px;
}


/**************************************
 **トップページ
*************************************/
/*ローディング画面*/


.loading {
	position: fixed;
  	top: 0;
 	left: 0;
  	width: 100vw;
  	height: 100svh;
	padding-bottom:200px;
  	z-index: 19999;
  	background-color: #131630;
  	display: flex;
  	align-items:center;
  	justify-content: center;
  	animation: fadeOut 1s 2.5s forwards;
	box-sizing: content-box;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.loading__logo {
	opacity: 0;
  	animation: logo_fade 2.3s 0.2s forwards;
  	width: 63px;
}
@media screen and (max-width: 480px){
	.loading__logo {
		width: 51px;
	}
}

@keyframes logo_fade {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  60% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
  }
}


/**/
.home #main{
	width:100%;
	padding-top:0em;
	padding-bottom:0;
	background-color: initial;
}

.home .content {
    margin-top:100vh;
}

/*ロゴ*/
.home .logo-header {
	transition: .3s;
	opacity: 0;
  	visibility: hidden;
}
.logo-active{
	opacity:1 !important;
	visibility: visible !important;
}

/*タイトル非表示*/
.front-top-page #main .entry-title{
  display: none;
}

/*トップ画像関連*/

.top-image{
	width:100vw;
	height:100svh;
	position:absolute;
	top:-100svh;
	left:50%;
	padding:0;
	display:flex;
	align-items:center;
	background-image: url("../../../wp-content/uploads/2025/03/bg-2025top.jpg");
	background-size:cover;
	background-position:center;
	padding-left: calc(env(safe-area-inset-left) + .2em);
}

.top-image .half-item{
	display:flex;
	align-items: center;
	height: 85svh;
	position: relative;
}
.top-image .half-item:first-child{
	display:flex;
	align-items: flex-end;
}
.top-image .inbox{
	position: relative;
}
/*タイトルロゴ*/
.title-logo{
	padding:10px;
	max-height:60svh;
}
/*日程表示*/
.top-day{
	height:15svh;
	width: 100%;
	margin:0 10px;
	color: #fff;
	font-size:min(3.5svh,32px);
	line-height: 1.2em;
	border-left: 3px solid #fff;
	padding: 5px 10px;
	font-family: "Zen Old Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-shadow: 2px  2px 3px rgba(0, 0, 0, 0.9), -2px  2px 3px rgba(0, 0, 0, 0.9), 2px -2px 3px rgba(0, 0, 0, 0.9), -2px -2px 3px rgba(0, 0, 0, 0.9);
}
.top-day p .big{
	font-size: 1.5em;
}

/*トップスクロールアニメーション*/
.arrows {
	width: 60px;
	height: 72px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: 2svh;
}

.arrows path {
	stroke: #fff;
	fill: transparent;
	stroke-width: 1px;  
	animation: arrow 2s infinite;
	-webkit-animation: arrow 2s infinite; 
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.arrows path.a1 {
	animation-delay:-1s;
	-webkit-animation-delay:-1s; 
}

.arrows path.a2 {
	animation-delay:-0.5s;
  	-webkit-animation-delay:-0.5s; 
}

.arrows path.a3 { 
	animation-delay:0s;
	-webkit-animation-delay:0s; 
}




/*注意事項エリア*/
.caution-area{
	text-align:center;
	padding-bottom: 80px;
}

.bg-logo{
	position: relative;
	width:100%;
	height:100%;
	overflow: hidden;
}

.bg-logo::before{
	content:"";
	position: absolute;
    top: -40%;
    left: 0%;
    width: 50%;
    height: 180%;
	background-image: url("../../../wp-content/uploads/2025/03/logo-icon.png");
	background-size: contain;
	background-repeat: no-repeat;
	z-index:-2;
	opacity: 0.3;
}
.bg-logo::after{
    content: "";
    position: absolute;
    bottom: -50px;
    right: 5%;
    width: 30%;
    max-width: 300px;
    height: 100%;
    background-image: url(../../../wp-content/uploads/2025/03/bg-logo.jpg);
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
	z-index:-3;
	
}


/*最新情報エリア*/

.bt-x-link a{
	background-color:rgb(35, 43, 69);
	width:100%;
	color:#fff;
	font-weight:bold;
	font-size:1.3em;
	padding:1.5em;
	text-align:center;
	display:flex;
	align-items:center;
    justify-content: center;
	transition: all 0.2s;
}
.bt-x-link a::before{
	content:"";
	display:inline-block;
	width: 1.5em;
	height: 1.5em;
	margin-right:1em;
    background-image: url('../../../wp-content/uploads/2025/04/logo-X-white.png');
    background-position: center;
    background-size: contain;
	background-repeat: no-repeat;
}

.bt-x-link a:hover{
	background-color:rgba(35, 43, 69, 0.8);
}

.x-area{
	padding-top:16px;
	padding-bottom:16px;
	border-top:4px solid rgb(35, 43, 69);
	border-bottom:4px solid rgb(35, 43, 69);
	background-color:rgba(255, 255, 255, 0);
	text-align: center;
 	display:flex;
  	flex-flow: column;
	justify-content:center;
	width:100%;
}
.x-area p{

	color:rgb(35, 43, 69);
	font-weight: bold;
	font-size:1.2em;
}

/*お知らせ一覧*/
.pickup-wrap{
	border-bottom: 1px solid #aaa;
	padding:10px;
	width:100%;
}
.pickup-wrap .koushin{
	font-size:14px;
	font-weight: bold;
}
.pickup-wrap .title{
	font-size:16px;
	font-weight: bold;
}
.pickup-wrap .naiyou{
	font-size:13px;
	font-weight: normal;
	border-bottom: 1px solid #bbb;
	margin-bottom: 20px;
}

/*スクロール窓*/
.scroll-window{
	height: 420px;
	overflow-y: scroll;
	padding:55px 16px 16px 16px;
	border:1px solid #ccc;
	border-top: 4px solid #897158;
	border-bottom: 4px solid #897158;
	background-color: rgba(255, 255, 255, 0.4);
	position: relative;
}
.scroll-window h3{
	position: absolute;
	margin:0 !important;
	padding: 20px 20px 0px 20px !important;
	font-size:1.3em !important;
	border-width: 0 0 0 8px !important;
	top: 0;
	left: 0;
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

/*コンテンツ紹介*/
.content-box{
	padding-top:80px;
}

.content-box .item{
	display:flex;
	flex-wrap: wrap;
	align-items:stretch;
	flex-flow: column;
	justify-content: space-between;
	width: 48%;
	margin: 24px 0;
	overflow: hidden;
}
.content-box .item p{
	color:#333;
}
.content-box .item .bt02{
	margin-right:0;
}
.content-box .item :where(.aboutfes, .venue, .sponsor, .caution, .program, .ticket, .faq){
	position:relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	align-items: flex-end;
	width:100%;
	aspect-ratio: 2.2/1;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 0 10px 0 10px;
}
.content-box .item :where(.aboutfes, .venue, .sponsor, .caution, .ticket, .program, .faq)::before{
	content:"";
	position:absolute;
	width:100%;
	height: 100%;
	aspect-ratio: 2.2/1;
	background: rgba(19,22,48, 0.1);
	mix-blend-mode: multiply;
	border-radius: 0 10px 0 10px;
}

.content-box .item :where(.aboutfes, .venue, .sponsor, .caution, .ticket, .program, .faq) h3{
	color: #fff;
	z-index: 1;
	font-size:1.5em !important;
	text-shadow: 0 0 4px rgb(48, 39, 29);
	padding: 2px 0 10px 16px;
	margin:0;
	border-width: 2px 0 0 0 !important;
	border-top: 2px solid #fff;
	position: relative;
}
.content-box .item :where(.aboutfes, .venue, .sponsor, .caution, .ticket, .program, .faq) h3::after{
	content:"";
	position: absolute;
	top: -2px;
	left:0;
	width:100%;
	border-top: 2px solid #fff;
	z-index: -1;
}
.content-box .item :where(.aboutfes, .venue, .sponsor, .caution, .ticket, .program, .faq) h3::before{
	content:"";
	position: absolute;
	top: -2px;
	left:0;
	width: 1000px;
	height: calc( 100% + 2px );
	background-color: rgba(48, 39, 29, 0.6);
	mix-blend-mode: overlay;
	border-radius: 0 0 0 10px;
	z-index: -2;
}

.content-box .item .aboutfes{
	background-image: url("../../../wp-content/uploads/2025/03/image-aboutfes.jpg");
}
.content-box .item .venue{
	background-image: url("../../../wp-content/uploads/2025/04/image-venue.jpg");
}
.content-box .item .sponsor{
	background-image: url("../../../wp-content/uploads/2025/03/image-sponsor.jpg");
}
.content-box .item .caution{
	background-image: url("../../../wp-content/uploads/2025/03/image-caution2025.jpg");
}
.content-box .item .ticket{
	background-image: url("../../../wp-content/uploads/2025/03/image-ticket2025.jpg");
}
.content-box .item .program{
	background-image: url("../../../wp-content/uploads/2025/03/image-program.jpg");
}

.content-box .item .faq{
	background-image: url("../../../wp-content/uploads/2025/03/image-faq.jpg");
}



/*協賛紹介*/
h2.sponsor{
}

.bn-big a{
	width:200px;
	height:88px;
	background-color:#ddd;
	margin:0 5px 10px 5px;
	
}
.bn-small{
	margin-top:20px;
}
.bn-small a{
	width:200px;
	height:44px;
	background-color:#ddd;
	margin-bottom:10px;
	margin:0 5px 10px 5px;
}

.bn-big a, .bn-small a{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	box-sizing: content-box;
}
:where(.bn-big, .bn-small) .no-item{
	width: 200px;
	margin:0 5px;
}

/*ふるさと納税*/
.hurusato-area{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-around;
	box-sizing: border-box;
}
.hurusato-area a{
	border: 1px solid #333;
	width: 18%;
	min-width: 170px;
	padding: 10px 3px;
	text-align: center;
	margin:5px 1px;
	background-color: rgb(35, 43, 69);
	color: #fff;
}
.hurusato-area a:hover{
	background-color: rgba(35, 43, 69, 0.8);	
}
.hurusato-area a p.site-name{
	padding: 3px 0;
	font-size:0.9em;
	margin-bottom: 0px !important;
	font-weight: bold;
}
.hurusato-area a p.small{
	font-size:0.7em;
	font-weight:normal;
	margin-bottom: 0px !important;
}


/**************************************
 **江東大会についてページ
***************************************/
/*魅力*/
h2.charm{
color: #4d5b5e;
line-height: 2em;
margin: 50px auto !important;
position: relative;
letter-spacing: 0.2em;
text-align: center;
font-size: 2em !important;
border: 2px solid #4d5b5e;
border-width:2px 0;
}
h3.charm01, h3.charm02, h3.charm03, h3.charm04, h3.charm05, h3.charm06, h3.charm07, h3.charm08{
border:0 !important;
margin-top: 1em !important;
padding:0 5px !important;
color: #4d5b5e;
align-self: flex-start;
font-size:1.8em !important;
background-image: url("../../../wp-content/uploads/2025/03/bg-washi-shiro.jpg");
background-size: 50%;
display:inline;
	position: relative;
}
:is(h3.charm01, h3.charm02, h3.charm03, h3.charm04, h3.charm05, h3.charm06, h3.charm07)::before{
content: "";
display: block;
padding: 3px 0 0 0;
width: 15.5em;
color: #4d5b5e;
/*font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;*/
font-size: 0.7em;
font-weight: bold;
border-bottom:1px solid #4d5b5e;
}
h3.charm01::before{
content: "江東花火大会ならではの特長\00a0①";
}
h3.charm02::before{
content: "江東花火大会ならではの特長\00a0②";
}
h3.charm03::before{
content: "江東花火大会ならではの特長\00a0③";
}
h3.charm04::before{
content: "江東花火大会ならではの特長\00a0④";
}
h3.charm05::before{
content: "江東花火大会ならではの特長\00a0⑤";
}
h3.charm06::before{
content: "江東花火大会ならではの特長\00a0⑥";
}
h3.charm07::before{
content: "江東花火大会ならではの特長\00a0⑦";
}

:is(.bg-charm01, .bg-charm02, .bg-charm03, .bg-charm04, .bg-charm05, .bg-charm06, .bg-charm07, .bg-charm08){
background-size: cover;
position: relative;
z-index:0;
padding: 16px 16px 32px 16px;
border-radius: 12px;
overflow: hidden;
min-height: 40svh;
display:flex;
flex-wrap: wrap;
align-items: flex-end;
margin-top:16px;
}
.bg-charm01{
background-image:url("../../../wp-content/uploads/2025/05/charm01rsbg.jpg");
background-position: 10% 100%;
}
.bg-charm02{
background-image:url("../../../wp-content/uploads/2025/05/charm06rs.jpg");
background-position: bottom;
}
.bg-charm03{
background-image:url("../../../wp-content/uploads/2025/05/charm07rs.jpg");
background-position: 50% 70%;
}
.bg-charm04{
background-image:url("../../../wp-content/uploads/2025/05/charm05rs.jpg");
background-position: center;
}
.bg-charm05{
background-image:url("../../../wp-content/uploads/2025/05/charm04rs.jpg");
background-position: bottom;
}
.bg-charm06{
background-image:url("../../../wp-content/uploads/2025/05/charm09rs.jpg");
background-position: bottom;
width:49.3% !important;
}
.bg-charm07{
background-image:url("../../../wp-content/uploads/2025/05/charm10rs.jpg");
background-position: top;
width:49.3% !important;
}
.bg-charm08{
background-image:url("../../../wp-content/uploads/2025/05/charm11rs.jpg");
background-position: bottom;
}
:is(.bg-charm01, .bg-charm02, .bg-charm03)::before{
content: "";
position: absolute;
inset: 0;
background-color: rgba(15, 42, 59, 0.6);
mix-blend-mode: multiply;
z-index: -1;
}
.bg-charm04::before{
content: "";
position: absolute;
inset: 0;
background-color: rgba(15, 42, 59, 0.1);
mix-blend-mode: multiply;
z-index: -1;
}
:is(.bg-charm05, .bg-charm06, .bg-charm07, .bg-charm08)::before{
content: "";
position: absolute;
inset: 0;
/*background-color: rgba(15, 42, 59, 0.1);*/
background-image: linear-gradient(45deg, rgba(8, 44, 61, 0.3) 30%, rgba(8, 44, 61, 0.05) 50%);
mix-blend-mode: multiply;
z-index: -1;
}

:is(.bg-charm01, .bg-charm02, .bg-charm03, .bg-charm04, .bg-charm05, .bg-charm06, .bg-charm07, .bg-charm08) p{
margin-bottom:0;
color: #fff;
font-size: 1.1em;
letter-spacing: 0.15em;
text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000;
background-color: rgba(0, 0, 0, 0);
display:inline;
/*font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;*/
padding: 2px 0;
}
:is(.bg-charm01, .bg-charm02, .bg-charm03, .bg-charm04, .bg-charm05, .bg-charm06, .bg-charm07, .bg-charm08) .flexbox{
align-items:flex-end;
}


.charm-image{
	border-radius: 0px;
	overflow:hidden;
	border: 1px solid rgba(200, 200, 200, 0.5);
	margin: 2px;
	position: relative;
}

:is(.cau-garden, .cau-bench, .cau-isu)::after{
	content:"";
	position: absolute;
	bottom:2px;
	right:4px;
	font-size: 0.7em;
	background-color: #111;
	color: #fff;
	font-weight: bold;
	padding: 1px 13px;
	border-radius: 500px;
	border: 1px solid rgba(200, 200, 200, 0.5);
}
.cau-garden::after{
	content: "ガーデン席";
}
.cau-bench::after{
	content: "ベンチ席";
}
.cau-isu::after{
	content: "イス席";
}

.ls010{
	letter-spacing: -0.1em;
}
.ls030{
	letter-spacing: -0.3em;
}
.ls050{
	letter-spacing: -0.5em;
}
.ls065{
	letter-spacing: -0.65em;
}
.ls080{
	letter-spacing: -0.8em;
}

/*歴史*/
.dangumi:first-child{
	padding:0 24px 0 0;
	border-right: 1px solid #333;
}
.dangumi:last-child{
	padding:0 0 0 24px;
}

.dangumi img{
	margin-bottom:16px;
}

.dangumi h2{
	margin-top: 10px !important;
}

/**************************************
 **会場案内ページ
***************************************/
.map-area{

}
.map-area .half-item{
	width:46%;
}

.map-area img{
	max-height:550px;
	margin: 0 auto;
	border:1px solid #aaa;
}

.map-area figcaption{
	text-align: center;
}

.bt-pdf a{
	padding:10px 25px;
	max-width: 250px;
	background-color: rgba(19,22,48,1);
	color:#fff;
	margin: 10px auto;
	display: flex;
	align-items:center;
    justify-content: center;
	font-family: "Urbanist", sans-serif;
	font-weight:bold;
	transition: all 0.2s;
}
.bt-pdf a::before{
	content:"";
	display:inline-block;
	width: 1.5em;
	height: 1.5em;
	margin-right:0.6em;
    background-image: url('../../../wp-content/uploads/2025/06/icon-pdf.png');
    background-position: center;
    background-size: contain;
	background-repeat: no-repeat;
}

.bt-pdf a:hover{
	background-color:rgba(35, 43, 69, 0.8);
}



/**************************************
 **開催にあたっての注意事項ページ
*************************************/
.topic-item{
	border-bottom:1px solid #897158;
}

.topic-item h2{
	padding: 0 0 5px 0 !important;
	font-size: 1.3em !important;
	font-weight: bold !important;
	font-family: initial;
	margin-bottom: 0.5em !important;
}

.caution-page h3{
	padding: 0 0 0 24px !important;
	font-size: 1.2em !important;
	font-weight: bold !important;
	font-family: initial;
	margin-bottom: 0.5em !important;	
	letter-spacing:0;
	border:0 !important;
	color:#555;
	position:relative;
}
.caution-page h3:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 22px;
	background-image: url("../../../wp-content/uploads/2025/03/icon-caution-small.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.9;

}

.subway-info, .bus-info{
	width: 49%;
	margin-bottom:12px;
	position:relative;
	overflow: hidden;
	border-radius:10px;
}
.subway-info{
	border:5px solid #3fb0c4;
	background-color: rgba(63, 176, 196, 0.1);
	z-index:1;
}
.bus-info{
	border:5px solid #3ab044;
	background-color: rgba(58, 176, 68, 0.1);
	z-index:1;
}
:where(.subway-info, .bus-info):before{
	content:"";
	position:absolute;
	width:150px;
	max-width:28%;
	height:150px;
	bottom:0;
	right:10px;
	z-index: -1;
	background-size:contain;
	background-repeat: no-repeat;
	background-position:right bottom;
	opacity: 0.7;
}
.subway-info:before{
	background-image:url("../../../wp-content/uploads/2025/03/icon-subway.png");
}
.bus-info:before{
	background-image:url("../../../wp-content/uploads/2025/03/icon-bus.png");
}


:where(.subway-info, .bus-info) h4 {
	padding-top:0px !important;
	font-size:16px !important;
}

.subway-info h4{
	border-bottom:1px solid #3fb0c4 !important;
}
.bus-info h4{
	border-bottom:1px solid #3ab044 !important;
}

:where(.subway-info, .bus-info) p{
	margin-bottom: 0px !important;
	font-size:14px !important;
}



/**************************************
 **協賛ページ
*************************************/

/*h3先着アイコン*/
.fcfs::after{
	content: "先着順";
	font-size: 0.9em;
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	color: #fff;
	margin-left:5px;
	padding:2px 15px;
	border-radius:100px;
	background-color: #897158;
	display: inline-block;
}

.tax{
	font-size:0.8em;
	font-weight: bold;
}

/*キャプション*/
.img-cap {
   top: 0;
   left: 0;
   color: #fff;
   font-weight: bold;
   background-color:#333;
	padding:0 0.5em;
}

/*テーブル*/
table.list01{
	margin: 0 auto;
	width:100%;	
	font-size:16px !important;
}
table.list01 th {
	background: #f5f2eb;
	border: 1px solid #897158;
	color: #333;
	padding: 10px;
	min-width:calc( 5em + 20px );
}
table.list01 td {
	border: 1px solid #897158;
    padding: 10px;
	background-color: #fff;
}

/*特典リスト**/
.tokuten-list{
	background-color:#fff;
}
.tokuten-list th{
	background-color:#edeceb !important;
}

/*提灯画像*/
figure.chouchin{
	max-width:200px;
	margin: 0 auto;
}
/*提灯説明*/
.border-lb-box{
	border: 16px solid #f5f2eb;
	padding:12px;
	margin-bottom: 80px;
}

/*申し込み開始*/
.app-box{
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	padding:0.5em 0;
	background-color:#f5f2eb;
}

.app-box .topic{
	background-color:#c70049;
	color:#fff;
	font-size:0.8em;
	padding:3px 10px;
	margin-right:10px;
	border-radius:5px;
}

.app-box p{
	margin-bottom:0;
}

.app-box .limit{
	font-size:0.8em;
}

/*丸囲み数字リスト*/
ol.circle-number  {
  margin: 0;
  padding: 0
}
ol.circle-number li  {
  list-style: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
/*丸囲み数字リストに合わせた点リスト*/
ul.left0  {
	padding-left: 1.4em;
}
ul.left0 li  {
  list-style-type: disc;
}


/**/
.border-lb-box ul{
	margin-bottom:0;
}


/*協賛フォーム*/

.hanabiform{
	font-size:16px !important;
	padding:40px 80px 0 80px;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0.1em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
}
.hanabiform h2{
	width:100%;
	text-align: center;
}
.hanabiform p{
	margin-bottom:0;
}

.hanabiform .item{
	width:290px;
	height:auto;
	border-bottom:1px solid #aaa;
	padding:8px;
	display: flex;
    align-items: center;
}
.hanabiform .item .hissu{
}
.hanabiform .item .hissu::before{
	content: "必須";
	background-color: #c90000;
	color:#fff;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 4px;
	border-radius: 3px;
	margin-right:3px;
}
.hanabiform .input{
	width:calc( 100% - 290px );
	height:auto;
	border-bottom:1px solid #aaa;
	padding:8px;
}
.hanabiform .chushaku{
	font-size:0.9em;
}

.hanabiform .noborder{
	border-bottom:0 !important;
}
.hanabiform .dotborder{
	border-bottom:1px dotted #aaa;
}

.sponsor-list{
	width:100%;
	display: flex;
	padding:8px;
	margin:3px 2px;
	background-color: rgba(255, 255, 255, 0.6);
	
}
.sponsor-list .sp{
	width: 70%;
	max-width:300px;
	display: flex;
    align-items: center;
}
.sponsor-list .qty{
}
.sponsor-list .short-space{
	width: 80px;
}
/*送信ボタン*/

.submit-area{
	text-align: center;
	margin:0 auto;
	width:100%;
	padding-top:16px;
}
.submit-area p{
	padding:24px 0 0 0;
}
.submit-area a{
	color:#333;
	transition: 0.2s;
}
.submit-area a:hover{
	color:#777;
}

.wpcf7 input[type="submit"] {
	width:100%;
	margin: 20px 0;
	padding:18px;
	border-radius:3000px;
	border: 1px solid #897158;
	background-color: #897158;
	color:#fff;
	font-weight: bold;
	font-size:1.1em;
	transition: 0.2s;
}
.wpcf7 input[type="submit"]:hover {
	border: 1px solid #897158;
	background-color: #d3e2e3;
	color: #897158;
}

span.wpcf7-spinner {
  display: none;
}

.wpcf7 input[type="submit"]:disabled {
	background-color: #ddd;
	color:#999;
	font-weight: normal;
}


/******************************
**チケットについてページ
*******************************/
/*終了のお知らせ*/

.notice-box{
	width: 100%;
	margin: 24px 0;
	padding: 10px 5px;
	border: 4px solid #b02354;
	font-size: 1.4em;
	color: #b02354;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.03em;
	line-height: 1.3em;
}

/*応募はがきサンプル*/
figure.postcard-sample{
	text-align: center;
}
figure.postcard-sample img{
	max-width:600px;
	width:100%;
	padding: 0 16px 32px 16px;
}

/*注釈*/
ul.notes{
	list-style: none;
	padding-left: 1.3em;
	font-size:0.9em;
}
ul.notes li{
}
ul.notes li:before{
	content:"※";
	margin-left: -1.2em;
    margin-right: 0.2em;
}
ul.notes li.red{
	color: #c71212;
}

/*注意事項*/
ul.precaution{
	list-style: none;
	padding-left: 0;
	font-size:0.9em;
}
ul.precaution li{
	font-size:16px;
	font-weight: bold;
	padding: 0.8em 0.2em 0.8em 2em;
	margin: 0 !important;
	color: #333;
}
ul.precaution li:before{
	content:"";
	position: absolute;
	margin-top:4px;
	margin-left: -1.5em;
    margin-right: 0.2em;
	width: 19px;
	height: 20px;
	background-image: url("../../../wp-content/uploads/2025/06/icon-caution-small.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.9;
}
ul.precaution li.red{
	color: #c71212;
}
ul.precaution li:nth-child(2n-1){
	background-color:rgba(125, 171, 245, 0.1);
}

/*送付先*/
.soufusaki{
	border:2px solid #897158;
	padding:1.3em 1em 1em 1em;
	margin-bottom: 5px;
	position:relative;
	border-radius: 8px;
	font-size:15px;
	font-weight: bold;
}
.soufusaki p{
	margin-bottom:0;
}
.soufusaki .title{
	position: absolute;
	background-color: #fff;
	padding: 0 8px;
	top:-0.9em;
	left:0.5em;
	color: #897158;
	font-weight: bold;
}

/* チェックボックスつきリンク */
.linkbt-wrap{
	border: 1px solid #999;
	background-color: rgba(125, 171, 245, 0.1);
	width: 100%;
	max-width: 650px;
	padding:32px 16px;
	text-align: center;
	margin: 0 auto;
}

.check-link-button {
	display: inline-block;
    padding: 10px 20px;
	border: 1px solid #ddd;
    background-color: #ddd;
    color:#999;
	font-size:1.1em;
    text-decoration: none;
	width:100%;
    border-radius: 2000px;
    pointer-events: none; 
    transition: all 0.3s;
}

.check-link-button.active {
	border: 1px solid #897158;
	background-color: #897158;
	color:#fff;
	font-weight: bold;
    pointer-events: auto;
    opacity: 1;
}

.check-link-button.active:hover {
	border: 1px solid #897158;
	background-color: #d3e2e3;
	color: #897158;
}

.about-browser{
	/*background-color: #f5f2eb !important;*/
        /*padding: 12px;*/
        font-weight: bold;
        font-size: 0.9em;
}
.about-browser ul{
        margin-bottom: 0 !important;
}
.about-browser ul.notes li{
        line-height: 1.5em;
margin-bottom: 12px;
}

.browser-notice{
background-color: #b02354;
color: #fff;
font-weight: bold;
font-size: 0.9em;
text-align: center;
padding: 3px;
}
.browser-notice p{
margin: 16px 0 !important;
}
h4.title-reload{
text-align: center;
font-size: 0.8em;
color: #333 !important;
}
h5.title-reload{
text-align: center;
font-size: 1em;
}

.dark-red_bold{
color:#b02354;
font-weight: bold;
}

.reload-type{
margin-bottom:2px !important;
}
.reload-type .toggle-button{
font-weight: bold;
font-size: 0.8em;
padding: 8px 0;
border-width: 1px;
}
.reload-type .toggle-button::before{
color: #111;
}

.reload-type .toggle-content{
border-width:0 !important;
padding: 8px 0 !important;
}
.reload-type th{
font-size: 0.9em;
	border: 1px solid #888 !important;
}
.reload-type td{
background-color: #fff !important;
font-size: 0.9em;
	border: 1px solid #888 !important;
}

.google-threepoint::after{
content:"";
display: inline-block;
background-image: url("../../../wp-content/uploads/2025/06/google-threepoint.png");
width:1em;
height:0.9em;
background-size:contain;
background-repeat: no-repeat;
background-position: center;
}
.edge-threepoint::after{
content:"";
display: inline-block;
background-image: url("../../../wp-content/uploads/2025/06/google-threepoint.png");
width:1em;
height:0.9em;
background-size:contain;
background-repeat: no-repeat;
background-position: center;
transform: rotate(90deg);
}
.browser-threeline::after{
content:"";
display: inline-block;
background-image: url("../../../wp-content/uploads/2025/06/firefox-threeline.png");
width:1em;
height:0.9em;
background-size:contain;
background-repeat: no-repeat;
background-position: center;
}
.safari-reload::before{
content:"";
display: inline-block;
background-image: url("../../../wp-content/uploads/2025/06/safari-reload.png");
width:1em;
height:0.9em;
background-size:contain;
background-repeat: no-repeat;
background-position: center;
}
.safari-rireki::after{
content:"";
display: inline-block;
background-image: url("../../../wp-content/uploads/2025/06/safari_rireki.png");
width:1em;
height:0.9em;
background-size:contain;
background-repeat: no-repeat;
background-position: center;
}
.safari-rireki02::after{
content:"";
display: inline-block;
background-image: url("../../../wp-content/uploads/2025/06/safari-rireki02.png");
width:1em;
height:0.9em;
background-size:contain;
background-repeat: no-repeat;
background-position: center;
}

/******************************
**プログラム
*******************************/
.bg-washi{
	background-image: url("../../../wp-content/uploads/2025/03/bg-washi.jpg");
	background-size:200px;
	position: relative;
	overflow: hidden;
}
.bg-washi:before{
	content:"";
	position:absolute;
	background: rgb(249,226,62);
	background: linear-gradient(148deg, rgba(255, 241, 180, 0.6) 0%, rgba(189, 150, 0, 0.6) 100%);
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-2;
}
.bg-washi:after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	margin:0 auto;
	top:0;
	left:0;
	background-image:url("../../../wp-content/uploads/2025/03/logo-white.png");
	background-size: 300px;
	background-repeat: no-repeat;
	background-position:center;
	opacity:0.15;
	z-index:-1;
}
.bg-washi02{
	background-image: url("../../../wp-content/uploads/2025/03/bg-washi-shiro.jpg");
	background-size:200px;
}

.firework-program{
	margin: 0px auto;
	max-width: 900px;
	height:100%;
	padding:4px;
}
.firework-program .inner{
	width:100%;
	height:100%;
	padding:40px 48px;
	border: 5px double rgba(255,255,255,0.6);
	position:relative;
}


.firework-program p{
	margin-bottom: 0;
	line-height:28px;
	color:#333;
}
.firework-program .time-sche{
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	width:200px;
	text-align: right;
	padding: 16px 24px 20px 0;
	border-right: 1px solid rgba(0,0,0,0.2);
	margin: 0;
	font-size:18px;
}
.firework-program .firework-content{
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	width: calc( 100% - 200px );
	text-align: left;
	padding: 16px 0 20px 24px;
	margin: 0;
	position: relative;
	border-left: 2px solid rgba(255,255,255,0.4);
	font-size:22px;
}
.firework-program .firework-content-sub{
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	width: calc( 100% - 200px );
	text-align: left;
	padding: 0 0 20px 24px;
	margin: 0;
	position: relative;
	border-left: 2px solid rgba(255,255,255,0.4);
	font-size:22px;
}
.firework-program .firework-content-sub .guest{
	background-color:rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	padding:6px 12px;
}
.firework-program .firework-content-sub .guest p{
	font-size:16px !important;
}

.performance01, .performance02, .performance03, .performance04, .performance05 {
	background-image: url("../../../wp-content/uploads/2025/03/bg-washi-shiro.jpg");
	background-size:100px;
	position: relative;
	z-index:-3;
	margin-bottom:50px;
	width:30%;
}
:where(.performance01, .performance02, .performance03, .performance04, .performance05) :before {
	border-bottom:100px solid transparent;
	border-left:100px solid #fff;
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
}
.performance01:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(86, 219, 208, 0.2);
	z-index:-2;
}
.performance02:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(229, 255, 0, 0.4);
	z-index:-2;
}
.performance03:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(255, 0, 140, 0.1);
	z-index:-2;
}
.performance04:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(0, 200, 255, 0.2);
	z-index:-2;
}
.performance05:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(255, 157, 0, 0.2);
	z-index:-2;
}

.sort-num{
	margin:0 !important;
	float: left;
    height: 100px;
    width: 60px;
}
h3.pf-title{
	display: inline-block;
	width:calc( 100% - 60px );
	align-content: center;
	font-size:24px !important;
	letter-spacing:0;
	line-height:1em;
	text-align: right;
	height:100px;
	padding:0 10px 0 0;
	bottom:0;
	margin:0 !important;
	border:0 !important;
}

:where(.performance01, .performance02, .performance03, .performance04, .performance05) .sentence{
	width:100%;
	padding:14px 8px 14px 40px;
	font-weight:bold;
	color:rgba(0, 0, 0, 0.65);
}

:where(.performance01, .performance02, .performance03, .performance04, .performance05) .theme{
	font-size:16px;
	line-height:1em;
}
:where(.performance01, .performance02, .performance03, .performance04, .performance05) .number{
	font-size:66px;
	line-height:0.8em;
}


/******************************
**よくある質問ページ
*******************************/

/*FAQスタイル*/
dl.faq{
	border-bottom:1px solid #333;
}
.faq-question{
	background-color:initial !important;
}
.faq-item-label {
	font-family: "Urbanist", sans-serif;
}
.faq-item{
	padding: 0 !important;
}
.faq-question-content {
    margin-right: 15px;
}
.faq-answer-content{
	margin-bottom: 1em !important;
}
.faq-answer p{
	font-size:14px;
	font-weight:bold;
}

/*FAQ 開閉ボタン*/
.is-style-accordion > .faq > .faq-question::before {
    content: "";
	background-image: url("../../../wp-content/uploads/2025/03/faq-p.png");
	background-size: contain;
	background-repeat: no-repeat;
	width:0.5em;
	height:0.5em;
    position: absolute;
    right: 0.1em;
    font-size: 2em;
    opacity: 0.5;
}

.is-style-accordion > .faq > .faq-question.active::before {
    content: "";
	background-image: url("../../../wp-content/uploads/2025/03/faq-m.png");
	background-size: contain;
	background-repeat: no-repeat;
	width:0.5em;
	height:0.5em;
}

/******************************
**404ページ
******************************/

img.not-found{
	display:block;
	margin: 0 auto;
}
.page404{
	text-align:center;
}

/******************************
**フェードイン
******************************/

.fadein {
    opacity: 0.1;
    transform: translate(0,0);
    transition: all 1s;
  &.fadein-left{
      transform: translate(-30px,0);
  }
  &.fadein-right{
      transform: translate(30px,0);
  }
  &.fadein-up{
      transform: translate(0,-30px);
  }
  &.fadein-bottom{
      transform: translate(0,30px);
  }
  &.scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
  }
}

.fadein2 {
    opacity: 0.1;
    transform: translate(0,0);
    transition: all 1s;
  &.fadein-left{
      transform: translate(-30px,0);
  }
  &.fadein-right{
      transform: translate(30px,0);
  }
  &.fadein-up{
      transform: translate(0,-30px);
  }
  &.fadein-bottom{
      transform: translate(0,50px);
  }
  &.scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
  }
}

.fadein3 {
    opacity: 0.1;
    transform: translate(0,0);
    transition: all 2.1s;
  &.fadein-left{
      transform: translate(-30px,0);
  }
  &.fadein-right{
      transform: translate(30px,0);
  }
  &.fadein-up{
      transform: translate(0,-90px);
  }
  &.fadein-bottom{
      transform: translate(0,30px);
  }
  &.scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
  }
}

.fadein4 {
    opacity: 0.1;
    transform: translate(0,0);
    transition: all 2.4s;
  &.fadein-left{
      transform: translate(-30px,0);
  }
  &.fadein-right{
      transform: translate(30px,0);
  }
  &.fadein-up{
      transform: translate(0,-120px);
  }
  &.fadein-bottom{
      transform: translate(0,30px);
  }
  &.scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
  }
}




/************************************
 ***********************************
** レスポンシブデザイン用のメディアクエリ
 ***********************************
************************************/


/*************************************
 * 1023px以下*
***************************************/
@media screen and (max-width: 1023px){



	/**************************************
	 **全体
	***************************************/

	.mb-w100{
		width:100%;
		display: block;
	}

	.page .content {
		margin:350px 0 0 0;
		padding:0 !important;
	}
	/*ボックス*/
	.one-third-item{
		width:48% !important;
	}	
	


	/* h1設定（トップページ以外）*/
	.page article h1{
		height:350px;
		top:-350px;
	}
	.page article h1::before{
		height:350px;
	}
	.page article h1::after{
		height:350px;
	}
	
	
	/*パンくずリスト*/
	.page .breadcrumb {
    	top: -40px;
	}
	
	/*ヘッダーメニュー*/
	.header-container{
		display:none;
	}
	
    .mobile-header-menu-buttons {
        top: 0;
        bottom: auto;
        justify-content: space-between;
        min-width: 46px;
        box-shadow: none;
		background: rgb(19,22,48);
		background: linear-gradient(0deg, rgba(19,22,48, 0), rgba(19,22,48, 0.05)8%, rgba(19,22,48, 0.2) 17.55%, rgba(19,22,48, 0.7) 44.5%, rgba(19,22,48, 0.98) 68%, rgba(19,22,48, 1) 80%);
		color:#fff;
		padding:6px;
    }
	
	.logo-menu-button {
        flex-grow: initial;
    }

	/*GTranslate*/
	.gt_selector {
    	top: 0px;
    	right: 4em;
    	width: 8em;
    	padding: 6px;
		color: #fff;
		border: 1px solid #fff;
		background-color: rgba(0,0,0,0.5);
	}
	
	
	
	/**************************************
	 **スライドインメニュー
	***************************************/	
	.navi-menu-content{
		left: auto;
		right: 0;
		background-color: rgba(0, 11, 28, 0.7);
		backdrop-filter: blur(7px);
		border-left:0px solid #fff;
		font-family: "Zen Old Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:16px;
		transform: translateX(101%);
		padding-top: 5px;
	}
	.navi-menu-content a {
		color: #fff;
		font-size:18px;
	}
	.navi-menu-content li{
		text-align: center;
		margin:4px 0;
		padding: 1px 0 6px 0;
		border-bottom: 0.5px solid #897158;
	}
	.navi-menu-content li:first-child{
		padding-top:4px;
		border-top: 0.5px solid #897158;
	}	
	
	.mobile-menu-buttons .menu-caption{
		 display: none;
  	}

	.menu-content .menu-drawer {
		 padding: 5em 0 0 2.5em;
	}
	
	/*ハンバーガーメニュー*/
	
	#navi-menu-open{
		z-index: 99999;
	}

	#navi-menu-open .navi-menu-icon{
		width: 46px;
		height: 46px;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: relative;
	}

	#navi-menu-input + #navi-menu-open .navi-menu-icon .fa-bars,
	#navi-menu-input + #navi-menu-open .navi-menu-icon .fa-bars::before,
	#navi-menu-input + #navi-menu-open .navi-menu-icon .fa-bars::after {
		content: "";
		display: block;
		width: 40px;
		height: 2px;
		background-color: #FFFFFF;
		position: absolute;
		margin: 0 auto;
		right: 0;
		left: 0;
		transition:0.2s;
	}
	#navi-menu-input + #navi-menu-open .navi-menu-icon .fa-bars::before {
		bottom: 12px;
	}
	#navi-menu-input + #navi-menu-open .navi-menu-icon .fa-bars::after {
		top: 12px;
	}

	#navi-menu-input:checked + #navi-menu-open .navi-menu-icon .fa-bars {
		background-color: transparent;
	}
	#navi-menu-input:checked + #navi-menu-open .navi-menu-icon .fa-bars::before{
		bottom: 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#navi-menu-input:checked + #navi-menu-open .navi-menu-icon .fa-bars::after{
		top: 0;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.fa.fa-close{
		display: none;
	}
	
	/**************************************
 	**トップページ
	*************************************/
	/*ロゴ*/
	.home .logo-menu-button {
		transition: .3s;
		opacity: 0;
	  	visibility: hidden;
	}
	.logo-active{
		opacity:1 !important;
		visibility: visible !important;
	}
	
	/*トップ画像*/
	.top-image{
		width:100vw;
		height:100svh;
		position:absolute;
		top:-100svh;
		left:50%;
		display:flex;
		align-items:center;
		background-image: url("../../../wp-content/uploads/2025/03/bg-2025top_sq.jpg");
		background-size:cover;
		background-position:center;
	}
	.top-image::before{
		content:"";
		width:100vw;
		height:100svh;
		position:absolute;
		top:0;
		left:0;
		background: rgb(19,22,48);
		background: linear-gradient(90deg, rgba(19,22,48,1) 0%, rgba(15,17,40,0) 46%);
	}
	
	.home .content {
    margin-top:100svh;
	}
	/**********************
	 * 江東花火大会について
	 **********************/
	h3.charm01, h3.charm02, h3.charm03, h3.charm04, h3.charm05, h3.charm06, h3.charm07, h3.charm08{
		font-size:1.4em !important;
		letter-spacing: -0.1em;
	}
	:is(h3.charm01, h3.charm02, h3.charm03, h3.charm04, h3.charm05, h3.charm06, h3.charm07)::before{
		width: 13.3em;
	}
	.bg-charm06, .bg-charm07{
		width:100% !important;
	}
	:is(.bg-charm01, .bg-charm02, .bg-charm03, .bg-charm04, .bg-charm05, .bg-charm06, .bg-charm07, .bg-charm08){
		min-height: 50svh;
	}
	:is(.bg-charm01, .bg-charm02, .bg-charm03, .bg-charm04, .bg-charm05, .bg-charm06, .bg-charm07, .bg-charm08) p{
		font-size: 0.9em;
		letter-spacing: 0em;
	}
	
	
	/**********************
	 * プログラム
	 **********************/
	
	.performance01, .performance02, .performance03, .performance04, .performance05 {
		width:47%;
	}
	
	
	/**********************
   * 協賛ページ
   * **********************/	
	
	/*画像*/
	img.sponsor{
		margin-top:10px;
	}

	
	
}/*1023px以下終了*/

	
	
	
	
	
/*834px以下*/
@media screen and (max-width: 834px){

	/*order*/
	.m-order01{
		order:1;
	}
	.m-order02{
		order:2;
	}
	
	/*ボックス*/
	.half-item, .ratio6-item, .ratio4-item, .ratio7-item, .ratio3-item, .ratio8-item, .ratio2-item, .one-third-item, .ratio25-item{
		width:100% !important;
	}
	.pad-l24 {
		padding-left:0 !important;
	}
	.pad-r24 {
		padding-right:0 !important;
	}

/********************************
 * フッター
 *******************************/
	.navi-footer-in > .menu-footer li.menu-item {
        width: 46%;
    }
/********************************
 * トップページ*
 *******************************/
	/*トップ画像*/
	.top-image .half-item:nth-child(2){
		display: none;
	}
	/*トップスクロールアニメーション*/
	.arrows {
		width: 60px;
		height: 72px;
		position: absolute;
		left: 90%;
		margin-left: -30px;
	}
	
	/*コンテンツ紹介*/
	.content-box{
		padding-top:80px;
	}

	.content-box .item{
		display:flex;
		flex-wrap: wrap;
		align-items:stretch;
		flex-flow: column;
		justify-content: center;
		width: 100%;
		margin: 24px 0;
	}
	/*最新情報*/
	.oshirase{
		margin-bottom:16px;
	}
	
	.x-area{
		padding-top:16px;
		padding-bottom:16px;
		border-top-width: 0;
		border-bottom-width: 0;
		background-color:rgba(255, 255, 255, 1);
		border-radius:10px;
		padding:16px;
		text-align: center;
 		display:flex;
  		flex-flow: column;
		justify-content:center;
		width:100%;
	}
	
	/*協賛紹介*/
	.bn-big.flexbox{
		justify-content:space-around;
	}
	.bn-small.flexbox{
		justify-content:space-around;
	}
	
	/**************************************
	 **江東大会についてページ
	***************************************/
	.overview .title{
		border-bottom-width: 1px;
		padding-bottom: 2px;
		margin-top: 16px;
	}
	.overview h3{
		margin:8px 0 2px 0 !important;
	}

	.overview .detail{
		border-bottom: 0px solid #999;
	}
	.overview .big{
		margin:8px 0 2px 0 !important;;
		padding:0 !important;
	}
	/*歴史*/
	.dangumi:first-child{
		padding:24px;
		border-right: 0px solid #333;
	}
	.dangumi:last-child{
		padding:12px 24px 24px 24px;
	}
	.dangumi:first-child img{
		width:100%;
		margin-bottom:0px;
	}	

	
	
  /**********************
   * 協賛ページ
   * ******************/
	/*テーブル*/
	table.list01 .last td:last-child {
		border-bottom: solid 0px #ccc;
    	width: 100%;
  	}
  	table.list01 {
    	width: 100%;
		margin-bottom: 20px;
  	}
  	table.list01 th,
  	table.list01 td {
		border-bottom: 1px solid #897158;
		display: block;
    	width: 100%;
		font-size:16px !important;
	}
	table.list01 th{
		border-bottom: 0px solid #333;
	}
	table.list01 td{
		border-top: 0px solid #333;
	}
	table.list01 tr:first-child{
		border-top: 1.5px solid #897158;
	}
	table.list01 tr:last-child{
		border-bottom: 1.5px solid #897158;
	}
	
	/*協賛フォーム*/
	.hanabiform{
		padding:40px 14px 0 14px;
	}
	.hanabiform .item{
		width:100%;
		font-weight: bold;
		border-bottom-width:0px;
	}
	.hanabiform .input{
		width:100%;
	}

	
	/***********************
	 * プログラム
	 ***********************/
	.firework-program .inner{
		padding:40px 16px;
	}
	.firework-program p{
		margin-bottom: 0;
		font-size:22px;
		font-weight: 500;
		line-height:28px;
		color:#333;
	}
	.firework-program .time-sche{
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		width:50%;
		padding: 14x 12px 14px 0;
	}
	.firework-program .time-sche p{
		font-size:16px !important;
	}
	.firework-program .firework-content{
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		width: 50%;
		position: relative;
		padding: 14px 0 14px 6px;
	}
	.firework-program .firework-content p{
		font-size:18px !important;
	}
	.firework-program .disp-none{
		display: none;
	}
	.firework-program .firework-content-sub{
		flex-wrap: wrap;
		align-content: center;
		right:0;
		width: 100%;
		max-width:400px;
		text-align: right;
		padding: 0;
		margin: 0 0 0 auto;
		position: relative;
		border-left: initial;
	}
	.firework-program .firework-content-sub .guest{
		background-color:rgba(255, 255, 255, 0.4);
		border-radius: 6px;
		padding:6px 12px;
	}
	.firework-program .firework-content-sub .guest p{
		font-size:13px !important;
		margin:8px 0;
		line-height:1.4em;
		letter-spacing: 0;
	}
	
	.performance01, .performance02, .performance03, .performance04, .performance05 {
		width:100%;
	}
	
	
	
	
	/******************************
**フェードイン
******************************/

.fadein {
  &.fadein-left{
      transform: translate(-30px,0);
  }
  &.fadein-right{
      transform: translate(30px,0);
  }
  &.fadein-up{
      transform: translate(0,-30px);
  }
  &.fadein-bottom{
      transform: translate(0,30px);
  }
  &.scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
  }
}

.fadein2 {
    transform: translate(0,0);
    transition: all 1.8s;
  &.fadein-left{
      transform: translate(-30px,0);
  }
  &.fadein-right{
      transform: translate(30px,0);
  }
  &.fadein-up{
      transform: translate(0,-30px);
  }
  &.fadein-bottom{
      transform: translate(0,30px);
  }
  &.scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
  }
}

.fadein3 {
    transform: translate(0,0);
    transition: all 2.1s;
  &.fadein-left{
      transform: translate(-30px,0);
  }
  &.fadein-right{
      transform: translate(30px,0);
  }
  &.fadein-up{
      transform: translate(0,-30px);
  }
  &.fadein-bottom{
      transform: translate(0,30px);
  }
  &.scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
  }
}

.fadein4 {
    transform: translate(0,0);
    transition: all 2.4s;
  &.fadein-left{
      transform: translate(-30px,0);
  }
  &.fadein-right{
      transform: translate(30px,0);
  }
  &.fadein-up{
      transform: translate(0,-30px);
  }
  &.fadein-bottom{
      transform: translate(0,30px);
  }
  &.scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
  }
}

	
	
	
	
	
}

/*480px以下*/
@media screen and (max-width: 480px){

	/*改行設定*/
	.rbr-w480{
		display: inline-block;
  		width:100%;
		margin-top:4px;
	}
/********************************
 * フッター*
 *******************************/
	.footer-info .name{
		font-size:20px;
	}
	.rbrb{
	  display: block;
	}

/********************************
 * トップページ*
 *******************************/
	
	/*最新情報エリア*/
	.bt-x-link a{
		background-color:rgba(35, 43, 69, 1);
		width:100%;
		color:#fff;
		font-weight:bold;
		font-size:1.3em;
		padding:0.7em;
		text-align:center;
		display:flex;
		align-items:center;
		justify-content: center;
		transition: all 0.2s;
	}
	
	/*協賛紹介*/
	.bn-big, .bn-small{
		justify-content:center;
	}

}