@charset "UTF-8";




/** ************************************* **

	TABLE CONTENTS
	---------------------------
		01. Globals
		02. SNS btn
	---------------------------

 ** ************************************* **/





/** 01. Globals
 **************************************************************** **/
#content .rev_ind a.link_aqua {
	text-indent: 0em;
	padding: 3px 5px;
	margin: 0 2px;
}

.topthumTxt {
	font-family: 'YakuHanJP';
	font-size: 14px;
	margin: 3;
	line-height: 1.8;
	margin-bottom: 5px;
	text-align: justify; 
}

@media only screen and (max-width: 768px) {
		.eventdate {
			font-size: 16px;
		}
		.topthumTxt {
			font-size: 14px;
	}
}




/** 02. SNS btn
 **************************************************************** **/
.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon>:first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}

.btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:focus,.btn-twitter.focus{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
.btn-twitter:hover{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}.btn-twitter:active:hover,.btn-twitter.active:hover,.open>.dropdown-toggle.btn-twitter:hover,.btn-twitter:active:focus,.btn-twitter.active:focus,.open>.dropdown-toggle.btn-twitter:focus,.btn-twitter:active.focus,.btn-twitter.active.focus,.open>.dropdown-toggle.btn-twitter.focus{color:#fff;background-color:#1583d7;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{background-image:none}
.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled.focus,.btn-twitter[disabled].focus,fieldset[disabled] .btn-twitter.focus{background-color:#55acee;border-color:rgba(0,0,0,0.2)}
.btn-twitter .badge{color:#55acee;background-color:#fff}






/* chart
---------------------------------------------------- */
#content .chart a {
	text-decoration: none;
}

#content .chart ul {
	padding-left: 0em;
}

.chart {
	float: none;
	height: auto;
	margin: 0 auto;
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
	text-align: left;
	overflow: visible;
	position: relative;
}

.chart ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.chart ul li {
	list-style: none;
	/*     border: solid 1px #82b3c9; */
	background-color: #00766d;
	/* CSS3 */
	-webkit-border-radius: 3px;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;
	/* Firefox用 */
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	/*影*/
	border-radius: 3px;
	-webkit-tap-highlight-color: transparent;
	transition: .3s ease-out;
	/*変化を緩やかに*/
}

.chart ul li a {
	height: 100%;
	width: 100%;
	display: block;
	padding: 1em;
	color: #fff;
}

.chart ul li a:before {
	content: " \f0da\0000a0";
	font-family: FontAwesome;
}

.chart ul li a:hover {
	background-color: #004942;
	border-radius: 3px;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
	/*浮き上がるように*/
}


.col_1 li {
	width: 100%;
	margin: 1%;
}

.col_2 li {
	width: 48.5%;
	margin: 1%;
}

.col_3 li {
	width: 32%;
}

.col_5 li {
	width: 48%;
	margin: 1%;
}

.chart div {
	clear: both;
	width: 100%;
}

.q dt span {
	padding: 3px;
	margin-bottom: 15px;
	font-size: 16px;
	display: block;
	border: 2px #333 solid;
	font-weight: bold;
	text-align: center;
}

.q dd {
	margin: 20px 0;
	font-size: 26px;
	font-weight: bold;
	margin-left: 0;
	text-align: center;
}

#content dl dd  {
	padding-left: 0em;
	margin-bottom: 0.6em;
	line-height: 1.5;
}

#check {
	margin: -20px auto 0;
	width: 80%;
	background: #fff;
	position: relative;
	overflow: hidden;
}


.chart_Answer{
	position: relative;
	background: #fff0cd;
	box-shadow: 0px 0px 0px 5px #fff0cd;
	border: dashed 2px white;
	padding: 1em 1em;
	color: #454545;
}

.chart_Answer:after{
	position: absolute;
	content: '';
	right: -7px;
	top: -7px;
	border-width: 0 15px 15px 0;
	border-style: solid;
	border-color: #ffdb88 #fff #ffdb88;
	box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}

.chart_Answer p {
	margin: 0; 
	padding: 0;
}



@media screen and (max-width: 767px) {
.chart ul {
	-webkit-flex-direction: column;
	flex-direction: column;
}

.chart ul li {
	margin-bottom: 1em!important;
}

.col_2 li, .col_3 li {
	width: 100%;
}
#check {
	margin: -20px auto 20px;
	width: 90%;
	background: #fff;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.q dt span {
	padding: 10px;
	margin-bottom: 15px;
	font-size: 16px;
	display: block;
	border: 2px #333 solid;
	font-weight: bold;
}
.q dd {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	margin-left: 0;
	text-align: center;
}
}



/*
---------------------------------------------------- */
.sc_point {
	position: relative;
	display: inline-block;
	margin-bottom: 2em;
	padding: 10px;
	line-height: 2em;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	background: #f48fb1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
}

.sc_point:before {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 27px solid #f48fb1;
	z-index: 0;
}

.btn {
	white-space: normal;
}

@media screen and (max-width: 480px){
	.content_full{
		margin: 0 -10px;
	}
	
	#content h2 {
		font-size: 150%;
	}
}



h4.box1{
	font-size:1.4em; 
	color: #505050;/*文字色*/
	padding: 0.5em 0.5em 0.5em 1.5em;/*文字周りの余白*/
	text-indent: -1.5em;
	line-height: 1.3;/*行高*/
	background: #e1f0fa;/*背景色*/
	vertical-align: middle;/*上下中央*/
	border-radius: 0px 0px 0px 0px;/*左側の角を丸く*/
	margin:30px 0 5px;
	border-bottom: solid 1px #217dbb;
}

h4.box1:before {
	font-size:1.6em; 
	content: '●';
	color: white;
	margin:8px 5px;
	text-shadow: -1px -1px 1px #fff, -1px -1px 1px #414141;
}

@media screen and (max-width: 768px){
h4.box1{
	font-size:1.4em; 
}
}

@media screen and (max-width: 768px){
	#container h4[id] {
			margin-top: 2em;
}
}





/* -------------------------------------------------- *
 * header-nav
 * -------------------------------------------------- */
#content .container_nav ul li, #content .container_nav ol li {
	line-height: 1.2;
}
#content .container_nav ul, #content .container_nav ol {
	margin: 0;
	margin-bottom: 0;
}
#content .container_nav ul {
	margin: 0;
	padding-left: 0;
}
.container_nav {
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}
 .header-nav {
	background-color: #fff;
	background: #e1f0fa;
	margin-bottom: 10px;
}
.header-nav .container {
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}
.header-nav ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	padding: 5px 0;
	list-style: none;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#content .header-nav a, #content .header-nav a:link, #content .header-nav a:visited {
	text-decoration: none;
	color: #4E8AC9;
}
#content .header-nav a {
	font-size: 1.7rem;
	font-weight: 700;
	position: relative;
	display: block;
	padding: 5px;
	text-align: center;
	background: #fff;
	box-sizing: border-box;
	text-decoration: none;
	margin: 0 5px;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	-webkit-tap-highlight-color: transparent;
	transition: .3s ease-out;
}
#content .header-nav a:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
}
#content .header-nav a:hover{
	background-color: #4E8AC9;
	color: #fff;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

#content .header-nav a:after {
	display: block;
	height: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
	content: '';
}
#content .header-nav li {
	padding: 5px 0px;
	text-align: center;
	width: 50%;
		-webkit-box-flex: initial;
		-moz-box-flex: initial;
		-ms-flex: initial;
		flex: initial;
}
@media screen and (max-width: 979px){
	#content .header-nav a {
		font-size: 1.4rem;
		text-align: center;
	}
}
@media screen and (max-width: 768px){
	#content .header-nav li {
		width: 50%;
		-webkit-box-flex: initial;
		-moz-box-flex: initial;
		-ms-flex: initial;
		flex: initial;
	}
	#content .header-nav a:after {
		position: absolute;
		top: 50%;
		right: 5px;
		width: 10px;
		margin-top: -4px;
	}
}
@media screen and (max-width: 480px){
	#content .header-nav li {
		width: 100%;
		-webkit-box-flex: initial;
		-moz-box-flex: initial;
		-ms-flex: initial;
		flex: initial;
	}
	#content .header-nav a {
		font-size: 1.4rem;
		text-align: center;
	}
}

/* accordion customize
------------------------*/

.faq_list:before {
    content: "\f133";
font-family: FontAwesome;
}





/* content_full 調整
---------------------------------------------------- */

.content_full.mgb0 {
	margin: 20px 0 0;
}

@media screen and (max-width: 768px){
.content_full.mgb0 {
	margin: 20px -10px 0;
}
}


/* box
---------------------------------------------------- */

.box.back_pink {
	margin: 0;
	padding: 10px 10px 5px;
	border: 0px solid #cccccc;
	background-color: #FF9999;
	font-size: 1.3em;
}





@media screen and (max-width: 768px){
.box.back_pink {
	font-size: 1.1em;
	margin: 0 -10px 10px;
}
}