@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPMincho&display=swap');


/*
Theme Name:mrp04-child
Template:mrp04
Version: 0.01
*/

/*------------------------
メイン画像の切り替え
------------------------*/
/*@media screen and (min-width: 769px){	
#mainImg { display:block; }
  .mainimg-sp { display:none; }
}
@media screen and (max-width: 768px){	
#mainImg { display:none; }
  .mainimg-sp { display:block; }
}
@media screen and (max-width: 768px){
.mainimg-sp {

    margin-top: 60px;
}}*/
/*------------------------
SP時のメニュー背景
------------------------*/
@media only screen and (max-width: 1023px){
body.mobile nav#mainNav.menuOpen {
    background: #ffffffe6;
}
nav#mainNav ul li a {
    text-align: center;
}}
/*------------------------
ロゴ横並びお問い合わせだけ右寄せで色違い
------------------------*/
@media print, screen and (min-width: 1024px){
#header .logo {
    padding-left: 5%;
	padding-top: 10px;
}
	#header .logo img {
    max-height: 65px;
}
	#header-layout {
    padding: 0;
    display: flex;
}
nav#mainNav {
	margin: 0 auto;
    margin-right: 0;
	}
	.panel ul li{
		margin:0;
	}
nav#mainNav ul li{
    padding: 15px;
}
}
/*------------------------
本HPのみのcss
------------------------*/
/*表組み線のみアレンジ*/
.post table, .post table th, .post table td {
	border:none;
	    background: #fff0;
}
.post table tr {
	border-bottom:1px solid #29A2C6;
}
.post table tr:last-child {
	border-bottom:none;
}
@media screen and (min-width: 769px){	
  .tbl-pc { display:block; }
  .tbl-sp { display:none; }
}
@media screen and (max-width: 768px){	
  .tbl-pc { display:none; }
  .tbl-sp { display:block; }
}
/*------------------------
メニュー
------------------------*/
@media print, screen and (min-width: 1024px){
nav#mainNav ul li ul.sub-menu li a, nav#mainNav ul li ul.sub-menu li a:hover, nav#mainNav ul li.current-menu-item ul.sub-menu li a, nav#mainNav ul li ul.sub-menu li.current-menu-item a {
    font-weight: bold;
}
nav#mainNav {
    padding-bottom: 1%;
}}
/*------------------------
改行位置の調整
------------------------*/
@media screen and (min-width: 769px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 768px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}
/*----------------------
送信ボタンの幅を広げる
----------------------*/
.wpcf7 .linkBtn {
display:block;
}
/*----------------------
問い合わせフォームの必須
----------------------*/
.wpcf7-form .must {
    background: rgba(0,72,152,0);
    color: rgba(0,72,152,1);
    font-size: 1.5rem;
    float: none;
    margin-left: -2px;
    padding: 0;
}
/*------------------------
共通
------------------------*/
body.mobile #header .logo .mark {
    background: #fff;
}

#header .logo img {
    max-height: 100px;
}
header#h1Header img {
    height: 250px;
}
@media only screen and (max-width: 640px){
#header-layout {
    padding-bottom: 0px;
}
}
#content {
width: 95%;
margin: 0 auto;
padding:0;
}

#mainImg {
    padding-bottom: 0px;
}
.home #content {
    padding: 0px;
}
body.mobile #breadcrumb {
margin-top: 0;
}
header#h1Header h1.title {
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: .2em;
}
header#h1Header h1.title span{
	position: relative;
}

header#h1Header h1.title span::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    width: 2px;
    height: 47px;
    margin: auto;
    background-color: white;
}

/*------------------------
テーブルレスポンシブ左寄せ
------------------------*/
@media only screen and (max-width: 640px){
.post table.responsive th, .post table.responsive td {
    text-align: left;
}}
/*------------------------
背景
------------------------*/

/*背景*/
.post{
background:#fff;
margin-bottom:0;
}

.page-id-66 .post{
    background-image: url(https://izumi-osakishima.com/struct/wp-content/uploads/pixta_49946909_M.jpg);
    background-size: cover;
    padding-top: 5%!important;
}
.page-id-66 .contentbox {
    background: #fff;
}
.contentbox {
    background: #fff0;
}

#header .logo img {
    max-height: 50px;
}

/*------------------------
新着情報
------------------------*/

.dateLabel{background-color: rgba(0,10,0,0);}
.postlist {background-color: rgba(255,255,255,0); }
.postlist li {margin:0;}

@media screen and (min-width: 769px){	
.postlist {
 width: 90%;
 margin: 0 auto;
}
/*.front_post_list { padding: 5% 10%;} */
}
@media screen and (max-width: 768px){	
.postlist {
 width: 85%;
 margin: 0 auto 5%;
/*box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%);*/
}
/*.front_post_list {padding: 5% 2%;}*/
.postlist .time a { font-size: .8rem;}
.postlist .date {
font-size: .8rem;
padding: 1px;
}
.postlist .ttls a { font-size: .8rem;}
.postlist .ttls {padding: 0;}
.postlist .post_text {width: 100%;}
}
/*新着情報のシャドウの装飾*/
.postlist li {border-bottom: none;}
.postlist .time {
background: #a39e9e;
}
.postlist .date {
color: #a39e9e;
}
.postlist .ttls a {
 color: #626262;
}
/*.postlist {
padding: 5%;
 background: #fff;
box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%);
}*/
h1.title.bottom-loop{
font-size:calc(24px + (1vw - 4.1px) * 1.0624);
margin-bottom: 2%;
font-family: 'BIZ UDPMincho', serif;


}

.linkBtn{
    background: #dadada;
}
.linkBtn:hover {
    background: #b3b3b3;
}
p.dateLabel {
    margin: 0;
    color: rgb(171 171 171);
    font-style: initial;
    font-weight: 500;
font-family: 'BIZ UDPMincho', serif;

}
h1.title.first {
    text-align: left;
    margin-top: 10%;
    font-size: 1.5rem;
    font-weight: 500;
}

h1.title.first.cat-loop {
    margin-bottom: 5%;
}

h1.title.first {
    margin-top: 5%;
}

h1.title.bottom-loop {
    font-size: calc(13px + (1vw - 1px) * 1);
    letter-spacing: .1em;
    color: #ffffff;
    padding-bottom: 3%;
}

/*------------------------
フォント
------------------------*/
body{
font-family: 'BIZ UDPMincho', serif;


}
.post h1.top {
    font-size: calc(13px + (1vw - 1px) * 1);
font-family: 'BIZ UDPMincho', serif;

    line-height: 1.7;
    text-align: center;
    color: #fff;
    position: relative;
}
p.h1sub {
    color: #fff;
    margin-top: 5%;
    text-align: center;
    font-size: calc(13px + (1vw - 1px) * 1);
}
.post h1.top:before {
    position: absolute;
    bottom: -26px;
    left: calc(50% - 30px);
    width: 60px;
    height: 1px!important;
    content: '';
    background: #ffffff;
}

@media screen and (max-width: 768px){	
.post h1.top:before {
	bottom: -13px;
}
	p.h1sub {
    margin-top: 25px;
}
}

.post h1.kasou {
    text-align: left;
    padding-left: 0;
font-family: 'BIZ UDPMincho', serif;

    font-size: 1.5rem;
}
p.sub {
    color: #09194F;
    font-size: .8rem;
    margin-bottom: 5%;
}

.post h2 {
font-size: calc(13px + (1vw - 1px) * 1);
font-family: 'BIZ UDPMincho', serif;

 padding-left: 0;
border-bottom: 1px solid rgb(137 137 137);
 padding-bottom: 15px;
 margin-bottom: 15px;
}
.post h3 {
font-family: 'BIZ UDPMincho', serif;

    border-left: 10px solid rgb(137 137 137);
    padding: 10px;
    font-weight: 500;
}


@media screen and (max-width: 1023px){	
h5 {
    padding: 10px;
    font-size: .9rem;
}
}
h6 {
    font-size: calc(12px + (1vw - 1px) * .9);
    margin: 12% 0 5%;
    border-bottom: 1px solid rgb(62 0 127);
    padding-bottom: 15px;
    padding-left: 10px;
}

span.notes{
	font-size:.8rem;
}

.post h1.h1w{
	color:#fff;
}
.post h2{

}

nav#mainNav ul li a b{
font-family: 'BIZ UDPMincho', serif;

font-size: .8rem;
	
}
nav#mainNav ul li a span{
font-family: 'BIZ UDPMincho', serif;

font-size: .8rem;
}

p.cen{
	text-align:center;
}
header#h1Header h1.title {
font-family: 'BIZ UDPMincho', serif;

}
/*------------------------
レイアウト
------------------------*/
.line {
    border-bottom: 1px solid #888888;
    padding-top: 10%;
}

.mt{
	margin-top:5%!important;
}
.mb {
    margin-bottom: 5%!important;
    padding-bottom: 10%!important;
}

.contentbox {
    background: #fff;
}
@media screen and (min-width: 1024px){	
.contentbox {
    padding: 8% 5% 5%;
    width: 900px;
    margin: 0 auto 0;
}
	.contentbox2{
	padding:10% 0;
}
}
@media screen and (max-width: 1023px){	
.contentbox {
    padding: 3%;
    width: 90%;
    margin: 0 auto;
}
	.contentbox2{
	padding:10% 0;
}
}


/*------------------------
レイアウト
------------------------*/
/*よくあるご質問*/
@media screen and (min-width: 769px){	
summary.qa_sum {
    padding: 1.5rem 5rem 1.5rem 4.5rem;
    font-size: 1.2rem;
}
.answer {
    padding: 1.5rem 6rem 2rem 4.5rem;
}
}
@media screen and (max-width: 768px){	
summary.qa_sum {
padding: 2rem 4rem 1.5rem 1.5rem;
    font-size: 1rem;
}
.answer {
padding: 1.5rem 2.5rem 2rem 1.5rem;
}
}
.qa_box details:first-of-type summary{
    border-top:1px solid #999;
}
summary.qa_sum {
    font-weight: 500;
    list-style: none;
    position: relative;
    cursor: pointer;
    color: #333;
    border-bottom: 1px solid #999;
}
summary.qa_sum::-webkit-details-marker {
  display: none;
}
summary.qa_sum:hover, details[open] summary.qa_sum {
	transition:background .3s ease;
}

summary.qa_sum::after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  transition: transform 0.5s;
  font-size: 30px;
}
details[open] summary.qa_sum::after {
  transform: translateY(-50%) rotate(45deg);
}
details[open] summary.qa_sum{
	border-bottom:none;
}
.answer {
    position: relative;
    border-bottom: 1px solid #999;
	line-height:1.5;
}
details[open] .answer {
  animation: fadein 0.5s ease;
}
@keyframes fadein{
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.fa-brands, .fab {
    padding-right: 10px;
    color: rgb(9 25 79);
}

/*------------------------
BTNデザイン
------------------------*/


/*画像がすこし上に動く*/
.banapic:hover img {
	opacity:1;
	transform: translateY(-5px);
}
/*------------------------
事業案内
------------------------*/



/*------------------------
table01
------------------------*/
#table01 tr {
  border-bottom: 1px solid #b5b1b1;
}

#table01 th,
#table01 td {
  padding: 24px 0;
  border: none;
}

#table01 th {
  width: 30%;
}

/* sp */
@media only screen and (max-width: 480px) {
  #table01 th,
  #table01 td {
    width: 100%;
    display: block;
  }

  #table01 th {
    width: 100%;
  }

  #table01 td {
    padding-top: 0;
  }
}
/*----------------------
footer
----------------------*/

/*------------------------
トップ
------------------------*/


/*------------------------
下層-
------------------------*/


/*box04　画像と文字の横並び2*/

@media print, screen and (min-width: 1024px){
.box04 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.box04 .txt{	
	width:52%;
}
.box04 .photo img {
    max-width: 400px;
}
	}

@media print, screen and (max-width: 1023px){
.box04 .photo{
	margin:0 auto;
}

.box04 {
     flex-direction: column;
	display: flex;
}
	.order01{
		order: 1;
	}
	.order02{
		order: 2;
	}}


/*------------------------
メニュー
------------------------*/






/*------------------------
子ページ
------------------------*/
@media only screen and (max-width: 1023px){
nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a {
    background: none;

}
nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li li.current-menu-item a {
    background: none;
}
nav#mainNav ul li li:last-child a {
    background: none;
}}




/*------------------------
会社概要
------------------------*/


/*------------------------
事業内容
------------------------*/
h5 {
    text-align: center;
    margin: 5% 0;
    padding: 10px;
border:none; 
    font-size: 1.5rem;
    line-height: 1.8;
    background: #28ced4;
}
/*------------------------
ヘッダー
------------------------*/
@media print, screen and (min-width: 1024px){
#header .inner {
    margin: 0 auto;
}
#mainNav .inner {
    margin: 0 auto;
}
#header-layout {
    padding: 0;
    display: flex;
    justify-content: center;
}
nav#mainNav ul li {
    padding: 15px 0;
}
#header-layout {
    padding-top: 15px;
}}

/*------------------------
当館について
------------------------*/
/*box03　画像と文字の横並び・画面いっぱい*/
.contentbox2{
	padding:10% 0;
}

@media print, screen and (min-width: 1024px){
.box03 {
    display: flex;
    justify-content: center;
    align-items: center;
	 margin-bottom: 5%;
	text-align: center;
    line-height: 2;
}
.box03 .txt{	
	width:30%;
	margin: 0 5%;
}
	
.box03 .photo.order01 {
    width: 60vw;
}
	}

@media print, screen and (max-width: 1023px){
.box03 .photo{
	margin:0 auto;
}
.box03 .txt{	
	margin:5%;
}
.box03 {
     flex-direction: column;
	display: flex;
}
	.order01{
		order: 1;
	}
	.order02{
		order: 2;
	}}
.post h1{
    margin-bottom: 0px;
    color: #000000;
    text-align: center;
    font-size: 2rem;
    text-shadow: none;
font-family: 'BIZ UDPMincho', serif;

    margin-bottom: 30px;
}
.contentbox2{
    background-image: url(https://izumi-osakishima.com/struct/wp-content/uploads/pixta_49946909_M.jpg);
    background-size: cover;
    padding-top: 5%!important;
}
.contentbox {
    background: #fff;
}
.post table td,.post table th{
    background: #fff;
}

@media screen and (min-width: 769px){	
	.gallerypic a img {
    width: 24.5%;
}
}
@media screen and (max-width: 768px){	
	.gallerypic a img {
    width: 49%;
}
}
.ryouri {
	 background-image: url(/struct/wp-content/uploads/menuback.png);
	background-attachment:fixed;
    background-size: cover;
}
.itamae {
    background-image: url(/struct/wp-content/uploads/pixta_87864531_M.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}
.cuisinebox {
    padding: 8% 10%;
}
@media screen and (min-width: 769px){	
	.cuisinebox {
    padding: 8% 10%;
}
	.txtbox.tate {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    width: 500px;
    margin: 0 auto;
    font-size: 1.1rem;
}
	.txtbox.tate p{
		    line-height: 5;
	}
}
@media screen and (max-width: 768px){	
	.cuisinebox {
    padding:5%;
}
	.txtbox.tate {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    line-height: 2.5;
width: 280px;
    margin: 20px;
    font-size: 1.1rem;
}
		.txtbox.tate p{
 line-height: 2.5;
	}
}
body.mobile #header .logo .mark {
    background: #02002e;
}
/*----------------------------------
 画面に分割のレイアウト
---------------------------------*/
/*.bannerinner*/
@media print, screen and (min-width: 1024px){
.bannerinner{
    display: flex;
    justify-content: space-between;
	align-items: center;
}
.bannerinner .txt{	
	width: 45%;
}
	}

.bannerinner .txt{	
	margin:0 auto;
    padding: 2%;
	color: #fff;
}
.txt.order02.banner_txt h1 {
    color: #fff;
}
.bannerinner .photoa{
background-image:url(/struct/wp-content/uploads/IMG_20200423_091642.png);
background-size: cover;
}
.bannerinner .photob{
background-image:url(/struct/wp-content/uploads/izakaya.png);
background-position:top;
background-size: cover;
}

.bannerinner .photo{
width:49.5vw;
height:400px;
background-size: cover;
}

@media print, screen and (min-width: 1024px){
.bannerinner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
	}

@media print, screen and (max-width: 1023px){
.bannerinner{
	flex-direction: column;
	display: flex;
	}
.bannerinner .photo{
width:100vw;
height:300px;
background-size: cover;
	}}
@media screen and (min-width: 769px){	
	.txtbox.cen {
    text-align: center;
    line-height: 3;
}
}
@media screen and (max-width: 768px){	
	.txtbox.cen {
    text-align: center;
    line-height: 2;
}
	@media screen and (max-width: 1023px){
.contentbox {
    width: 95%;
}}
}	
.postlist {
    margin-bottom: 5%;
}
h1.title.first.cat-loop {
    margin-bottom: 5%;
font-family: 'BIZ UDPMincho', serif;

}
h1.title.first {
font-family: 'BIZ UDPMincho', serif;

    border-bottom: 2px solid #abb2c3;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
header#h1Header h1.title {
    border-bottom: none;
}
.single-post p{
	line-height:2;
}

#header{
    background: #fff;
}
#footer {
    background: #591313;
}
#footer li a, .footeradd, .footertel {
    color: #ffffff;
}
@media print, screen and (min-width: 1024px){
nav#mainNav {
    background: #fff;
}
nav#mainNav ul li a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a b, nav#mainNav ul li a:hover b, nav#mainNav ul li a:active b, nav#mainNav ul li.current-menu-parent a b{
    color: #000;
}
.post h1 {
    font-size: 1.5rem;
}}
.contentbox2 {
    padding-top: 5%!important;
    background: #fff;
}

#breadcrumb {
    padding: 0;
}
#breadcrumb ul {
    max-width: 1400px;
}
.contentbox {
    background: #fff;
}
.banner_box {
    background: #591313;
}
.txt.order02.banner_txt h1 {
    color: #fff;
}
.bannerinner .txt {
    color: #fff;
}
/*------------------------
METでフッターロゴありのカスタマイズしたとき
------------------------*/
@media screen and (max-width: 768px){	
	.footcaption {
    padding: 20px;
}
	#footer #socialicon ul {
    display: none;
}
	#footer ul {
    text-align: left;
    padding: 0;
}
	#footerLogo img {
    max-width:185px;
    height: auto;
}
}
#footer li a, .footeradd, .footertel {
    color: #4d4d4d;
}
@media screen and (min-width: 769px){	
	#footer {
    padding: 50px 50px 100px;
}
	.category #wrapper {
    height: 60vh;
}
}
#footer {
    border-top: 1px solid #7a7a7a6e;
}
body {
    background: rgb(255 255 255);
}
@media only screen and (max-width: 1023px){
nav#mainNav a.menu {
    background: url(../../mrp04/images/micon/umicon0.png) no-repeat 6px 8px,rgb(240 237 220);
    border: none;
}}
body.mobile #header .logo .mark,.page-id-66 .post{
    background: #f0eddc;
}














/*--------------------------------------------------
	オリジナル設定
--------------------------------------------------*/
.fs { font-size: 85%; }
.fm { font-size: 115%; }
.red { color: #FC0000; }
.pick { color: #80B624; }
p.attention { text-indent: -1em; margin-left: 1em; }
p.nm { padding-bottom: 0; }
/**/
.cen { text-align: center; }
.lft { text-align: left; }
.rit { text-align: right; }
.pad_anchor { margin-top: -115px; padding-top: 115px; }
/* 非表示用 */
@media print, screen and (min-width: 641px){ /* PC用 */
	.dsp_smt { display: none; }
	.cen_pc { text-align: center; }
}
@media only screen and (max-width: 640px){ /* スマホ用 */
	.dsp_hp { display: none; }
}
/*--------------------------------------------------
	共通
--------------------------------------------------*/
.mab { margin-bottom: 40px; }
.bg_wide { position: relative; }
.bg_wide::before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100vw;
	height: 100%;
	margin-left: calc(((100vw - 100%) / 2) * -1);
	margin-right: calc(((100vw - 100%) / 2) * -1);
	content: "";
	z-index: -1;
}
.bg_pad { padding: 30px 0; }
.box_pad { padding: 15px; box-sizing: border-box; }
.box_w2 .column2_50:not(.cen) { text-align: left; }
.box_w2_all {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media print, screen and (min-width: 641px){ /* PC用 */
	.mab { margin-bottom: 60px; }
	.bg_pad { padding: 60px 0; }
	.bg_fix::before { background-attachment: fixed !important; }
	.box_w2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.box_w2.rev { flex-direction: row-reverse; }
	.box_w2.vcen { align-items: center; }
	.box_pad { padding: 30px; }
	.box_w2 .column2_50 { width: 48.5%; }
}
/*--------------------------------------------------
	トップページ
--------------------------------------------------*/
.home #mainImg {
	padding-bottom: 0;
}
.home #wrapper {
	overflow: visible;
}
.home #content {
	padding-top: 0;
}
#post-2 .post {
	padding-top: 0;
	background: none;
	border: none;
}
#post-2 .post h1 span {
	display: block;
	padding: 10px 0 0;
	font-size: 90%;
}
#post-2 .post ul,
#post-2 .post ul li {
	margin: 0;
	padding: 0;
	border: none;
}
/**/
#top_msg .in {
	position: relative;
	padding-top: 30px;
}
#top_msg .in h1 {
	padding: 0 0 3% 0;
	font-size: 50px;
	line-height: 1.3;
}
#top_msg .in .en {
	font-size: 18px;
	line-height: 1.4;
}
#top_msg .in .map {
	position: absolute;
	top: -130px;
	right: 0;
	width: 40%;
}
#top_msg .box {
	width: 100vw;
	margin-left: calc(((100vw - 100%) / 2) * -1);
	margin-right: calc(((100vw - 100%) / 2) * -1);
}
#top_msg .box .photo ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#top_msg .box .photo ul li {
	width: 62%;
}
#top_msg .box .photo ul li+li {
	width: 37.1%;
}
#top_msg .box .txt .txt_in {
	position: relative;
}
#top_msg .box .txt .txt_in.line_top::before {
	position: absolute;
	top: -50px;
	left: 50%;
	display: block;
	height: 100px;
	border-left: 1px solid #000;
	content: "";
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
#top_msg .box .ico {
	width: 160px;
}
#top_msg .box.rev .ico {
	width: 130px;
}
@media print, screen and (min-width: 641px){ /* PC用 */
	#top_msg .box .photo {
		width: 54%;
	}
	#top_msg .box .txt {
		width: 46%;
		padding-left: calc((100vw - 960px) / 2);
		padding-right: 5%;
		box-sizing: border-box;
		line-height: 2;
	}
	#top_msg .box.rev .txt {
		padding-right: calc((100vw - 960px) / 2);
		padding-left: 5%;
	}
	#top_msg .box .txt .txt_in {
		height: 100%;
		box-sizing: border-box;
		/* 縦方向中央揃え */
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#top_msg .box.rev .txt .txt_in {
		padding-bottom: 100px;
	}
	#top_msg .box .ico {
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 0;
	}
	#top_msg .box.rev .ico {
		left: auto;
		right: 0;
	}
}
@media only screen and (max-width: 1100px) and (min-width: 641px){
	#top_msg .box .txt,
	#top_msg .box.rev .txt {
		padding-right: 5%;
		padding-left: 5%;
	}
}
@media only screen and (max-width: 768px) and (min-width: 641px){
	#top_msg .in h1 {
		font-size: 40px;
	}
	#top_msg .box .txt .txt_in.line_top::before {
		height: 60px;
	}
	#top_msg .box .ico {
		bottom: -20px;
		width: 140px;
	}
	#top_msg .box.rev .ico {
		width: 110px;
	}
}
@media only screen and (max-width: 640px){ /* スマホ用 */
	#top_msg .in {
		padding-top: 10px;
		padding-right: 0;
	}
	#top_msg .in h1 {
		margin-bottom: 20px;
		font-size: 30px;
	}
	#top_msg .in .en {
		font-size: 16px;
	}
	#top_msg .in .map {
		top: auto;
		bottom: -80px;
		width: 35%;
	}
	#top_msg .box .txt .txt_in {
		padding: 0 15px;
	}
	#top_msg .box .txt .txt_in.line_top {
		padding-top: 70px;
	}
	#top_msg .box .txt .txt_in.line_top::before {
		top: 0;
		height: 50px;
	}
	#top_msg .box .ico {
		width: 130px;
		margin-top: 20px;
	}
	#top_msg .box.rev .ico {
		width: auto;
		text-align: right;
	}
	#top_msg .box.rev .ico img {
		display: inline-block;
		width: 90px;
		margin-top: 0;
	}
}
/**/
#top_photo {
	width: 100vw;
	margin-left: calc(((100vw - 100%) / 2) * -1) !important;
	margin-right: calc(((100vw - 100%) / 2) * -1) !important;
	box-sizing: border-box;
	padding: 0 2% 40px !important;
}
#top_photo li {
	width: 32.5%;
}
@media only screen and (max-width: 640px){ /* スマホ用 */
	#top_photo li img {
		height: 200px;
		width: 100%;
		object-fit: cover;
	}
}



/**/
#top_about {
	padding-bottom: 0;
}
#top_about h1 {
	position: relative;
	padding-top: 30px;
}
#top_about .ttl {
	position: relative;
	padding-top: 60px;
	font-size: 30px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#top_about h1::before,
#top_about .ttl::before {
	position: absolute;
	top: -50px;
	left: 50%;
	display: block;
	height: 50px;
	border-left: 1px solid #000;
	content: "";
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
#top_about .ttl::before {
	top: 0;
	height: 40px;
}
#top_about a {
	position: relative;
	display: block;
	margin-bottom: 60px;
	padding-bottom: 60px;
	color: #000;
}
#top_about a::before,
#top_about a::after {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #000;
	content: "";
	/*アニメーションの指定*/
	transition:all 1s ease-in-out;
}
#top_about a::after {
	width: 0;
	background:#ccc;
}
#top_about a:hover::after {
	width: 100%;
}
#top_about a img {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: bottom;
}
#top_about a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#top_about a dt {
	font-size: 40px;
	font-weight: normal;
}
#top_about a dd {
	padding: 0;
	font-size: 20px;
}
#top_about .link02 {
	position: relative;
}
#top_about .link02 .ttl {
	position: absolute;
	top: 0;
	left: 30px;
}
#top_about .link02 ul {
	overflow: hidden;
	padding-left: 100px;
}
/**/
#top_about .link02 ul {
	margin-bottom: 40px !important;
}
#top_about .link02 ul li img {
	width: 100%;
}
#top_about .link02 ul li:nth-of-type(odd) {
	float: left;
	width: 49.5%;
	height: 300px;
	padding-right: 1%;
	box-sizing: border-box;
}
#top_about .link02 ul li:nth-of-type(even) {
	float: right;
	width: 49.5%;
	height: 300px;

}
#top_about .link02 ul li+li+li {
	margin-top: 10px;
}
#top_about .link03 {
	position: relative;
}
#top_about .link03 .ttl {
	position: absolute;
	top: 0;
	right: 30px;
}
#top_about .link03 ul {
	padding-right: 100px;
}
@media print, screen and (min-width: 641px){ /* PC用 */
	#top_about a ul li {
		position: relative;
		overflow: hidden;
	}
	#top_about a ul li img {
		position: absolute;
		top: 50%;
		left: 50%;
		object-fit: cover;
		height: 100%;
		-moz-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	#top_about a:hover ul li img {
		width: 120%;
	}
	#top_about .link01 ul {
		overflow: hidden;
		margin-bottom: 50px;
	}
	#top_about .link01 ul li {
		float: left;
		width: 71%;
		height: 360px;
		box-sizing: border-box;
	}
	#top_about .link01 ul li+li {
		float: right;
		width: calc(29% - 10px);
		height: 175px;
		margin-left: 10px;
	}
	#top_about .link01 ul li+li+li {
		margin-top: 10px;
	}
	#top_about a dl {
		display: table;
	}
	#top_about a dt,
	#top_about a dd {
		display: table-cell;
		vertical-align: middle;
	}
	#top_about a dt {
		padding-right: 20px;
		white-space: nowrap;
	}
	/**/
	#top_about .link03 ul {
		/* フレックス */
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#top_about .link03 ul li {
		width: 100%;
		height: 282px;
		box-sizing: border-box;
	}
	#top_about .link03 ul li+li {;
		width: calc(50% - 5px);
		height: 276px;
		margin-top: 10px;
	}
}
@media only screen and (max-width: 640px){ /* スマホ用 */
	#top_about h1 {
		position: relative;
		padding-top: 55px;
		font-size: 25px;
	}
	#top_about .ttl {
		padding-top: 55px;
		font-size: 25px;
		line-height: 1.0;
	}
	#top_about h1::before,
	#top_about .ttl::before {
		top: 0;
		height: 40px;
	}
	#top_about a {
		margin-bottom: 40px;
		padding-bottom: 40px;
	}
	#top_about a dt {
		font-size: 40px;
		font-weight: normal;
	}
	#top_about a dd {
		padding: 0;
		font-size: 20px;
	}
	/**/
	#top_about .link01 ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#top_about .link01 ul li {
		width: 100%;
	}
	#top_about .link01 ul li+li {
		width: calc(50% - 5px);
		margin-top: 10px;
	}
	#top_about a dl {
		display: none;
	}
	/**/
	#top_about .link02 ul li {
		height: 150px !important;
	}
	#top_about .link02 ul li img {
		width: 100%;
		height: 150px;
		object-fit: cover;
	}
	/**/
	#top_about .link03 ul li:first-child {
		display: none;
	}
	#top_about .link03 ul li+li+li {
		margin-top: 10px;
	}
	#top_about .link02 .ttl {
		left: 0;
	}
	#top_about .link02 ul {
		padding-left: 45px;
	}
	#top_about .link03 .ttl {
		right: 10px;
	}
	#top_about .link03 ul {
		padding-right: 60px;
	}
}
/**/
#top_sns {
}
@media only screen and (max-width: 640px){ /* スマホ用 */
	#top_sns h1 {
		font-size: 25px;
	}
	#top_sns .gallery-item {
		float: left !important;
		width: 50% !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
		box-sizing: border-box;
	}
}
/**/
#front_bottom_content {
	position: relative;
	padding: 150px 0 50px;
}
#front_bottom_content,
#front_bottom_content a,
#front_bottom_content .postlist .date{
	color: #fff;
}
#front_bottom_content::before {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100vw;
	height: 100%;
	margin-left: calc(((100vw - 100%) / 2) * -1);
	margin-right: calc(((100vw - 100%) / 2) * -1);
	background: url(/struct/wp-content/uploads/eye_pixta_22369101_M.png) no-repeat center top / cover;
	content: "";
	z-index: -1;
}
#front_bottom_content h1 {
color: #722020;
font-family: 'BIZ UDPMincho', serif;

}
#front_bottom_content h1 span span {
	display: block;
	padding: 0 0 8px;
	font-size: 70%;
}
@media only screen and (max-width: 640px){ /* スマホ用 */
	#front_bottom_content {
		position: relative;
		padding: 100px 0 30px;
	}
}
.page-id-66 .contentbox {
    background: #f0eddc;
    padding-top: 0;
}
nav#mainNav ul li a b {
    font-size: 1rem;
}
.post p {
    font-size: 1.1rem;
    line-height: 2.5;
}

nav#mainNav ul li a b {
    font-size: 1.2rem;
}
#post-55 .post {
background: #f1efde;
}
.post .linkBtn {
    background: rgb(89 19 19);
}
.mb2{
	margin-bottom:5%;
}
header#h1Header h1.title span {
    display: none;
}
.contentbox {
    background: #ffffffc9;
}
#footer li a, .footeradd, .footertel {
    color: #ffffff;
}
.menuback {
    background-image: url(/struct/wp-content/uploads/pixta_73961877_M.jpg);
    background-position: top;
    background-size: cover;
    padding: 5% 0 5% 0;
    margin-top: 5%;
}

.mb3 {
padding-bottom: 5%!important;
}
.post table td, .post table th {
    background: #fff0!important;
}

.page-id-54 h1.title.first {
    display: none;
}
.page-id-54 .post h2 {
    text-align: center;
}

/*更新による送信ボタンのズレ調整*/
.wpcf7-spinner {
    width: 0!important;
    margin: 0 10px!important;
}