@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

/*
font-family: 'Noto Sans JP', sans-serif;
*/

/*初期化の設定
------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/*基本レイアウト
------------------------------------------------------------------------------*/
html,body {	height: 100%; background-attachment: fixed;/*fixedを追加するとIEの破線dashed 点線dottedの不具合を回避できる*//*overflow-y: scroll;*//*position: relative;*/}
* html body{padding-left:1px;} *+html body{padding-left:1px;}
/*基本フォント設定
------------------------------------------------------------------------------*/
html{
/*
	font-size: 62.5%;
*/	
	font-size: 100%;

/*	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,"游ゴシック","Yu Gothic",YuGothic,'ＭＳ Ｐゴシック',sans-serif;*/
	
	font-family: 'Noto Sans JP', sans-serif;
	
/*
	line-height: 1em;
	line-height: 1.4em;
*/
	color: #000;
}
body {
    position: relative;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    /*background: url(../img/bg.png) center 5% fixed no-repeat;*/
/*
    background: #FFFAC6;
    background: #cef4fb;
*/
    background: #f7f1ee;
	
    -webkit-background-size: cover;
    background-size: cover;
	
word-wrap: break-word;
    overflow-wrap: break-word;
	
	
}		
img{vertical-align: bottom;}
br { letter-spacing: 0; }
a {color: #f7366b;text-decoration: none;transition: 0.2s;word-break: break-all;}
a.blue {color: #00ADEB;text-decoration:underline; display: inline-block !important;
}
a:hover {text-decoration: underline;}
table { font-size:inherit; 	font:100%; }
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
strong{font-weight: bold;}
textarea {
}
/*
h1,h2,h3,h4,h5{
	line-height: 1.3em;
}
h1,h2,h3,h4,h5,strong,th, #header a, .Bld{font-weight:bold;font-family: 'ヒラギノ角ゴ Pro W6','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ','Meiryo', "游ゴシック","Yu Gothic",YuGothic,'ＭＳ Ｐゴシック','sans-serif' !important;}
button{font-family: 'ヒラギノ角ゴ Pro W6','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',"游ゴシック","Yu Gothic",YuGothic,'Meiryo','ＭＳ Ｐゴシック','sans-serif' !important;}
*/

p{margin:0 0 1em 0;}


/*共通の設定
------------------------------------------------------------------------------*/

/*フレックスボックス*/
.flex{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.flex-wrap{
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex.revs{
	-webkit-flex-direction: row-reverse;
	flex-direction:         row-reverse;
}

.flex.va-cent{
	-webkit-align-items: center;
	align-items:         center;
}

.flex.va-end{
	-webkit-align-items: end;
	align-items:         end;
}

.flex.va-bline{
	-webkit-align-items: baseline;
	align-items:         baseline;
}
.flex.jc-space{
	-webkit-justify-content: space-between;
	justify-content:         space-between;
}

.flex.jc-around{
	-webkit-justify-content: space-around;
	justify-content:         space-around;
}
.flex.jc-cent{
	-webkit-justify-content: center;
	justify-content:         center;
}

.flex.jc-left{
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.flex.jc-right{
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

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

.l-auto{
	margin-left: auto;
}
.r-auto{
	margin-right: auto;
}


/*■文字の設定*/
.fntS	{font-size: 1.0rem !important;} /*10px*/
.fnt2S	{font-size: 1.2rem !important;} /*12px*/
.fntL	{font-size: 1.4rem !important;} /*14px*/
.fntXL	{font-size: 1.6rem !important;} /*16px*/
.fnt2XL	{font-size: 1.7rem !important;} /*18px*/
.fnt3XL	{font-size: 2.0rem !important;} /*20px*/
.fnt4XL	{font-size: 2.4rem !important;} /*24px*/
.font10{font-size: 1.0rem !important;} /*10px*/
.font11{font-size: 1.1rem !important;} /*11px*/
.font12{font-size: 1.2rem !important;} /*12px*/
.font13{font-size: 1.3rem !important;} /*13px*/
.font14{font-size: 1.4rem !important;} /*14px*/
.font15{font-size: 1.4rem !important;} /*15px*/
.font16{font-size: 1.6rem !important;} /*16px*/
.font18{font-size: 1.8rem !important;} /*18px*/
.font20{font-size: 2.0rem !important;} /*20px*/
.font22{font-size: 2.2rem !important;} /*22px*/
.font24{font-size: 2.4rem !important;} /*24px*/
.font26{font-size: 2.6rem !important;} /*26px*/
.font28{font-size: 2.8rem !important;} /*28px*/
.font30{font-size: 3.0rem !important;} /*30px*/
.font32{font-size: 3.2rem !important;} /*32px*/
.font38{font-size: 3.8rem !important;} /*38px*/

.Bld	{font-weight: bold !important;}
.Nml	{font-weight: normal !important;}
.clrRed {color: #F00;}
.clrBlu {color: #006E7B;}
.clrGry {color: #666666;}
.clrOrg {color: #FF6600;}
.clrGrn {color: #007700;}
.clrPnk {color: #E754B7;}
.clrPnk a {color: #E754B7;}
.clrPnk1  {color: #E85382;}

.aClr { color: #C91; text-decoration: underline;}

.red{color:#f00;}
.pink{color:#E9537B}
.bold{font-weight:700;}
.sfont{font-size:90%;}

/*■配置の設定*/

/*縦位置*/
.vlgnT	{vertical-align: top !important;}
.vlgnM	{vertical-align: middle !important;}
.vlgnB	{vertical-align: bottom !important;}

/*横位置*/
.algnR	{text-align: right !important;}
.algnL	{text-align: left !important;}
.algnC	{text-align: center !important;}

/*■マージン、パディング設定*/
/*下マージ*/
.mgB1	{margin-bottom: 1px !important; }.mgB3	{margin-bottom: 3px !important;}
.mgB5	{margin-bottom: 5px !important; }.mgB10	{margin-bottom: 10px !important;}
.mgB15	{margin-bottom: 15px !important;}.mgB20	{margin-bottom: 20px !important;}
.mgB25	{margin-bottom: 25px !important;}.mgB30	{margin-bottom: 30px !important;}
.mgB35	{margin-bottom: 35px !important;}.mgB40	{margin-bottom: 40px !important;}
.mgB50	{margin-bottom: 50px !important;}.mgB60	{margin-bottom: 60px !important;}
.mgB70	{margin-bottom: 70px !important;}
/*右マージン*/
.mgR10	{margin-right: 10px !important;}.mgR15	{margin-right: 15px !important;}
.mgR20	{margin-right: 20px !important;}.mgR30	{margin-right: 30px !important;}
/*左右マージン*/
.mgRL5	{margin-right: 5px !important; margin-left: 5px !important;}.mgRL10	{margin-right: 10px !important; margin-left: 10px !important;}
.mgRL15	{margin-right: 15px !important; margin-left: 15px !important;}.mgRL20	{margin-right: 20px !important; margin-left: 20px !important;}

/*全てのマージン*/
.pg		{padding: 0 10px;}

/*左右パディング*/
.pgRL5	{padding-left:5px !important; padding-right: 5px !important;}
.pgRL10	{padding-left:10px !important; padding-right: 10px !important;}
.pgRL15	{padding-left:15px !important; padding-right: 15px !important;}
.pgRL20	{padding-left:20px !important; padding-right: 20px !important;}
.pgRL30	{padding-left:30px !important; padding-right: 30px !important;}
/*上下パディング*/

.pg0	{padding:0 !important;}
.pgTB5	{padding: 5px 0 !important;}
.pgTB10	{padding: 10px 0 !important;}
.pgTB15	{padding: 15px 0 !important;}
.pgTB20	{padding: 20px 0 !important;}

/*■テキスト装飾設定*/

.llfont{font-size:155%;font-weight:700;}

/*共通UL,OLの設定*/

ul.Dul {
	margin-left: 2em;
	list-style-type: disc;
}

ol.Dol {
	margin-left: 2em;
	list-style-type: decimal;
}
.arw{
	padding-left: 10px;	
	background: transparent url(../images/arw_1.png) left center no-repeat;
	text-decoration: underline;	
}

select.slcM{
	width: 45px;
	margin-right: 3px;
}
select.slcL{
	width: 195px;
}
table.Dtable{
	width: 100%;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
table.Dtable th,
table.Dtable td{
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 13px;
}
table.Dtable th{
	font-weight: bold;
	font-size: 108%;
	background: #EFEEF0;
	text-align: left;
	width: 161px;
	
}

.h2sub{
	position: relative;
}
.h2sub .arw{
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -0.5em;
}
#h1Ttl{padding: 20px 0; background: #9BC839;font-size: 257.1%; color: #fff; text-align: center; margin-bottom: 30px;}


.h4Ttl{
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	background: #999;
	padding: 10px 0;
	text-align: center;
	color: #FFF;
	font-size: 1.8rem;;
	width: 200px;
}

.h4Ttl2{
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	background: #000;
	padding: 7px 0;
	text-align: center;
	color: #FFF;
	font-size: 1.6rem;;
	width: 158px;
}



.h4TtlP{
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	background: #E754B7;
	padding: 6px 0;
	text-align: center;
	color: #FFF;
	width: 200px;
}
.h2Mrk{
	position: relative;
	font-size:177%;

	padding-left: 30px;
	margin:2em 0 0.5em 0;
}
	.h2Mrk::after{
		content: "";
		background: #E50012;
		background: #f7366b;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 24px;
		height: 24px;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}

.tblCell span{display: table-cell;}

/*■ハック関連*/

/*段落ち回避用ハック*/
.cfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cfix { display: inline-block;}
/*Hides from IE-mac\*/
*html .cfix{height:1%;}
.cfix{display: block}

/*段落ち回避用ハック*/
.cfixH:after{content: ".";display: block;clear: both;visibility: hidden;}
.cfixH { display: inline-block;}
/*Hides from IE-mac\*/
*html .cfixH{height:1%;}
.cfixH{display: block}

.hover{
	display: block;
	cursor: pointer;
	-webkit-transition: opacity .4s ease;
	   -moz-transition: opacity .4s ease;
	    -ms-transition: opacity .4s ease;
	     -o-transition: opacity .4s ease;
	        transition: opacity .4s ease;
}
.hover:hover{
	opacity: 0.5;
}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
/*
	font-size: 1.4rem;
	line-height: 1.7em;
*/
}

.btn-a{
	width: 100%;
	display: inline-block;
	max-width: 500px;
	padding: 0.8em;
	text-align: center;
	color:#fff;
	background: #000;
	-webkit-border-radius:0.6em;
	-moz-border-radius:0.6em;
	-ms-border-radius:0.6em;
	-o-border-radius:0.6em;
	border-radius:0.6em;
	font-weight: normal;
}

.btn-a:hover,
.btn-b:hover,
.btn-c:hover{
	text-decoration: none;
}


.btn-b{
	position: relative;
	display: inline-block;
	line-height: 48px;
	height: 48px;
	width: 100%;
	max-width: 350px;
	left: 0px;
	bottom: 0px;
	text-align: center;
	font-size:122%;
	font-weight: bold;
	color:#fff;
	background: #000;
	-webkit-border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-ms-border-radius: 0.8em;
	-o-border-radius: 0.8em;
	border-radius: 0.8em;
}
 .btn-b::before{
	content: "";
	position: absolute;
	display: block;
	top:50%;
	margin-top: -0.3em;
	right:15px;
	width: 0.5em;
	height: 0.5em;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


.btn-c{
	position: relative;
	display: inline-block;
	line-height: 43px;
	height: 43px;
	width: 100%;
	max-width: 380px;
	left: 0px;
	bottom: 0px;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	color:#E57779;
	background: #fff;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	-ms-border-radius: 1.5em;
	-o-border-radius: 1.5em;
	border-radius: 1.5em;
}

 .btn-c::before{
	content: "";
	position: absolute;
	display: block;
	top:50%;
	margin-top: -0.3em;
	right:15px;
	width: 0.5em;
	height: 0.5em;
	border-top: solid 2px #E57779;
	border-right: solid 2px #E57779;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
 .btn-c.left::before{
	content: "";
	position: absolute;
	display: block;
	top:50%;
	margin-top: -0.3em;
	left:15px;
	right:auto;
	width: 0.5em;
	height: 0.5em;
	border-top: solid 2px #E57779;
	border-right: solid 2px #E57779;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}



/*見出し*/


.stripe-heading{
	font-size: 2.2rem;
	padding: 8px;
	text-align: center;
/*	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	-ms-border-radius: 1.5em;
	-o-border-radius: 1.5em;
	border-radius: 1.5em;
	text-align: center;
	background: url(../../img2018/stripe.png) ;
}*/
}
.dashed{
	display: inline-block;
	padding-bottom: 0.3em;
	border-bottom:2px dashed #000;
}



/*レイアウトの設定
------------------------------------------------------------------------------*/
.wrap{
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 20px ;
}
.sp{display: none;}
.sp2{display: none;}

/*ヘッダー*/
header{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 70px;
	z-index: 100;
	background: #f2644b;

}
	header h2 {
	    position: absolute;
	    top: 1.75em;
	    left: 1.75em;
	    width: 246px;
	}

		header h2 img{width: 100%;height:auto;}
	header ul.navi{
		position: absolute;
		top: 40px;
		right: 0px;
	}
		header ul.navi li{
			float: left;
			margin: 0 1em	;
		
			font-weight: bold;
		}

		header ul.navi li>a{
		
			color:#fff;
		}
	header ul.navi2{
		position: absolute;
		top: 10px;
		right: 15px;
	}
		header ul.navi2 li{
			float: left;
			margin: 0 5px;
		}
			header ul.navi2 li a{
				position: relative;
	
				font-weight: bold;
				padding-left: 1em;
				color:#fff;
			}


header ul.navi2 li a[href="#"]{opacity:0.3;pointer-events: none;}

				header ul.navi2 li a::before{

				}
				header ul.navi2 li a::after{
					content: "";
					position: absolute;
					top: 50%;
					left: 0px;
					margin-top: -0.2em;
					width: 0.45em;
					height: 0.45em;
					border-top: 1px solid #fff;
					border-right: 1px solid #fff;
					-webkit-transform: rotate(45deg);
					   -moz-transform: rotate(45deg);
					    -ms-transform: rotate(45deg);
					     -o-transform: rotate(45deg);
					        transform: rotate(45deg);
				}

/*フッター*/
#footer{padding-top: 40px;}
#footer .footer-mid{margin-bottom: 25px;}
#footer .footer-mid ul.link{ display: table; width: auto; padding: 0; margin: 0 auto;}
#footer .footer-mid ul.link li{display: table-cell; vertical-align: middle; padding: 0 3px;}
#footer .footer-mid ul.link li a{color: #000;}
#footer .footer-mid ul.link li h4{font-size: 75%;}
#footer .footer-mid ul.link li.brd{border-right: 1px solid #ddd;}
#footer .footer-btm{text-align: center;}
#footer .footer-btm ul{font-size: 85%; margin-bottom: 10px;}
#footer .footer-btm ul li{display: inline-block; padding: 10px;}
#footer .footer-btm ul li a{
	font-size: 1.2rem;
	font-weight: bold;
}
#footer .footer-btm .copyright{color: #000; padding: 30px 0;}

#footer #archives{text-align: center;margin:0 0 2em 0;}
#footer #archives a{display:inline-block;margin:0 1em 1em 1em;padding:1em; font-size:111%; background: #f7366b;color:#fff;font-weight:700;border-radius:0.5em;}
#footer #archives a:hover{text-decoration:none; opacity:0.5;}

#footer #btm_bnr{text-align: center;margin:0 0 2em 0;}

#footer #btm_bnr .inner{width:1000px;margin:auto;}
#footer #btm_bnr a{width:55%;margin:auto;display:inline-block;}
#footer #btm_bnr a img{width:100%;height:auto;}
#footer #btm_bnr a:hover{opacity:0.5;}

#footer .footer_corona{margin:4em 0 3em 0;text-align: center;}
#footer .footer_corona .footer_corona_tt{font-size:199%;margin:0 0 1em 0;font-weight:700;}

#footer .footer_corona .icon_wrap{display:flex;justify-content: center;}
#footer .footer_corona .icon_wrap .item{flex-basis:200px;margin:0.5em;}
#footer .footer_corona .icon_wrap .item img{width:100%;height:auto;}


#footer .footer_corona .vaction_wrap{display:flex;justify-content: center;}
#footer .footer_corona .vaction_wrap .item{margin:0.5em;}
#footer .footer_corona .vaction_wrap .item img{width:auto;height:150px;}	
#footer .footer_corona .vaction_wrap .item a:hover{opacity:0.5;}



@media screen and (max-width: 768px) {
#footer .footer_corona .icon_wrap .item{flex-basis:45%;margin:0.5em;}
#footer .footer_corona .vaction_wrap .item img{width:auto;height:88px;}	
	
	
#footer #btm_bnr .inner{width:100%;margin:auto;}
#footer #btm_bnr a{width:100%;}	
	
	
}


/*バナー*/
 .bnrBox{
	text-align: center;
}

.bnrBox h2 {
    font-size: 12px;
    padding-top: 5px;
}

 .bnrBox ul,

 .bnrBox ul li{
		display: inline-block;
	}

	.bnrBox>ul:nth-child(5){
	 	display:block;
	}



 .bnrBox ul li{
		vertical-align: middle;
		margin: 0 2px;
	}
	 .archive{
	max-width: 500px;
	margin: 0 auto 20px;
}




/*ページ遷移ボタン*/
#pagetop{
	position: fixed;
	right: 10px;
	bottom: 10px;
	-ms-filter: alpha( opacity=0 );
	    filter: alpha( opacity=0 );
	opacity: 0;
	-webkit-transition: opacity .5s ease;
	   -moz-transition: opacity .5s ease;
	    -ms-transition: opacity .5s ease;
	     -o-transition: opacity .5s ease;
	        transition: opacity .5s ease;
	width: 70px;
	height: 70px;
	overflow: hidden;
}
#pagetop.open{
	-ms-filter: alpha( opacity=100 );
	    filter: alpha( opacity=100 );
	opacity: 1;
}
	#pagetop a{
		position: absolute;
		left: 0px;
		top: 70px;
		background: #F2644D;
		display: block;
		width: 70px;
		height: 70px;
		text-align: center;
		color: #fff;
		font-size: 18px;
		-webkit-transition: all .2s ease;
		   -moz-transition: all .2s ease;
		    -ms-transition: all .2s ease;
		     -o-transition: all .2s ease;
		        transition: all .2s ease;
	}
	#pagetop.open a{
		top: 0px;
	}
		#pagetop a::after{
			content: "";
			position: absolute;
			top: 50%;
			left: 50%;
			width: 15px;
			height: 15px;
			margin: -5px 0 0 -9px;
			border-top: 4px solid #fff;
			border-left: 4px solid #fff;
			-webkit-transform: rotate(45deg);
			   -moz-transform: rotate(45deg);
			    -ms-transform: rotate(45deg);
			     -o-transform: rotate(45deg);
			        transform: rotate(45deg);
		}

#container {
    display: block;
    width: 100%;

}

#main{

}

#main table.tbl2{width: 100%; margin: 0 auto; border-top: 1px solid #777; border-left: 1px solid #777; text-align: left; background: #fff;}
#main table.tbl2 th{
	width: 20%;
	white-space: nowrap;
	background: #CCC;
	border-bottom: 1px solid #777;
	border-right: 1px solid #777;
	vertical-align: middle;
	padding: 10px 15px;
	font-weight: bold;
	text-align: left;

}
#main table.tbl2.white th{
	background:#fff !important;
}
#main table.tbl2 th a{text-decoration: underline; white-space: normal;}
#main table.tbl2 th a:hover{text-decoration: none;}
#main table.tbl2 td{
	border-bottom: 1px solid #777;
	border-right: 1px solid #777;
	vertical-align: middle;
	padding: 10px 15px;
	line-height: 1.3em;
}

#main table.tbl2 td strong{font-size: 14px; vertical-align: middle;}


#main table.tbl3 {width: 100%; border: 1px solid #CCC; background: #fff;}
#main table.tbl3 th{background: #CCC;width: 146px; white-space: nowrap;}
#main table.tbl3 th,
#main table.tbl3 td{
	font-size: 1.8rem;
	vertical-align: middle;
	padding: 1em 20px;
}

#main table.tbl3 td strong{font-size: 3.0rem ;color: #006E7B;}

/*共通*/
.title-box{
	padding:8em 0 20px;
	text-align: center;}


	.title-box figure{
		margin-top: 0px;
	}

	.title-box h1 {
	    font-size: 246%;
	    color: #f2644b;
	    display: inline-block;
	    padding: 0 0.3em 0.7em;
		font-weight:700;
	    /* border-bottom: 2px dashed #000; */
	}

.title-box h1 img{width:50%;height:auto;margin:auto;}
.title-box h1 span{display:block;margin:0 0 0.5em 0;font-size:70%;}
.title-box h1 span.ichiran{display:block;margin:0.5em 0 0 0;font-size:111%;}



#autumn.title-box h1{color:#00b5f1}
#appli.title-box h1{color:#eb5773}
#family.title-box h1{color:#6667af}

	.title-box>figure{
		padding: 20px 0;
	}

.flex{display:flex;justify-content: space-between;flex-flow:row wrap;}

/* アスタリスク　注釈用 */
ul.ast {	list-style: none;font-size: 90%;margin: 0 0 1em 0;text-align: left;}
ul.ast li {	margin: 0;	padding-left: 1em;	text-indent: -1em;}
ul.ast li:before {	content: "\203b";	color: #000;}
ul.ast li.red:before {	content: "\203b";	color: #f00;}


/* ドット　 */
ul.dot {	list-style: none;font-size: 100%;margin:0 0 1em 0;text-align: left;}
ul.dot li {	margin: 0;	padding-left: 1em;	text-indent: -1em;}
ul.dot li:before {	content: "\25cf";	color: #000;}

/* 中点　 */
ul.ten {	list-style: none;font-size: 100%;margin: 0 0 1em 0;text-align: left;}
ul.ten li {	margin: 0;	padding-left: 1em;	text-indent: -1em;}
ul.ten li:before {	content: "\30fb";	color: #000;}

.comingsoon{font-size:246%;color:#ccc;text-align: center;margin:1em 0 1.5em 0}


/*　オータムウォーク　　*/
.entrywrap{padding:0 0.75em; margin:0 0 2em 0;  }
.entrywrap .item{　justify-content: space-between; flex-flow:row nowrap;padding:0 0 1em 0;margin:0 0 1em 0;border-bottom:1px solid #666;z}
.entrywrap .item .detail{flex-basis:70%}
.entrywrap .item .qr{flex-basis:18%}
.entrywrap .item .qr img{border:1px solid #000;}


.entrywrap .item .tt{font-size:133%;font-weight:700;margin:0 0 0.5em 0}
.entrywrap .item .ttsub{font-size:111%;font-weight:700;margin:0 0 0.5em 0}
.entrywrap .item .tt span{border:1px solid #000; background: #fff;display:inline-block;padding:0.1em 0.25em;margin:0 0.5em 0 0;}
.entrywrap .item .url,
.entrywrap .item .tel{font-size:133%;font-weight:700;margin:0 0 1em 0;}

.entrywrap .item .tel span{font-size:70%;}


.qr.alkoo{width:35%;margin:0 0 1em 0;}
.qr img{width:100%;height:auto;}

span.lookinline{color:#E9537B}
.entrywrap .item .spec{margin:1em 0 0 0;}
.entrywrap .item .spec p{margin:0 0 0.5em 0!important;}
.entrywrap .item .spec p span.small{font-sizer:70%;margin:0 0 0 0.75em;}
p.entry_notice{font-weight:700;}


@media screen and (max-width: 768px) {
.entrywrap .item{flex-basis: 100%;}
.qr.alkoo{width:88%;margin:0 0 1em 0;}	
p.entry_notice{font-size:90%;}
ul.ast {font-size: 80%;}	
}



/*イベント概要*/
.photowalkwrap{align-items: center;margin:2em 0;padding:3em; background: #fff;border-radius:1em;}
.photowalkwrap .photowalk_icon{flex-basis: 20%;}
.photowalkwrap .photowalk_icon img{width: 100%;height:auto;}
.photowalkwrap .photowalk_text{flex-basis: 75%;font-size:123%;}
.photowalkwrap .photowalk_text p span{color:#2bb673;font-weight:700;}
.photowalkwrap .photowalk_text .photowalk_tt{font-size:133%;font-weight:900; color:#2bb673;margin:0 0 0.75em 0;}





/*photoウォーク*/
h2.oubo_tt{font-size:199%;color:#00b5f1;font-weight:bold;margin:0 auto 1.5em auto;text-align: center;display:block;width:20%;border-bottom:1px solid #00b5f1;padding:0.5em 0 0.25em 0;}
#photowalk_step{width:92%;margin:0 auto 2em auto;}
#photowalk_step .item{ background: #fff; flex-basis: 32%;padding:1em;border-radius:0.5em;text-align: center;margin:0 0 1em 0;}
#photowalk_step .item .step_num{color:#fb4d3a;font-size:166%;margin:0 0 1em 0;font-weight:900;}
#photowalk_step .item .item_tt{color:#00b5f1;font-size:144%;margin:0 0 1em 0;font-weight:700;}
#photowalk_step p{font-size:111%;text-align: left;}
p.minna_text{font-size:122%;}






.checklist{

text-align: center;
background: #fff;
padding: 1em;
border-radius:1em;margin:0 0 2em 0;
font-size:122%;font-weight:700;
	
}
.checklist p{display:block;}
.checklist a{display:inline-block; background: #f7366b;color:#fff;border-radius:2em;padding:0.5em 2em;font-size:111%;}
.checklist a:hover{opacity: 0.5;text-decoration: none;}



@media screen and (max-width: 768px) {
h2.oubo_tt{font-size:166%;width:90%;}
.photowalkwrap{padding:1em;}
.photowalkwrap .flex{justify-content: center;}
.photowalkwrap .photowalk_icon{flex-basis: 55%;margin:0 0 1em 0;}
.photowalkwrap .photowalk_text{flex-basis: 100%;font-size:111%;}   

#photowalk_step .item{ flex-basis: 100%;}
	
	
	
.checklist{
font-size:111%;
	
}
.checklist a{;border-radius:2em;padding:0.5em 2em;font-size:100%;}

	
}





#photowalk_notice{width:88%;margin:0 auto 2em auto;}
.top_prize.flex{display:flex;justify-content: space-between;flex-flow:row nowrap;margin:2em 0 1em 0;}
.top_prize .photo{flex-basis:40%;}
.top_prize .photo img{width:100%;height:auto;}
.top_prize .detail{flex-basis:55%;}
.top_prize .detail .top_prize_tt{font-size:123%;margin:0 0 1em 0; font-weight:700;}
.outline_wrap{display:flex;justify-content:space-between;margin:0 auto 2em auto;}
.outline_wrap .item{flex-basis:49%;overflow:hidden;}
.outline_wrap .item img{width:100%;height:auto;border-radius:0.75em;}

.kanpowrap{background: #ffff66;padding:1em;border-radius:1em;}
.kanpowrap .kanpo{flex-basis:100%;margin:0 auto 2em auto;}
.kanpowrap .tokuten{flex-basis:48%;margin:auto;}
.kanpowrap img{width:100%;height:auto;}



/*アプリウォークの初め方*/
#howto h5{font-size:111%;margin:0 0 1em 0;color:#2461AA;}
#howto img{width:100%;height:auto;}

p.entry_url{font-size:133%;}
p.jwalking_logo{width:22%;margin:0 0 2em 0;}

#howto .qr_wrap{}
#howto .qr_wrap .item{flex-basis: 46%;}
#howto .qr_wrap .item .img.qr{margin:0 25%;}
#howto .qr_wrap .item .tt{font-size:133%;font-weight:700;margin:0 0 1em 0;}
#howto .qr_wrap .item .tt a{font-size:80%;font-weight:400;margin:0 0 1em 0;}



#app_install{}
#app_install .l{font-size:122%;font-weight:bold;}
#app_install .xl{font-size:166%;font-weight:bold;}
#app_install .blue{color:#30479D}


#howto .detail_box .howto_wrap{margin:0 0 1em 0}
#howto .detail_box .arrow{color:#E9537B;margin:0 0 1em 25%;font-size:144%;}
#howto .detail_box .howto_wrap .tt{flex-basis: 10%;text-align: center;}
#howto .detail_box .howto_wrap .tt span{font-weight:bold;font-size:122%; background:#2461AC; color:#fff;border-radius:2em;padding:0.5em;text-align: center;margin:auto;display:block;}

#howto.autumn .detail_box .howto_wrap .tt span{background:#E9537B; }


#howto .detail_box .howto_wrap .howto_content{flex-basis:86%;margin:0;}
#howto .detail_box .howto_wrap .howto_content h4{font-size:166%;font-weight:700;}
#howto .detail_box .howto_wrap .howto_content h5{font-size:133%;font-weight:700;}


.sanka_nagare{margin:0 0 1em 0}
.sanka_nagare .nagare_wrap {justify-content: flex-start; margin:0 0 0 0;}
.sanka_nagare .nagare_wrap .item{flex-basis: 26%;margin:0 1% 2em 1%;}
.sanka_nagare .nagare_wrap .item .nagare_img{margin:0 0 1em 0;}
.sanka_nagare .nagare_wrap .item .nagare_img img{width:100%;height:auto;border:1px solid #000;}


.sanka_nagare .nagare_wrap .arrow{flex-basis: 5%;margin:0!important;text-align: center;position: relative;top:3em;}
.sanka_nagare .nagare_wrap .arrow:after{content:"\25BC"; display:inline-block; font-size:50%; color:#2f479e;
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);	
}




/*抽選賞品*/
p.center{text-align: center;font-size:122%;}
.prizebox{padding:2em;border-radius:0.5em;margin:1em 0 3.5em; background: #fff;}
.prizebox h2{font-size:155%;font-weight:700;margin:0 0 1em 0;}
.prizebox h3{margin:0 0 0.75em 0;font-size:111%;}
.prizebox a.prize_detail_here{ background:#f7366b;color:#fff;display:inline-block;text-align: center;border-radius:0.5em;padding:0.25em 2em;font-weight:700;font-size:105%;margin:0;}
.prizebox a.prize_detail_here:hover{text-decoration: none;opacity: 0.5; cursor: pointer;}
.prizebox .detail{flex-basis:70%;}
.prizebox .photo_box{flex-basis:30%; display:flex;justify-content: center;flex-flow: row nowrap; align-items: center;}
.prizebox .photo_box .photo{flex-basis:60%; }
.prizebox .detail.shoes{flex-basis:50%;}
.prizebox .photo_box.shoes{flex-basis:50%; display:flex;justify-content: center;flex-flow: row nowrap; align-items: center;}
.prizebox .photo_box.shoes .photo{flex-basis:50%;margin:0 0.25em }
.prizebox .photo_box .photo img{width:100%;height:auto;}
	



/*アプリウオーク　ピンバッジ*/
.flex.pin{display:flex;justify-content: flex-start!important; flex-flow: row wrap;margin:1em 0 0 0;}
.flex.pin .item{flex-basis: 26%;margin:0 2% 0 0;}
.flex.pin .item img{width:100%;height:auto;margin:0 0 0 1em;}
.flex.pin .item span{display:block;margin:0.5em 0 1em 1em;text-align: center;font-size:70%;}




/*共産企業のご案内*/

.img.lionset{width:77%;margin:auto;}
.img.lionset img{width:100%;height:auto;}


@media screen and (max-width: 768px) {
.title-box h1 img{width:66%;height:auto;margin:auto;}
.title-box h1 span{display:block;margin:0 0 0.5em 0;font-size:66%;}
.title-box h1 span.ichiran{display:block;margin:0.5em 0 0 0;font-size:111%;}
	
#family.title-box h1 ,
#autumn.title-box h1 ,
#appli.title-box h1 

	
	{ font-size:122%;}	
	
#howto h5{font-size:111%;margin:0 0 1em 0;color:#2461AA;}
#howto img{width:100%;height:auto;}

p.entry_url{font-size:133%;}
p.jwalking_logo{width:55%;margin:0 auto 2em auto;}

#howto .qr_wrap{flex-flow: column;}
#howto .qr_wrap .item{flex-basis: 46%;}
#howto .qr_wrap .item .img.qr{margin:0 25%;}
#howto .qr_wrap .item .tt{font-size:133%;font-weight:700;margin:0 0 1em 0;}
#howto .qr_wrap .item .tt a{font-size:80%;font-weight:400;margin:0 0 1em 0;}
	
.outline_wrap{display:flex;justify-content: center;}
.outline_wrap .item{flex-basis:90%;}
    
    
 #howto .detail_box .howto_wrap .tt{flex-basis: 100%;text-align: center;margin:0 0 1em 0;}
 #howto .detail_box .howto_wrap .howto_content{flex-basis:100%;margin:0;}
   
.sanka_nagare .nagare_wrap {justify-content: center; margin:0 0 0 0;}  
.sanka_nagare .nagare_wrap .item{flex-basis: 88%;margin:0 0 0.5em 0;}	
.sanka_nagare .nagare_wrap .arrow{flex-basis: 100%;margin:0 0 0.5em 0!important;text-align: center;position: relative;top:0;} 
 .sanka_nagare .nagare_wrap .arrow:after{content:"\25BC"; display:inline-block; font-size:88%; color:#2f479e;
-moz-transform: rotate(0);
-webkit-transform: rotate(0);
-o-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);	
}
	
	
	
	
	
/*抽選賞品*/	
.prizebox a.prize_detail_here{width:88%;display:block;margin:0 auto 2em auto;}	
.prizebox .detail{flex-basis:100%;}
.prizebox .photo_box{flex-basis:100%; }
.prizebox .photo_box .photo{flex-basis:80%; }
.prizebox .detail.shoes{flex-basis:100%;}
.prizebox .photo_box.shoes{flex-basis:100%; display:flex;justify-content: center;flex-flow: row nowrap; align-items: center;}
.prizebox .photo_box.shoes .photo{flex-basis:60%; }
.flex.pin .item{flex-basis: 66%;margin:0.5em auto;}
	
	
	
	
}

.notice{font-weight:bold;color:#f7366b;font-size:111%;}










/*TOP
------------------------------------------------------------------------------*/
.about-tw{
	background: #FFF;
	border-radius:1em;
	margin-bottom: 20px;
	padding: 0 0 1em 0;
}
.about-tw h2 img{width:100%;height:auto;}

.aabout-tw-head{ background: #ef3f66;padding:1em 0; justify-content: center;color:#fff; align-items: center; margin:0 0 1em 0;border-radius:1em 1em 0 0 }
.aabout-tw-head .aabout-tw-head-upper{flex-basis:52%;font-size:100%;margin:0 3em 0 0;}
.aabout-tw-head  h2{flex-basis:52%;}

.about-tw-wrap > p{text-align: center;font-size:123%;line-height: 155%;}
.about-tw .about-tw-wrap{
	padding: 30px;
	font-weight: bold;

}
.about-tw .about-tw-wrap h2{margin:0 auto 2em auto;width:55%;}
.outline .about-tw .about-tw-wrap{
	font-weight: normal;
}
.about-tw .about-tw-wrap .box{
	padding: 20px 20px 10px;
	background: #F8F8CE;
}
.about-tw .about-tw-wrap .box p span{
	color: #E50012;
	text-decoration: underline;
}
.about-tw .about-tw-wrap .kome{
	color: #E50012;
}

.about-tw .about-tw-wrap .aboutwrap{text-align: center;margin:2em 0; align-items:flex-end; justify-content: center;}
.about-tw .about-tw-wrap .aboutwrap >div{margin:0 0.5em;}
.about-tw .about-tw-wrap .aboutwrap .copy{font-weight:bold;font-size:123%; position: relative;top:-0.5em;}
.about-tw .about-tw-wrap .aboutwrap .autumn{color:#00b5f1;}
.about-tw .about-tw-wrap .aboutwrap .app{color:#eb5773;}
.about-tw .about-tw-wrap .aboutwrap .text.to{position: relative;top:-0.5em;}
.about-tw .about-tw-wrap .aboutwrap .logo img{width:auto;height:60px;}
.about-tw .about-tw-wrap .about_inner{width:88%;margin:auto;}
.about-tw .about-tw-wrap .about_inner ul.what{margin:1em 0 0 0;}
.about-tw .about-tw-wrap .about_inner ul.what {	list-style: none;margin: 10px 0 0 0;text-align: left;}
.about-tw .about-tw-wrap .about_inner ul.what li {	margin: 0 0 0.5em 0;	padding:0 0 0 1em;	text-indent: -1em;  }
.about-tw .about-tw-wrap .about_inner ul.what li:before {	content: "\2605";	color: #000;}
.about-tw .yokoku{display:block;background: #30479d;color:#fff;font-weight:bold;font-size:133%;border-radius:3em;padding:0.5em;margin:0 auto 1em auto;width:66%;text-align: center;}



.top-title,
.top_event{
	text-align: center;
}
.top-title{
width:44%;margin:auto;
position: absolute;
left:0;right:0;
	top:8em;
	
}


.kv{margin: 6em 0 1em 0;width:100%;
}

.top_event{
	margin: 1em 0;
	padding:2em;
	background: #fff;
	border-radius:1em;
	
}
.top_event p{text-align: left;margin:0 0 1em 0;}
.top_event .top_event_info{flex-basis: 49%;}
.top_event .top_event_info .top_event_tt{margin:0 0 1em 0;}
.top_event_info img{width:100%;height:auto;}

 .top_event_pic{flex-basis: 49%;}
.top_event_pic .top_event_picitem{flex-basis: 49%; position: relative;margin:0 0 1em 0;}
.top_event_pic .top_event_picitem span{display:block;margin:0.5em 0 0 0;}
.top_event_pic .top_event_picitem .copyright{position: absolute;right:0.5em;top:75%;font-size:80%;color:#fff;}
.top_event_pic .top_event_picitem img{width:100%;height:auto;}





.bg-slide {
/*    padding-top: 65px;*/
	
	width:1100px;
	margin:auto;

	
	
   /*  background-position: center 40%;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
	
   min-height: 800px;*/
}
.bg-slide img{width:100%;height:auto;}


@media screen and (max-width: 768px) {
	
.aabout-tw-head .aabout-tw-head-upper{flex-basis:52%;font-size:100%;margin:0 3em 0 0;} 
    
    
   .aabout-tw-head .aabout-tw-head-upper{flex-basis:100%;font-size:111%;margin:0.5em;text-align: center;} 
    
.about-tw .about-tw-wrap .aboutwrap .copy.app{margin:2em 0 0 0;}	
.aabout-tw-head  h2{flex-basis:77%;}
.bg-slide {	width:100%;	margin:auto;	padding-top:0;}
.top-title{width:88%;}
	
	
	
	
}


#visual-wrap{
	position: relative;
	margin: 0 auto 40px;
	width: 100%;
	overflow: hidden;
}
#visual-wrap .bx-wrapper{
	max-width: 100% !important;
}
#visual-wrap .bx-wrapper .bx-viewport{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	left: 0px;
}

.visual{
	width: -webkit-calc(100% + 390px);
	width: calc(100% + 390px);
	margin-left: -390px;
}
	.visual li{
		float: left;
	}

	.visual a.hover{
		display: block;
	}



.walk-event{
	width: -webkit-calc(100% + 10px);
	width: calc(100% + 10px);
	letter-spacing: -0.4em;
	text-align: center;
	margin-bottom: 55px;
}
	.walk-event li{
		width: 20%;
		display: inline-block;
		padding-right: 9px;
	}
		.walk-event li img{
			width: 100%;
			max-width: 210px;
		}


.entry-title{
	margin-bottom: 25px;
	text-align: center;
	font-size: 2.2rem;
	color: #006E7B;
}
#main .entry-net-nvi{
	text-align: center;
	letter-spacing: -0.4em;
	margin-bottom: 40px;
}
	#main .entry-net-nvi li{
		letter-spacing: normal;
		display: inline-block;
		margin: 0 15px;
	}
		#main .entry-net-nvi li img{max-width: 235px; vertical-align: bottom;}
#main .entry-net{
	display: table;
	width: 100%;
	background: #fff;
	margin: 0 0 15px;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
}
#main .entry-net .td1,
#main .entry-net .td2{
	display: table-cell;
	width: 42%;
	vertical-align: middle;
	text-align: left;
	padding: 20px 3em;
}
#main .entry-net .td2{
	width: 58%;
	padding: 20px 35px 20px 0;
}
	#main .entry-net .td1 h2{
		position: relative;
		display: inline-block;
		margin-left: 1em;
		vertical-align: middle;	
		font-size: 2.2rem;
		font-weight: bold;
	}
		#main .entry-net .td1 h2::after{
			content: "";
			position: absolute;
			top: 0px;
			right: -1.5em;
			width: 0px;
			height: 0px;
			border: 10px solid transparent;
			border-left: 10px solid #006E7B;
		}
	#main .entry-net .td1 img{
		vertical-align: middle;	
	}
	#main .entry-net .td2 ul{
		letter-spacing: -0.4em;
	}
		#main .entry-net .td2 ul li{
			width: 50%;
			display: inline-block;
			padding: 0 10px 0 0;
		}
		#main .entry-net .td2 ul li:last-child{padding: 0 0 0 10px;}
			#main .entry-net .td2 ul li img{width: 100%;}
	#main .entry-net .td2 .info{
		display: inline-block;
		text-align: left;
		font-size: 1.2rem;
		line-height: 1.2em;
	}
		#main .entry-net .td2 .info strong{
			font-size: 1.6rem;
			line-height: 1.2em;
		}

#main .entry-tab{
	overflow: hidden;
	margin-bottom: 30px;
}






	#main ul.entry-tab li{
		float: left;
		width: 50%;
		text-align: center;
		padding: 0 10px 20px 0;
	}
	.entry-tab .btn-black{
		margin-bottom: 20px;
	}

	#main ul.entry-tab li:nth-child(2n){padding: 0 0 20px 10px;}
		#main ul.entry-tab li>a{
			width: 100%;
			position: relative;
			background: #fff;
			display: table;
			padding:20px 15px;
			color: #000;
			border-radius: 1em;
			-webkit-border-radius: 1em;
			-moz-border-radius: 1em;

		}
		
			#main ul.entry-tab li figure{
				display: table-cell;
				vertical-align: middle;
				width: 100px;
			}
			#main ul.entry-tab li .info{
				display: table-cell;
				vertical-align: middle;
				padding-left: 5px;
				text-align: left;
			}
			#main ul.entry-tab li a .info h2{font-size: 2rem; margin: 0 0 0.4em;}
			#main ul.entry-tab li a .info p{font-size: 1.4rem;}

			#main .entry-tab .box{
				background: #fff;
				padding:40px 28px;
				border-radius:1.5em;

			}

				.btn-black{
					position: relative;
					width: 100%;
					display: table;
					margin-bottom: 0px;
				}
				.btn-black::after{
					margin-top: -6px;
					width: 8px;
					height: 8px;
					border-top: 3px solid #fff;
					border-right: 3px solid #fff;
				}
				.btn-black>div{
					background: #AAA;
					display: table-cell;
					height: 86px;
					vertical-align: middle;
					padding-right: 10px;
					font-size: 2rem;
					line-height: 1.6em;
					font-weight: bold;
					color: #fff;
					border-radius: 10px;
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
				}
				.btn-black>div span{
					display: block;
					font-size: 1.4rem;
					line-height: 1.4em;

				}

				.btn-black:hover{text-decoration: none;}
				.btn-black::after {
				    content: "";
				    position: absolute;
				    right: 20px;
				    top: 50%;
				    margin-top: -6px;
				    width: 11px;
				    height: 11px;
				    border-top: 2px solid #fff;
				    border-right: 2px solid #fff;
				    -webkit-transform: rotate(45deg);
				    -moz-transform: rotate(45deg);
				    -ms-transform: rotate(45deg);
				    -o-transform: rotate(45deg);
				    transform: rotate(45deg);
				}
			#main ul.entry-tab li .box p{
				font-size: 1.4rem;
			}
			#main ul.entry-tab li .box p:last-child{
				margin-top: 10px;
				height: 2.8em;
			}
				#main ul.entry-tab li .box p strong{
					font-size: 1.6rem;
				}

#main .entry-tab .flex.top_btn{justify-content: center;}

#main .entry-tab .flex.top_btn .item{flex-basis: 45%;margin:0 2%;padding:1em 2em;border-radius:0.5em;text-align: center; text-decoration: none;}
#main .entry-tab .flex.top_btn .item a{padding:1em 2em;border-radius:0.5em;text-align: center; text-decoration: none; display: block;}




#main .entry-tab .flex.top_btn .item a img{width:100%;height:auto;}
#main .entry-tab .flex.top_btn .item a span{display:block;font-size:133%;color:#fff;font-weight:700;}

#main .entry-tab .flex.top_btn .item.autumn .item_tt{ color: #00b5f1;font-size:133%;font-weight:700;margin:0 0 0.5em 0;}
#main .entry-tab .flex.top_btn .item.appli .item_tt{color: #eb5773;font-size:133%;font-weight:700;margin:0 0 0.5em 0;}
#main .entry-tab .flex.top_btn .item.family .item_tt{color: #6667af;font-size:133%;font-weight:700;margin:0 0 0.5em 0;}

#main .entry-tab .flex.top_btn .item.autumn a{ 
background: #00b4f1;
background: -moz-linear-gradient(-45deg,  #00b4f1 0%, #28c4f4 50%, #00b4f1 100%);
background: -webkit-linear-gradient(-45deg,  #00b4f1 0%,#28c4f4 50%,#00b4f1 100%);
background: linear-gradient(135deg,  #00b4f1 0%,#28c4f4 50%,#00b4f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4f1', endColorstr='#00b4f1',GradientType=1 );

}




#main .entry-tab .flex.top_btn .item.appli a{
background: #e68f8f;
background: -moz-linear-gradient(-45deg,  #e68f8f 0%, #dc6e9d 50%, #ed546e 100%);
background: -webkit-linear-gradient(-45deg,  #e68f8f 0%,#dc6e9d 50%,#ed546e 100%);
background: linear-gradient(135deg,  #e68f8f 0%,#dc6e9d 50%,#ed546e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e68f8f', endColorstr='#ed546e',GradientType=1 );


}

#main .entry-tab .flex.top_btn .item.family a{
background: #6667af;


}

#main .entry-tab .flex.top_btn .item a[href="#"]{pointer-events: none;}

#main .entry-tab .flex.top_btn a:hover{text-decoration: none;	opacity:0.5;}


@media screen and (max-width: 768px) {
	#main .entry-tab .flex.top_btn .item{flex-basis: 100%;margin:0 0 1em 0;padding:1em;}
	#main .entry-tab .flex.top_btn .item.autumn .item_tt{font-size:144%;}
	#main .entry-tab .flex.top_btn .item.appli .item_tt{font-size:144%;}

}





#main ul.entry-tab.clm3{
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	overflow: hidden;
}

#main ul.entry-tab.clm3 li{
	width: 100%;
	padding:0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	background: #fff;
	margin-bottom: 10px;
}
	#main ul.entry-tab.clm3 li:nth-child(3n){
		margin-right: 0;
	}

		#main ul.entry-tab.clm3 li .box a h2{
			background: #000;
		}

				#main ul.entry-tab.clm3 li .box a h2 img{
					max-width: 100%;
				}



#main .news-box{
	width: 100%;
	height: 435px;
	background:#fff;
	padding: 20px 22px 20px 20px;
	margin-bottom: 2em;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
}

#main .news-box h3{font-size:177%;margin:0 0 0.25em 0.5em}



	#main .news-box ul{
		overflow-y: scroll;
		height: 335px;
	}
		#main .news-box ul li{
			padding: 1.2em 1em 1em;
			margin-right: 20px;
			border-bottom: 1px dashed #000000;
		}
/*		#main .news-box ul li:last-child{
			border-bottom: none;
		}*/
			#main .news-box ul li time{
				display: inline-block;
				font-size: 1.4rem;
				color: #E85382;
				margin-bottom: 0.5em;
			}
			#main .news-box ul li p{

			}
	#main .news-box ul li a{display: inline; text-decoration: underline;}
	#main .news-box ul li a:hover{text-decoration: none;}



#main .photo_walk{margin:0 0 3em 0;border-radius:1em;
	overflow: hidden;
}

#main .photo_walk img{width:100%;height:auto;}


.top-link{
	width: 100%;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	margin-bottom: 20px;
}
	.top-link li{
		position: relative;
		width: 32%;
		margin-right: 2%;
		vertical-align: top;
		text-align: center;
	}
	.top-link li:nth-child(3){margin-right: 0;}
		.top-link li a{
			display: block;
			padding-bottom: 75px;
		}
		.top-link li a:hover{text-decoration: none;}
		.top-link li img{
			width: 100%;
		}
		.top-link li h2{
			margin: 1em 0 0.5em;
			font-size: 1.6rem;
			color:#000;
		}
		.top-link li p{
			text-align: left;
			font-size: 1.4rem;
			line-height: 1.6em;
			color:#000;
		}
		.btn-detail{
			position: absolute;
			display: inline-block;
			line-height: 48px;
			height: 48px;
			width: 100%;
			left: 0px;
			bottom: 0px;
			font-size: 1.4rem;
			font-weight: bold;
			color:#fff;
			background: #E50313;
			-webkit-border-radius: 0.4em;
			-moz-border-radius: 0.4em;
			-ms-border-radius: 0.4em;
			-o-border-radius: 0.4em;
			border-radius: 0.4em;
			text-decoration: none !important;
		}
			 .btn-detail::before{
				content: "";
				position: absolute;
				display: block;
				top:50%;
				margin-top: -0.3em;
				right:25px;
				width: 0.6em;
				height: 0.6em;
				border-top: solid 2px #fff;
				border-right: solid 2px #fff;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
			}

		.btn-detail.small{
			position: relative;
			width: auto;
			display: inline-block;
			height: 41px;
			line-height: 41px;
			font-size: 1.6rem;
			text-align: center;
			padding: 0 30px;
		}
			.btn-detail.small::before{
				margin-top: -0.28em;
				right:15px;
				width: 0.5em;
				height: 0.5em;
				border-top: solid 2px #fff;
				border-right: solid 2px #fff;
			}
			.btn-detail:hover{
				text-decoration: none;
			}

#prBox{
	overflow: hidden;
	margin-top: 50px;
	margin-bottom: 60px;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	overflow: hidden;
}
	#prBox .left{
		position: relative;
		width: 100%;
		background: #fff;
	}
	#prBox .left:nth-child(3n){
		margin-right:0;
	}

	#prBox .box{
		background: #fff;
	}
		#prBox .box h2{
			background: #0e3386;
			text-align: center;
			padding: 0.8em 0.5em;
			font-size: 1.8rem;
			color: #fff;
			vertical-align: bottom;
		}
			#prBox .box h2 span{ font-size: 1.4rem; display: block;}
			#prBox .box h2.mgn{
				padding-top: 1.4em;
			}

		#prBox .box .info{
			padding: 20px 20px 40px;
			overflow: hidden;
			background: #fff;
		}

		#prBox .box.btn .info{
			padding: 20px 20px 75px;
		}



			#prBox .box .info .txt{
				/*width: -webkit-calc(100% - 40%);
				width: calc(100% - 40%);*/
			}
				#prBox .box .info .txt p{
					font-size: 1.2rem;
					line-height: 1.5em;
					color:#000;
				}
				#prBox .box .info .txt p:last-child{margin-top: 0.5em;}
				#prBox .box .info .txt p strong{
					font-size: 1.4rem;
					line-height: 1.7em;
				}

#prBox .box .info .btn-bnr {
    text-align: center;
    width: 100%;
}
#prBox .box .info .btn-bnr li{
	display: inline-block;
	width: 30%;
	margin: 10px 2%;
}
#prBox .box .info .btn-bnr li a{
	display: block;
}
#prBox .box .info .btn-bnr li a img{width: 100%;}
			.btn-detail-sm{
				display: inline-block;
				font-size: 1.4rem;
				height:41px;
				line-height: 41px;
				width: 154px;
				font-weight: bold;
				background: #E75281;
				color:#fff;
				-webkit-border-radius: 0.4em;
				-moz-border-radius: 0.4em;
				-ms-border-radius: 0.4em;
				-o-border-radius: 0.4em;
			}

				.btn-detail-sm::after{
				content: "";
				position: absolute;
				display: block;
				top:50%;
				margin-top: -0.3em;
				right:25px;
				width: 0.6em;
				height: 0.6em;
				border-top: solid 2px #fff;
				border-right: solid 2px #fff;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);

				}


#prBox a{
	text-decoration: none;
}


.sns-box{
	background: #fff;
	padding: 30px 10px 20px;
	margin-bottom: 40px;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	text-align: center;
}

	.sns-box h2 {
	    font-size: 2.6rem;
	    letter-spacing: 0.1em;
	    margin: 20px 0 30px;
	}
	.sns-box ul.link{
		margin-bottom: 20px;
	}
		.sns-box ul li{
			display: inline-block;
			margin: 0 20px;
		}
			.sns-box ul li a{
				display: inline-block;
				font-size: 1.7rem;
				font-weight: bold;
			}

			.sns-box ul li a.tw{ color:#2ba6df; }
			.sns-box ul li a.fb{ color: #395796; }
			.sns-box ul li a.inst{ color: #c53f75; }


			.sns-box ul li img{
				margin-right: 10px;
			}
			.sns-box ul li img,
			.sns-box ul li p{
				display: inline-block;
				vertical-align: middle;
			}
				
	.sns-box .f-left{float: left; width: 52%; padding-right: 5px;}
	.sns-box .f-right{float: right; width: 48%; padding-left: 5px;}

	.sns-box .f-left iframe{width: 100% !important; border: 1px solid #ddd;}
	.sns-box .f-right iframe{width: 100% !important; border: 1px solid #ddd;}
.tw-box{
	border: 1px solid #ddd;
	padding-right: 1px;
}

/*TOKYOウオークとは
------------------------------------------------------------------------------*/
#main.about{
	font-size: 1.4rem;
	line-height: 1.4em;
}
#main.about p{
	font-size: 1.4rem;
}
#main.about p.top-text{
	font-size: 1.6rem;
	line-height: 1.875em;
	padding: 0;
	margin-bottom: 20px;
	text-align: center;
}
#main.about strong.top-strong{
	font-size: 2rem;
	margin-bottom: 10px;
	display: block;
	text-align: center;
	color:#E75281;
	margin-bottom: 15px;
}
#main.about strong.top-strong2{
	font-size: 2rem;
	margin-bottom: 10px;
	display: block;
	text-align: center;
	color:#000;
	margin-bottom: 15px;
}
#main.about .caution{
	display: block;
	text-align: center;
	font-size: 1.2rem;
	text-align: center;
	margin-bottom: 10px;
}




#main.about .box3 {
    position: relative;
    padding: 30px 35px 30px;
    margin-bottom: 50px;
    background-color: #fff;
    border: 4px solid #00AFEB;
    border-top: none;
    font-size: 1.6rem;
    line-height: 1.4em;
}

#main.about .box3 .note{
	position: absolute;
	width: 100%;
	text-align: right;
	bottom:-2em;
	left:0;
}

#main.about .list-wrap{
	padding:40px 20px;
	background: #dcf5ef;
}
#main.about .box3 .step-list{display: table; }
#main.about .box3 .step-list>li{margin-bottom: 40px;}
#main.about .box3 .step-list>li:last-child{margin-bottom: 0px;}
#main.about .box3 .step-list li figure{display: table-cell; vertical-align: top; width: 320px; text-align: right;}
#main.about .box3 .step-list li .info{display: table-cell; vertical-align: middle;}
#main.about .box3 .step-list li .info{ padding: 0 20px 0 40px;}
#main.about .box3 .step-list li .info p.mid{font-size: 1.6rem; padding-top: 10px;}
#main.about .box3 .step-list li .info .title{font-size: 2.2rem; line-height: 1.2em;  margin-bottom: 0px;}
#main.about .box3 .step-list li .info .small{font-size: 1.2rem; line-height: 1.4em;}
#main.about .box3 .step-list li .info .small p{position: relative;padding-left: 1.4em; font-size: 1.2rem;}
#main.about .box3 .step-list li .info .small p::after{position: absolute; top:0px; left:0px; content: "●"; color: #000;}
#main.about .box3 .step-list li .info .small p strong{font-size: 1.4rem;font-weight: normal;}
#main.about .box3 .step-list li .info strong.clrPnk1{font-size: 1.6rem; line-height: 1.8em;}
#main.about .box3 .step-list li .info li span{display: table-cell;}
#main.about .box3 .step-list li .info li{
	background: #FFF;
	margin-bottom: 1em;
	border-radius: 0.7em;
	-webkit-border-radius: 0.7em;
	-moz-border-radius: 0.7em;	
}

#main.about .box3 .head-wrap {text-align: center;}
#main.about .box3 .title-map {
    position: relative;
    display: inline-block;
    padding: 10px 0 0;
    font-size: 2.8rem;
    color: #000;
    text-align: center;
    margin-bottom: 1.5em;
    line-height: 1.3em;
}




#main.about .box3 .img-box .info table.tbl1 td.gold{color: #D69E19;}
#main.about .box3 .img-box .info table.tbl1 td.silver{color: #878787;}
#main.about .box3 .img-box .info table.tbl1 td.bronze{color: #923921;}

#main.about .medalInfo{
	margin-top: 40px;
	font-size: 1.3rem;
}


#main.about .medalInfo table.tbl1 {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #000;
}

#main.about .medalInfo table.tbl1 tbody{
	display: block;
}
#main.about .medalInfo table.tbl1 tr{
display: -ms-flex;
display: -webkit-flex;
display: flex;
width: 100%;
	overflow: hidden;
	-webkit-justify-content: center;
	justify-content: center;
}

#main.about .medalInfo table.tbl1 td{
	display: block;
	width: auto;
	padding: 30px 30px 20px;
	text-align: center;
	font-size: 1.3rem;
}



#main.about .medalInfo table.tbl1 td figure{margin-bottom: 8px;}
#main.about .medalInfo table.tbl1 td .ttl{font-size: 1.8rem; display: inline-block;}

#main.about .medalInfo p{margin-bottom: 5px; display: inline-block; padding-left: 0.3em;}


#main.about .info2 p{
	font-size: 1.6rem;
	line-height: 1.6em;
}
#main.about .info2 p.mrk{display: table; width: 100%; margin: 0 0 0.5em;}
#main.about .info2 p.mrk strong,
#main.about .info2 p.mrk em{
	display: table-cell;
	font-weight: bold;
}
#main.about .info2 p.mrk em span{
	font-weight: normal;
}
#main.about .info2 p.mrk strong{
	width: 1%;
	white-space: nowrap;
	padding-right: 1em;
}
#main.about .info2 h3.point{
	color: #E75281;
	text-align: center;
	font-size: 1.8rem;
}
#main.about .info2 .img{
	max-width: 800px;
	margin: 0 auto;
}
#main.about .info2 .img img{width: 100%;}

#main.about .info2 .img span{
	display: block;
	font-size: 1.4rem;
}
#main.about .info2 .inr-block ul{
	text-align: center;
	margin: 0 0 1.5em;
}
#main.about .info2 .inr-block ul li{
	display: inline-block;
	margin: 1em 1em 0;
}
#main.about .info2 ul.list{
	display: block;
	width: 100%;
	text-align: left;
}
#main.about .info2 ul.list li{
	display: table;
	width: 100%;
	margin: 0;
}
#main.about .info2 ul.list li span{
	display: table-cell;
}
#main.about .info2 ul.list li span.key{
	width: 1%;
	white-space: nowrap;
	padding-right: 1em;
}


/*エントリー*/
.entry-box{
	position: relative;
	padding: 35px;
	background: #fff;
	text-align: center;
	margin: 35px 0 50px;
}




	.entry-box ul{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		margin-bottom: 0px;
	}
		.entry-box ul li{
			margin: 0 7px;
			width:303px;
		}

	.entry-box em{
		display: inline-block;
		font-size: 1.5rem;
		line-height: 1.7em;
		font-weight: bold;
		margin-right: 1em;
		margin-bottom: 0.2em;
	}

#main .ul-3box li{
	margin: 5px 0.5%; 
	width: 29%;
}
#main .ul-3box li img{
	width: 100%;
}

/*大会概要
------------------------------------------------------------------------------*/
#main.outline{}
#main.outline h2{ margin:1em auto 1em auto;font-size:200%;text-align: center; color:#205e01;}

.xl{font-size:133%;font-weight:900;}

@media screen and (max-width: 768px) {
#main.outline h2{ margin:0;font-size:200%;text-align: center; color:#205e01;}
.xl{font-size:111%;font-weight:700; line-height: 133%;}
}


#main.outline h2.bg{margin:0 auto 1em auto;font-size:200%;text-align: center; color:#fff; background: #15A820;padding:0.25em;}

#main.outline h3{ border-radius:1em 1em 0 0;margin:0;padding:0.5em;font-size:166%;text-align: center;color:#fff;}
#main.outline h4{margin:0 0 1em 0;}
#main.outline #bay_logo{width:44%;margin:3em auto 2em auto;}
#main.outline #bay_logo .headline{text-align: center;color:#E9537B;font-weight:700;font-size:144%;margin:0 0 1em 0;}
#main.outline #bay_logo img{width:100%;height:auto;}
#main.outline #appli_logo{width:44%;margin:3em auto 1em auto;}
#main.outline #appli_logo .headline{text-align: center;color:#2461AC;font-weight:700;font-size:144%;margin:0 0 1em 0;}
#main.outline #appli_logo img{width:100%;height:auto;}

#main.outline .course .course_photo.short{margin:0 auto 1em auto; width:50%;}

#main.outline .course img{width:100%;height:auto;}
#main.outline .outline_box{ ;margin:0 0 2em 0;font-size:111%;}
#main.outline .outline_box .inner{ background: #fff; padding:2em;border-radius:0 0 1em 1em}
#main.outline .outline_box .inner.radi{ background: #fff; padding:2em;border-radius:1em}
#main.outline .outline_box .detail_wrap{margin:0 0 1em 0;}
#main.outline .outline_box .detail_wrap h4{flex-basis:17%;text-align: center;padding:0.25em 0; position: relative;top:0.5em;}
#main.outline .outline_box .detail_wrap h4 span{padding:0.25em 0; color:#fff;display:block;}
#main.outline .outline_box .detail_wrap .detail{flex-basis:79%;padding:0.5em 0 0 0;}

#main.outline .outline_box .detail_wrap .detail .tt_obi{background: #f0f0f0;font-weight:500;font-size:122%; margin:0 0 0.5em 0;padding:0.125em 0.5em}
#main.outline .outline_box .detail_wrap .detail p{margin:0 0 0.5em 0;}

#main.outline .outline_box .detail_wrap .detail p.prize_here{margin:1em 0 1em 1em;}


span.course{padding:0.25em; background: #000;color:#fff;width:16%;border:1px solid #000;display:inline-block;text-align: center;}
span.dist{padding:0.25em; background: #fff;color:#000;width:10%;border:1px solid #000;display:inline-block;text-align: center;}



.autumn_startgoal{width:66%;margin:0 0 1.5em 0;}
.autumn_startgoal img{width:100%;height:auto;}



#main.outline .outline_box .appli_cource{margin:0 0 2em 0;}
#main.outline .outline_box .appli_cource .tt{margin:0 0 0.5em 0;font-weight:700;font-size:133%;}
#main.outline .outline_box .appli_cource .tt span{font-size:133%;}

#main.outline .outline_box .appli_cource .area{margin:0 0 0.5em 0;font-size:122%;}
#main.outline .outline_box .appli_cource .area span{font-size:90%;padding:0 1em;border:1px solid #000;border-radius:2em;margin:0 1em 0 0;}

#main.outline .outline_box .appli_cource .startgoal{margin:0 0 0.5em 0;}
#main.outline .outline_box .appli_cource .startgoal span{font-size:90%;padding:0 1em;margin:0 1em 0 0; background: #ccc;color:#fff;}
#main.outline .outline_box .appli_cource .startgoal span:last-child{margin:0 1em;}





@media screen and (max-width: 768px) {
#main.outline .course .course_photo.short{margin:0 auto 1em auto; width:100%;}
	

#main.outline .outline_box .appli_cource{margin:0 0 2em 0;}
#main.outline .outline_box .appli_cource .tt{margin:0 0 0.5em 0;font-weight:700;font-size:111%;}
#main.outline .outline_box .appli_cource .tt span{font-size:122%;}

#main.outline .outline_box .appli_cource .area{margin:0 0 0.5em 0;font-size:111%;}
#main.outline .outline_box .appli_cource .area span{font-size:90%;padding:0 1em;border:1px solid #000;border-radius:2em;margin:0 1em 0 0;}

#main.outline .outline_box .appli_cource .startgoal{margin:0 0 0.5em 0;}
#main.outline .outline_box .appli_cource .startgoal span{font-size:100%;padding:0;margin:0 1em 0 0; background: none;color:#000;font-weight:700;}
#main.outline .outline_box .appli_cource .startgoal span:last-child:before{content:"";display:block;}	
	
	
}


/*TOKYOウオーク2022
アプリウオークコースマップ*/

.courcemap{width:1100px;margin:0 auto 4em auto;border-radius:1em; background: #fff;text-align: center;}
.courcemap_inner{padding:2em;}
.courcemap h2{font-size:188%;font-weight:900;margin:0 auto 1em auto;}
.courcemap h2 br{display:none;}
.courcemap .tt_dl{font-size:133%;font-weight:500;margin:0 0 1em 0;}
.courcemap .dl_wrap{ justify-content: center; flex-flow: row nowrap;}
.courcemap .dl_wrap .item{flex-basis: 55%;margin:0 1% }
.courcemap .dl_wrap .item .tt_size{color:#f7366b;font-size:111%;}
.courcemap .dl_wrap .item a{display:block; background: #f7366b;color:#fff;font-weight:700;font-size:122%;border-radius:0.5em;padding:1em}

/*.courcemap .dl_wrap .item a br{display:none;}	*/

.courcemap .dl_wrap .item a:hover{text-decoration: none;opacity: 0.5;}

@media screen and (max-width: 768px) {

.courcemap{width:94%; margin:0 auto 1em auto;border-radius:1em; background: #fff;text-align: center;}
.courcemap_inner{padding:1em;}
.courcemap h2{font-size:166%;font-weight:900;margin:0 auto 1em auto;}
.courcemap h2 br{display:block;}
.courcemap .tt_dl{font-size:111%;font-weight:500;margin:0 0 1em 0;}
.courcemap .dl_wrap{ justify-content: center; flex-flow: row nowrap;}
.courcemap .dl_wrap .item{flex-basis: 77%;margin:0 1% }
.courcemap .dl_wrap .item .tt_size{color:#f7366b;font-size:111%;}
.courcemap .dl_wrap .item a{display:block; background: #f7366b;color:#fff;font-weight:700;font-size:111%;border-radius:0.5em;padding:0.5em}
.courcemap .dl_wrap .item a br{display:block;}	
.courcemap .dl_wrap .item a:hover{text-decoration: none;opacity: 0.5;}

}



#main.outline .outline_box.autumn h3{background: #00b5f1;}
#main.outline .outline_box.appli h3{background: #eb5773;}
#main.outline .outline_box.family h3{background: #6667af;}

#main.outline .outline_box.autumn h4 span{background: #00b5f1;}
#main.outline .outline_box.appli h4 span{background: #eb5773;}
#main.outline .outline_box.family h4 span{background: #6667af;}

#main.outline .outline_box.appli a{color:#2461AC}


#main.outline .outline_box.family .howto{}
#main.outline .outline_box.family .howto h2{font-weight:700;color:#7b66af;margin:0 0 0.5em 0;}
#main.outline .outline_box.family .howto h3{background: none; font-weight:700;color:#333;font-size:144%;text-align: left;padding:0;margin:0 0 0.5em 0;}

#main.outline .outline_box.family .howto{padding:3%;border:4px dotted #d1cdde;border-radius:1em;margin:0 0 2em 0;}
#main.outline .outline_box.family .howto .howto_wrap{}
#main.outline .outline_box.family .howto .howto_wrap .detail{flex-basis:72%;}
#main.outline .outline_box.family .howto .howto_wrap .photo{flex-basis:16%;margin:0 5%;}
#main.outline .outline_box.family .howto .howto_wrap .photo img{width:100%;height:auto;}

@media screen and (max-width: 768px) {

#main.outline .outline_box.family .howto{}
#main.outline .outline_box.family .howto h2{font-weight:700;color:#7b66af;margin:0 0 0.5em 0;font-size:144%;text-align: left;}
#main.outline .outline_box.family .howto h3{background: none; font-weight:700;color:#333;font-size:111%;text-align: left;padding:0;margin:0 0 0.5em 0;}

#main.outline .outline_box.family .howto{padding:5%;border:2px dotted #d1cdde;border-radius:1em;margin:0 0 2em 0;}
#main.outline .outline_box.family .howto .howto_wrap{ flex-flow: column;}
#main.outline .outline_box.family .howto .howto_wrap .detail{flex-basis:72%;}
#main.outline .outline_box.family .howto .howto_wrap .photo{flex-basis:16%;margin:0 20%;}
#main.outline .outline_box.family .howto .howto_wrap .photo img{width:100%;height:auto;}

}


/*オータムウォーク*/

#main.outline h3.bg{border-radius:1em 1em 0 0;margin:0;padding:0.5em;font-size:166%;text-align: center;color:#fff; background: #EB5774;}
#main.outline .detail_box{ background: #fff;border-radius:0 0 1em 1em;padding:2em; margin:0 0 1em 0;}
#main.outline .detail_box .jizen{align-items: center;margin:0 0 1em 0}
#main.outline .detail_box .arrow{color:#E9537B;margin:0 auto 1em 0;font-size:300%;text-align: center;}



#main.outline .detail_box .jizen .tt{flex-basis: 10%;font-weight:bold;font-size:122%; background:#f7366b; color:#fff;border-radius:2em;padding:0.5em;text-align: center;}
#main.outline .detail_box .jizen p{flex-basis:85%;margin:0;font-size:122%;}

#main.outline .course_wrap{margin:0 0 4em 0;}
#main.outline .course{margin:0 0 1em 0;  border-radius:0.5em;padding:1em;}
#main.outline .course.first{background: #b5eafa;}
#main.outline .course.second{background: #e5f4a7;}




#main.outline .course .course_info_wrap {align-items: center;margin:0 0 0.5em 0;}
#main.outline .course .course_info_wrap .times{flex-basis: 11%; background: #333;color:#fff;font-size:144%;font-weight:700;padding:1.25em 0;border-radius:0.25em;margin:0;text-align: center;}
#main.outline .course .course_info_wrap .area{flex-basis: 88%;background:#fff;color:#000;font-weight:700;padding:1.5%;border-radius:0.25em;margin:0 0.25em 0 0}
#main.outline .course .course_info_wrap .area .tt{flex-basis: 77%;font-size:166%;}
#main.outline .course .course_info_wrap .area .day{flex-basis: 22%;font-size:166%;font-weight:900;:}
#main.outline .course .course_info_wrap .area .areainfo{flex-basis: 100%;font-size:111%;font-weight:500;}










#main.outline .course .detail_wrap{}


#main.outline .course .detail_wrap .detail{flex-basis:66%;}
#main.outline .course .detail_wrap .map{flex-basis:33%; }
#main.outline .course .detail .entry_kikan{margin:0 0 0.5em 0;}
#main.outline .course .detail .entry_kikan span{ background: #666;border-radius:0.25em;color:#fff;text-align: center;width:33%;display:inline-block;margin:0 1em 0 0;}
#main.outline .course .detail .start_goal span{background: #666;border-radius:0.25em;color:#fff;text-align: center;width:33%;display:inline-block;margin:0 1em 0 0;}
#main.outline .course ul li:before{color:#f2644b}

#main.outline .course ul.courseinfo{}
#main.outline .course ul.courseinfo li{margin:0 0 0.75em 0;}
#main.outline .course ul.courseinfo span{padding:0 1em;border-radius:2em; background: #333;color:#fff;display:inline-block;text-align: center;}
#main.outline .course ul.courseinfo span.familyadv{padding:0 1em;border-radius:2em; background: #6667af;color:#fff;display:inline-block;text-align: center;margin:0 1em 0 0}
#main.outline .course ul.courseinfo span.detail{display:block;margin:0; background: none;color:#000;text-align: left;padding:0;}
#main.outline .course ul.courseinfo span.times{display:inline-block;margin:0; background: none;color:#f00;text-align: left;padding:0;}


#main.outline .look{ background: #faeaf1;border-radius:0.5em;padding:1em;color:#f00;font-weight:700;border:2px solid #f00;}
#main.outline .look span.under{border-bottom:1px solid #f00;}
#main.outline .look br{display:block;}
@media screen and (max-width: 768px) {
#main.outline .look br{display:none;}
}




#main.outline .course_photo{margin:0 0 1em 0;}
#main.outline .course_photo .item{flex-basis:49.5%;margin:0 0 0.5em 0; background: #ccc;height:5em;}
#main.outline .course_photo .item img{width:100%;height:auto; display:none;}



#main.outline .entry_here_wrap{}

#main.outline .entry_here_wrap .entry_here_tt{display:inline-block;vertical-align: top;text-align: center;margin:0 1em 0 0;font-weight:bold;font-size:122%;}
#main.outline .entry_here_wrap a{display:inline-block;vertical-align: top;margin:0 1em 0 0;font-weight:700;font-size:133%;}
#main.outline .entry_here_wrap .qr{width:15%;margin:1em 0 0 0;display:block;vertical-align: top;}
#main.outline .entry_here_wrap .qr img{width:100%;height:auto;border:1px #000 solid }


#main.outline ul.sample_pic{margin:0 0 2em 0;justify-content:  center;}
#main.outline ul.sample_pic li{ background: #ccc; flex-basis: 33%;margin:0 1em;height:200px;}


#main.outline ul.gallery{margin:0 0 2em 0;}
#main.outline ul.gallery li{ background: #ccc; flex-basis: 32%;margin:0 0 1em 0;height:200px;}


#main.outline .detail_box .upper_tt{text-align: center;font-size:144%;font-weight:bold;}
#main.outline .detail_box .upper_tt span{color:#f7366b}


#main.outline .detail_box .sankafee{font-size: 155%;    font-weight: 700;}


#main.outline .detail_box .reset{justify-content: center; align-items: center;}
#main.outline .detail_box .reset figure{flex-basis:  22%;margin:0 5% 0 0;}
#main.outline .detail_box .reset figure img{width:100%;height:auto; border-radius:50% 0 50% 0;}
#main.outline .detail_box .reset .detail{flex-basis:  55%;}
#main.outline .detail_box .reset .detail .detail_tt{margin:0 0 1em 0;font-size:177%;font-weight: bold; color:#205e01;}
#main.outline .detail_box .reset .detail p{marign:0;}


#main.outline .detail_box .goalwrap{}
#main.outline .detail_box .goalwrap .item{margin:0 0 2em 0;}
#main.outline .detail_box .goalwrap .item figure{flex-basis: 22%; }
#main.outline .detail_box .goalwrap .item figure img{width:100%;height:auto;}

#main.outline .detail_box .goalwrap .item .text{flex-basis: 70%;}
#main.outline .detail_box .goalwrap .item .text .goal_tt{font-size:144%;font-weight:bold; margin:0 0 0.5em 0;line-height: 155%;}


#main.outline .detail_box .meyasu{margin:1em 0;font-size:144%; font-weight:bold; justify-content: flex-start;}
#main.outline .detail_box .meyasu .distance{flex-basis:15%;text-align: right;}
#main.outline .detail_box .meyasu .distance span{margin:0 0 0 2em}
#main.outline .detail_box .meyasu .step{flex-basis:18%;text-align: right;}


#main.outline .detail_box p.goal_bottom{text-align: center;font-weight:700;font-size:133%;color:#f7366b;}


#main.outline .detail_box .top_event_pic .top_event_picitem .copyright{position: absolute;right:0.5em;top:85%;font-size:80%;color:#fff;text-shadow: 1px 1px #000;}


@media screen and (max-width: 768px) {
	
	
#main.outline .detail_box .jizen .tt{flex-basis: 100%;padding:0.25em;margin:0 0 1em 0}
#main.outline .detail_box .jizen p{flex-basis:100%;margin:0;}
    
#main.outline .detail_box .arrow{color:#E9537B;margin:0 0 1em 0;font-size:144%;text-align: center;}
	
	
	
#main.outline .outline_box .inner.radi{ padding:1em;}
#main.outline .outline_box .detail_wrap h4{flex-basis:100%;text-align: center;padding:0.25em 0; }
#main.outline .outline_box .detail_wrap .detail{flex-basis:100%;padding:0.5em 0 0 0;}
#main.outline .course .course_tt{font-size:155%;}
	
#main.outline .course_photo .item{flex-basis:100%;margin:0 0 0.5em 0;}	
	
	
#main.outline .entry_here_wrap .entry_here_tt{width:70%;border:none;display:block;text-align: center;margin:0 auto 1em auto;}
#main.outline .entry_here_wrap a{display:block;margin:0 0 1em 0;font-weight:700;font-size:122%;text-align: center;}
#main.outline .entry_here_wrap .qr{width:44%;margin:0 auto;display:block;vertical-align: top;}
	
	
#main.outline .detail_box .goalwrap .item figure{flex-basis: 100%;margin:0 0 1em 0; }
#main.outline .detail_box .goalwrap .item .text{flex-basis: 100%;}

	
	
	
	
	
#main.outline .course_wrap{margin:0 0 4em 0;}
#main.outline .course{margin:0 0 1em 0;  border-radius:0.5em;padding:1em;}
#main.outline .course.first{background: #b5eafa;}
#main.outline .course.second{background: #e5f4a7;}
#main.outline .course .course_info_wrap {align-items: center;margin:0 0 0.5em 0;}
	
#main.outline .course .course_info_wrap .times{flex-basis: 100%; background: #333;color:#fff;font-size:122%;font-weight:700;padding:0.5em 0;border-radius:0.25em;margin:0;text-align: center;}
#main.outline .course .course_info_wrap .area{flex-basis: 100%;background:#fff;color:#000;font-weight:700;padding:1.5%;border-radius:0.25em;margin:0.5em 0.25em 0 0}
#main.outline .course .course_info_wrap .area .tt{flex-basis: 100%;font-size:133%;}
#main.outline .course .course_info_wrap .area .day{flex-basis: 100%;font-size:155%;font-weight:900;}
#main.outline .course .course_info_wrap .area .areainfo{flex-basis: 100%;font-size:111%;font-weight:500;}
	
	
#main.outline .course .detail .entry_kikan{margin:0 0 0.5em 0;}
#main.outline .course .detail .entry_kikan span{ background: #666;border-radius:0.25em;color:#fff;text-align: center;width:100%;display:inline-block;margin:0 1em 0 0;}
#main.outline .course .detail .start_goal span{background: #666;border-radius:0.25em;color:#fff;text-align: center;width:100%;display:inline-block;margin:0 1em 0 0;}	

	
	
#main.outline .course ul.courseinfo span.familyadv{padding:0 1em;border-radius:2em; background: #6667af;color:#fff;display:block;text-align: center;margin:0 1em 0 0}
	
	
#main.outline .course .detail_wrap .detail{flex-basis:100%;}
#main.outline .course .detail_wrap .map{flex-basis:100%; }	
	
	
	
	
	
	
}





#main.terms .terms-box li,
#main.terms .terms-box p{

}
#main.terms .terms-box ul.list li{
	display: table;
	width: 100%;
	margin: 0 0 0.3em;
}
#main.terms .terms-box ul.list li span{
	display: table-cell;
}
#main.terms .terms-box ul.list li span.key{
	width: 1%;
	white-space: nowrap;
	padding-right: 0.2em;
}
#main.terms .terms-box h2{
	font-size: 166%;
}
#main.terms .terms-box .kajyo{
	text-align: center;

	padding: 1.5em;
	 background: #fbfbab;
	border-radius:1em;
}
#main.terms .terms-box .kajyo h3{
	font-size: 2rem;
	margin: 0 0 0.5em;
}
#main.terms .terms-box .kajyo p{
	font-size: 1.8rem;
	line-height: 1.2;
	margin-bottom: 10px;
}


#toform_wrap{text-align: center;}
#toform_wrap .check{margin:0 0 1.5em 0;font-size:133%;}

#toform_wrap a{display:block;background: #ccc;color:#fff;padding:0.5em;margin:0 auto;width:33%; pointer-events: none;border-radius:0.25em;font-size:133%;font-weight:700;}
#toform_wrap a.active{ background: #f7366b; pointer-events: all;}
#toform_wrap a.active:hover{text-decoration: none;opacity: 0.5;}





/*大会完歩証・大会記念メダル
------------------------------------------------------------------------------*/
/*#main.prize h2.img{margin: 40px 0 0px;}
#main.prize h2.title{font-size: 22px; font-weight: normal;color:#009748;padding-left: 10px; margin: 0 0 10px;}

#main.prize table.tbl1{margin: 0 auto; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
#main.prize table.tbl1 td{
	width: 200px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: center;
	vertical-align: middle;
	padding: 10px 0;
}
#main.prize table.tbl1 td.gold{color: #D69E19;}
#main.prize table.tbl1 td.silver{color: #878787;}
#main.prize table.tbl1 td.bronze{color: #923921;}

#main.prize table.tbl2{width: 100%; margin: 0 auto; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
#main.prize table.tbl2 th{
	width: 300px;
	background: #fafafa;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	vertical-align: top;
	padding: 10px 15px;
	font-weight: bold;
}
#main.prize table.tbl2 td{
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	vertical-align: top;
	padding: 10px 15px;
}*/

/*コースガイド
------------------------------------------------------------------------------*/
/*
#main.course ul.list{
	margin-bottom: 4em;
	padding: 0 10px;
}
	#main.course ul.list li{
		text-indent: -1em;
		padding-left: 1em;
		font-size: 1.4rem;
		line-height: 1.6em;
	}
#main .course-list{margin-bottom: 0px;}
#main .course-list>li{padding-bottom: 70px;}
#main .course-list a{display: block;}
#main .course-list h2{margin-bottom: 35px;}
#main .course-list h2 img{width: 100%;}
#main .course-list .box{
	padding: 0 10px;
	margin-bottom: 30px;
	overflow: hidden;
}
#main .course-list .box:last-child{
	margin-bottom: 0px;
}
	#main .course-list .box>figure{
		float: left;
		width: 29%;
		max-width: 310px;
	}
		#main .course-list .box>figure img{width: 100%;}
	#main .course-list .box>.txt{
		float: right;
		width: 71%;
		max-width: 770px;
		padding-left: 25px;
	}
		#main .course-list .info{margin-bottom: 10px;}
		#main .course-list .info li{
			position: relative;
			font-size: 1.4rem;
			line-height: 1.4em;
			margin-bottom: 5px;
			padding: 0 0.5em 0 1.3em;
		}
		#main .course-list .info li::after{
			content: "";
			background: #006E7B;
			position: absolute;
			left: 0px;
			top: 0.2em;
			width: 12px;
			height: 12px;
		}
		#main .course-list p{
			font-size: 1.4rem;
			line-height: 1.6em;
			margin-bottom: 1.5em;
		}
		#main .course-list .attention{
			font-size: 1.2rem;
			line-height: 1.4em;
			color: #FF0000;
			margin-bottom: 10px;
		}
		#main .course-list table{
			width: 100%;
			font-size: 1.4rem;
			line-height: 1.8em;
		}
			#main .course-list table th{
				font-weight: bold;
				white-space: nowrap;
			}
			#main .course-list table td{
				width: 100%;
				padding-left: 1em;
			}
		#main .course-list ul.link{
			display: table;
			margin-top: 30px;
		}
			#main .course-list ul.link li{
				display: table-cell;
				padding-right: 10px;
			}
		#main .course-list .close{
			margin-top: 30px;
			display: inline-block;
			background: #ff0000;
			padding: 0.5em 2em;
			font-size: 1.8rem;
			font-weight: bold;
			color: #fff;
			text-align: center;
		}
		#main .course-list .box.no ul.link,
		#main .course-list .box.no .close{
			margin-top: 0px;
		}
	#main .course-list>li>figure{
		text-align: center;
	}
	#main .course-list>li>figure img{ width: 100%; max-width: 965px;}
*/
/*よくあるご質問
------------------------------------------------------------------------------*/
/*#main.faq ul{margin: 40px 0 50px;}
#main.faq ul li h2{font-size: 2.8rem; color: #006E7B; padding: 20px 0 20px 30px; border: 1px solid #ddd; background: #fff;}
#main.faq ul li h2 span{font-weight: bold; margin-right: 10px;}
#main.faq ul li p,#main.faq ul li div{padding: 30px 0 30px 20px;font-size: 1.8rem; line-height: 1.4em;}
*/
/*コース紹介*/
ul.course-list .course-box{
	text-align: center;
}
ul.course-list .course-box .map{
	display: inline-block !important;
	width: 40%;
	margin: 0 3%
}
ul.course-list .course-box .map img{
	width: 100%;
}
ul.course-list .course-box .map figure{
	margin-bottom: 15px;
}
ul.course-list .course-box .map .txt table th,
ul.course-list .course-box .map .txt table td{
	text-align: left;
}
/*インフォメーション
------------------------------------------------------------------------------*/
#main.info ul{margin: 40px 0 50px;}
#main.info ul li{padding-bottom: 20px;margin-bottom: 15px;border-bottom: 1px solid #ddd;}
#main.info ul li a{display: inline; text-decoration: underline;}
#main.info ul li a:hover{text-decoration: none;}
#main.info ul li p{font-size: 1.6rem; padding-left: 2.0rem;line-height: 1.2em;}
#main.info ul li p.date{font-size: 2.0rem; font-weight: bold; color: #006E7B;margin-bottom: 10px;}


/*大会に関する問い合わせ
------------------------------------------------------------------------------*/
.tel-box {
background: #fff;
border: 1px solid #ef3f66;
padding: 20px 20px 20px;

color: #000;
text-align: center !important;
margin:5em 0 0 0;
}

.tel-box h2{
margin: 0 0 20px;
text-align: center;
font-size:177%;font-weight:700;
}

.tel-box .inner-box{
max-width: 800px;
margin:0 auto 30px;
background: #ef3f66;
padding:18px 20px 15px 20px;
text-align: center;
color:#fff;
font-size:111%;
}

.tel-box p.place{font-size: 144%; margin-bottom: 5px;}
.tel-box p.tel{text-align: center;}
.tel-box p.tel a{font-size: 4.6rem; line-height: 1em; color:#E50313; vertical-align: middle; pointer-events: none; font-weight: bold;}
.tel-box p.tel a.min{font-size: 3.0rem;color: #E50313; vertical-align: middle;}
.tel-box p.tel span{font-weight: normal; vertical-align: middle;}

.tel-box p.tel{text-align: center;}
.tel-box p.tel strong{font-size: 4.6rem; line-height: 1em; color: #f7366b; vertical-align: middle;}
.tel-box p.tel strong.min{font-size: 3.0rem;color: #e47779; vertical-align: middle;}


@media screen and (max-width: 768px) {
.tel-box {
background: #fff;
border: 1px solid #ef3f66;
padding: 20px 20px 20px;

color: #000;
text-align: center !important;
margin:2em 0 0 0;
}

.tel-box h2{
margin: 0 0 20px;
text-align: center;
font-size:133%;font-weight:700;
}

.tel-box .inner-box{
max-width: 800px;
margin:0 auto 30px;
background: #ef3f66;
padding:18px 20px 15px 20px;
text-align: center;
color:#fff;

}
	.tel-box p{font-size: 60%; }
.tel-box p.place{font-size: 80%; margin-bottom: 15px;}
.tel-box p.tel{text-align: center;}
.tel-box p.tel a{font-size: 4.6rem; line-height: 1em; color:#E50313; vertical-align: middle; pointer-events: none; font-weight: bold;}
.tel-box p.tel a.min{font-size: 3.0rem;color: #E50313; vertical-align: middle;}
.tel-box p.tel span{font-weight: normal; vertical-align: middle;}

.tel-box p.tel{text-align: center;}
.tel-box p.tel strong{font-size: 4.6rem; line-height: 1em; color: #f7366b; vertical-align: middle;}
.tel-box p.tel strong.min{font-size: 3.0rem;color: #e47779; vertical-align: middle;}

}



/*申込方法
------------------------------------------------------------------------------*/
#main.entry{
	padding-top: 0px;
	font-size: 1.4rem;
	line-height: 1.6em;
}
#main.entry a{
    text-decoration: underline;
}

#main.entry a:hover{
    text-decoration: none;
}


#main.entry .lmark{
	position: relative;
	padding-left:1em;
}
#main.entry .lmark span{
	position: absolute;
	left: 0;
	top:0;
}
#main.entry .h2Mrk {
    margin-bottom: 20px;
}

#main.entry ul span.key{
	display: table-cell;
}
#main.entry ul span.val{
	display: table-cell;
}
#main.entry .qrc{
	position: relative;
	padding-right: 200px;
}
#main.entry .qrc img{
	max-width: 111px;
	height: auto;
	position: absolute;
	top: -20px;
	right:0px;
}

#main.entry .border-wrap{
	margin: 35px 0 50px;
}

#main.entry .bdrsClmBox{
	display: table;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	border-collapse: separate;
}

#main.entry .bdrsClmBox li{
	display: table-cell;
	padding:1em 1em;
	font-size: 1.8rem;
	vertical-align: middle;
}
#main.entry .bdrsClmBox li .remk{
	font-size: 1.3rem;
	padding-left: 1em;
	
}
#main.entry .bdrsClmBox .group{
	display: inline-block;
}
#main.entry .bdrsClmBox .group:nth-child(1){
	display: inline-block;
	margin-right: 1em;
}

#main.entry .bdrsClmBox li sub{
	display:block;
	font-size:1.6rem;
}

#main.entry .bdrsClmBox li strong{
	font-size: 3.2rem;
	padding:0 0 0 0.3em;
	font-weight: bold;
}



#main.entry .bdrsClmBox li:nth-child(1){
	width: 180px;
	text-align: center;
	background: #777;
	color:#fff;
	font-weight: 600;
}

#main.entry .bdrsClmBox li:nth-child(2){
	padding: 2em 2em;
	background: #fff;
}


#main.entry .entryBox{
	position: relative;
	padding: 20px 75px 20px 30px; 
	background: #fff; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}
#main.entry .entryBox .tel{
	font-size: 2.4rem;
	vertical-align: middle;
	line-height: 1.3em;
}

#main.entry .entryBox .qrc-img{
	right:35px;
	top:140px;
	position: absolute;
	z-index: 2;
}
#main.entry .entryBox .entryTbl td,
#main.entry .entryBox .entryTbl th{
	font-size: 1.8rem;
	text-align: left;
	vertical-align: middle;
	padding: 10px 10px;
}

#main.entry .qrDiv{
	padding-right: 140px;
	background: transparent url(../images/qr.jpg?20150514) 97% 90% no-repeat;
}

#main.entry .qrRun{
	padding-right: 140px;
	background: transparent url(../images/qr-run.jpg?20150514) 97% 90% no-repeat;
}
.pcollectionInfo{
	width: 100%;
	margin: 0 auto;
	background: #FFF;
}
.pcollectionInfo th,
.pcollectionInfo td{
	padding: 10px 20px;
	font-size: 16px;
	border-bottom: 1px solid #DDD;
}
.pcollectionInfo th{
	font-weight: bold;
	white-space: nowrap;
	width: 20%;
}
#main.faq ul.pcNvi{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding: 0;
	margin: 20px 0 0;
	border-bottom: 1px solid #009749;
}
.pcNvi li{
	display: inline-block;
	margin: 0 5px;
	margin-bottom: -1px;
}
#main .pcNvi li a{
	display: block;
	padding: 5px 40px;
	border: 1px solid #009749;
	border-bottom: none;	
	background: #009749;
	color: #FFF;
}
#main .pcNvi li.slc a{
	background: #FFF;
	color: #009749;
}

/*初めての方へ
------------------------------------------------------------------------------*/
.beginner .mainImg{
	text-align: center;
	margin:50px 0 30px;
	margin-right: 0px;
}

.beginner .catch {
    margin-bottom: 40px;
}



#main.beginner .info2 h3.point {
    color: #000;
    font-size: 1.8rem;
    margin-top: 40px;
}

#main.beginner .medalInfo table.tbl1 {
	border:none;
}
#main.beginner  .medalInfo {
    margin-top: 0px;
}

.child-prize-ttl{
	font-size: 1.6rem;
	display: inline-block;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-ms-border-radius: 1em;
	-o-border-radius: 1em;
	border-radius: 1em;
	color:#fff;
	background: #3aa803;
	padding: 5px 20px;
	margin-bottom: 10px;
}


/*過去３年分の大会コースマップ
------------------------------------------------------------------------------*/
.years-nav{
	margin-top: 40px;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	overflow: hidden;
	-webkit-justify-content: center;
	justify-content:         center;
	border-bottom: 6px solid #E75281;
	margin-bottom: 50px;
}

.years-nav>li{
	max-width: 266px;
	width: 100%;
	font-size: 122%;
	margin: 0 10px -1px;
	font-weight: 	bold;
	text-align: center;
	-webkit-border-top-right-radius: 0.5em;
	border-top-right-radius: 0.5em;
	-webkit-border-top-left-radius: 0.5em;
	border-top-left-radius: 0.5em;
	background: #fff;
}
.years-nav>li.active{
	background: #E75281;
}
.years-nav>li.active>a{
	color:#fff;
}
.years-nav>li>a{
	color:#000;
	padding: 0.7em 0.6em 0.6em;
	display: block;
}
.years-nav>li>a:hover{
	text-decoration: none;
}


.maplist{
	margin-top: 40px;
}

.maplist .group{
	margin-bottom: 40px;
}

.maplist .group .inner{
	padding: 20px 30px 30px 30px;
	background: #fff;
}
.maplist .group .inner .headline{ 
	font-size: 2rem;
	margin-bottom: 20px;
}
.maplist .group .inner .box{
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	width: 100%;
}

.maplist .group .inner .box figure{
	width: 25%;
}
.maplist .group .inner .box figure img{
	width: 100%;
}
.maplist .group .inner .box .info{
	width: 75%;
	padding-left: 30px;
}
.maplist .group .inner .box .btn-area{
	padding-top: 15px;
}
.maplist .group .inner .box .info ul{
	position: relative;
}
.maplist .group .inner .box .info ul>li{
	position: relative;
	padding-left:1.2em;
}
.maplist .group .inner .box .info ul>li::after{
	content:"";
	position: absolute;
    top: 0px;
    left: 0px;
    content: "●";
    color: #E16C6D;
}

.maplist .btn-area2{
	overflow: hidden;
	padding: 25px 0;
}
.maplist .btn-area2 .btn-c{
	float:right;
}

.maplist .btn-area2 .btn-c.left{
	float:none ;
}

/*2019改修*/

.c-search .h2Mrk {
    position: relative;
    font-size: 2.8rem;
    line-height: 1.2em;
    padding-left: 34px;
}
.c-search .h2Mrk::after {
    top: 3px;
    width: 28px;
    height: 28px;
}

.c-search .back-btn-area{
	text-align: left;
	padding: 3em 0;
}

.c-search .back-btn-area .btn-b{
	text-align: center;
	max-width: 280px;
}

.c-search .back-btn-area .btn-b::before{
	display: none;
}

.c-search .back-btn-area .btn-b::after{
	content: "";
	position: absolute;
	display: block;
	top:50%;
	margin-top: -0.3em;
	left:15px;
	width: 0.5em;
	height: 0.5em;
	border-top: solid 2px #fff;
	border-left: solid 2px #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}



.begin-course .course,
.begin-course .img{
	display: table-cell;
	vertical-align: top;
}
.lets-entry{
	text-align: center; 
	padding: 10px 0 30px;
}
a.btn-report {
	position: relative;
    display: block;
    background: #000;
    width: 300px;
    padding: 0.65em;
    font-size: 2.0rem;
    line-height: 1.2em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 0 auto 50px;
    text-decoration: none;
}
.begin-course .mrk br{display: none;}
a.btn-report:after{
    content: "";
    position: absolute;
    top: 50%;
    right: 13px;
    width: 7px;
    height: 7px;
    margin-top: 2px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: right top;
    transform-origin: right top;
}
.report .sp_report{
	display: none;
}

.search-map-title {
    text-align: center;
    font-size: 144%;
    margin: 1.5em 0 0.5em;
    padding: 0 4%;
    line-height: 1.3em;
}

.search-map-block{
	max-width: 1000px;
	margin:0 auto 50px;
	padding: 0 50px;
	display:block;
}

.search-map-block img{
	max-width: 100%;
}

.search-map-block a:focus{
	outline: none;
}

.search-map-block >div img{
	width: 100%;
}


.search-map-block .ward-area,
.search-map-block .city-area{
	margin-right: 0;
	overflow: hidden;
}



.search-map-block .clickable-area img{
	width: 100%;
}

.search-map-block .clickable-title{
	font-size: 2.4rem;
	margin: 1em 0;
	padding-bottom: 0.5em;
	border-bottom: #ddd solid 4px;
}

.search-map-block .ward-area .clickable-title{
	border-color :#79FFBC;
}
.search-map-block .city-area .clickable-title{
	border-color :#9DDBE8;
}
.search-map-headding{
	padding:0.7em 0.8em;
	font-size: 2.4rem;
	color:#fff;
	margin-bottom:30px; 
}

.ward-area-link .search-map-headding {
	background: #79FFBC;
}

.city-area-link .search-map-headding {
	background: #9DDBE8;
}
.indivi-block{
	max-width: 1200px;
	padding: 0 50px;
	margin:0 auto;
}

.indivi-block ul{
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	overflow: hidden;
	margin-bottom: 50px;
}
.indivi-block ul>li{
	width: 20%;
	display: block;
	margin-bottom: 15px;
	padding:0 1%
}
.indivi-block ul>li>a{
	position: relative;
	display: block;
	background: #fff;
	font-size: 1.6rem;
	padding: 1em 1.2em;
	color:#000;
	-webkit-transition: opacity 0.2 ease;
	-moz-transition: opacity 0.2 ease;
	-ms-transition: opacity 0.2 ease;
	-o-transition: opacity 0.2 ease;
	transition: opacity 0.2 ease;
	border:2px solid #79FFBC;
}
.indivi-block ul>li>a:hover,
.indivi-block .city-area-link ul>li>a:hover{
	text-decoration: none;
	border:2px solid #333;
}


.indivi-block ul>li>a::before{
	content:"";
	position: absolute;
	display: block;
	margin-top: -8px;
	width: 20px;
	height: 20px;
	top:50%;
	right:15px;
	background:  #79FFBC;
}

.indivi-block ul>li>a::after{
	content: "";
	position: absolute;
	display: block;
	top:50%;
	margin-top: -2px;
	right: 22px;
	width: 0.45em;
	height: 0.45em;
	border-top: solid 2px #fff !important;
	border-right: solid 2px #fff  !important;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.indivi-block ul>li>a:active::after,
.indivi-block ul>li>a:hover::after,
.indivi-block ul>li>a:visited::after{
	outline: none;
	border-top: solid 2px #fff !important;
	border-right: solid 2px #fff  !important;
}

.indivi-block ul>li>a {
 -webkit-tap-highlight-color:rgba(0,0,0,0);
}

.indivi-block .city-area-link ul>li>a{
	border:2px solid #9DDBE8;
}

.indivi-block .city-area-link ul>li>a::before{
	background: #9DDBE8;
}

/*ツールチップ*/

.tooltip{
	background: #1b1b1b;
	color:#fff;
	padding: 0.8em 1em;
	-webkit-border-radius: 	0.5em;
	border-radius: 	0.5em;
	font-size: 	1.8rem;
}

/*注意事項 /スポンサー
------------------------------------------------------------------------------*/


.sponsor{
	padding-top: 50px;
	margin: 0 auto 80px;
	max-width: 840px;
}
.sponsor h2{
	font-size: 2.2rem;
	margin: 0 0 0.3em;
}
.sponsor-box{
	margin: 0 0 2em;
	padding: 0 0 2em;
	border-bottom: 1px dashed #000;
}
.sponsor-box:nth-last-child(1){
	border: none;
}
.sponsor-box .txt{
	margin: 0 0 1.5em;
}
.sponsor-box .img{
	text-align: center;
}

.notes.sponsor{
	max-width: 1100px;
	padding: 44px 44px 20px;
	background: #fff;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-ms-border-radius: 1em;
	-o-border-radius: 1em;
	border-radius: 1em;
}

.notes .sponsor-box {
    margin: 0 0 2em;
    padding: 0 0 0.8em;
}
.notes  .sponsor-box:first-child{
	/*border: none;*/
	margin: 0 0 1em;
}

.notes  .sponsor-box:last-child{
	margin: 0;
}


.notes .sponsor-box .img{
    text-align: center;
}

.notes .sponsor-box .img img{
    border:1px solid #ddd;
}
.notes .sponsor-box a.blue{
	max-width: 400px;
	text-decoration: none;
	display:block;
	margin-bottom: 20px;
}
.notes .sponsor-box a.blue>span{
	padding-top: 10px;
	display: block;
}



@media screen and (max-width: 930px){


}


/*ティザー*/

#teaser{ background: url("../../img2022/teaser_bg.jpg") no-repeat top center;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
background-size:cover;
}
#teaser img{width:100%;height:auto;}
#teaser .inner{width:1000px;margin:auto;padding:0 3em;background: #fff;}

#teaser #header{padding:1em 0;}
#teaser .susie_img{width:15%;margin:0 auto 0 auto;}
#teaser .susie_img.bottom{width:15%;margin:2em auto 0 auto;}

#teaser #header .susie_tt{text-align:center; margin:0 auto 2em auto;font-size:88%;}

#teaser #header h1{display:flex;justify-content: center;align-items: center;}
#teaser #header h1 .logo{flex-basis: 55%;margin:0 0 0 0}
#teaser #header h1 span{font-size:500%;font-weight:900;color:#e60039;line-height:1;position: relative;top:-5px; margin:0 0 0 0.125em}

#teaser h2{font-weight:700;font-size:199%;text-align: center;margin:2em 0 1em 0;text-align: center;}

#teaser dl.detail{margin:0 0 1em 0;display: flex; justify-content: flex-start;flex-flow: row wrap;font-size:133%;}
#teaser dl.detail dt{flex-basis: 100%;font-weight:700;margin:0 0 1em 0}
#teaser dl.detail dd{flex-basis: 100%;}
#teaser .teaser_couse_wrap{}
#teaser .teaser_couse_wrap .item{border:2px solid #f7366b;padding:2%;margin:0 0 1em 0;border-radius:0.5em;}
#teaser .teaser_couse_wrap .item h3{font-size:144%;color:#f7366b;font-weight:700;margin:0 0 0.25em 0;}
#teaser .teaser_couse_wrap .item .area{font-weight:500; margin:0 0 0.25em 0;font-size:111%;}
#teaser .teaser_couse_wrap .item .lookup span{ background: #f7366b;margin:0 1em 0 0; color:#fff;padding: 0 1em;border-radius:1em;font-size:90%;}

#teaser table{width:100%; }
#teaser table td{ background: #fde4bf;border:1px solid #fff;font-size:90%;padding:0.5em;}
#teaser p.notice{margin:4em 0 2em 0;text-align: left;font-weight:300;color:#000;}

#teaser footer{padding-top:0;}


@media screen and (max-width: 765px) {
#teaser{ background: url("../../img2022/teaser_bg.jpg") no-repeat top center;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
background-size:cover;

}
#teaser img{width:100%;height:auto;}
#teaser .inner{margin:auto;padding:0 2.5%;background: #fff;width:95%; }

#teaser #header{padding:1em 0;}
#teaser .susie_img{width:25%;margin:0 auto 0 auto;}
#teaser .susie_img.bottom{width:25%;margin:2em auto 0 auto;}

#teaser #header .susie_tt{text-align:center; margin:0 auto 2em auto;font-size:88%;}

#teaser #header h1{display:block;justify-content: center;align-items: center;}
#teaser #header h1 .logo{width: 88%;margin:0 auto;text-align: center;}
#teaser #header h1 span{font-size:333%;font-weight:900;color:#e60039;line-height:1; margin:0.25em 0 -1.5em 0;display:block;text-align: center;}

#teaser h2{font-weight:700;font-size:155%;text-align: center;margin:1em 0 0.5em 0;text-align: center;}

#teaser dl.detail{margin:2em 0;display: flex; justify-content: flex-start;flex-flow: row wrap;font-size:122%;}
#teaser dl.detail dt{flex-basis: 100%;font-weight:700; margin:0 0 0.5em 0}
#teaser dl.detail dd{flex-basis: 100%;}
#teaser .teaser_couse_wrap{}
#teaser .teaser_couse_wrap .item{border:2px solid #f7366b;padding:2%;margin:0 0 1em 0;border-radius:0.5em;}
#teaser .teaser_couse_wrap .item h3{font-size:144%;color:#f7366b;font-weight:700;margin:0 0 0.25em 0;}
#teaser .teaser_couse_wrap .item .area{font-weight:500; margin:0 0 0.25em 0;font-size:111%;}
#teaser .teaser_couse_wrap .item .lookup span{ background: #f7366b;margin:0 1em 0 0; color:#fff;padding: 0 1em;border-radius:1em;font-size:90%;}

#teaser table{width:100%; }
#teaser table td{ background: #fde4bf;border:1px solid #fff;font-size:90%;padding:0.5em;}
#teaser p.notice{margin:4em 0 2em 0;text-align: left;font-weight:300;color:#000;}

#teaser footer{padding-top:0;}

	
	
	
#teaser .bnrBox ul li:first-child {
    display: inline-block;
    text-align: center;
}	
	
	
	
	
}





/***********************************************************************************************************************
* リサイズ	1200px以下から
***********************************************************************************************************************/
@media screen and (max-width: 1200px) {

	header ul.navi li {
	    margin: 0 1.1vw;
	}
	header ul.navi li>a{
	   
	}
header ul.navi li>a[href="#"]{opacity:0.3;pointer-events: none;}
	.search-map-block{
		display: block;
		padding: 0 10px;
		max-width: 900px;
		text-align: center;
	}

/*	.search-map-block .inner-box{
		margin-right: 0;
		text-align: center;
		display: inline-block;
	}
*/
	.search-map-block .ward-area {
	    margin-right: 0;
	}

	.indivi-block  {
	    padding: 0 10px;
	}

}