@charset "utf-8";
/* CSS Document */
body {
  width: 100%;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  /*	font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  /*	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
  font-family: "NOW-GE","ヒラギノ角ゴ ProN W3","メイリオ","Meiryo","MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;
  ;
}
h1, h2, h3, h4, h5, p {
  padding: 0;
  margin: 0;
}
a {
  outline: none;
  text-decoration: none;
  color: #000;
}
.clear {
  clear: both;
}
li {
  list-style: none;
	
}
ul {list-style: none;
margin: 0 0 0 0;
padding: 0;
margin-block-start: 0;
}
p{line-height: 1.7;  margin-block-start: 0;margin-block-end: 0;}
.inner_box {
    max-width: 1200px;
    margin: auto;
    width: auto;
    ;}
.cf{clear:  both;}


img {
max-width: 100%;
height: auto;
}

.arrowBtm {

  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-decoration: none;
}
/* アニメーション設定 */
.arrowBtm a {
  padding-top: 70px; color: white;
}
.arrowBtm a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 1.5s infinite;
  animation: sdb 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {-webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
.small{font-size:12px;font-weight: normal;}
.middle{font-size:16px;font-weight: normal; font-weight: bold;}

/*moji animation*/
.js-animation {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: all 1s;
}
.js-animation.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

/*ページ戻るボタン*/
.page_top {
	text-align: center;
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 40px 20px 10px 20px;
	background: linear-gradient(to top right, #3399cc, #3399cc, #3399cc);
	color: white;
	width: 80px;
	
	text-decoration: none;
	border-radius: 100px;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.12), 0 3px 20px 0 rgba(0,0,0,0.12), 0 5px 6px -2px rgba(0,0,0,0.6);
	-webkit-tap-highlight-color: transparent;
	transition: .3s ease-out;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 3;
	border: #444444;
}
/*==============================================
header 
================================================*/
header {width: 100%;position: fixed;background: #fff;top: 0; z-index: 50;box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3);
    height: 80px;}
header .logo {
    padding: 0px 0 16px 10px;
    position: absolute;
    top: 0; z-index:50;text-indent:-9999px;}



/*==============================================
　global navigation bar (top)
================================================*/
.pc_logo{display: block;
    float: left;
    margin: 35px 0 0 30px;
    width: 394px;
    height: 27px;
    text-indent: -9999px;
    background: url("../img/amg_logo.png") no-repeat;
    background-size: 394px 27px;}
ul.navi-top, ul.navi-top a {
        color:white;/*文字の色*/
	    font-size: 18px; width: 200px; height: 40px;
       }

ul.navi-top a:hover {border-radius: 10px; 
        color:white;/*マウスオーバーの時の文字の色*/
        background-color:#084358;/*マウスオーバーの時の背景色*/}

ul.navi-top {height: 37px; background-position: left 70px top 10px; 
	position:absolute;
	left:0;
	top:0;
   	margin: 0;
	font-size:14px;
	width:100%;
	text-align:right;
	z-index:50;}/*重なり順*/

header .logo {
    padding: 0px 0 16px 10px;
    position: absolute;
    top: 0; z-index:50;}
.material-icons{vertical-align: middle;}

/*1階層目*/
ul.navi-top li {
	/*１階層目の幅*/
   	display: inline-block;
   	list-style-type: none;
   	position: relative; margin-right: 0px;border-radius: 30px; margin-top: 20px;}

ul.navi-top .sun a{background-color:#45d3d3;border-radius: 30px;color:white; padding-top: 5px;transition:all 1.0s;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, .2);}
ul.navi-top .access a{
	 background-color:#ccccff; border-radius: 30px;color:#444444;font-weight:bold;padding-top: 5px;transition:all 1.0s;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, .2);}
ul.navi-top .access a:hover {border-radius: 30px; 
        color:white;/*マウスオーバーの時の文字の色*/
        background-color:#f28d5f;/*マウスオーバーの時の背景色*/}
ul.navi-top .sun a:hover {border-radius: 30px; 
        color:white;/*マウスオーバーの時の文字の色*/
        background-color:#02b2b2; /*マウスオーバーの時の背景色*/}


ul.navi-top a {
   	line-height: 36px;/*メニューバーの高さ*/
   	text-align: center;/*文字位置中央寄せ*/
   	text-decoration: none;
   	font-weight: nomarl;
   	display: block;}

/*２階層目*/
ul.navi-top ul {
       display: none;
       margin:0px;
       padding:0px; 
       position: absolute;}

ul.navi-top ul a{
       width:185px;/*２階層目の幅*/}
ul.navi-top li:hover ul {
       display: block;}



.wrap_inner {
  max-width: 100%;
  height: 100%;
	background-size: cover;}



footer {
  background-color: #3399cc;
  padding: 40px;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
/*=======main_box======*/
.mainvisual_inner {
  right: 0;
  height: 100%;
  position: relative;

}
.mainVisOuter{
 background: url(../img/mainbg.jpg) repeat-y center top -2px;}

/*    flex-direction: column;*/
.main {position: relative;height: auto; }
.main{max-width: 1200px;
  margin: 0 auto;
	width: auto;
    margin-bottom: -7px;display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;}
.main_imgsp{display: none;}


.greenbg{background: url(../img/event01bg.jpg) no-repeat center top 0px #d9f1f8; background-size: cover;}
/*=======items======*/
.ribbon {
  left: 0;
  top: 0;
  position: absolute;
  height: 30px; 
  width: 60px; 
}

.ribbon span {
  text-align: center;
  display: block;
  width: 100%;
  height: 30px; 
  line-height: 35px; 
  background:#45d3d3;
  color: white;
  font-size: 16px;
  text-shadow: 1 1 3px #000;}

.event01＿nm{width: 100%;   background: linear-gradient(358deg, #ede1bc, #ede1bc, #d1f3f8);
    background-size: 600% 600%;

    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite; padding-top: 40px; position: relative; padding-bottom: 50px;}

/*.event01＿nm::after{  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/bg_01.png);
  background-repeat: repeat;
  background-position: 50% 10px;
  background-size: 40px 40px;
}*/
.event02＿nm{width: 100%; background: linear-gradient(358deg, #ede1bc, #ede1bc, #d1f3f8);
    background-size: 600% 600%;

    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite; padding-top: 40px; position: relative; padding-bottom: 50px;}

.event03＿nm{width: 100%; background: linear-gradient(358deg, #ede1bc, #ede1bc, #d1f3f8);
    background-size: 600% 600%;

    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite; padding-top: 40px; position: relative; padding-bottom: 50px;}

.event04＿nm{width: 100%; background: linear-gradient(358deg, #ede1bc, #ede1bc, #d1f3f8);
    background-size: 600% 600%;

    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite; padding-top: 40px; position: relative; padding-bottom: 50px;}



.items{display: flex; flex-wrap: wrap; padding: 0; margin:0; }
.item{padding-right: 5px;width: 32%;padding-left: 10px}
.item_box_inner{border: 2px solid #c9c7c7; position: relative; border-radius: 5px;}
.item_inner{background: #fff;display: flex; width: 100%; margin-bottom: 40px;}
.item_img img{width: 100%; box-sizing: border-box;height: auto;}
.item_no{font-size: 18px;padding: 8px 14px;font-weight: bold;color: #fff;}
.pg{background: #007fcc;}
.cr{background: #ec4b91;}
.cg{background: #55a840;}
.an{background: #ff4e7a;}
.ch{background: #ffb400;}
.mn{background: #ff7c34;}
.nv{background: #6f6dc1;}
.va{background: #ff1b42;}
.item_text {padding-bottom: 40px;}
.text{padding-bottom: 40px;}
.sub_title{font-size: 20px;font-weight: bold;margin: 0 0 10px 0;}
.item_flex{padding: 14px;}
.item_flex .event_btn {position: absolute;
    width: auto;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px; -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, .2);}
.item_flex .event_btn a{text-align: center; font-size: 16px;padding: 10px;display: block;border-radius: 30px;background: #45d3d3; color:#FFFFFF;}
.item_flex .event_btn a:hover{text-decoration: none;background: #02b2b2;color: #fff;transition:all 1.0s;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, .2);}
.triangle{font-weight: bold;transition: transform ease .3s;}
.triangle :hover{cursor: pointer;
	text-decoration: none;
	transform: translateX(6px);}
.material-icons{padding-left: 10px;}

.triangle{font-weight: bold; margin-left: 10px; margin-right: 10px;}


/*=======inner======*/


.inner_box_e {
  max-width: 1200px;
  margin: auto;
  width: auto;
  padding: 60px 0px 60px 0px; background-color:white;border-top-color: white;}

.inner_box_r {
  max-width: 1200px;
  margin: auto;
  width: auto;
  padding: 60px 0px 60px 0px; background-color:white;border-top-color: white;}

.lead_box {
  font-size: 22px;
  font-weight: bold;
  text-align: center; }

/*=======about======*/
.aboutbg{  width: 100%;
    height: auto;
    background-image: url(../img/aboutbg.jpg) ; background-color: #c1e6f8; margin-top: -7px; background-position: center;
    }


.lead_box{
  position: relative;
}

.redbg {
  position: absolute;
  top: -50px !important;
  left: 0;
}
/*.about .lead_box .ttl {
  font-size: 26px;
  display: inline-block;
  background: linear-gradient(#b2d1d2, #e2e3c3);
  margin-bottom: 10px;
  padding: 0 20px;
  color: #444444;
}*/
#about .lead_box .ttl2 {
  margin: 0; color: #9090dd; padding-bottom: 10px;
}
/*.about .lead_box .tt2 span {
  color: #d61c38;
  font-size: 20px;
}*/

.about_items{display:flex; flex-wrap: wrap;margin: auto;align-content: space-between;justify-content: center;align-items: center;}
.pointbg{background: url(../img/pointbg.jpg) ; background-color: #fae9d8;padding-top: 50px;}
/*=======setumeikai======*/
.week{font-size: 22px;}
.font_min{font-size: 50px;}

/*=======tab======*/
.tab-wrap, .tab-wrap02 {margin-bottom: 50px;}
.tab-wrap {display: flex;flex-wrap: wrap;overflow: hidden; padding: 0 0 0 0;margin-top: 10px; border-radius: 30px;-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
	border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.tab-label {
	cursor: pointer;
	flex: 1;
	font-size: 30px;
	font-weight: bold;
	order: -1;
	padding: 12px 24px;
	position: relative;
	text-align: center;
	transition: cubic-bezier(0.4, 0, 0.2, 1) .2s;
	user-select: none;
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent; color: #444444;border-top-left-radius: 10px;
border-top-right-radius: 10px;

}


.tab-label:hover {
	 opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.sample {
  pointer-events: none;
}


.tab2{background-color: #fff100;border-top-right-radius: 10px;}
.tab1{background-color: #fff100;border-top-right-radius: 10px;}
.tab-label::after {
	background:#0c3c52;
	top: 0;
	content: '';
	display: block;
	height: 10px;
	left: 0;

	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translateX(100%);
	transition: cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms;
	width: 100%;
	z-index: 1;border-top-left-radius: 10px;border-left: 2px solid #dcdcdc;border-top-right-radius: 10px;
}

.tab-switch:checked ~ .tab-label::after {
	transform: translateX(-100%);
}

.tab-switch:checked + .tab-label::after {
	opacity: 1;
	transform: translateX(0);color: #444444;  
}

.tab-content {
	height:0;
	opacity:0;
	padding: 0 0px;
	pointer-events:none;
	transform: translateX(-30%);
	transition: transform .3s 80ms, opacity .3s 80ms;
	width: 100%;
}

.tab-switch:checked ~ .tab-content {
	transform: translateX(30%);
}

.tab-switch:checked + .tab-label + .tab-content {
	height: auto;
	opacity: 1;
	order: 1;
	pointer-events:auto;
	transform: translateX(0);color: #444444;  background-color: white;
}

.tab-wrap::after {
	content: '';
	height: 0px;
	order: -1;
	width: 100%;
}

.tab-switch {
	display: none;
}

/*=======tab2======*/
.tab-wrap02 {
	

	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	padding: 0 0 0 0;margin-top: 10px; border-radius: 30px;
	-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, .2);border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.tab-label02 {
	cursor: pointer;
	flex: 1;
	font-size: 30px;
	font-weight: bold;
	order: -1;
	padding: 12px 24px;
	position: relative;
	text-align: center;
	transition: cubic-bezier(0.4, 0, 0.2, 1) .2s;
	user-select: none;
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent; color: #444444;border-top-left-radius: 10px;
}

.tab-label02:hover {
	 opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.tab-switch02:checked + .tab-label02 {background-color: white;
	color: #444444;border-top-left-radius: 10px;
}
.tab-switch:checked + .tab-label {background-color: white;
	color: #444444; border-top-right-radius: 10px;border-top-left-radius: 10px;}

.tab202{background-color: #fff100;border-top-left-radius: 10px;}
.tab102{background-color: #fff100;}
.tab-label02::after {
	background: #0c3c52;
	top: 0;
	content: '';
	display: block;
	height: 10px;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translateX(100%);
	transition: cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms;
	width: 100%;
	z-index: 1;border-top-right-radius: 10px;border-top-left-radius: 10px;
}

.tab-switch02:checked ~ .tab-label02::after {
	transform: translateX(-100%);border-top-right-radius: 10px;
}

.tab-switch02:checked + .tab-label02::after {
	opacity: 1;
	transform: translateX(0);border-top-left-radius: 10px;
}

.tab-content02 {
	height:0;
	opacity:0;
	padding: 0 0px;
	pointer-events:none;
	transform: translateX(-30%);
	transition: transform .3s 80ms, opacity .3s 80ms;
	width: 100%;
}

.tab-switch02:checked ~ .tab-content02 {
	transform: translateX(30%);
}

.tab-switch02:checked + .tab-label02 + .tab-content02 {
	height: auto;
	opacity: 1;
	order: 1;
	pointer-events:auto;
	transform: translateX(0); background-color: white;
}

.tab-wrap02::after {
	content: '';
	height: 0px;
	order: -1;
	width: 100%;
}

.tab-switch02 {
	display: none;
}


/*=======tab3======*/
.tab-wrap03 {
	

	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	padding: 0 0 0 0;margin-top: 10px; border-radius: 30px;
	-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, .2);border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.tab-label03 {
	cursor: pointer;
	flex: 1;
	font-size: 30px;
	font-weight: bold;
	order: -1;
	padding: 12px 24px;
	position: relative;
	text-align: center;
	transition: cubic-bezier(0.4, 0, 0.2, 1) .2s;
	user-select: none;
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent; color: #444444;border-top-left-radius: 10px;
}

.tab-label03:hover {
	 opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.tab-switch03:checked + .tab-label03 {background-color: white;
	color: #444444;border-top-left-radius: 10px;
}
.tab-switch:checked + .tab-label {background-color: white;
	color: #444444; border-top-right-radius: 10px;border-top-left-radius: 10px;}

.tab203{background-color: #fff100;border-top-left-radius: 10px;}
.tab103{background-color: #fff100;}
.tab-label03::after {
	background: #0c3c52;
	top: 0;
	content: '';
	display: block;
	height: 10px;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translateX(100%);
	transition: cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms;
	width: 100%;
	z-index: 1;border-top-right-radius: 10px;border-top-left-radius: 10px;
}

.tab-switch03:checked ~ .tab-label03::after {
	transform: translateX(-100%);border-top-right-radius: 10px;
}

.tab-switch03:checked + .tab-label03::after {
	opacity: 1;
	transform: translateX(0);border-top-left-radius: 10px;
}

.tab-content03 {
	height:0;
	opacity:0;
	padding: 0 0px;
	pointer-events:none;
	transform: translateX(-30%);
	transition: transform .3s 80ms, opacity .3s 80ms;
	width: 100%;
}

.tab-switch03:checked ~ .tab-content03 {
	transform: translateX(30%);
}

.tab-switch03:checked + .tab-label03 + .tab-content03 {
	height: auto;
	opacity: 1;
	order: 1;
	pointer-events:auto;
	transform: translateX(0); background-color: white;
}

.tab-wrap03::after {
	content: '';
	height: 0px;
	order: -1;
	width: 100%;
}

.tab-switch03 {
	display: none;
}


/*=======tab3======*/
.tab-wrap04 {
	

	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	padding: 0 0 0 0;margin-top: 10px; border-radius: 30px;
	-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, .2);border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.tab-label04 {
	cursor: pointer;
	flex: 1;
	font-size: 30px;
	font-weight: bold;
	order: -1;
	padding: 12px 24px;
	position: relative;
	text-align: center;
	transition: cubic-bezier(0.4, 0, 0.2, 1) .2s;
	user-select: none;
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent; color: #444444;border-top-left-radius: 10px;
}

.tab-label04:hover {
	 opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.tab-switch04:checked + .tab-label04 {background-color: white;
	color: #444444;border-top-left-radius: 10px;
}
.tab-switch:checked + .tab-label {background-color: white;
	color: #444444; border-top-right-radius: 10px;border-top-left-radius: 10px;}

.tab204{background-color: #fff100;border-top-left-radius: 10px;}
.tab104{background-color: #fff100;}
.tab-label04::after {
	background: #0c3c52;
	top: 0;
	content: '';
	display: block;
	height: 10px;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translateX(100%);
	transition: cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms;
	width: 100%;
	z-index: 1;border-top-right-radius: 10px;border-top-left-radius: 10px;
}

.tab-switch04:checked ~ .tab-label04::after {
	transform: translateX(-100%);border-top-right-radius: 10px;
}

.tab-switch04:checked + .tab-label04::after {
	opacity: 1;
	transform: translateX(0);border-top-left-radius: 10px;
}

.tab-content04 {
	height:0;
	opacity:0;
	padding: 0 0px;
	pointer-events:none;
	transform: translateX(-30%);
	transition: transform .3s 80ms, opacity .3s 80ms;
	width: 100%;
}

.tab-switch04:checked ~ .tab-content04 {
	transform: translateX(30%);
}

.tab-switch04:checked + .tab-label04 + .tab-content04 {
	height: auto;
	opacity: 1;
	order: 1;
	pointer-events:auto;
	transform: translateX(0); background-color: white;
}

.tab-wrap04::after {
	content: '';
	height: 0px;
	order: -1;
	width: 100%;
}

.tab-switch04 {
	display: none;
}


header .sp_logo {
	display: none;}

/*=======setumeikai======*/
.ttl {
  font-size: 26px;
    display: inline-block;
    background: linear-gradient(transparent 0%, #2e95ed 0%);
    margin-bottom: 10px;
    padding: 0 20px;
    color: #ffffff;
}
.time_title{font-size: 22px;color: #444444; margin-bottom: 10px; line-height: 1.5;}
.time_title02{font-size: 22px;color: #444444; margin-bottom: 10px;  line-height: 1.5;}

.tab_text{font-size: 20px;color: red; line-height: 1.5;margin-top: 0px;}
.tab_text .otext{font-size: 22px;}
.tab_text .rtext{font-size: 22px;}




/*=======accordion======*/
.qa {
  width: 100%!important;
  padding: 10px 0px 20px;
}
.qa input {
  display: none; /*チェックボックスを隠す*/
}
/*バー部分*/
/*.qa label {
  cursor :pointer;
  display: block;
  text-decoration: none;
  color: black;
  line-height: 1;
  position: relative;
  margin: 0 0 0px;
  padding: 20px 10px;
  font-size: 18px;border-radius: 20px; border: #ff9900 2px solid;background-color: white;
}*/


.qa label {
  cursor :pointer;
  display: block;
  text-decoration: none;
  color: #fff;
  line-height: 1;
  position: relative;
  margin: 0 0 0px;
  padding: 20px 10px;
  font-size: 18px;background-color: #7abee6; 
}

/*開いたときに表示される部分*/
.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 10px;
}
.menu li {
  height: 0;
  overflow-y: hidden;
  transition: padding-bottom 0.5s, padding-top 0.5s; /*閉じるときのアニメーション*/
  -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
  -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
  -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
  -o-transition: padding-bottom 0.5s, padding-top 0.5s;
}
#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,#menu_bar03:checked ~ #links03 li,#menu_bar04:checked ~ #links04 li,#menu_bar05:checked ~ #links05 li,#menu_bar06:checked ~ #links06 li,#menu_bar07:checked ~ #links07 li ,#menu_bar08:checked ~ #links08 li,#menu_bar09:checked ~ #links09 li,#menu_bar10:checked ~ #links10 li {
  height: auto; /*開いたときに表示されるliの高さ*/
  opacity: 1;
  background: #ffffff;
  padding: 10px; border: #7abee6 2px dotted;border-top-color: white;
	
}
 /*開いたときの下の余白*/
#menu_bar01:checked ~ #links01 li:last-child,
#menu_bar02:checked ~ #links02 li:last-child,
#menu_bar03:checked ~ #links03 li:last-child,
#menu_bar04:checked ~ #links04 li:last-child,
#menu_bar05:checked ~ #links05 li:last-child,
#menu_bar06:checked ~ #links06 li:last-child,
#menu_bar07:checked ~ #links07 li:last-child,
#menu_bar08:checked ~ #links08 li:last-child,
#menu_bar09:checked ~ #links09 li:last-child,
#menu_bar10:checked ~ #links10 li:last-child{
  margin-bottom: 20px;
}
/*閉じた状態の矢印描画*/
.menu label:after{
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-top: #fff 2px solid;
  border-right: #fff 2px solid;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position:absolute;
  right: 2%;
  top: 0;
  bottom: 15%;
  margin: auto;
}
/*開いた状態の矢印描画*/
.menu input[type=checkbox]:checked + label:after{
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-top: #fff 2px solid;
  border-right: #fff 2px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position:absolute;
  right: 2%;
  top: 7%;
  bottom: 0;
  margin: auto;

}



.qa{width: 100%!important; background-color: #fff;}

/*=======SNS======*/

.sns_wrap{ padding-top: 10px; padding-bottom: 10px; margin-top: 60px; margin-bottom: 0; background: url(../img/s07_bg.jpg); background-size:contain;} 


.inner{
  max-width: 600px;
  padding: 1em;
  margin: 0 auto;
}


.sns_textText{font-size: 26px;
    display: inline-block;
    background: linear-gradient(transparent 0%, #76181c 0%);
    margin-bottom: 20px;
    padding: 0 20px;color: #FFFFFF;}
/* ボタン全体 */
.flowbtn3{
font-family:'Comic Sans MS','Chalkboard SE',sans-serif;
border-radius:50%;
position:relative;
display:inline-block;
width:50px;
height:50px;
font-size:35px;
color:#fff!important;
text-decoration:none;
transition:.5s;
}
.flowbtn3 i{
position:relative;
bottom:0px;
ransition:all 1.0s;
}
/* Twitter */
.fl_tw1{
background:#55acee;
	border-radius: 100vh;-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
}
/* 問い合わせ */
.fl_ma1{
background:#f3981d;	border-radius: 100vh;-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
}

/* Facebook */
.fl_fb1{
background:#3b5998;border-radius: 100vh;-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
}

/* YouTube */
.fl_yu1{
background:#fc0d1c;border-radius: 100vh;-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
}
/* LINE@ */
.fl_li1{
background:#00c300;border-radius: 100vh;-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
}
/* Instagram紫グラデ背景 */
.insta_btn3{
background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
overflow:hidden;border-radius: 100vh;-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
}
/* ボタン内のテキスト */
.flowbtn3 div{
font-size:11px;	
font-weight:bold;
position:relative;
bottom:5px;
}
/* */
ul.snsbtniti{
padding-left:100px!important; padding-right:100px!important;text-align: center; 
}
/* ボタン全体の位置 */
.snsbtniti{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
}
/* ボタン同士の余白 */
.snsbtniti li{
flex:0 0 10%;
text-align:center!important;
}
/* ボタンにマウスホバー時 */
.flowbtn3:hover{
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px);
text-decoration:none;
}

.sns_wrap{background:＃ffe792;}
.sns_box{margin-top: 40px;}　
.mark{ background-color: yellow;}

.navisp{display:none;}
#qa .line_img{text-align: center;margin-top: 50px; margin-bottom: 10px;}
#nav-drawer {display: none;}

.mainSP{display: none !important;}
.mainPC{display: block !important;}
@media screen and (max-width:  1200px) {
}	
@media screen and (max-width:  1141px) {
.item {width: 47%;}
}
@media screen and (max-width:  768px) {
	
	
.mainPC{display: none!important;}
.mainSP{display: block !important;}
.mgt80{margin-top: 80px;}		
	
	
.middle{font-size:14px;font-weight: normal; font-weight: bold;}
.mgt30{margin-top: 30px!important; }		
#footer{margin-bottom:500px;}
header .pc_logo {display: none;}
header h1 {margin: auto;position: fixed;right: 0;left: 0;top: 0;height: 60px;width: 50%;padding: 6px 0;box-sizing: border-box;}
.main_img {width: 100%;height: auto;} 
.main_imgsp {width: 100%;height: auto; margin-top: 60px;}
/*=======about======*/	
.aboutbg{width: 100%;height: auto;}
.redbg{position: absolute;
    top: -32px !important;
    left: 0;;}

header .sp_logo {display: block;height: 60px;width: 100%;}
.inner_box {max-width: 100%; padding-left: 20px; padding-right: 20px; vertical-align: top; }	
.navi-top{display:none; }
.navipc{display:none; }
.name img{background-image:none;}
.nami img{background-image:none;}
.tabinner_box {padding: 20px;}
.tab_text{font-size: 16px;color: red; line-height: 1.5;margin-top: 20px;}
.tab_text .otext{font-size: 18px;}
.tab_text .rtext{font-size: 18px;}
.nask .tab_text02{font-size: 10px; line-height: 1.0;}
/*=======setumeikai======*/	
.tab-label, .tab-label02, .tab-label03, .tab-label04 {font-size: 20px;padding: 12px 2px;    border-top-left-radius: 10px;}
.tab_box{padding-bottom: 0px; }
.sub_title {font-size: 16px;}
.item_inner{width: 100%; margin-bottom: 20px;}
.inner_box_e { margin: auto; width: auto;padding: 6px 6px 0px 6px; border-top-color: white; }
.inner_box_r { margin: auto; width: auto;padding: 6px 6px 0px 6px;}
.item{padding-bottom: 0px;}

.lead_box{margin-top: 0px; }
.fuyu img{width: 80% important;}
.lead_box h2 img{width: 93%; text-align: center;}
.ttl {font-size: 14px;}
.ttl2{font-size: 14px;}
	
.time_title {font-size: 16px; background-image:none; padding: 10px 0;}
.time_title02 {font-size: 16px;background-image:none; padding: 0px 0;}	
.text{display:none; }
.event01＿nm	{padding-top: 5px;}
.event02＿nm	{padding-top: 5px;}
.event03＿nm	{padding-top: 5px;}
.event04＿nm	{padding-top: 5px;}
.about_items{margin-top: 10px;}



/*=======qa======*/	
.qa label {

  margin: 0 0 0px;
  padding: 20px 25px;
  font-size: 17px;
}


.QA_wrap .inner_box{padding-left: 0px;padding-right:  0px;}

.page_top{height: 60px;
    margin: 20px;
    width: 60px;
    font-size: 12px;
} 
/*=======SNS======*/	
	
ul.snsbtniti{
padding-left:0px!important; padding-right:0px!important;text-align: center; 
}
	ul.snsbtniti li{widows: 80%;}
.sns_box {margin-top: 20px; }
.sns_wrap{margin-top:0px;}
#qa .line_img {margin-top: 30px;margin-bottom: 10px;}
		
#nav-drawer {
		position: relative;
		display: inline-block; margin-top: 25px; margin-left: 25px;
	}
	.nav-unshown {
		display:none;
	}
	#nav-open {
		display: inline-block;
		width: 30px;
		height: 22px;
		vertical-align: middle;
	}
	#nav-open span, #nav-open span:before, #nav-open span:after {
		position: absolute;
		height: 3px;
		width: 25px;
		border-radius: 3px;
		background: #555;
		display: block;
		content: '';
		cursor: pointer;
	}
	#nav-open span:before {
		bottom: -8px;
	}
	#nav-open span:after {
		bottom: -16px;
	}
	#nav-close {
		display: none;
		position: fixed;
		z-index: 99;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: black;
		opacity: 0;
		transition: .3s ease-in-out;
	}
	#nav-content {
		overflow: auto;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 90%;
		max-width: 330px;
		height: 100%;
		background: #45d3d3;
		transition: .3s ease-in-out;
		-webkit-transform: translateX(-105%);
		transform: translateX(-105%);
	}
	#nav-input:checked ~ #nav-close {
		display: block;
		opacity: .5;
	}
	#nav-input:checked ~ #nav-content {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		box-shadow: 6px 0 25px rgba(0,0,0,.15);
	}

#nav-drawer header ul li a {
	width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    vertical-align: middle;
    align-items: center;
    height: 50px;
    padding: 4px 10px;
    font-size: 16px;
    font-weight: bold;
    box-sizing: border-box;
    color: #fff;
    transition: .4s;
    text-align: center;
    border-bottom: 1px solid white;
  
	margin-top: 16px;}
	
header ul li a {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    vertical-align: middle;
    align-items: center;
    height: 50px;
    padding: 4px 10px;
    font-size: 16px;
    font-weight: bold;
    box-sizing: border-box;
    color: #fff;
    transition: .4s;
    text-align: center;
    border-bottom: 1px solid white;
    margin-top: 16px;
}
.mainVisOuter{ background-image: none; vertical-align: top; position: relative; }

/*========================
　smartphone　bottom menu
　========================*/
	 } 

.mgt80{margin-top: 80px;}
@media screen and (max-width:480px) {

.mini-text{font-size:10px;}/*文字大きさ*/

.mainPC{display: none!important;}
.mainSP{display: block !important;}

/* === 展開メニュー === */
	
/*about*/	
.about_item{display: block;padding-left: 0; width: 90%;}
.item{ width: 100%;padding-right: 0;padding-left: 0;}

.navisp {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,.16);
}

	.name{display: none;}
} /* メディアクエリ */