@charset "UTF-8";

/*reset*/

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd,
header, footer, nav, article, section, adress {
	margin:0;
	padding:0;
}

* {
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

html {
	font-size: 62.5%; /*10px*/
    height: 100%;
}

h1, h2, h3, h4, p, dl, ul, ol {
	margin:10px 0;
}

ul {
	list-style: inside;
}

img {
	vertical-align:bottom;
}
a img {
	border:0;
}

a { text-decoration: none;}

a:link, a:visited { color: #333333; }

a:hover, a:active { color: #5654a2; }

.anchor{
display:block;
    padding-top: 80px;
    margin-top:-80px;
height: 1px;
}

.anchor_l{
display:block;
padding-top: 120px;
margin-top:-120px;
height: 1px;
}

/* border-box */

* {-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
  }
  
  table,tr,td{
  border-collapse: collapse;
  }

/* 共通項目 */

body {
    height: 100%;
	font-size:1.6rem; /* 16px */
	line-height: 2;
	color: #333;
	font-family:'游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', '游ゴシック体', YuGothic, 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
}

/*.clearfix {
	zoom:1;
}*/

.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

.wrapper{
/*position: relative;*/
}

.bg01{
background:url("bg01n.jpg") no-repeat center center;
background-size: cover;
background-attachment: fixed;
}
.bg02{
background:url("urn:scrapbook:download:error:https://www.kodaiji.com/img/bg02.jpg") no-repeat left bottom;
background-size: cover;
background-attachment: fixed;
}
.bg03{
background:url("urn:scrapbook:download:error:https://www.kodaiji.com/img/bg03.jpg") no-repeat left bottom;
background-size: cover;
background-attachment: fixed;
}
.bg04{
background:url("urn:scrapbook:download:error:https://www.kodaiji.com/img/bg04.jpg") no-repeat left bottom;
background-size: cover;
background-attachment: fixed;
}
.bg05{
background:url("bg01.jpg") no-repeat left bottom;
background-size: cover;
background-attachment: fixed;
}
.bg06{
background:url("urn:scrapbook:download:error:https://www.kodaiji.com/img/bg05.jpg") no-repeat left bottom;
background-size: cover;
background-attachment: fixed;
}

.header{
width: 100%;
height: 86px;
display: flex;
position: fixed;
z-index:10;
background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0));
}

.sec_header{
width: 100%;
height: 80px;
display: flex;
position: fixed;
background-color: #fff;
box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5);
z-index:10;
}

.haikeiw{
background: #fff;
box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5);
z-index: 100;
}

.names{
width: 100px;
margin: 5px 0 0 20px;
position: relative;
}

.name{
width: 90px;
}

.onki{
position: absolute;
top: 305px;
left: 3px;
width: 90px;
}

.name img, .onki img{
width: 100%;
}

.mon {
width: 80px;
height: 80px;
background:url("kikukirimon.png") no-repeat top center;
background-size: contain;
}

.haikeiw .mon {
background:url("kikukirimon_kikyo.png") no-repeat top center;
background-size: contain;
}

.header .name_yoko{
display: none;
}

.haikeiw .names,
.sec_header .names{
width: auto;
display: flex;
}

.haikeiw .name{
display: none;
}

.haikeiw .onki{
display: none;
}

.haikeiw .name_yoko{
display: inline-block;
margin-left: 20px;
}

.sec_header .names{
margin: 5px 0 0 10px;
}

.sec_header .mon img{
vertical-align: top;
}

.navi_box{
flex:1;
display: flex;
justify-content: flex-end;
}

.name{
position: absolute;
left: 15px;
top: 80px;
z-index: 20;
}

.name_yoko{
display: inline-block;
margin-left: 20px;
}

main{
width: 100%;
}



/*フッター*/

footer{
background-color:#fff;/*#E8E8F3*/
/*padding-top: 10px;*/
}

.footer_inner{
width: 98%;
max-width: 960px;
margin: 0 auto;
}

.footer_contents{
margin-top: 20px;
margin-bottom: 30px;
}

.photo_copyright{
margin-top: 30px;
font-size: 1.2rem;
text-align: center;
}

.footer_menu{
margin: 0 auto 30px auto;
display: flex;
justify-content: center;
}

.footer_menu div a{
display: block;
padding: 0.2em 1em;
}

.footer_menu div:nth-child(1),
.footer_menu div:nth-child(2){
border-right: 1px solid #666;
}

.footer_obi{
background-color: #5654a2;
color: #fff;
text-align: center;
font-size: 1.2rem;
margin-top: auto;
}

.name_box{
text-align: center;
font-size: 2.4rem;
line-height: 32px;
margin-top: 30px;
}

.name_box span{
font-size: 1.4rem;
margin-right: 0.5em;
line-height: 32px;
vertical-align:top;
}

#sns_box {
	text-align:center;
}

#sns_box img {
	width: 40px;
	margin: 10px 20px 10px 20px;
	border: 2px solid #fff;
	border-radius: 20px;
}

#sns_box img.nocircle{
    width: 40px;
	margin: 10px 20px 10px 20px;
	border: none;
	border-radius: 0px;
}


/*ナビゲーションメニュー*/

header nav{
width: 300px;
height: 65px;
}

header nav .menumark,
.sp-only{
display:none;
}

header nav ul{
list-style: none;
text-indent: -9999px;
margin: 0;
display: flex;
gap: 0 10px;
}

header nav ul li{
flex-basis: 50px;
height: 80px;
}

header nav ul li a,
header.haikeiw nav ul li a{
display: block;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
}

header nav ul li span{
display: none;
}

header nav ul li.menu01 a{
background-image:url("menu01w.png") 
}
header nav ul li.menu02 a{
background-image:url("menu02w.png")
}
header nav ul li.menu03 a{
background-image:url("menu03w.png")
}
header nav ul li.menu04 a{
background-image:url("menu05w.png")
}
header nav ul li.menu05 a{
background-image:url("menu07w.png")
}
header nav ul li.menu06 a{
background-image:url("menu06w.png")
}

header.haikeiw nav ul li.menu01 a,
header.sec_header nav ul li.menu01 a{
background-image:url("menu01bk.png")
}
header.haikeiw nav ul li.menu02 a,
header.sec_header nav ul li.menu02 a{
background-image:url("menu02bk.png")
}
header.haikeiw nav ul li.menu03 a,
header.sec_header nav ul li.menu03 a{
background-image:url("menu03bk.png")
}
header.haikeiw nav ul li.menu04 a,
header.sec_header nav ul li.menu04 a{
background-image:url("menu05bk.png")
}
header.haikeiw nav ul li.menu05 a,
header.sec_header nav ul li.menu05 a{
background-image:url("menu07bk.png")
}
header.haikeiw nav ul li.menu06 a,
header.sec_header nav ul li.menu06 a{
background-image:url("menu06bk.png")
}

header nav ul li.menu01 a:hover{
background-image:url("menu01kk.png")
}
header nav ul li.menu02 a:hover{
background-image:url("menu02kk.png")
}
header nav ul li.menu03 a:hover{
background-image:url("menu03kk.png")
}
header nav ul li.menu04 a:hover{
background-image:url("menu05kk.png")
}
header nav ul li.menu05 a:hover{
background-image:url("menu07kk.png")
}
header nav ul li.menu06 a:hover{
background-image:url("menu06kk.png")
}


/*スライダー*/

.wrap{
position: relative;
z-index: 1;
height: 100vh;
list-style: none;
margin:0 0;
overflow: hidden;
}

@keyframes zoom-in {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}

@keyframes zoom-out {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes side-in_l {
  from {
    transform: scale(1.2);
  }
  to {
    transform: scale(1.2) translate(-10%,0);
  }
}

@keyframes side-in_r {
  from {
    transform: scale(1.2);
  }
  to {
    transform: scale(1.2) translate(10%,0);
  }
}

.swiper-slide-active .zin,
.swiper-slide-duplicate-active .zin,
.swiper-slide-prev  .zin{
  animation: zoom-in 10s linear 0s 1 normal both;  
}

.swiper-slide-active .zout,
.swiper-slide-duplicate-active .zout,
.swiper-slide-prev .zout{
  animation: zoom-out 10s linear 0s 1 normal both;  
}

.swiper-slide-active .lr,
.swiper-slide-duplicate-active .lr,
.swiper-slide-prev .lr{
  animation: side-in_l 10s linear 0s 1 normal both; 
}

.swiper-slide-active .rl,
.swiper-slide-duplicate-active .rl,
.swiper-slide-prev .rl{
   animation: side-in_r 10s linear 0s 1 normal both; 
}

.slide-image{
transform: rotate(0.0001deg);
}

.slide-image img{
	object-fit: cover;
	height: 100vh;
  width: 100vw;
}


/*トピック*/

.info_area{
background: url("washi_back.jpg");
padding: 50px 0;
}

.info ul{
width: 90%;
max-width: 960px;
list-style: none;
padding: 20px 0;
margin: 0 auto;
}

.info li{
border-bottom: 1px solid #ccc;
padding: 0 1em;
margin-left: 1em;
text-indent: -1em;
}

.info li:before{
content: '■ ';
color: #5654a2;
}

.blink{
    -webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/*トップページメニューイメージ*/

.navi_menu{
display: flex;
flex-direction: column;
gap: 10px 10px;
background-color: #5654a2;
}

.index01,
.index02,
.index03,
.index04,
.index05,
.index06{
height: 70vh;
}

.sideimg{
display: flex;
height: 100%;
justify-content: flex-end;
}

.index01 .sideimg{
background: url("rekishi.jpg") no-repeat center center;
background-size: cover;
}

.index02 .sideimg{
background: url("haikan.jpg") no-repeat center center;
background-size: cover;
}

.index03 .sideimg{
background: url("keidai.jpg") no-repeat  center center; /*家紋はtop -100px*/
background-size: cover;
}

.index04 .sideimg{
background: url("taiken.jpg") no-repeat center center;
background-size: cover;
}

.index05 .sideimg{
background: url("chakai.jpg") no-repeat center center;
background-size: cover;
}

.index06 .sideimg{
/*background: url(img/saiji.jpg) no-repeat center center; spring */
background: url("saiji.jpg") no-repeat top -150px center;
background-size: cover;
}

.navi{
width: 30%;
height: 100%;
background-color: rgba(0,0,0,0.80);
padding: 5px 20px;
display: flex;
flex-direction: column;
justify-content: flex-end;
}

.catch{
max-width: 150px;
font-size: 1.4rem;
font-weight: bold;
color: #fff;
text-align: center;
margin-bottom: 30px;
}

.catch img{
width: 100%;
}

.catchtxt{
font-size: 1.8rem;
font-weight: bold;
line-height: 1.6;
margin-top: 30px;
color:#666;
}

.naiyou{
color: #fff;
}

.naiyou ul{
list-style: none;
font-size: 1.4rem;
}

.naiyou li{
border-bottom: 1px solid #999;
padding-left: 0.2em;
/*text-align:center;*/
}

.link_btn a{
display: block;
text-align: center;
padding: 0 5px;
background-color: #fff;
margin: 5px 2px 10px 0;
font-size: 1.4rem;
}

.link_btn a:hover{
background-color: #FFFFCC;
color: #5654a2;
}

/*スライドイン*/

.navi_menu{
overflow:hidden;
}
.slidein {
    opacity: 0;
    transform: translate(0,0);
    transition: all 3.0s;
    }
.slidein_left{
      transform: translate(-10%,0);
  }
.slidein_right{
      transform: translate(10%,0);
 }
.slidein_up{
      transform: translate(0,-50%);
  }
.slidein_bottom{
      transform: translate(0,50%);
  }
.scrollin{
    transform: translate(0, 0)!important;
    opacity: 1!important;
  }
  
/*フェードイン*/

/*.fadego{
animation-name:fadeInAnime;
animation-duration:2s;
animation-fill-mode:forwards;
opacity:0;
}*/

/*トップへ戻る*/

#totop {
	position: fixed;
	bottom: 0;
	right:0;
	z-index: 1000;
}

#totop p {
position: relative;
font-size: 1.4rem; font-weight:bold; line-height:1.4; 
letter-spacing: 0.3em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}

#move_top {
	display: block;
	position:absolute;
	bottom:0;
	right:0;
	background-color: #5654a2;
	text-decoration: none;
	width: 40px;
	height: 12em;
	cursor: pointer;
	color: #fff;
	text-align: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin: 0;
	padding: 20px 10px 20px 0;
	border-radius: 10px 0 0 10px;
 }
 

/*second*/

.split{
display: flex;
flex-direction: row-reverse;
}

.side_menu{
background-color: rgba(0,0,0,0.80);
width: 300px;
/*margin-bottom: 5px;*/
position: relative;
}

aside{
padding: 0 10px;
position: sticky;
top: 120px;
left:0;
}

.side_menu a{
color: #fff;
}

.side_menu a:hover{
color: #FFFFCC;
}

.main_contents{
width:95%;
max-width: 900px;
background-color:#E8E8F3;
/*margin-bottom: 5px;*/
}

.single_contents{
width:95%;
max-width: 900px;
background-color:#E8E8F3;
margin: 0 auto;
}

.single_contents p{
font-size: 1.4rem;
}

.single_contents p.boldtxt{
font-weight: bold;
margin-top: 20px;
}

.single_contents p.boldtxt:before{
content: "■ ";
}

.bottom_aki{
padding-bottom: 30px;
}

.bg_box{
flex-grow: 1;
/*margin-bottom:5px;*/
}

article{
overflow: hidden;
}

.title_header, .title_header1{
margin-top: 20px;
opacity:0;
}

.title_header img,
.title_header1 img{
width: 100%;
}

.zoomin{
animation-name:fadeInAnime;
animation-duration:4s;
animation-fill-mode:forwards;
opacity:0;
}

.text_gothic{
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

/*.zoomout{
animation-name:faderightAnime;
animation-duration:3s;
animation-fill-mode:forwards;
}*/

/*.fade{
animation: fadeOutAnime;
animation-duration:1s;
animation-fill-mode:forwards;
}

.fade:after{
content: "";
display:none;
}*/

/*.fade{
opacity: 0;
}*/

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}


@keyframes fadeLeftAnime{
  from {
    opacity: 0;
    transform: translateX(-100px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes faderightAnime{
  from {
    opacity: 1;
    transform: translateX(0);
  }

  to {
    opacity: 0;
    transform: translateX(-100px);
  }
}

@keyframes fadeOutAnime{
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}


.content{
margin-top: -42px;
padding: 0 30px;
line-height: 1.6;
}

.noheadimg{
margin-top: 100px;
}

.content h1{
font-size: 3.6rem;
color: #fff;
font-weight: bold;line-height: 1;
text-shadow: 2px 2px #333;
position: relative;
}

.content h2,
.content_nop h2{
color:#5654A2;
font-size: 1.8rem;
margin-bottom: 0;
}

.content h2:before,
.content_nop h2:before{
content: "■ ";
color: #5654A2;
}

.content_nop{
padding: 0 30px;
line-height: 1.6;
}

.content h2 span{
color: #333;
}

/*#zazen h3:before{
content:'';
display: inline-block;
width: 16px;
height: 16px;
margin-right: 0.2em;
background-image: url(img/square.png);
background-size: contain;
vertical-align: middle;
}

#zazen h3{
font-size: 1.6rem;
}*/

h3{
font-size: 1.6rem;
color: #333;
border-left: solid 7px #5654A2;
text-shadow: 0 0 5px white;
padding: 0.2em 0.5em;
background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #E8E8F3, #E8E8F3 3px,#D5D5E9 3px, #D5D5E9 7px);
}

.sp_br{display: none}

.nittei_br{display: none;}

.yoyaku_br{display: none;}

.margin40{
margin-top: 40px;
margin-bottom: 40px;
}

.ptsume{
margin-top: -10px;
}

.margin_b0{
margin-bottom: 0;
}

.padding_b0{
padding-top: 0.3em;
padding-bottom: 0;
}

.text_s{
font-size: 90%;
line-height: 1.4;
}

.text_m{
font-size: 1.4rem;
line-height: 1.5;
}

.text_l{
font-size: 1.6rem;
}

p.text_l span{
font-size: 1.4rem;
}

.text_lb{
font-size: 1.6rem;
font-weight: bold;
}

.wback{
margin-top: 10px;
background-color:#fff;
padding: 2px 10px;
}

.ryokin{
width: 100%;
max-width: 400px;
border:1px solid #666;
margin-bottom: 30px;
}

.ryokin th{
font-size: 1.4rem;
padding-right:1em;
padding-left: 0.5em;
text-align: left;
line-height: 1.4;
background-color: #fff;
}

.ryokin td{
text-align: right;
background-color: #fff;
}

.ryokin td:last-child{
padding-left: 0.5em;
padding-right: 0.5em;
}

.ryokin th.bottom_space{
padding-bottom: 0.3em;
line-height: 1.2;
}

.ryokin span{
font-size: 1.2rem;
}

.content a{
color: #5654A2;
}

.content a:hover{
color:#C00;
}

/*　トピック詳細　*/

.content h2.topi{
margin-top: 50px;
}

.single_contents p.text_lt{
font-size: 1.6rem;
font-weight: bold;
}

.single_contents p.text_lt span{
font-weight: normal;
font-size: 1.4rem;
}

.text_l_waku{
margin-left: 1em;
}

.text_l_waku p{
font-size: 1.6rem;
}

.news_time{
font-size: 1.4rem;
text-align: right;
margin-right: 16px;
}

.topi_img{
margin-top: 2px;
}

.topi_img img{
width: 100%;
}

/*開閉ボタン*/

.showbtn, .hidebtn{
color: #5654A2;
cursor: pointer;
margin-top: 20px;
font-weight: bold;
}

.showbtn:after{
content:" ▼";
color: #5654A2;
}

.hidebtn:after{
content:" ▲";
color: #5654A2;
}

.appeardata{
display: none;
}

.content .link_btn a{
	display: inline-block;
	padding: 3px 16px;
	background-color:#5654A2;
	color:white;
	text-decoration:none;
}

.content .link_btn a:hover {
	background-color:#0000CC;
	color: #fff;font-weight: bold;
}

.about_hoyomai{
border: 3px solid #fff;
padding: 0 10px;
}

/*アクセス*/

.map {
width: 95%;
max-width: 960px;
margin: 20px auto 0 auto;
}

.map iframe{
width: 100%;
height: 50vh;
}

.times{
display: flex;
margin: 0 auto;
align-items: stretch;
justify-content: space-between;
}

.time1,.time2,.time3 {
    text-align: center;
    padding: 0 5px;
}

.time1{
flex:1;
}

.time2 {
width: 45%;
border-left: dashed 1px gray;
border-right: dashed 1px gray;
}

.time3{
width: 25%;
}

.time_img{
font-size: 1.6rem;
}

.time_txt{
margin-top: 0.5em;
font-size: 1.4rem;
line-height: 1.5; 
}

.cost_img {
font-size: 1.6rem;
}

.cost_txt {
margin-top: 0.5em;
font-size: 1.4rem;
line-height: 1.5; 
}

.costs{
display: flex;
align-items: stretch;
justify-content: space-around;
}

.cost1, .cost2{
text-align: center;
}

.cost1{
width: 60%;
padding: 0 5px;
}
.cost2{
border-left: 1px dashed gray;
flex: 1;
}

.cost1 table, .cost2 table{
margin: 0 auto;
}

.cost1 td, .cost2 td{
text-align: center;
line-height: 1.4; 
}

.cost_txt td:first-child{
text-align: right;
padding-right: 1em;
}

.kakomi{
border: 2px solid #C00;
background-color: #fff;
font-size: 1.4rem;
padding: 10px 16px;
}

.annai{
margin: 20px 5px 10px 5px;
padding: 10px;
background-color: #FFFDE7;
}

/*茶会*/

.chakai_hyo{
width: 100%;
}

.chakai_hyo td{
line-height: 1.6;
font-size: 1.4rem;
}

.chakai_hyo tr:nth-child(2n) td{
padding-left: 1em;
}

.month_t{
display: block;
padding: 10px 1em;
background-color: #5654A2;
color: #fff;
font-weight: bold;
}

.chakai_img{
width: 120px;
margin-left: 1em;
margin-right: 1em;
float: right;
}

.move_box{
width: 230px;
text-align: right;
float: right;
}
.chakai_img img{
width: 100%;
}

.midashi{
font-size: 1.8rem;
font-weight: bold;
color: #5654A2;
}

.stamp{
width: 95%;
margin: 20px auto;
padding: 30px 30px;
display: flex;
flex-direction: column;
gap: 20px;
background-color: #fff;
border-radius:20px;
}

.stamp_img{
width: 90%;
margin: 0 auto;
max-width: 450px;
}

.stamp_img img{
width: 100%;
}

.stamp_txt{
flex:1;
font-size: 1.4rem;
line-height: 1.8;
}

.bn_box{
}

.bn_box a img{
filter: opacity(90%);
border: 1px solid #999;
}

.bn_box a:hover img{
filter: opacity(100%);
border-color: #5654A2;
}

.agaru_bn{
width: 90%;
max-width: 430px;
margin: 0 auto;
}

.agaru_bn a{
display: block;
border: 1px solid #666;
}

.agaru_bn a:hover{
border: 1px solid #5654A2;
filter: drop-shadow(0px 0px 2px #5654A2);
}

.agaru_bn img{
width: 100%;
}

.agaru_setumei{
width: 90%;
max-width: 430px;
margin: 10px auto 0 auto;
line-height: 1.4;
font-size: 1.2rem;
}


a[href^="tel:"] { cursor: default; color:black;}

.txt14{
font-size: 1.4rem;
}

.yoyaku{
border: 1px solid #5654A2;
padding: 10px 20px;
margin: 0 20px 30px 20px;
text-align: center;
background-color: #fff;
}

.telg{
font-size: 2rem;
}

.tel-br{
display: none;
}

/*体験*/

.image_box{
margin: 0 auto;
text-align: center;
font-size: 1.2rem;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.image_box img{
width: 100%;
}

.image_box2{
display: flex;
justify-content: space-between;
gap: 10px;
}

.image_box2 div img{
width: 100%;
}

.prof{
background-color: #F7F6FC;
padding: 5px 16px;
margin-top: 20px;
}

.star{
list-style: none;
}

.star li{
margin-left: 2.25em;
text-indent: -1.25em;
}
.star li:before{
content:'★ ';
}

.sage1{
margin-left: 1em;
}

.jisage1{
margin-left: 1em;
text-indent: -1em;
}

.kikyou{
color:#5654A2;
}

.red{
color: #C00;
}

.akakei{
border: 1px solid #C00;
padding: 0 1em;
margin: 0 1em;
background-color: #FFFFCC;
line-height: 1.8;
}

.makie_box{
/*border-bottom: 1px solid #5654A2;*/
}

.makie_txt{
font-size: 1.4rem;
text-align: left;
line-height: 1.8;
}

.makie_box{
margin-top: 30px;
display: flex;
justify-content: space-around;
align-items:baseline;
gap:10px;
}

.box1,.box2,.box3{
display: flex;
flex-direction: column;
justify-content: flex-end;
}

.box1, .box2{
width: 30%;
}

.box3{
width: 40%;
}

.makie_box img{
width: 100%;
}

.box1 img{
max-width: 250px;
margin: 0 auto;
}

.kikyoiro{
color:#5654A2;
font-size: 1.6rem;
}

/*催事*/

.event {
font-size: 1.4rem;
line-height: 1.6;
border-bottom: 1px solid #5654A2;
padding: 0 0.5em;
}

.top{
margin-top: 30px;
padding-bottom: 20px;
}

.middle{
padding: 20px 0;
}

.last{
border-bottom: none;
padding-top: 20px;
padding-bottom: 50px;
}

.event_img{
width: 150px;
margin-left: 1em;
margin-right: 1em;
float: right;
}

.wide, .widew{
width: 300px;
}

.widew{
margin-bottom: 30px;
}

.event_img img{
width: 100%;
}

.caption {
font-size: 1.2rem;
text-align: center;
}

.jikai{
background-color: #fff;
padding: 10px 20px;
margin: 0 0 30px 0;
}

/*境内案内*/

.maps{
display:flex;
gap: 20px;
}

.keidaizu{
width: 65%;
/*margin-top: 30px;*/
display:flex;
flex-direction:column;
gap: 20px;
}

.keidai_img{
}

.keidai_txt{
width: 100%;
margin: 0 auto;
}
.keidai_img img{
width: 100%;
}

.mindar{
margin-left: 2em;
}


.setsumei{
flex: 1;
display: flex;
flex-direction: column;
gap: 20px;
}

.bamboo{
border: 3px solid #339900;
background-color: #fff;
padding: 10px 16px;
line-height: 1.4;
}

.bamboo p.midashi{
color: #390;
}

.bamboo p{
margin: 0 0;
}

.shuin {
border: 2px solid #f00;
padding: 0 1em;
}

.shuin ul{
margin-left: 1em;
}

.shuin li img { vertical-align: middle; }

.rishodo {
margin: 20px auto;
}

.rishodo table, .rishodo td {
	border-collapse:collapse;
	border: 1px solid #333;
}

.rishodo td {
	padding: 2px 1em;
}

.rishodo td p {
	line-height: 1.6em;
}

.rishodo_img01{
 float:left;
 margin-right: 1em;
 margin-bottom: 0.5em;
 }
 
.rishodo_img02{
/* float:left;
 margin-right: 1em;
 margin-bottom: 20px;*/
 width: 100%;
 margin: 0 auto;
}

#sho_museum, #mindar{
margin-bottom: 30px;
}

.museum{
display: flex;
gap: 20px;
}

.museum_img{
 width: 40%;
}

.museum_img img{
width: 100%;
}

.museum_txt{
flex: 1;
align-self: flex-end;
}

/*プライバシーポリシー*/

.title {
    width: 300px;
    /*height: 20px;*/
    margin: 30px 0 10px 0;
    padding: 1px 0 5px 12px;
    border-left: solid 1px gray;
    border-bottom: solid 1px gray;
    color: black;
}

.title_txt{
margin-left: 0.5em;
margin-bottom: 30px;
}

.title_txt span{
font-size: 1.4rem;
}

/*関連リンク*/

.link_txt{
margin-top: 30px;
margin-left: 30px;
margin-bottom: 50px;
}

.link_txt li{
font-size: 1.8rem;
line-height: 3;
}

@media screen and (max-width: 1080px){

p.hekiga{
text-align: center;
}

/*.rishodo_img02{
 float:none;
 clear: both;
 width: 100%;
 margin: 0 auto;
}*/

}

@media screen and (max-width: 1024px){


/*駐車場*/

.times{
display: block;
margin: 0 auto;
}

.time1,.time2,.time3 {
    width: 95%;
    padding: 10px 0;
    margin: 0 auto;
    display: flex;  
}

.time2{
border-left: none;
border-right: none;
border-top:1px dotted gray;
border-bottom:1px dotted gray;
}

.time_img{
width: 180px;
}

.time_txt{
flex:1;
text-align: left;
align-self: flex-end;
}



}

@media screen and (max-width:980px){

.wide, .widew {
float:none;
clear: both;
margin: 0 auto;
}

.widew{
width: 400px;
margin-bottom: 0;
}

}

@media screen and (max-width:960px){


/*駐車場*/

.costs{
display: block;
}

.cost1, .cost2{
width: 95%;
margin: 0 auto;
padding: 0 0;
display: flex;
}

.cost1{
border-bottom:1px dotted gray;
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 20px;
}

.cost2{
border-left: none;
}

.cost_img{
width: 180px;
}

.cost_txt{
flex:1;
text-align: left;
align-self: flex-end;
}

.cost1 table, .cost2 table{
margin: 0;
}

}

@media screen and (max-width: 910px){

.nittei_br{display: inline;}

}

@media screen and (max-width: 890px){

.tel-br{
display: inline;
}


/*美術品*/

.makie_box{
flex-direction: column;
}

.box1, .box2, .box3{
width: 100%;
}

.box1 img,
.box2 img{
width: 80%;
max-width: 300px;
margin: 0 auto;
}

.box3 img{
width: 90%;
max-width: 400px;
margin: 0 auto;
}

.pc_br{
display: none;
}

}

@media screen and (max-width:860px){

/* 境内案内 */

.maps, .museum{
flex-direction: column;
}

.keidaizu{
width: auto;
}

.setsumei{
flex: initial;
}

.setsumei_box{
/*padding-left: 2em;*/
text-align: center;
}

.keidai_txt{
max-width: 300px;
}

.museum_img{
width: 75%;
margin: 0 auto;
}

.shuin{
width: 90%;
margin:0 auto;
}

/*茶会*/

.move_box{
float:none;
width: 100%;
text-align: center;
}

}

/* パッド・スマートフォン */

@media screen and (max-width:780px){

body{
width: auto;
}

.haikeiw{
background: none;
box-shadow: none;
}

.haikeiw names{
width: 60px;
flex-direction: column;
}

.haikeiw .name_yoko{
display: none;
}

.haikeiw .name{
display: block;
}

.haikeiw .onki{
display: block;
}

.haikeiw .mon{
background: url("kikukirimon.png") no-repeat top center;
background-size: contain;
}

.names{
width: 80px;
margin: 5px 0 0 10px;
}

.mon{
width: 60px;
height: 60px;
margin-left: 5px;
}

.name{
width: 70px;
left: 0;
top: 60px;
}

.onki{
top: 230px;
left: 0;
width: 70px;
}

.info li{
margin-left: 5em;
margin-right: 1em;
font-size: 1.4rem;
text-align: justify;
}

header nav {
position: fixed;
top:0;
right: -120%;
width: 50%;
height: 100vh;
background-color:rgba(58,58,58,0.90);
transition:all 0.6s;
overflow:auto;
}

header nav.active{
right:0;
}

.menumark{
display: block;
position: fixed;
z-index: 9999;
top: 10px;
right: 10px;
cursor: pointer;
width: 50px;
height: 50px;
}

.menumark span{
display: inline-block;
transition: all .4s;
position: absolute;
left: 14px;
height: 3px;
border-radius: 2px;
background-color: #fff;
width: 45%;
}

.sec_header .menumark span{
background-color: #5654A2;
}


.menumark span:nth-of-type(1){
top: 15px;
}

.menumark span:nth-of-type(2){
top: 23px;
}

.menumark span:nth-of-type(3){
top: 31px;
}

.menumark.pdactive span:nth-of-type(1){
top: 18px;
left:18px;
transform:translateY(6px)rotate(-45deg);
width: 50%;
}

.menumark.pdactive span:nth-of-type(2){
opacity: 0;
}

.menumark.pdactive span:nth-of-type(3){
top: 30px;
left:18px;
transform:translateY(-6px)rotate(45deg);
width: 50%;
}

.sec_header .menumark.pdactive span:nth-of-type(1){
background-color: #fff;
}

.sec_header .menumark.pdactive span:nth-of-type(3){
background-color: #fff;
}

.sp-only{
display: block;
letter-spacing:normal;
}

.sp-only a{
padding-left:0;
}

.sp-only img{
vertical-align: middle;
}

header nav ul{
text-indent: 0;
gap: 0 0;
flex-direction: column-reverse;
margin-top: 60px;
}

header nav ul li{
flex-basis: 80px;
height: 80px;
font-size: 1.8rem;
text-align: center;
line-height: 1.2;
letter-spacing:1em;
text-indent: 1em;
}

nav ul li a{
padding-left: 1em;
padding-top: 20px;
}

header nav ul li a:link,
header nav ul li a:visited{
color: #fff;
}

header nav ul li span{
display: inline;
letter-spacing: normal;
font-size: 1.2rem;
}

header nav ul li.menu01 a,
header nav ul li.menu02 a,
header nav ul li.menu03 a,
header nav ul li.menu04 a,
header nav ul li.menu05 a,
header nav ul li.menu06 a,
header nav ul li.menu01 a:hover,
header nav ul li.menu02 a:hover,
header nav ul li.menu03 a:hover,
header nav ul li.menu04 a:hover,
header nav ul li.menu05 a:hover,
header nav ul li.menu06 a:hover,
header.sec_header nav ul li.menu01 a,
header.sec_header nav ul li.menu02 a,
header.sec_header nav ul li.menu03 a,
header.sec_header nav ul li.menu04 a,
header.sec_header nav ul li.menu05 a,
header.sec_header nav ul li.menu06 a,
header.sec_header nav ul li.menu01 a:hover,
header.sec_header nav ul li.menu02 a:hover,
header.sec_header nav ul li.menu03 a:hover,
header.sec_header nav ul li.menu04 a:hover,
header.sec_header nav ul li.menu05 a:hover,
header.sec_header nav ul li.menu06 a:hover,
header.haikeiw nav ul li.menu01 a,
header.haikeiw nav ul li.menu02 a,
header.haikeiw nav ul li.menu03 a,
header.haikeiw nav ul li.menu04 a,
header.haikeiw nav ul li.menu05 a,
header.haikeiw nav ul li.menu06 a{
background-image: none;
}


header nav ul li a:hover,
header nav ul li a:active{
color: #5654a2;
background-color: rgba(255,255,255,0.9);
}

.navi_menu{
gap: 10px 0;
}

.index01,
.index02,
.index03,
.index04,
.index05,
.index06{
height:100vh;
}

.navi{
/*width: 45%;*/
}

.l28 img{
object-position: 28% center;
}

.rc img{
object-position: right center;
}

.lc img{
object-position: left center;
}

.index03 .sideimg{
background: url("keidai.jpg") no-repeat top center;
background-size: cover;
}

.index06 .sideimg{
background: url("saiji.jpg") no-repeat center center;
background-size: cover;
}


}


@media screen and (max-width: 760px){

.yoyaku_br{display: inline;}

.widew{width: 350px;}

}


@media screen and (max-width: 705px){

.kakomi{
text-align: left;
}

}

@media screen and (max-width:650px){

.cost_img{
width: 160px;
}

}

@media screen and (max-width:639px){

.side_menu, .bg_box{
display: none;
}

.main_contents{
width: 100%;
/*margin-bottom:0;
border-bottom: 1px solid #5654A2;*/
}

.kakomi{
text-align: center;
}

.cost_img{
width: 180px;
}

/*茶会*/

.move_box{
width: 230px;
float:right;
text-align: right;
}

}

@media screen and (max-width: 500px){

.content{
padding: 0 16px;
}

.footer_menu div a{
font-size: 1.4rem;
}

.footer_menu div a{
display: block;
padding: 0.2em 0.8em;
}

.bn_box img{
width: 95%;
max-width: 320px;
}


/*トップへ戻る（横）*/

/*#totop {
bottom: calc(50% - 4em);
}*/

/*

#totop p {
letter-spacing: normal;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: horizontal-tb;
          writing-mode: horizontal-tb;
}

#move_top {
	bottom:28px;
	width: 10em;
	height: 24px;
	cursor: pointer;
	padding: 2px 10px;
	border :1px solid #5654A2;
	background-color: #fff;
	color: #5654A2;
	border-radius: 10px;
 }*/
 

}

@media screen and (max-width: 470px){

.content{
margin-top: -36px;
}

.content h1{
font-size: 3rem;
}

.chakai_img,
.event_img{
float:none;
width: 150px;
margin: 0 auto;
}

.wide, .widew{
width:300px;
margin-bottom: 0;
}

.sp_br{
display: inline;
}

.kakomi{
text-align: left;
}

.navi{
width: calc(100% / 3);
padding: 5px 8px;
}

.naiyou ul{
font-size: 1.2rem;
}

}

@media screen and (max-width: 440px){


/*茶会*/

.move_box{
float:none;
width: 100%;
text-align: center;
}

}


@media print{

@page{
size: A4;
margin: 0;

}

.header, .sec_header{
display: block;
position: absolute;
/*overflow:hidden;*/
}

.wrap{
width: 100%;
height: auto;
}

.slide-image img{
}

.header .navi_box{
margin-top: -60px;
}

.info_area{
position: relative;
}

.sec_header .navi_box{
margin-top: -60px;
}

.side_menu{
padding-top: 100px;
}

#totop{
display: none;
}

}