@charset "utf-8";
 html { scroll-behavior: smooth;}
 #logo {
  max-width:70%;
  display:block;
  margin:0px auto;
}
nav{
 width: 100%;
 height: 70px;
 position: fixed;
 background: #fffbed;		z-index: 1000;
box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.3);
 
}
.drawer{
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
 position: relative;
 height: 70px;
 padding: 0 1em;
}
.drawer img {
width:100%;
max-width: 100%;
	height: auto;
}


.menu ul li a {
display:block;
font-weight:bold;
padding: 2em;
border-bottom: solid 1px #FFF;
color: #be5aa5;
text-decoration:none;
}
.menu ul li a:first-child {
border-top: solid 1px #FFF;
}
.menu ul li a:hover
{background-color:rgba(254,212,221,0.5);
color:orange;}

.menu{
  text-align:center;
  background-color:rgba(233,187,213,1);
  transition: .5s ease;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}

.menu.open {
 -webkit-transform: translateX(0%);
 transform: translateX(0%);
}

.Toggle {
    display: block;
    position: fixed;
    width: 32px;
    height: 32px;
    cursor: pointer;
    z-index: 3;
  right:15px;
}
.Toggle span {
    display: block;
    position: absolute;
    width: 30px;
    border-bottom: solid 3px #e9bbd5;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
} 
.Toggle span:nth-child(1) {
    top:5px;
}
 
.Toggle span:nth-child(2) {
    top: 17px;
}
 
.Toggle span:nth-child(3) {
    top: 28px;
}

.Toggle.active span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media screen and (min-width: 600px) {
nav{ height: 100px; }
.drawer{ height: 100px;}
 #logo {  max-width:60%;}
}

@media screen and (min-width: 1024px) {
 #logo {margin:0px auto; padding: 20px;vertical-align: middle;}
  header::after{display:none;
 } 
.menu ul li a:first-child {
border-top:none;
}
nav{ display: flex; height: 90px;	}
.drawer{ height: 90px;}
.Toggle{
 display: none;
}
.menu{
 width: 100%;
  background-color: transparent;
  margin-top:0;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
.menu ul{
 height: 90px;
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-end;
 align-items: center;
	list-style: none;
}
.menu ul li a{
 padding: 0 1em;
 border-bottom: none;
font-size: 1.2rem;
}
  .menu ul li a:hover
{
  background-color:transparent;
}
}


/* 背景 */
section{
  margin:0;
  padding:0;
}
#contentstop_area {
  background:#FFF;
		background-image: url("../img/bg_top.jpg");
		background-size: cover;
		background-position: top;
		background-repeat: no-repeat;
}
/*
#contents01_area {
background-color:#fff1f1;
		padding-bottom: 40px;
}
*/
#contents02_area,#contents02_02_area {
  background:#FFF;
		background-image: url("../img/entry_bg.gif");
		background-size: contain;
		background-repeat: no-repeat;
}
#contents03_area {
  background:#f8f2f8;
		padding-bottom: 40px;
}
#contents04_area {
		background-image: url("../img/kyo_bg.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		display : block;
}
#contents05_area {}
#contents06_area {}

#contents03_02_area {
  background:#f8f2f8;
		padding-bottom: 40px;
}
.frame_div2{height: 4100px;}
@media screen and (min-width:1025px){
.bottom-menu{display: none;}
/* PCトップメニュー */
.side-menu {
  position: fixed;
  top: 10vh;
  right:0;
  z-index:1;
}
.side-menu li a{
  padding:7px 24px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}

.side-menu  li a:hover {
opacity: 0.5 ;
}
.sp {display: none;
}
}
@media screen and (max-width:1024px){
#contentstop_area {padding-top: 5%;}
#contents02_02_area {padding-top: 17%;}
#contents03_02_area {padding-top: 20%;}
.frame_div{padding-top: 15%;}
ul.bottom-menu {
    position: fixed;
    left:0;
    top: 0;
    width: 100%;
    margin:0;
				background-color: rgba(255,255,255, 0.9 );
				box-shadow: 0px 4px 10px #d88b94;
    padding:3px 0 5px;
    z-index:30;
}
ul.bottom-menu li {
    float:left;
    width:25%;
    list-style-type:none;
    text-align:center;
}
ul.bottom-menu li img {
    width:50%;
}
.bottom-menu li a {
    display: block;
    padding-top:10px;
    padding-bottom:5px;
    line-height:10px;
    text-decoration:none;}
				
/* === 展開メニュー === */
ul.menu-second-level {
    visibility: hidden;
    opacity: 0;
    z-index:1;}

.menu-second-level li a:hover {
    height:100%;
}
li.menu-width-max ul.menu-second-level {
    position: absolute;
    bottom: 47px;/*高さ*/
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding:0;}

li.menu-width-max:hover ul.menu-second-level {
    bottom: 47px;/*高さ*/
    visibility: visible;
    opacity: 1;}

li.menu-width-max ul.menu-second-level li {
    float: left;
    width: 100%;
    border: none;}

/* PCトップメニュー */
.side-menu{display: none;}

/*ページトップ*/				
	.floating-banner {
    position: fixed;
    z-index: 99999;
    bottom: 5px;
    right: 5px;
				width: 15%;
}
.floating-banner:hover { opacity: 0.9;}
}
/***トップへ戻るボタン***/
#page-top {
position: fixed;
right: 10px;
bottom: 10px;
}
#page-top:hover{
opacity:0.8;
}
@media only screen and (max-width: 767px) {
#page-top {
width: 25%;
}
}
/***トップへ戻るボタンここまで***/

#pagetop {
    position: fixed;
    bottom: 40px;
    right: 40px;
}
#pagetop a {
    display: block;
background-color: #ffa025;
color: #FFFFFF;
    width: 120px;
    border-radius: 10px;
    padding: 10px 5px;
	font-size: 1em;
	line-height: normal;
    text-align: center;
}
#pagetop a:hover {
background-color: #FF1015;
}

@media screen and (max-width:599px){
#contentstop_area {padding-top: 0%;}
#contents02_02_area {padding-top: 20%;}
#contents03_02_area {padding-top: 5%;}
.frame_div{padding-top: 20%;}
.frame_div2{height: 5500px;}
ul.bottom-menu li img {
    width:60%;}
/*ページトップ*/				
	.floating-banner {	width: 20%;}
		}