@charset "UTF-8";

body {
	background-image:url('../images/background.jpg');
	background-size:cover;
	background-position:center top;
	background-attachment:fixed;
	font-family: 'Zen Maru Gothic', sans-serif;
}

div.main-photo {margin-top:50px;}
div.main-contents {padding-bottom:30px; margin-bottom:40px; background:#fff;}

::-webkit-full-page-media, :future, :root body {background-image:none; background-color:#FDFCDB;}
::-webkit-full-page-media, :future, :root div.main-photo {margin-top:10px;}

.menu-item {
    font-size:1.2em;
    font-weight:500;
}

.accordion-001 {
    max-width: outo;
    background-color: #ffffff;
}

.accordion-001:not([open]) {
    margin-bottom: 7px;
}

.accordion-001 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    border-radius: 5px;
    background-color: #FDFCDB;
    color: #000000;
    font-weight: 600;
    cursor: pointer;
}

.accordion-001 summary::-webkit-details-marker {
    display: none;
}

.accordion-001 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #000000;
    border-right: 3px solid #000000;
    content: '';
    transition: transform .3s;
}

.accordion-001[open] summary::after {
    transform: rotate(225deg);
}

.accordion-001 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em 2em 2em;
    color: #000000;
    transition: transform .5s, opacity .5s;
}

.accordion-001[open] p {
    transform: none;
    opacity: 1;
}


p.midashi {font-family: 'Damion', cursive; font-size:4em; margin:0; line-height:1em;}

a img:hover {opacity:0.7;}

/* 囲み枠 */
.box5 {
    padding: 0.5em 1em;
    margin: 50px 0 2em 0;
    border: double 5px #ED7B7F;
}
.box5 p {
    margin: 0; 
    padding: 0;
}
.box5 a {color:#ED7B7F;}

/* テキストリンク */
a{
  color:inherit;
  text-decoration: none;
}

/* ボタン */
a.btn_04 {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: 30px auto auto auto;
	padding: 1rem 3rem;
	font-weight: bold;
	border: 2px solid #ED7B7F;
	background: #ED7B7F;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
}
a.btn_04:hover {
	color: #ED7B7F;
	background: #fff;
}

/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 14px;
   border-right: 1px solid #fff;
}

/*左側メニューの色*/
#sp-fixed-menu li:first-child{
   background: #ED7B7F;
}

/*中央メニューの色*/
#sp-fixed-menu li:nth-child(2){
   background: #ED7B7F;
}

/*左側メニューの色*/
#sp-fixed-menu li:last-child{
   background: #ED7B7F;
}

/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding:20px;
}

.box-item {
display: flex;
align-items: center;
}

/*PCの場合にはメニューを表示させない*/
@media (min-width: 768px) {
   .for-sp{
      display:none;
    }
}

#pagetopbox{display:none; position:fixed; bottom:90px; right:20px; z-index:999999;}
#pagetopbox a{display:block; color:#EA2F4A;}
#pagetopbox a:hover{text-decoration:none;}
#pagetopbox i{ font-size:204%; display:block;}
#pagetopbox i.fa-angle-up {font-size:1.4em; line-height:1.3em;}

.news-tbl .title {font-weight:500;}
.highlight {
  text-decoration: underline;
  text-decoration-thickness: 0.5em;
/*
  text-decoration-color: rgba(255, 228, 0, 0.4);
*/
  text-decoration-color: rgba(255, 102, 204, 0.4);
  text-underline-offset: -0.2em;
  text-decoration-skip-ink: none;
}

/* スマホ用スタイル */
@media screen and (max-width:576px) {
	p.midashi {font-size:2em;}
	.news-tbl th, .news-tbl td {display:block; padding:0;}
	.news-tbl td {border-bottom:solid 1px #ccc; padding-bottom:0.5em; margin-bottom:0.5em;}
	.f-bottom {margin-bottom:90px;}
	.accordion-001 summary {padding:1em;}
	.accordion-001 p {padding:1em 0.2em 2em 0.5em;}

	.box5 {
	    padding: 0.5em 1em;
	    margin: 1.5em 0 1em 0;
	    border: double 5px #ED7B7F;
	}

	.menu-item {
	    font-size:1em;
	    font-weight:400;
	}

}