td.td-center{ text-align:center  !important;
}

/* スマホ用 ハンバーガーメニュー開始 *****************************************************/
@media (max-width:1200px){

/*　1.トップページ　アイキャッチ背景　開始　*/
.top-head{
	width: 100%;
	background-image: url(https://respo-omori.club/wp-content/uploads/2023/10/bk-1200.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
 	background-size: cover;
	background-color: #c9e5f4;
	height: 300px;
}
/*　1.トップページ　アイキャッチ背景　終了　*/

/*　1.トップページ　キャッチコピーテキスト　開始　*/
.top-copy-box{
	/*margin-top:60px;*/
	width: 100%;
	padding-top: 50px;
	padding-bottom: 10px;
}

.top-copy-bk{
	/*background-color:rgb(255, 255, 0,0.6) ;*/
	/*background-color: #fff;*/
	margin:0px 20px 20px 20px;
	padding:20px 10px;
	/*box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);*/
	/*width:400px;*/
	text-align:center;
	/*border-radius:20px;*/
	border:solid 5px #fff;
}
.top-copy1{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.top-copy2{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-top:10px;
}
.top-copy3{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	/*transform:rotate(10deg); */
	/*z-index: 110;*/
	margin-top:10px;
}


.head-t table,.head-t tr,.head-t td{
	border: 0px none;
}
.table-head{display:table; width:100%; }
.table-head > .table-cell{display:table-cell; width:80%;}
.table-head > .table-cell2{display:table-cell; width:20%;}

.head-logo2 img{width: 200px;}


/* ハンバーガーボタンのデザイン */
.drawer__button {
	/*position: relative;*/
	position: absolute;
	width: 15px;
 	height: 15px;
 	top:40px;
 	right:20px;
 	background-color: transparent;
 	border: none;
 	cursor: pointer;
 	z-index: 999; 
	text-align: right;
}
/* ハンバーガーボタン内の線 */
.drawer__button > span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 2px;
	background-color: black;
	transform: translateX(-50%);
	text-align: right;
}
.drawer__button > span:first-child {
	transform: translate(-50%, calc(-50% - 0.5rem));
	transition: transform 0.3s ease;
}
.drawer__button > span:nth-child(2) {
	transform: translate(-50%, -50%);
	transition: opacity 0.3s ease;
}
.drawer__button > span:last-child {
	transform: translate(-50%, calc(-50% + 0.5rem));
	transition: transform 0.3s ease;
}
/* 展開時のデザイン */
.drawer__button.active > span:first-child {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.drawer__button.active > span:nth-child(2) {
	opacity: 0;
}
.drawer__button.active > span:last-child {
	transform: translate(-50%, -50%) rotate(45deg);
}
/* メニューのデザイン */
.drawer__nav {
	position: fixed; /*追従ヘッダーなどでも表示できるよう設定しておく */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	transition: opacity 0.3s ease;
	opacity: 0;
	visibility: hidden;
	z-index: 900; 
}
.drawer__nav.active {
	opacity: 1;
	visibility: visible;
}
.drawer__nav__inner {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: white;
	padding: 4rem 1.5rem 1rem;
	margin: 0 0 0 auto;
	overflow: scroll;
	transform: translateX(100%);
	transition: transform 0.3s ease;
}
.drawer__nav.active .drawer__nav__inner {
	transform: translateX(0);
}
.drawer__nav__menu {
	 list-style: none;
	padding-left: 0;
}
.drawer__nav__link {
	display: block;
	color: black;
	text-decoration: none;
	padding: 1rem 1rem;
	border-bottom: solid 1px lightgray;
}

/* ハンバーガーメニュー展開時、背景を固定 */
body.active {
	height: 100%;
	overflow: hidden;
}

/* 見た目の調整 */
section {
	width: 100%;
	height: 30vh;
}
section:nth-child(even) {
	background-color: skyblue;
}	

}
/* スマホ用 ハンバーガーメニュー終了 *****************************************************/


/* スマホ用 開始 *****************************************************/
@media (max-width:1200px){
.pc-box{
	display: none;
}
body{
	width: 100% !important;
	margin:0px !important;
	padding:0px !important;
}

.top-copy-img{ margin-bottom:20px;}
.top-copy-img img{ width: 200px;}
.fotter-copy-img{ margin-top:40px; margin-bottom:0px;}
.fotter-copy-img img{ width: 250px;}

#main-wrap{
	width: 100% !important;
	margin:0px !important;
	padding:0px !important;
}
.head-box{
	background-color:#fff;
	padding:10px;
	margin:0 auto;
	/*.position: fixed;*/
	width: 100%;
	top: 0;
}
.head-1200{
	margin:0 auto;
	width:100%;
}
.head-logo img{width:220px;}
.head-logo{
	display: inline-block;
	vertical-align: middle;
	width: 80%;
	text-align: left;
}
.head-menu{
	display: inline-block;
	vertical-align: middle;
	width: 18%;
	text-align: right;
	font-size:18px;
	font-weight:bold;
}

.hentry .post-meta{
	padding-top: 50px !important;
	padding-bottom:30px !important;
}


.single-post-main .content{
	padding:10px 10px 100px 10px !important;
}

.info-box{
	margin:0 auto;
	margin-bottom:30px;
	border:solid 2px #ee7785;
	padding:10px 30px;
	/*box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .3);*/
}
.info-box ul{
	padding:10px;
}
.info-box li{
	padding:5px 0px;
}
.info-time{
	color:#ee7785;
	padding-right:10px;
}

.content-info,.content-main,.l-main-container{
	/*max-width: 969px !important;*/
	margin: 0 auto;
}
table.plan{margin-top:50px;}
table.plan th{text-align:center;}
table.plan td{text-align:center;}

#main-wrap,.single-post-main{
	margin-top:0px !important;	
	margin-bottom:0px !important;
}
.single-post-main{
	padding:0px !important;
}
.contents-white2,.contents-gray2{
	margin:0 auto;
	padding:20px 20px;
	text-align:center;
}
.contents-white,.contents-gray{
	margin:0 auto;
	padding:20px 20px;
	text-align:center;
}
.contents-white{ background-color:#fff; padding-bottom:40px; }
.contents-gray{ background-color:#f2f2f2;  padding-bottom:40px;}
.contents-white2{ background-color:#fff; padding-bottom:40px; }
.contents-gray2{ background-color:#f2f2f2;  padding-bottom:40px;}

.contents-white h3,
.contents-gray h3{
	color: #333 !important;
	font-size: 22px !important;
	font-weight: bold !important;
	border-bottom: 0px solid #fff !important;
	text-align:center !important;
	margin-bottom:60px !important;
}
.contents-white2 h3,
.contents-gray2 h3{
	color: #333 !important;
	font-size: 22px !important;
	font-weight: bold !important;
	border-bottom: 0px solid #fff !important;
	text-align:center !important;
	margin-bottom:0px !important;
}
.contents-white img,
.contents-gray img{
	margin-top:50px !important;
	margin-bottom:50px !important;
}

.contents-white td,.contents-gray th{}
.contents-white td,.contents-gray td{text-align:left;}
.contents-white i,.contents-gray i{color:#ff0000; font-size:14px;}

.contents-white p,.contents-gray p,
.contents-white ul,.contents-gray ul{
	text-align:left !important;
}

.contents-white ul,.contents-gray ul{
	text-align:left;
	list-style-type: disc;
	margin-top:20px;
	margin-left:30px;
}


.map-box{
	margin:0 auto;
	padding-top:20px;	
	padding-bottom:40px;
}
.map-box iframe{
	width:90%;
	height:250px;
}
.fotter-box h3{
	padding-bottom:30px;
}

.fotter-text-box{
	font-weight: bold;
}
.fotter-box{
	background-color:#b3b3b3;
	color:#fff;
	margin:0 auto;
	width:100%;
	text-align:center;
	padding-top:20px;
	clear:both;
}
.fotter-box2{
	background-color:#666;
	color:#fff;
	margin:0 auto;
	width:100%;
	text-align:center;
	padding-top:20px;
}
.fotter-box1200{
	margin:0 auto;
	text-align:center;
	width:100%px;
}
.fotter-box2l{
	width:100%;
	padding:20px;
}
.fotter-box2c{
	width:100%;
	padding:20px;
}
.fotter-box2r{
	width:100%;
	padding:20px;
}
.fotter-copy{
	margin:0 auto;
	padding-top:40px;
	padding-bottom:20px;
}
.fotter-box2 ul{
	text-align:left;
	list-style-type: disc;
	margin-top:20px;
	margin-left:30px;
}
.fotter-box2 ul a{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height:1.7;
}
.fotter-title{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height:1.7;
	padding:5px 0px;
}
.fotter-logo{
	font-size:33px;
	font-weight:bold;
}
.fotter-cp{
	font-weight:bold;
}
.fotter-mail{
	margin-bottom:40px;
}
.fotter-twiter{
	margin:0 auto;
	text-align:center;
	padding:10px 10px;
	width:250px;
	border:#fff 2px solid;
}

.fotter-box2l a{ color:#fff; }
.fotter-box2l a:hover .fotter-twiter{ color:#ffff00; border:#ffff00 2px solid; }
	
}
/* スマホ用 終了 *****************************************************/



/* パソコン用 開始 *****************************************************/
@media (min-width: 1200px){
.sp-box{
 display: none;
}

.top-copy-img{ margin-bottom:20px;}
.top-copy-img img{ width: 400px;}
.fotter-copy-img{ margin-top:40px; margin-bottom:0px;}
.fotter-copy-img img{ width: 250px;}

#main-wrap{
	width: 100% !important;
	margin:0px !important;
	padding:0px !important;
	max-width: 2000px !important;
}

/*　1.トップページ　アイキャッチ背景　開始　*/
.top-head{
	width: 100%;
	background-image: url(https://respo-omori.club/wp-content/uploads/2023/10/bk-1200.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
 	background-size: cover;
	background-color: #c9e5f4;
	height: 600px;
}
/*　1.トップページ　アイキャッチ背景　終了　*/

/*　1.トップページ　キャッチコピーテキスト　開始　*/
.top-copy-box{
	margin:0 auto;
	width: 1200px;
	padding-top: 100px;
	padding-bottom: 100px;
}

.top-copy-bk{
	/*background-color:rgb(255, 255, 0,0.6) ;*/
	/*background-color: #fff;*/
	margin:0px 100px 20px 100px;
	padding:40px 20px 20px 20px;
	/*box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);*/
	/*width:400px;*/
	text-align:center;
	/*border-radius:200px;*/
	border:solid 8px #fff;
}
.top-copy1{
	color: #fff;
	font-size: 28px;
	font-weight: bold;
}
.top-copy2{
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	margin-top:20px;
}
.top-copy3{
	color: #fff;
	font-size: 50px;
	font-weight: bold;
	/*transform:rotate(10deg); */
	/*z-index: 110;*/
	margin-top:20px;
}

.hentry .post-meta{
	padding-top: 50px !important;
	padding-bottom:30px !important;
	padding-left:40px !important;
	padding-right:40px !important;
}


.single-post-main .content{
	padding:10px 40px 100px 40px !important;
}

.info-box{
	margin:0 auto;
	margin-bottom:30px;
	border:solid 2px #ee7785;
	padding:10px 30px;
	/*box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .3);*/
}
.info-box ul{
	padding:10px;
}
.info-box li{
	padding:5px 0px;
}
.info-time{
	color:#ee7785;
	padding-right:10px;
}

.content-info,.content-main,.l-main-container{
	max-width: 969px !important;	
	margin: 0 auto;
}
table.plan{margin-top:50px;}
table.plan th{text-align:center;}
table.plan td{text-align:center;}

#main-wrap,.single-post-main{
	margin-top:0px !important;	
	margin-bottom:0px !important;
}
.single-post-main{
	padding:0px !important;
}

.contents-white2,.contents-gray2{
	margin:0 auto;
	padding:20px 80px 10px 80px;;
	text-align:center;
}
.contents-white,.contents-gray{
	margin:0 auto;
	padding:20px 80px 60px 80px;;
	text-align:center;
}
.contents-white2{ background-color:#fff; }
.contents-gray2{ background-color:#f2f2f2; }
.contents-white{ background-color:#fff; }
.contents-gray{ background-color:#f2f2f2; }

.contents-white h3,
.contents-gray h3{
	color: #333 !important;
	font-size: 22px !important;
	font-weight: bold !important;
	border-bottom: 0px solid #fff !important;
	text-align:center !important;
	margin-bottom:60px !important;
}
.contents-white2 h3,
.contents-gray2 h3{
	color: #333 !important;
	font-size: 22px !important;
	font-weight: bold !important;
	border-bottom: 0px solid #fff !important;
	text-align:center !important;
	margin-bottom:20px !important;
}
.contents-white img,
.contents-gray img{
	margin-top:50px !important;
	margin-bottom:50px !important;
}

.contents-white td,.contents-gray th{}
.contents-white td,.contents-gray td{text-align:left;}
.contents-white i,.contents-gray i{color:#ff0000; font-size:14px;}

.contents-white p,.contents-gray p,
.contents-white ul,.contents-gray ul{
	text-align:left !important;
}
.contents-white ul,.contents-gray ul{
	text-align:left;
	list-style-type: disc;
	margin-top:20px;
	margin-left:30px;
}

.fotter-box h3{
	padding-bottom:30px;
}

.fotter-text-box{
	font-weight: bold;
}
.map-box{
	margin:0 auto;
	padding-top:20px;	
	padding-bottom:40px;
}
.map-box iframe{
	width:900px;
	height:500px;
}
.fotter-box{
	background-color:#b3b3b3;
	color:#fff;
	margin:0 auto;
	width:100%;
	text-align:center;
	padding-top:20px;
	clear:both;
}
.fotter-box2{
	background-color:#666;
	color:#fff;
	margin:0 auto;
	width:100%;
	text-align:center;
	padding-top:20px;
}
.fotter-box1200{
	margin:0 auto;
	text-align:center;
	width:1200px;
}

.fotter-box2l{
	display: inline-block;
	vertical-align: top;
	width:400px;
	padding:20px;
}
.fotter-box2c{
	display: inline-block;
	vertical-align: top;
	width:380px;
	padding:20px;
}
.fotter-box2r{
	display: inline-block;
	vertical-align: top;
	width:400px;
	padding:20px;
}
.fotter-copy{
	margin:0 auto;
	padding-top:40px;
	padding-bottom:20px;
}
.fotter-box2 ul{
	text-align:left;
	list-style-type: disc;
	margin-top:20px;
	margin-left:30px;
}
.fotter-box2 ul a{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height:1.7;
}
.fotter-title{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height:1.7;
	padding:5px 0px;
}
.fotter-logo{
	font-size:33px;
	font-weight:bold;
}
.fotter-cp{
	font-weight:bold;
}
.fotter-mail{
	margin-bottom:40px;
}
.fotter-twiter{
	margin:0 auto;
	text-align:center;
	padding:10px 10px;
	width:250px;
	border:#fff 2px solid;
}

.fotter-box2l a{ color:#fff; }
.fotter-box2l a:hover .fotter-twiter{ color:#ffff00; border:#ffff00 2px solid; }
	

.head-box{
	background-color:#fff;
	padding:10px;
	margin:0 auto;
	width: 100%;
	top: 0;
}
.head-1200{
	margin:0 auto;
	width:1200px;
}
.head-logo img{width:220px;}
.head-logo{
	display: inline-block;
	vertical-align: middle;
	width: 250px;
	text-align: left;
}
.head-menu{
	display: inline-block;
	vertical-align: bottom;
	padding-bottom:5px;
	width: 850px;
	text-align: center;
	font-size:16px;
	font-weight:bold;
}

}
/* パソコン用 終了 *****************************************************/





body{
	font-family: "ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
	letter-spacing: 0.1em;
}

.under-y{
	border-bottom:#ffff00 5px solid;
	padding-bottom:10px;
}
.under-r{
	border-bottom:#f09aa5 5px solid;
	padding-bottom:10px;
}

.all-main{
 margin:0;
 padding:0;
}
.sp-table{
    overflow: auto;
    white-space: nowrap;
}

/* 非表示対応 */
#breadcrumb, .catpage_content_wrap .innner,
.hentry .single-post-category{
 display: none;
}

/* スクロールCSS */
.fade-in {
	opacity: 0;
	transition-duration: 800ms;
	transition-property: opacity, transform;
}
.fade-in-up { transform: translate(0, 50px);}
.fade-in-down { transform: translate(0, -50px);}
.fade-in-left { transform: translate(-50px, 0);}
.fade-in-right { transform: translate(50px, 0);}
.scroll-in { opacity: 1; transform: translate(0, 0);}