/*----CONTENTS layout------*/

/*----[A]共通----*/
div.layer_contents { padding: 0; margin: 0; background: #F4F5FF;}

/*----[B]SCREEN---- */
/*----(1) 全面設定----*/
ul.no-screen {
display: block;padding: 0;list-style: none;
}
ul.no-screen li { background-image: linear-gradient(90deg,#ECF1FF 0%, #fff 35%, #fff 100%); }/*aminationから移動*/
/*----(2) 2面設定 WIDTH----*/
ul.screen {display: table;list-style: none; background: transparent;}
ul.screen li {display: table-cell;vertical-align: top;}

/*--各面--*/
ul.screen li.side1 { width: 30%; padding: 20px 0;}
ul.screen li.side2 { width: 70%; padding: 20px 0;}
.side-a {background-image: linear-gradient(90deg,#EAECFF 0%, #fff 100%);}
.side-b {background: #fff;}

/*---[C] CONTENTS -left & -right 共通---*/
.contents,.contents-left,.contents-right { position: relative; }

/*--(1)全面 TOPと中のページは共通--*/
ul.no-screen li div.contents {padding: 15px 0 ; border-top: 1px solid #DBDBEB;}

/*-- (2) 2面 TOP --*/
.contents-left {padding: 0;}
.contents-right {padding: 0;}
/*-- (2) 2面 中のページ --*/
ul.screen li div.contents {padding: 20px; margin: 0;}
ul.screen li.side1 div.contents { border-top: 1px solid #ccc;}
ul.screen li.side2 div.contents { border-top: 1px solid #ccc;}

/*--- [D] CONTENTS-TOP 全面 または 2面 TOP 中のページ ---*/
ul.no-screen li div.contents-top,ul.screen li.side1 div.contents-top,ul.screen li.side2 div.contents-top  { padding-top: 2px; border: none;}
/*----下から移動---*/

ul.no-screen li div.contents,ul.no-screen li div.contents-top { min-height: 37px; padding: 18px 0;}
/*----下から移動ここまで---*/
/*----CAPTION----*/
div.caption { color: #3E89B4; font-size: 20px; margin-bottom: 10px; line-height: 24px; border: 0;background-image: linear-gradient(180deg, none 0%, none 100%); margin: 0 1px; padding: 8px 20px; position: relative;}
/*----下から移動---*/
div.caption { font-size: 20px; width: 28%; padding: 0 70% 0 2%; position: absolute; top: 15px; left: 0; z-index: 98; font-weight: normal; line-height: 27px;}
div.caption a { color: deeppink;}
div.caption nav { position: absolute; top: 2px; left: 30%; width: 70%; padding: 0 0 0 1%; margin: 0;  font-weight: normal;}
div.caption nav i { color:#B2CEFF;}
div.caption span.catch {display: inline-block; color:#7E82DA; font-size: 20px; backround: none; font-weight:bold; margin:0; padding: 0; border: none;}
div.caption span.subcatch { display: block; width: 85%; color:#4B956E; font-size: 16px; background: none; font-weight:normal; margin:20px 0 0 0; padding: 11px 0 0 0; border: none;}
/*----下から移動ここまで---*/

/*----fold----*/
div.fold {padding: 0 25px; margin: 0;font-size: 16px;color: #627373;line-height: 25px;}
div.fold span {display: block;}
div.fold img.b1 { width: 520px; margin: 10px 0;}
div.fold img.b2 { width: 110px; margin: 10px 0;}
div.fold img.kessai { width: 400px; margin: 10px 0;}
div.fold ul.hours { display: table; width: 80%; margin: 0; padding: 0;}
div.fold ul.hours li { display: table-cell; vertical-align: middle; padding: 2px 0; width: 10%;  color:#555; text-align: center; border-left: 1px solid #fff; border-bottom: 1px #fff solid; background: #eee;}
div.fold ul.hours li.col1 { padding: 2px 0 2px 1%; width: 29%; text-align: left; border:none; background: ghostwhite;}

div.fold a.top-telephone {cursor: default; border: none; color: #01A27C; font-size:17px; margin:8px 0 13px; 0;}
div.fold ul.hours1 { background-color: #cceeff;}
div.fold ul.hours1 li.col1 { background#cceeff;}
div.fold ul.hours2 { background-color: #e4deff; border-top: 1px solid #fff;}
div.fold ul.hours2 li.col1 { background-color: #b5d8fb;}

div.fold img.qrcode { float: right; width: 112px; margin: 0 0 5px 10px;}

/*----下から移動---*/
div.fold { margin: 0 40px 0 30%; padding: 0 0 0 1%; z-index: 99;}
div.fold a { color: deeppink;}
div.fold-add { margin: 40px 0 0 30%;}/*---おりたたみ---*/
div.fold section { font-size: 20px; padding: 0 0 8px 0; margin: 0 0 14px 0; border-bottom: 1px dotted #bbb; font-weight: normal;}
div.fold article { font-size: 19px; padding: 0 0 8px 0; font-weight: borld;}
div.fold aside { font-size: 14px; padding; 0 0 5px 0; }
div.fold img { margin: 0;}
div.fold img.kessai { width: 30%; min-width: 350px;}
.open-fold { top: 0;}
/*----下から移動ここまで---*/
/*----下から移動---*/
div.fold ul { margin: 0 0 0 20px; padding: 0; line-height: 28px;}
div.fold ul li { background: none; list-style: square; color: deeppink; margin: 0; padding: 0;}
div.fold ul li span {display: block; color: #017F3F; color: #5f7a65;}
/*----下から移動ここまで---*/


/*-----absolute用-----*/
.open-fold,.close-fold {
outline:none;
position: absolute;
top: 20px;
left: 0;
z-index: 999;
width: 100%;
background: transparent;
border: 0;
text-align: right;
padding-right: 12px;
cursor: pointer;
}

.open-fold {
display:block;
color: #417038;
margin:1px 0 0 0;
}

.close-fold {
display:inline-block;
color: #339900;
margin:1px 0 0 0;
}

/*-----ICON------*/

.i-top-r {
color: #F576C3;
margin-right: 5px;
}

.i-top-b {
color: #00CC99;
margin-right: 5px;
}

.i-top-g {
color: #00CC33;
margin-right: 5px;
}

iframe.calendar { float:left; border: none; width:330px; height:405px; margin: 0 10% 0 0;}

/*---new2023幅100%用---*/





/*---new2023これは残す---*/



/*----oritatami----*/
.oritatami {display: inline-block; text-align:left; margin: -15px -3px 5px -3px; padding:4px 3px;border-width: 0 0 2px 0; border-style: dotted; border-color: #EAC0FF; color:#0A7618; font-size:16px; background: none; cursor:pointer;}
.oritatami i {color: deeppink;}
.oritatami-close {display:none;}
.oritatami-naka {display:none; margin: 0 0 15px 0; padding: 10px 0 20px 0; border-bottom:1px solid #EAC0FF;}

/*---移動---*/
/*---BANNER---*/
main,main.link {position: relative; display:block; margin: 2px 0 30px 0; padding: 0 0 20px 0; width:100%; max-width: 630px;}
img.illust {position:absolute; z-index: 99;}
header { font-size:19px; font-weight: bold; padding: 15px 30px; margin; 12px 20px 0 10px;}
menu { position: relative; font-size:21px; padding: 10px 15px; margin: 0 15px 20px 15px;}
footer { position: relative; color: #543f32; padding: 7px 130px 0 55px; font-size: 15px; line-height: 24px;}
main.link::after { content:'▼'; position: absolute; bottom: 11px; right: 40px; font-size: 24px; transform: rotate(0.75turn)}
footer i { position:absolute; top: 8px; left: 30px;z-index: 97; color:#e83929; font-size: 18px;}
/*---全体の背景色とトップの文字色---*/
.bg1 {background: #cbb994; background: #ede4cd; color:#543f32;}
.bg2 {background:#eaf4fc; color:#19448e;}
.bg3 {background:#e7e7eb; color:#CC3333;}
.bg4 {background:#FbF98c; color:#ea5506;}
.bg5 {background:#ffeaf4; color:#CA5EEA;}
.bg6 {background:#fff4ea; color:#ea5506;}
.bg7 {background:#ffffbc; color:#ea5506;}
/*---image---*/
.illust1 { width: 110px;  top:10px; right: 10px;}
.illust2 { border: 1px solid grey; width: 165px;  top:10px; right: 10px;}
.illust3 { width: 120px;  top:20px; right: 10px;}
.illust-big { width: 140px;  top:2px; right: 2px;}
/*---ボックスの背景色と文字色---*/
.menu-bg1 {background: #543f32; color: #fff;}
.menu-bg2 {background:#223a70; color: #fff;}
.menu-bg3 {background:#555; color: #fff;}
.menu-bg4 {background:#597f04; color: #fff;}
.menu-bg5 {background:#DD46A7; color: #fff;}
.menu-bg6 {background:#Fc5913; color: #fff;}
.menu-bg7 {background:#6D3D2A; color: #fff;}
/*---吹き出し背景色---*/
.search-bg1 {border-color:  #543f32 transparent transparent transparent;}
.search-bg2 {border-color: #223a70 transparent transparent transparent;}
.search-bg3 {border-color:#555 transparent transparent transparent;}
.search-bg4 {border-color: #597f04 transparent transparent transparent;}
.search-bg5 {border-color:#DD46A7 transparent transparent transparent;}
.search-bg6 {border-color: #Fc5913 transparent transparent transparent;}
.search-bg7 {border-color: #6D3D2A transparent transparent transparent;}
/*---下の文字色（指定がある場合）---*/
.foot-color1 { color:;}
.foot-color2 { color:#164a84;}
.foot-color3 { color:#444;}
.foot-color4 { color:#715c1f;}
.foot-color5 { color:#6D3B3;}
.foot-color6 { color:#543f32}
.foot-color7 { color:#715c1f;}
/*---下のチェックあるなし---*/
.check-no {padding: 7px 130px 0 25px;}
.check-yes {padding: 7px 130px 0 55px;}

search {
position:absolute; bottom:-14px; left: 30px;z-index: 97;
width:0;
height:0;
border-style:solid;
border-width: 22px 14px 0 14px;
}
/*---移動ここまで---*/

.news-list {display: block;color: green;font-size: 17px;margin:0; padding:0;}
.news-list::before { content: '■'; color: deeppink; font-size: 13px; margin-right: 5px; vertical-align: middle;}