/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0;
/*     font-size:100%; */ vertical-align:baseline; background:transparent;
}

body { line-height:1; -webkit-font-smoothing: antialiased; //user-select: none;　//最後にオンにする font-feature-settings: "palt"; //文字詰め
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block;
}

nav ul { list-style:none;
}

blockquote, q { quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none;
}

a { color: #fff; margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none;
}

/* change colours to suit your needs */
ins { background-color:#ff9; color:#000; text-decoration:none;
}

/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;
}

del { text-decoration: line-through;
}

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;
}

table { border-collapse:collapse; border-spacing:0;
}

hr { display:block; height:1px; border:0;   border-top:1px solid #cccccc; margin:1em 0; padding:0;
}



*,
*::before,
*::after {
  box-sizing: border-box;
}

main{display: block;}
img[src$=".svg"] {width: 100%; height: auto;}
img{max-width: 100%;}
em{ font-style: normal; display: inline-block;}

.pc{  }
.pcmini{  }
.sp{display: none!important;}

@media screen and (max-width: 980px) {
		.pcmini{display: none!important;}
		.sp{display: none!important;}
}

@media screen and (max-width: 767px) {
		.pc{display: none!important;}
		.pcmini{display: inline-block!important;}
		.sp{display: block!important}
}

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

.nm2{
	text-align: left;
	margin-left: 2em;
	text-indent: -2em;
}

.ar{text-align: right;}

.flex{display: flex;}

.wrap{flex-wrap: wrap;}


.red{color: red;}


/*** FONT MOON *******************************************/


@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?qo3ef4');
  src:  url('../fonts/icomoon.eot?qo3ef4#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?qo3ef4') format('truetype'),
    url('../fonts/icomoon.woff?qo3ef4') format('woff'),
    url('../fonts/icomoon.svg?qo3ef4#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
  content: "\e9bd";
}
.icon-plus:before {
  content: "\ea0a";
}
.icon-minus:before {
  content: "\ea0b";
}
.icon-cross:before {
  content: "\ea0f";
}
.icon-arrow-up2:before {
  content: "\ea3a";
}
.icon-share:before {
  content: "\ea7d";
}
.icon-new-tab:before {
  content: "\ea7e";
}






/*** CUSTOM BASIC *******************************************/

html {
  position: relative;
  min-height: 100%;
  font-size:10px;
}

body {
  color: #000;
  font-size:1.6rem;
  background: #fff;
  margin: 0;
  font-family: 'Lato','Noto Sans CJK JP', 'Noto Sans Japanese', YuGothic, "Yu Gothic", Meiryo, sans-serif;
  font-weight: 400;
  line-height: 1.6;
  position: relative;
}

/*SP*/
@media screen and (max-width: 767px) {
	body {
		font-size:1.3rem;
		min-width: 320px;
	}
	
	html.is-fixed,
  html.is-fixed body {
    height: 100%;
    overflow: hidden;
  }
}

.smaller{font-size: .75em;}
.large{font-size: 1.2em;}
.larger{font-size: 1.5em;}
.largest{font-size: 2.7em;}
	
.border{
	background: linear-gradient(0deg, rgba(255,251,73,1) 0%, rgba(255,251,73,1) 30%, rgba(255,251,73,0) 31%);
}

.nm{text-indent: -1em; padding-left: 1em}

._inner{
	margin: auto;
	padding-right: 2vw;
	padding-left: 2vw; 
	max-width: calc( 1200px - 4vw ); 
}

._innerw{
	max-width: calc( 1300px );
}

	
@media screen and (min-width: 1200px) {
	._inner {
	    padding-right: 0;
	    padding-left: 0; 
	}
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{line-height:1.4;}

body{
	text-align: center;
}


/*** CUSTOM *******************************************/
.mb0 { margin-bottom: 0!important; }
.mt20 { margin-top: 20px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb40 { margin-bottom: 40px!important; }
.mt30 { margin-top: 30px!important; }
.center { text-align: center!important; }

#page-top {
	position: fixed;
	bottom: 10px;
	right: 0px;
	font-size: 1.2rem;
}

#page-top a {
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #EC84A6;
	text-decoration: none;
	color: #fff;
	padding: 15px 6px;
	text-align: center;
	display: block;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 5px; 
}
#page-top a:before {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea3a";
  display: block;
  font-size: 2em;
}
#page-top a:before svg {
	fill: #fff;
}
ul.h_login {display: none; }

header { background-color: #57C1E8; height: 160px; margin-bottom: 50px; position: fixed; width: 100%; z-index: 1000; transition: .5s;}
header.hide{transform: translateY(-200%); }
header div.header_inner{max-width: 980px; margin: 0 auto; width: 100%; }

header div.headtop {  display: flex; justify-content: space-between; position: absolute; }
header div.headtop h2 { width: 24%; padding: 10px;}

/* header div.headtop > *{flex-grow: 2;} */
nav.h_menu{width: 74%;}
nav.h_menu ul {  display: flex; align-items: center; justify-content: space-between; margin-top: 30px; flex-grow: 2; }
nav.h_menu ul li  { /* background-color: #DFEDB9;  */width: 110px; height: 110px; /* display: block; border: 3px solid  #fff; border-radius: 100px;  */display: flex; flex-wrap: wrap; align-items: center; justify-content: center; /* margin-/* margin-left: 10px;  */left: 10px;  */color: #fff; font-weight: 700;}
nav.h_menu ul li > *{ color:#fff; border: 3px solid  #fff; display: flex; border-radius: 100%; width: 110px; height: 110px; align-items: center; justify-content: center; background-color: #DFEDB9; line-height: 1.3;}
nav.h_menu ul li a { background-color: #A8CD45;  }
nav.h_menu ul li a:hover { background-color: #EC84A6; }

@media screen and (min-width: 1150px) {
}
@media screen and (max-width: 980px) {
	nav.h_menu ul li > *{width: 11vw; height: 11vw; font-size: 0.9em;}
}
@media screen and (max-width: 767px) {
	ul.h_login {display: block; }
	ul.h_login li { list-style: none; position: absolute; right: 10px; top: 10px; }
	ul.h_login li.h_menu_btn span:before { 
		  font-family: 'icomoon' !important;
		  speak: never;
		  font-style: normal;
		  font-weight: normal;
		  font-variant: normal;
		  text-transform: none;
		  line-height: 1;
		
		  /* Better Font Rendering =========== */
		  -webkit-font-smoothing: antialiased;
		  -moz-osx-font-smoothing: grayscale;
		  content: "\e9bd";
		margin-right: 5px; font-size: 3em; color: #fff;
		}
	ul.h_login li.h_menu_btn span.close:before {  
		font-family: 'icomoon' !important;
		  speak: never;
		  font-style: normal;
		  font-weight: normal;
		  font-variant: normal;
		  text-transform: none;
		  line-height: 1;
		
		  /* Better Font Rendering =========== */
		  -webkit-font-smoothing: antialiased;
		  -moz-osx-font-smoothing: grayscale;
		  content: "\ea0f";
		margin-right: 5px; font-size: 3em; color: #fff; }

	header { height: 65px; }
	header div.headtop {  display: flex; flex-wrap: wrap; justify-content: center; width: 100%; max-width: 980px; margin: 0 auto; }
	header div.headtop h2 { width: 120px; z-index: 1000; }

	header nav.h_menu {  display: none; }
	header nav.h_menu.open{display: block; position: absolute; z-index: 200; background: #fff; width: 100%; padding: 3vw; 
  	top:65px; /* border: 2px solid  #57C1E8;  */margin: 0; }
	
	nav.h_menu ul{flex-wrap: wrap; margin-top: 0; padding-top: 30px;}
	nav.h_menu ul li{width: 33%; height: 100%; padding: 2vw 0;}
	nav.h_menu ul li > *{width: 30vw; height: 30vw; font-size: 1.2em; max-width: 180px; max-height: 180px;}
}

div.inner {  width: 100%; max-width: 980px; margin: 0 auto 0 auto; }

h2.midashi { position: relative; display: inline-block; margin-bottom: 50px; font-size: 1.6em;}
h2.midashi span { color: #EC84A6; margin-right: 5px; }
h2.midashi:before { content: ''; position: absolute; bottom: -10px; display: inline-block; width: 100px; height: 4px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #EC84A6; border-radius: 2px; }

@media screen and (max-width: 767px) {
	div.inner { max-width: 480px; margin: 0 auto; }

	h2.midashi { position: relative; display: inline-block; margin-bottom: 30px; font-size: 1.6em;}
	h2.midashi span { display: block; margin-right: 0;}
	h2.midashi:before { content: ''; position: absolute; bottom: -10px; display: inline-block; width: 60px; height: 4px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #EC84A6; border-radius: 2px; }
}

div.contents01 { 
  padding: 220px 20px 100px 20px; 
	background: -moz-linear-gradient(top, #ffffff 1%, #ffffff 50%, #fce6ee 99%);
	background: -webkit-linear-gradient(top, #ffffff 1%, #ffffff 50%, #fce6ee 99%);
	background: linear-gradient(to bottom, #ffffff 1%, #ffffff 50%, #fce6ee 99%);
}

div.contents01_set { display: flex; justify-content: space-between; align-items: center; }
div.contents01_left { width: 45%; }
div.contents01_right { width: 52%; text-align: left; }
div.contents01_right p { margin-top: 30px; font-size: 1em; line-height: 1.8; }

h3.contents01_att { background-color: #ff0000; color: #fff; margin-bottom: 20px; margin-top: 10px; padding: 5px; font-size: 1.7em; }

div.important_news {  border: 1px solid #FD0C18; background-color: #fff; display: flex; align-items: stretch; margin-top: 40px; }
div.important_news div { background-color: #FD0C18; padding: 20px; display: flex; align-items: center; width: 240px;  justify-content: center; }
div.important_news h2 { color: #fff; font-size: 1.2em; }
div.important_news ul { padding: 15px 15px; text-align: left; font-size: 0.9em; }
div.important_news ul li { list-style: none; padding-left:1em; text-indent:-1em; }

@media screen and (max-width: 767px) {
  div.contents01 {  padding: 140px 20px 50px 20px; }
	div.contents01_set { width: 100%; display: block; max-width: 480px; margin: 0 auto; }
	div.contents01_left { width: 100%; }
	div.contents01_right { width: 100%; text-align: left; }
	div.contents01_right p { margin-top: 30px; font-size: 1em; line-height: 1.8; }
	
	h3.contents01_att {  font-size: 1.2em; }
	
	div.important_news { display: block; margin: 10px 0; }
	div.important_news div { padding: 10px; width: 100%; }
	div.important_news h2 { color: #fff; font-size: 1.2em; }
	div.important_news ul { padding: 5px 10px; text-align: left; height: 150px; overflow: scroll; }
}



div.contents02 { padding: 50px 0 0 0; }
div.contents02_set { display: flex; flex-wrap: wrap; }
div.contents02_left { width: 50%; background-color: #F8FBEE; padding:50px; text-align: left; }
div.contents02_left p { margin-top: 20px;  }
div.contents02_left figure { max-width: 500px; }
div.contents02_right { width: 50%; }
iframe.gmap { width: 100%; height: 600px; vertical-align: bottom;}

@media screen and (max-width: 767px) {
	div.contents02_set { display: block;  }
	div.contents02_left { width: 100%; background-color: #F8FBEE; padding:50px; text-align: left; }
	div.contents02_left p { margin: 20px auto 0 auto;  }
	div.contents02_left figure { max-width: 480px; margin: 0 auto; }
	div.contents02_right { width: 100%; }
	iframe.gmap { width: 100%; height: 300px; }
}
div.contents02 h2.midashi:before { background-color: #A8CD45; }



div.contents03 { 
  padding: 50px 20px 50px 20px; 
	background: -moz-linear-gradient(top, #ffffff 1%, #ffffff 5%, #57C1E8 40%, #57C1E8 99%);
	background: -webkit-linear-gradient(top, #ffffff 1%, #ffffff 5%, #57C1E8 40%, #57C1E8 99%);
	background: linear-gradient(to bottom, #ffffff 1%, #ffffff 5%, #57C1E8 40%, #57C1E8 99%);
}
div.contents03 h2.midashi:before { background-color: #57C1E8; }



div.contents04 { 
  padding: 50px 20px 50px 20px; 
	background: -moz-linear-gradient(top, #ffffff 1%, #ffffff 20%, #EC84A6 99%);
	background: -webkit-linear-gradient(top, #ffffff 1%, #ffffff 20%, #EC84A6 99%);
	background: linear-gradient(to bottom, #ffffff 1%, #ffffff 20%, #EC84A6 99%);
}
div.contents04 h2.midashi:before { background-color: #EC84A6; }



div.contents05 { 
  padding: 50px 20px 50px 20px; 
	background: -moz-linear-gradient(top, #ffffff 1%, #ffffff 20%, #A8CD45 99%);
	background: -webkit-linear-gradient(top, #ffffff 1%, #ffffff 20%, #A8CD45 99%);
	background: linear-gradient(to bottom, #ffffff 1%, #ffffff 20%, #A8CD45 99%);
}
div.contents05 h2.midashi:before { background-color: #A8CD45; }



div.contents06 { 
  padding: 50px 20px 50px 20px; 
	background: -moz-linear-gradient(top, #ffffff 1%, #ffffff 20%, #57C1E8 99%);
	background: -webkit-linear-gradient(top, #ffffff 1%, #ffffff 20%, #57C1E8 99%);
	background: linear-gradient(to bottom, #ffffff 1%, #ffffff 20%, #57C1E8 99%);
}
div.contents06 h2.midashi:before { background-color: #57C1E8; }



div.contents07 { padding: 50px 20px 100px 20px; }
.accordion {
    width: 100%;
}
.accordion li {
    list-style: none;
}
.button {
    padding: 10px;
    width: 100%;
    border: none;
    color: #fff;
    cursor: pointer;
    position: relative;
    margin-bottom: 1px;
    font-size: 1.8rem;
    text-align: left;
}
.blue { background-color:#57C1E8; }
.green { background-color:#A8CD45; }
.pink { background-color:#EC84A6; }
.button.button_1 {
    background-color: #DBF2FA;
    color:  #000;
    margin-bottom: 1px;
}
.button.button_2 {
    background-color: #F0F7DF;
    color: #000;
    margin-bottom: 1px;
}
.button.button_3 {
    background-color: #FCE8EF;
    color:  #000;
    margin-bottom: 1px;
}
.button.button_1:after {
    color:  #57C1E8;
}
.button.button_2:after {
    color: #A8CD45;
}
.button.button_3:after {
    color:  #EC84A6;
}
.button:after {
    font-family: 'icomoon' !important;
		  speak: never;
		  font-style: normal;
		  font-weight: normal;
		  font-variant: normal;
		  text-transform: none;
		  line-height: 1;
		
		  /* Better Font Rendering =========== */
		  -webkit-font-smoothing: antialiased;
		  -moz-osx-font-smoothing: grayscale;
		  content: "\ea0a";
    position: absolute;
    top: 15px;
    right: 13px;
}
.button.active:after {
    content: "\ea0b";
}
.profile { text-align: left; padding: 10px 0; overflow: hidden; }
.b_no { float: right; border: 3px solid  #777; color: #777; font-size: 0.6em; padding: 10px; width: 80px; border-radius: 10px; text-align: center; margin-left: 50px;}
.b_no span { font-size: 3.6em; line-height: 1; font-weight: 700;}
.b_no span.kanji { font-size: 2.6em; line-height: 1; font-weight: 700;}
p.outlink a { color: #F2992A; text-decoration: underline; word-break: break-all; }
p.outlink:after {
    font-family: 'icomoon' !important;
		  speak: never;
		  font-style: normal;
		  font-weight: normal;
		  font-variant: normal;
		  text-transform: none;
		  line-height: 1;
		
		  /* Better Font Rendering =========== */
		  -webkit-font-smoothing: antialiased;
		  -moz-osx-font-smoothing: grayscale;
		  content: "\ea7e";
    margin-left: 5px;
    color: #F2992A; 
}
@media screen and (max-width: 767px) {
}


footer { padding: 50px 20px; border-top: 1px solid  #ddd; }
footer h3 { background-color: #eee; border: 1px solid  #ddd; font-size: 0.8em; width: inherit; text-align: center; margin: 0 auto 20px auto; }
div.foot_set { max-width: 980px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px auto 30px auto;}
div.foot_left { width: 47%; }
div.foot_left a { color: #F2992A; text-decoration: underline; }
div.foot_right {  width: 47%; }
div.foot_right figure { max-width: 250px; margin: 0 auto; }

@media screen and (max-width: 767px) {
	div.foot_set { max-width: 480px; width: 100%; display: block;  margin: 0px auto 30px auto;}
	div.foot_left { width: 100%; margin-bottom: 30px; }
	div.foot_right {  width: 100%; }

}


.grid { display: flex; flex-wrap: wrap; width: 100%; justify-content: center; }
.grid-item { width: 32%; max-width: 300px; border: 1px solid  #ccc; margin: 0 5px 10px 5px; background-color: #fff; text-align: left; }
.grid-item h3 { padding: 0 15px; margin-bottom: 10px; color: #57C1E8; font-size: 1em; }
.grid-item p { padding: 0 15px;  margin-bottom:15px; font-size: 0.8em; }
.grid-item p.shop { padding: 0 15px;  margin-bottom:15px; font-size: 0.7em; }
.grid-item figure { margin-bottom:15px; }

.icon_pink { position: absolute; z-index: 101; background-color:#EC84A6; color: #fff; padding: 5 20; min-width: 120px; text-align: center; }
.icon_blue { position: absolute; z-index: 101; background-color:#57C1E8; color: #fff; padding: 5 20; min-width: 120px; text-align: center;  }
.icon_green { position: absolute; z-index: 101; background-color:#A8CD45; color: #fff; padding: 5 20; min-width: 120px;  text-align: center;}

.undercon { background-color: #fff; text-align: center; padding: 80px 0; }

div.cast { border: 2px solid #EC84A6; padding: 30px; background-color: #fff; text-align: left; }
div.cast h2 { background-color: #EC84A6; color: #fff; padding: 3px 15px; margin-bottom: 20px; }
div.cast_box { display: flex; flex-wrap: wrap; margin-bottom: 40px; }
div.cast section { width: 75%; overflow: hidden; }
div.cast_box figure.cast_images { max-width: 250px; float: left; margin-right: 30px; }
div.cast section h3 { color: #EC84A6; margin-bottom: 10px; }
div.cast section.shikai { width: 20%; margin-left: 4%; text-align: center; }
div.cast section.shikai figure { max-width: 250px; }
div.cast_box h4 { border-top: 2px solid #ccc; margin-top: 20px; padding-top: 10px; }

div.gree_box { border: 2px solid #EC84A6; padding: 30px; background-color: #fff; text-align: left; margin-top: 30px; overflow: hidden; }
div.gree_box figure.gree_images { max-width: 250px; float: right; margin-left: 30px; }
div.gree_box h2 { background-color: #EC84A6; color: #fff; padding: 3px 15px; margin-bottom: 20px; }
div.gree_box h3 { color: #EC84A6; margin-bottom: 10px; }
div.gree_box h4 { border-top: 2px solid #ccc; margin-top: 20px; padding-top: 10px; }

div.fun { border: 2px solid #A8CD45; padding: 30px; background-color: #fff; text-align: left; }
div.fun h2 { background-color: #A8CD45; color: #fff; padding: 3px 15px; margin-bottom: 20px; }
figure.fun_items { text-align: center; }
figure.fun_items img { max-width: 320px; }

div.funbox1 { display: flex; flex-wrap: wrap; margin-bottom: 40px; align-items: center; }
div.funbox1 figure { width: 250px; }
div.funbox1 figure img { width: 90%; }
div.funbox1 p { width: calc(100% - 250px); }

div.funbox2 { display: flex; flex-wrap: wrap; align-items: center; }
div.funbox2 figure { width: 250px; }
div.funbox2 figure img { width: 90%; }
div.funbox2 p { width: calc(100% - 500px); }

div.map { border: 2px solid #57C1E8; padding: 30px; background-color: #fff; text-align: left; }


figure.fun_funs { text-align: center; margin-top: 20px; line-height: 1; }
figure.fun_funs img { max-width: 725px; width: 100%; }

dl { width: 100%; display: flex; margin-bottom: 5px; }
dt { border: 1px solid #EC84A6; background-color: #EC84A6; color: #fff; text-align: center; padding: 10px; width: 30%; }
dd { border: 1px solid #EC84A6; text-align: left; padding: 10px; width: 70%; }
span.sh_span { font-size: 0.9em; }

@media screen and (max-width: 767px) {
	.grid { display: flex; flex-wrap: wrap; width: 100%; justify-content: center; }
	.grid-item { width: 49%; max-width: 320px; border: 1px solid  #ccc; margin: 0 2% 10px 0; }
	.grid-item:nth-child(2n) { width: 49%; max-width: 320px; border: 1px solid  #ccc; margin: 0 0 10px 0; }
	div.cast_box figure.cast_images { max-width: 640px; float: none; margin-right: 0; margin-bottom: 10px; }
	div.cast section:nth-child(2) { margin-left: 0%; }
	div.cast section { width: 100%; text-align: left; margin-bottom: 20px; }
	div.cast section.shikai { width: 100%; margin-top: 0; margin-bottom: 0; margin-left: 0; text-align: center; }
	div.cast section.shikai figure { max-width: 240px; margin: 0 auto; text-align: center; }
	
	div.gree_box { border: 2px solid #EC84A6; padding: 30px; background-color: #fff; text-align: left; margin-top: 30px; overflow: hidden; }
	div.gree_box figure.gree_images { max-width: 640px; float: none; margin-left: 0; margin-bottom: 10px; }
	div.gree_box h2 { background-color: #EC84A6; color: #fff; padding: 3px 15px; margin-bottom: 20px; }
	div.gree_box h3 { color: #EC84A6; margin-bottom: 10px; }
	div.gree_box h4 { border-top: 2px solid #ccc; margin-top: 20px; padding-top: 10px; }
	
	div.funbox1 { display: flex; flex-wrap: wrap; margin-bottom: 40px; align-items: center; }
	div.funbox1 figure { width: 100%; text-align: center; margin-bottom: 10px;}
	div.funbox1 figure img { width: 100%; max-width: 240px; }
	div.funbox1 p { width: 100%; }
	
	div.funbox2 { display: flex; flex-wrap: wrap; align-items: center; }
	div.funbox2 figure { width: 100%; text-align: center; }
	div.funbox2 figure img { width: 100%; max-width: 240px; }
	div.funbox2 p { width: 100%; }
}

@media print {
	body {
		font-size:1.3rem;
		min-width: 1000px;
	}
	div.headmargin { display: static; height: 0;}
	header { position: static; }
	#page-top { display: none; }
}