@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');

body {text-align : center;color : #333;font-size: 100%;font-family: 'M PLUS Rounded 1c', sans-serif;	


	word-break: break-all;
}

body:before{
content:"";	
position: fixed;
display:block;
width:100%;
height:100%;	
background: url("../images/bg.png") repeat-y top center;
background-size: cover;
 background-attachment: fixed;
}


hr {display : none;}
a {    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
a, a:visited {	color : #0d6fb8;	text-decoration : none;}
a:hover {	text-decoration : none;	opacity: 0.6;cursor:pointer;}
a[href="#"]{pointer-events: none;}

p{margin:0 0 1em 0;}
img{width:100%;height:auto;border : none;}
a img {	border: none;}

/*共通クラス*/
.pc{display:none}
.sp{display:block}

.brpc{display:inline;}
.brsp{display:block;}

.center{text-align:center;}
.hidden {	display : none;}
.new:after{content:"NEW!";color:#fff;font-size:75%;display: inline-block;margin:0 0 0 5px; background:#f00;border-radius:10px;padding:2px 10px;position:relative;top:-2px;line-height:100%;}
.red{color:#f00;}
.none {	padding-bottom : 0px;	border-bottom : none;}
.center {text-align: center;}
.left{text-align:left;}
.right{text-align:right;}
.llfont{font-size:120%;}
.lfont{font-size:110%;}
.sfont{font-size:90%;}
.ssfont{font-size:80%;}
.csoon{color:#ccc;font-size:300%;margin:60px 0 60px 120px; padding:0 20px;border:1px solid #ccc;display:inline-block;}
a.redbtn{padding:0.5em;	background: #f00;	border-radius: 10px;	color: #fff;display: inline-block;	text-align: center;	font-weight: bold;	font-size: 120%;}
.redprbtn{padding:5px 20px;	margin:5px;	background: #f00;	border-radius: 10px;	color: #fff;display: block;	text-align: center;	font-weight: bold;	font-size: 135%;}
.inlinepr{ background:#fff100;font-weight:500;}
.mb2{margin:0 0 2em 0;}

.flex{display: flex;justify-content: space-between;flex-flow:row wrap;}
.inner{padding:0 0.5em;}
.inview_re{position: relative;}


.outerbox{border:2px solid #00939a;border-radius:1em;background: #fff;margin:0 0 2em 0;position: relative;padding:3% 5%;}
.innerbox{}
 
.inner.top .outerbox{margin:0 5% 1.5em 5%;}
.inner.top .outerbox.news{margin-bottom:4em;position: relative;border:none; background: none;padding:0;}


/* pagetop */
.pagetop {position: fixed;bottom:1em;right:1em;z-index:9999;}
.pagetop a {font-size:122%;	display:flex;  justify-content:center;align-items: center;    border-radius:2em; padding:0 1em;   background:#00939a;color:#fff;}
.pagetop a:hover {background:#ccc;opacity:1;}




a.redbtnhere {
    padding: 0.5em 3em;
    margin: 5px;
    background: #f00;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-weight: bold;
	font-size: 133%;}



/*リスト*/
ul.dot{list-style: none;margin:0.25em 0;}
ul.dot li{padding-left: 1.0em;    text-indent: -1.0em; margin:0; position:relative;}
ul.dot li:before{ content: "\25cf"; }

ul.dot_w{list-style: none;margin:0.25em 0;}
ul.dot_w li{padding-left: 1.0em;    text-indent: -1.0em; margin:0; position:relative;}
ul.dot_w li:before{ content: "\25cb"; }

ul.ast{list-style: none;margin:0.25em 0;}
ul.ast li{padding-left: 1.0em;    text-indent: -1.0em; margin:0; position:relative;font-size:90%;}
ul.ast li:before{ content: "\203B"; }

/* -- clearfix -- */
.cf:before,
.cf:after {	display: table;	content: " ";}
.cf:after {	clear: both;}
.cf {	*zoom: 1;}


.youtube{margin:0 auto 0 auto;   
    position: relative;
    padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
    padding-top: 0;
    height: 0;
    overflow: hidden;
    /*margin-bottom: 2rem;  YouTubeの下に余白をつける */
	/*margin-top:0.5em;*/
}
.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

 #icon_menu{position: fixed;top:40px;right:10px;width:55px;z-index:100;}




/*
トップ
------------------------------------------------------------------------------------ */



#top h1{text-indent: -9999px;}
#top header {margin: 0 auto;	z-index:1;	position:relative;	}
#top header #trlogo{width:60px; position: absolute;font-size:65%;top:10px;left:10px;}


#top header .header_center_top{width:80%;position: absolute;top:33%;left:0;right:0;margin:auto;  }
#top header .header_left{width:32%;position: absolute;bottom:50px;left:0;  z-index:10;}
#top header .header_right{width:32%;position: absolute;bottom:50px;right:0;z-index:10;}	


#top #yume_header{ padding:1em 0.5em 0 0.5em;}
#top #header_logo{width:60%;position: relative; margin:auto;}


#sub{}
#sub header {margin: 0 auto;position:relative;	padding:1em 0 0 0;}
#sub header #trlogo{width:60px; position: absolute;font-size:65%;top:10px;left:10px;z-index:999;}
#sub #yume_header{ padding:1em 0.5em 0 0.5em;z-index:1;position: relative;}
#sub #yume_header a {display: block;pointer-events: all;}
#sub #header_logo{width:60%;position: relative; margin:auto;}

#sub header .header_center_top{width:80%;position: absolute;top:33%;left:0;right:0;margin:auto;  z-index:1;}
#sub header .header_left{width:28%;position: absolute;bottom:45px;left:0;  z-index:10;}
#sub header .header_right{width:28%;position: absolute;bottom:45px;right:0;z-index:10;}	

#sub h1{margin:0 0 1em 0;}
#sub h1 img{height:30px;width:auto;}

#sub .outerbox{margin:17vw 0 4em 0;}
#sub .outerbox .page_upper{position: absolute;top:-20vw;left:0;right:0;width:91%;margin:auto;}





/*メイン*/
#top #main{position: relative;min-height:55vh;padding: 0;z-index:1;}
#sub #main{position: relative;min-height:55vh;z-index:1;}






/*SNSボタン*/
#snsbtn {margin:0 0 10px 0; position: fixed;top:88px;right:0;z-index:9999; background: rgba(255,255,255,0.9);padding:0.5em;border-radius:0.5em 0 0 0.5em;}
#snsbtn a{display:block;margin:0 0 .25em 0;z-index:100;}
#snsbtn a img{width:25px;height:auto;}


/*ヘッダー背景のループアニメ*/
.loop_wrap {  display: flex;  width: 1000vw;  height: 567px;  overflow: hidden; }
.loop_wrap img {  width: auto;  height: 100%;}
.loop_wrap img:first-child {  animation: loop 200s -100s linear infinite;}
.loop_wrap img:last-child {  animation: loop2 200s linear infinite;}
.loop_wrap:hover { animation-play-state: paused;}

@keyframes loop {
  0% {    transform: translateX(100%);  }
  to {    transform: translateX(-100%);  }
}
@keyframes loop2 {
  0% {    transform: translateX(0);  }
  to {    transform: translateX(-200%);  }
}







#icon{display:flex;justify-content: center; flex-flow: row wrap;}	
#btn_endinfo{flex-basis: 77%;}
#btn_poster{flex-basis: 48%;margin: 0 1%;}	
#btn_tour{flex-basis: 48%;margin: 0 1%;}	
#btn_event{flex-basis: 48%;margin:0 1%;}	
#btn_forum{flex-basis: 48%;margin:0 1%;}	
	

/* 新着情報 */
.newstt{width:95%;margin:0 auto 0.75em auto;}
.newinfo_title{width:33%;position: absolute;top:-33px;left:-22px;}
.newinfo_content{padding:0;flex-flow: row nowrap;}
.newinfo_content.flex a.infoposter{margin:0 0 2em 0;}	

.newsupper{position:absolute;top:-16%;right:3%;width:63%;}
.newsupper{position:absolute;top:-25%;right:3%;width:63%;}




#news{position: relative;z-index: 999;margin}
#newsbox{}
#newsbox dl{margin:0;padding:0 0 0.5em 0;text-align: left;padding:0.5em; background: #fff;border:1px solid #036eb8;overflow:scroll}
#newsbox dt{flex-basis:100%; font-weight:700;}
#newsbox dd{flex-basis:100%; font-size:90%;}
#newsbox dd a{margin:0;display:inline-block}
#newsbox span.new{font-size:80%;padding:0 10px;display:inline-block; background:#f00;}









/*過去の夢のみち*/	
	#past_area{position: relative; background: #fff;padding:1em;}	
#btn_past{position: relative; width:88%;margin:0 auto 1em auto;}
#past{width:100%;padding:0 0 0.5em 0;}

#past a{flex-basis:23%;  background: #3aae36;border-radius: 2em;border:2px solid #fff;
	color: #fff;padding: 0.15em 0;line-height:100%;text-align: center;font-size:100%;font-weight:700;box-shadow: 2px 4px 6px #2b5575;	margin:0 0 0.5em 0;}

#past br{display:none;}


/*メニュー要素の出現アニメ*/
.fadeIn { opacity: 0;  transition: 2s;}
.fadeIn_fusen {  opacity: 0;  transform: translate(0, 20%);  transition: 2s;}
.fadeIn_right {  opacity: 0;  transform: translate(0, 20%);  transition: 1s;}
.fadeIn_left {  opacity: 0;  transform: translate(0, 20%);  transition: 1s;}

.fadeIn_up {  opacity: 0;  transform: translate(0, 20%);  transition: 1s;}

.fadeIn.is-show {  opacity: 1;}

/*風船*/
.fadeIn_fusen.is-show {  transform: translate(0, 0);  opacity: 1;}

/*右から*/
.fadeIn_right.is-show {  transform: translate(0, 0);  opacity: 1;}

/*左から*/
.fadeIn_left.is-show {  transform: translate(0, 0);  opacity: 1;}

/*下から*/
.fadeIn_up.is-show {  transform: translate(0, 0);  opacity: 1;}


/*トップナビ
------------------------------------------------------------------------------------ */






/*　下層
------------------------------------------------------------------------------------ */

#sub .wrap {
margin:0 0.5em 0 0.5em;
text-align : left;
position:relative;
background:#fff;
z-index:1;
border-radius:1em;
padding:2.5em 0 0 0;

    position: relative;

}

#sub .wrap.exp {
margin:0.5em;
text-align : left;
position:relative;
background:none;
z-index:1;
border-radius:1em;
/*border:2px solid #036eb8;	*/
	
}



.headerpic{line-height: 1;position: relative;top:0.5em;}

/*下層ナビ
------------------------------------------------------------------------------------ */



/*ページ
------------------------------------------------------------------------------------ */


  
/*　ページのh2 */

#sub h2.mokuteki{font-size:180%;margin:0 0 0.5em 0;}
.forum #sub h2{ color:#71bb48!important; background: none;font-size:200%;padding:0;margin:0;}
.forum #sub h3{ background: #fbe986;padding:0.5em;margin:0 0 0.5em 0;}


/* coming soon ページ　詳細は決まり次第 */
p.dttour{color:#f39800;font-size:140%;margin:20px 0;font-weight:bold;}
p.dtevent{color:#1070ba;font-size:140%;margin:20px 0;font-weight:bold;}
p.dtforum{color:#18b132;font-size:140%;margin:20px 0;font-weight:bold;}

#sub .section{margin:0 0 1em 0;text-align: left;}	



/* ポスターコンクール */
#poster h2{     background: #008ed8;
color: #fff;
margin: 2em 0 0.5em 0;
font-size: 135%;
border-radius: 0.5em;
text-align: center;
padding: 0.15em;}
#poster h3{color:#f00;margin:0 0 0.5em 0; position: relative;font-weight:700; font-size:110%;}
#poster .headerpic{width:62%;margin:0 0 0 33%;}
#poster #ttbox{width:80%;margin:0 auto;}
#poster #poster_bosyu{position: absolute;top:-2em;right:0.5em;width:28%; background: #f00;color:#fff;border-radius:50%;padding:0.5em;font-weight:700;}


#poster #bosyu_info{align-items: center;justify-content: center;}
#poster #bosyu_info #poster_theme{flex-basis: 100%;}
#poster #bosyu_info #poster_kikan{flex-basis: 40%;}


#bosyu_info{margin:3em 0 1em 0;padding:1em; background: #f6f6f6;border-radius:0.5em;}    
#bosyu_info #bosyu_text{font-size:140%;color:#fff; background: #f00;border-radius:1em; width:70%;margin:0 auto -0.5em auto;text-align: center;position: relative;top:-1.25em;}   

#posterend {
font-size: 90%;
color: #f00;
font-weight: bold;
padding: 0.5em;
border: 1px solid #f00;
border-radius: 0.5em;
margin: 1em 0;

background: #fafdc6;
}


#poster .ouboshikaku_wrap{justify-content: center;margin:2em 0 0 0; align-items: center;flex-flow:column;}	
#poster .ouboshikaku_wrap .ouboshikaku_tt{width:100%;padding:0.25em 0; background: #008ed8;color:#fff;font-weight:700;font-size:135%;border-radius:0.5em;margin:0 auto 1em auto;text-align: center;}
#poster .ouboshikaku_wrap p{margin:0;font-weight:700;font-size:122%;color:#f00;}



.bosyu_wrap{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
    margin:0 0 1em 0;
    }
.bosyu_wrap .bosyu_cap{
    padding:0.25em;
    margin:0 0 0.5em 0;
    background: #009ee2;
    border-radius:0.25em;
    color:#fff;
    font-weight: bold;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    }
  
.bosyu_wrap .bosyu_con{
font-size:105%;
    margin:0 0 0.5em 0;
    flex-basis: auto; 
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    font-weight:bold;
    justify-content: center;
    text-align: center;
    }
.bosyu_wrap .bosyu_con.colmn{
    flex-direction: column;
    }  
.bosyu_wrap .theme{color:#009ee2;font-weight:bold;position: relative;margin:0 0 0.25em 0;font-size:135%;}
.bosyu_wrap .theme span{font-size:105%;display:block;}
.bosyu_wrap .theme_sub{}
.bosyu_wrap .bosyu_con .bosyu_kikan span{font-size:160%;}
.bosyu_wrap .bosyu_con .bosyu_kikan .year{display:block;font-size:120%;}


/* 入賞作品*/
#sub .awardbox h2.prize{
position: relative;top:0; font-weight: bold;

padding:0;

font-size:175%;margin:0 auto 1em auto; color:#f00;
text-align:center;display:block;
background : none;
}

/* 絵画 */
.awardbox{margin:3em 0 2em 0;}
.awardbox span{display:inline-block;margin:0 1em 0 0;}
.awardkaiga01{border-bottom:3px dotted #f4e98c;padding:0 0 30px 0; margin:0 10% 30px 10%;}
.awardkaiga01picbox{margin:0;}
.awardkaiga01prize{width:25%;margin:0 auto 10px auto;}
.awardkaiga01prize img{max-width:100%;height:auto;}
.awardkaiga01pic{float:left;width:100%; margin:0 0 10px 0;}
.awardkaiga01pic img{max-width:100%;height:auto; border:2px solid #fff;
box-shadow:2px 4px 7px 0px #ccc;
-moz-box-shadow:2px 4px 7px 0px #ccc;
-webkit-box-shadow:2px 4px 7px 0px #ccc;}
.awardkaiga01spec{text-align:left; padding:0;}
.awardkaiga01cap{font-size:80%;}
.awardkaiga01title{margin:0 0 20px 0; font-size:150%;font-weight:bold; color:#0a69f7;}
.awardkaiga01name{clear:both;margin:0 0 0 0; font-size:90%; font-weight:bold;}
.awardkaiga01sch{margin:0 0 0 0; font-size:90%; font-weight:bold;}






.awordwrap{display:flex;justify-content:center;}

.awardkaiga02{padding:0; margin:0 2% 35px 2%;flex-basis:45%;}
.awardkaiga02picbox{margin:0 0 0 0;}
.awardkaiga02prize{width:30%;margin:0 auto;}
.awardkaiga02prize img{max-width:100%;height:auto;}
.awardkaiga02pic{float:left;width:100%;margin:0 0 10px 0;}
.awardkaiga02pictate{margin:0 15% 10px 15%;}
.awardkaiga02pic img,.awardkaiga02pictate img{max-width:100%;height:auto; border:2px solid #fff;
box-shadow:2px 4px 7px 0px #ccc;
-moz-box-shadow:2px 4px 7px 0px #ccc;
-webkit-box-shadow:2px 4px 7px 0px #ccc;}
.awardkaiga02spec{clear:both; text-align:left;padding:0;}
.awardkaiga02cap{font-size:60%;}
.awardkaiga02title{font-size:90%;margin:0 0 10px 0; font-weight:bold;}
.awardkaiga02name{font-size:80%;}
.awardkaiga02sch{font-size:80%; }
.awardbox .awardkaiga02:nth-child(6){ position:relative;top:-50px;}

	

.awardkaiga01name span{margin:0 1em 0 0;}
.awardkaiga01sch span{margin:0 1em 0 0;}
.awardkaiga02name span{margin:0 1em 0 0;}
.awardkaiga02sch span{margin:0 1em 0 0;}





    #poster #award h3.prizecategory{border-radius:2em;padding:0.25em;text-align:center;font-size:111%;color:#fff; background: #f00;margin:2em auto 2em auto;}
    
.prize_wrap{display:flex;justify-content: center; flex-flow: row wrap;}  
.prize_wrap .item{flex-basis: 45%;margin:0 2% 2em 2%;}  
.prize_wrap .item.tate{margin:0 2% 2em 2%;}  
.prize_wrap .item .picture{margin:0 auto 1em auto;}  
.prize_wrap .item.tate .picture{width:66%;margin:auto;} 
.prize_wrap .item .picture img{border:2px solid #fff;box-shadow:2px 4px 7px 0px #ccc;}

.prize_wrap .spec{}  
.prize_wrap .spec .tt_cap{font-size:60%;}  
.prize_wrap .spec .tt{margin:0 0 10px 0;font-size:90%; font-weight:bold;}  
.prize_wrap .spec .prize_name{font-size:80%;}  
.prize_wrap .spec .school{font-size:80%;}  

ul.dantai{display:flex;justify-content: center;flex-flow:  row wrap;margin:0 10% 3em 10%;}
ul.dantai li{flex-basis: 100%;}










	#tenjiinfo{text-align: left;}
	#tenjiinfo .tenjibasyo{ background:#f60;color:#fff;padding:0.25em 0.5em;margin:0 0 0 0;border-radius:0.5em 0.5em 0 0;display:block;text-align: center;}
	#tenjiinfo .kikan{ display:block;color:#f60;padding:0.25em 0.5em;font-weight:bold;border-radius:0 0 0.5em 0.5em; background: #f0f0f0;relative;text-align: center;margin:0 0 0.5em 0;}
	#tenjiinfo p.upper{margin:0 0 0.25em 0;}
	#tenjiinfo ul{margin:0 0 1.5em 0;}
#tenjiinfo p.tenji_kikan{font-size:122%;font-weight:700;}


/*応募方法*/
#howto{margin:0 0 2em 0; position:relative; text-align: left;}
#howto .flex {margin:0 0 1em 0;}
#howto .flex p{margin:0;}
#howto .flex h3{flex-basis:100%;}
#howto .flex .text{flex-basis:100%;margin:0 0 0 0.5em}
#howto .oubobox{margin:1em 0 1em 0;font-size:90%;text-align: center;}
#howto .textbox{margin:0 0 0.5em 0.5em}
ol.kakko{  margin:0 0 0.5em 0;} 
ol.kakko li{ padding-left: 1.75em;   text-indent: -1.75em;  list-style-type:none;  list-style-position:inside;  counter-increment: cnt;}
ol.kakko li:before{  display: marker;  content: "(" counter(cnt) ") ";}

#howto #example{padding:1em;margin:1em 0 1em 0; position: relative;}
#howto #example .box{flex-basis:100%;margin:0 0 2em 0;font-size:90%;}
#howto #example #ngsample{margin:1em 0 0 0;}
#howto #example #ngsample #ngsample_pic{flex-basis:100%;position: relative;}
#howto #example #ngsample #ngsample_tt{position: absolute;top:-1.5em;left:-1em; background: #f00;color:#fff;border-radius:50%;padding:0.25em 1em;}
#howto #example #ngsample #ngsample_pic img{border:1px solid #999;}
#howto #example #ngsample #ngsample_text{flex-basis:41%;}

#tenji{margin:0 0 2em 0}
#tenji h2{margin:0;}
#tenji #tenji_tt{flex-basis:100%;margin:0 0 0.5em 0;}
#tenji #kikan{flex-basis:100%;font-size:123%;font-weight:700;}
#tenji #kikan span{display:block;}
#tenji #kikan ul{font-size:65%;font-weight:400;}

/* 賞 */
#prizebox{ position:relative;z-indx:1;margin:0 0 2em 0;}
#voicebox{text-align:center; position:relative; }
#voicebox #voicetext{display:block;padding:5px 10px;border-radius:30px;text-align:center; background:#fff352; line-height:120%;margin:10px auto 0 auto;box-shadow:none;font-size:95%;}

/*作品の活用 */
#katsuyou{text-align:left;margin:0 0 2em 0;}
#katsuyou > div{text-align:left;display:block; vertical-align:top; position:relative; margin:0 0 20px 0;}
#katsuyou h3{color:#fff; background:#0052a5;border-radius:5px;text-align:left;padding:5px 20px; margin:0 0 5px 0;}
#katsuyou .tenjipr{border:1px solid #c00; background:#fff;padding:0.25em;border-radius:6px;margin:0 0 5px 0; text-align:center; position:relative;z-index:101;color:#c00;}

#katsuyou .tenjipr:after{
    content:"";
    width: 13px;
    height: 13px;
    border-bottom: 1px solid #c00;
    border-right: 1px solid #c00;
    margin: 0;
    padding: 0;
    background: #fff;
    position: absolute;
   bottom:-8px;
    right: 75px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-inex: 100;
}
#katsuyou .mapshinjyuku{border:1px solid #ccc;text-align:center;display:block;margin:0 auto 2em auto;}

	#poster_repo{margin:0 0 2em 0;}
	.photo_wrap {}	
	.photo_wrap .item{flex-basis:100%;margin:0 0 1em 0}	
	.photo_wrap .item img{width:100%;height:auto;}



.flex.past .item{flex-basis:49%;}	

/*親子体験ツアー*/
#past_tour{font-size:122%;font-weight:500;}
#past_tour a{color:#ea5515;display:block;}

#tour .yokoku{display:inline-block;font-size:144%;font-weight:bold;background:#f00;padding:0.5em;border-radius:50%;color:#fff;position: absolute;top:-1em;right:-11px;}
#tour .section h2{font-size:122%; background: #ea5514;color:#fff;font-weight:bold; border-radius:2em;padding:0.15em 1em;text-align: center; margin:0 0 1em 0;}		
#tour .section h3{font-size:122%; color: #ea5514;margin:0 0 1em 0;}			

	#tourtop a{font-size:110%;display:block;margin:0 0 0.5em 0;color:#f13e86;font-weight:bold; vertical-align: middle;}
	#tourtop a span{font-size:160%;margin:0 0.25em 0 0;color:#f13e86;font-weight:normal;vertical-align: middle;}
	
	#sub .tourbox{padding:1em 0;margin:0 0 1em 0;border-top:4px dotted #ea5514;}
	#sub #tour2s.tourbox{padding:1em 0;margin:2em 0 1em 0;border-bottom:4px dotted #ea5514;border-top:4px dotted #ea5514;}


	
	#sub .tourbox h2{font-size:133%; background: none;color:#ea5514;margin:0 0 1em 0;padding:0;}
    #sub .tourbox br{display:none;}

	#sub .tourbox .tour_wrap{}

	#sub .tourbox .leftbox{flex-basis:100%;order: 2;}
	#sub .tourbox .rightbox{flex-basis:100%;order: 1;margin:0 0 1em 0;}


	#sub .tourbox dl{display:block;text-align: left;margin:0 0 1em 0}
	#sub .tourbox dt{width:33%;text-align: center; color:#fff;vertical-align: top;margin:0 0.25em 0.5em 0;border-radius:0.25em; background: #ea5514;}
	#sub .tourbox dt:before{content:none;}
	#sub .tourbox dd{margin:0 0 0.5em 0;font-size:111%;}

	#sub #siemkiribox{text-align: center;font-size:155%;margin:2em 0 0.5em 0;}
	#sub #siemkiribox >div{display: inline-block;}
	#sub #siemkiribox .simekiri{color:#f00;font-size:85%; border: 1px solid #f00;padding:0 0.5em;margin:0 0.25em 0 0;}

#tour .aboutentry{margin:3em 0;text-align: center;}
#tour .section .aboutentry h3{font-size:122%;color:#f00;margin:0 0 0.25em 0;}
#tour .aboutentry p{font-size:133%;font-weight:bold;}


/*夢のみちイベント*/	
#event #head{margin:0 auto;width:44%;}	
#event .section h2{font-size:122%; background: #00A29B;color:#fff;font-weight:bold; border-radius:2em;padding:0.15em 1em;text-align: center; margin:0 0 1em 0;}		
	
.free{padding:0 1em;border-radius:2em; background: #f00;color:#fff;display:inline-block;margin:0 0 0.5em 0;}	


.event_nittei{position: relative;}
.event_nittei .kaisai{
	position: relative;z-index:10;
	background:#f8690a; color:#fff;padding:0 0.5em;border-radius:50%;border-radius:3em;display:inline-block;font-weight:700;font-size:100%;margin:0 0 0 0.25em;}


@media screen and (min-width: 767px) {
.event_nittei .kaisai{background:#f8690a; color:#fff;padding:0.5em;border-radius:50%;border-radius:3em;display:inline-block;font-weight:700;font-size:133%;margin:0 0 0 1em;}
	
.event_nittei .kaisai:before{
position: absolute;
top:116%; 
left:-141px;
z-index:0;
transform: rotate(344deg);	
	
/*
transform: translateY(-50%) ;
-webkit- transform: translateY(-50%) ;
*/
content:"";	
width: 0;
height: 0;
border-style: solid;
border-color: transparent #f8690a transparent transparent;
border-width: 7px 166px 7px 0px;
}
	
	
	
	
	
}




	/*イベントレポート*/
	#eventreport{}
	#eventreport .section{margin:0 0 3em 0; }	
	#eventreport .menubtn{justify-content: center;}
	#eventreport .menubtn a{flex-basis: 90%;margin:1.5% 1%;text-align: center;display:flex;justify-content: center;  align-items: center; line-height:122%;padding:0.5%;border-radius:0.5em;
	font-size:122%;	
	box-shadow: 1px 2px 3px #eee;
	color:#00a29a;
	font-weight:700;
	border:1px solid #00a29a;
background: linear-gradient(to bottom,  #ffffff 1%,#b1ede5 55%);


	}


	#eventreport h2	{
	color: #00a29a;
	background: none;
	border-top: 1px solid #00a29a;
	border-bottom: 1px solid #00a29a;
	border-radius: 0;
	margin: 0 auto 0.5em auto;
	text-align: center;
	padding:0.5em;
	}

	#eventreport h3{ background: #00a29a;padding:0.5em;text-align: center;margin:0 0 1em 0;font-size:122%;color:#fff;}
	#eventreport .pic .item span {
	font-size: 100%;
	display: block;
	text-align: center;padding:0.25em 0 0 0;
	}

	#eventreport p.capt{position:relative;top:-2em;margin:0 0 0 0;}




#eventreport label.labelbtn{color:#000;

background: #fac000;
padding:0.125em 1em;
border-radius:2em;
font-size:80%;

-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;

display:inline-block;

}





@media screen and (min-width: 767px) {
	#eventreport label.labelbtn{font-size:100%;}
}





#eventreport label:hover{opacity:0.5; cursor: pointer;}



/*道路功労者表彰*/	
#award #head{margin:0 auto;width:66%;}	

#award .section.dantai{margin:0 0 1em 0;padding:0 0 1em 0;border-bottom:5px dotted #000;}

#award .youtube_frame{margin:0 0 2em 0;}


#award .ss{margin:0 0 1em 0;padding:0 0 1em 0;border-bottom:5px dotted #000;}	
#award .ss:last-child{border-bottom:none;}	

#award .section h2{font-size:122%; background: #ac62a7;color:#fff;font-weight:bold; border-radius:2em;padding:0.15em 1em;text-align: center; margin:0 0 1em 0;}	
#award .section h3{font-size:144%;color:#ac62a7;font-weight:bold; padding:0.25em;text-align: center; margin:0 0 1em 0;border-top:1px solid #ac62a7;border-bottom:1px solid #ac62a7;}	

#award .section h3.engei{font-size:144%;color:#ac62a7;font-weight:bold; padding:0.25em;text-align: center; margin:0 0 0.5em 0;border-top:none;border-bottom:1px solid #ac62a7;}	


#award .section h3.prize_name{font-size:133%;color:#000; background: #e9d3e8;border-radius:50%;width:100%;margin:auto;border:none;margin:0 auto 1em auto;}	
#award .section h4{font-size:100%;background: #e4d4e8;color:#ac62a7;font-weight:bold; padding:0.15em 1em;text-align: center; margin:0 0 1em 0;}	
#award .section h4.dantai_name{font-size:122%;background: none;color:#ac62a7;font-weight:bold; text-align: center; margin:0 0 0.5em 0;}	
#award .section h5{font-size:111%;color:#ac62a7;font-weight:bold;margin:0 0 0.5em 0;text-align: left;}

#award .menubtn{justify-content: center;}
#award .menubtn a{flex-basis: 90%;margin:1%;text-align: center;display:flex;justify-content: center;  align-items: center; line-height:122%;padding:2%;border-radius:0.5em;
	font-weight:700;
box-shadow: 3px 3px 5px #b39db4;
color:#ba70ac;	
border:1px solid #ba70ac;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 1%, #e5d6e9 55%);
background: -webkit-linear-gradient(top,  #ffffff 1%,#e5d6e9 55%);
background: linear-gradient(to bottom,  #ffffff 1%,#e5d6e9 55%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5d6e9',GradientType=0 );
}
#award .headcopy{color:#ac62a7;font-size:100%;text-align: center;margin:0 0 0.5em 0;}
.pic{justify-content:center;}
.pic .item{flex-basis: 100%;margin:0 1% 2em 1%;}
.pic .item.intro_pic{flex-basis: 100%;order: 2}
.pic .item.intro_text{flex-basis: 100%;text-align: left;order: 1}	
.pic .item span{font-size:90%;display:block;}



#award .koushi{text-align: center;font-size:111%;}
#award .koushi span{font-size:133%;display:block}




	#award .award_past{}
	#award .award_past .tt{flex-basis:100%;margin:1em 0 0.5em 0; font-weight:700;height:24px; background: #ac62a7;border-radius:2em;padding:0.125em 1em;display:inline-block;color:#fff;}
	#award .award_past .picture{flex-basis:100%;}	
	#award .award_past .picture .item{flex-basis:100%;}	
	#award .award_past .movie{flex-basis:100%;}
	#award .award_past .movie .item{flex-basis:100%;margin:0 0 0.5em 0}





@media screen and (min-width: 767px) {
.pic .item span br{display:block}
}




/*東京都道路整備保全公社*/	
#tmpc{}
#tmpc h1{ margin:0;width:88%;margin:0 auto 0.25em auto;}
#tmpc .headerpic{margin:0 0 0 0;}	
#tmpc_content header #mvlogo{    width: 48%;    position: absolute;    top: 1%;    left: 0;	right:0;	margin:auto;    z-index: 100;}
#tmpc #head{margin:0 0 2em 0;}	
#tmpc #head p{font-size:111%;font-weight: 500;text-align: center;}
#tmpc #head p br{display:none;}

#tmpc .section{margin:0 0 2em 0;font-size:111%;}	

#tmpc .section h3{font-size:122%; background: #7c9bd0;color:#fff;font-weight:bold; border-radius:2em;padding:0 1em;text-align: center; margin:0 0 1em 0;}	
#tmpc .flex {padding:0 1em}
#tmpc .flex .item{flex-basis: 100%;margin:0 0 1em 0;text-align: center;}
#tmpc .flex .item p{text-align: left;}
#tmpc .flex .item .capt{text-align: center;display:block;margin:0;font-size:90%;}
#tmpc .flex .item .capt.mb{margin:0 0 1sem 0}
#tmpc .linkbox{text-align:center; margin:0 0 1em 0;}
#tmpc .linkbox a{border:2px solid #27aae1;color:#27aae1;display:inline-block;border-radius:2em;padding:0.25em 2em;font-weight:500;}

#tmpc .section.upper{ background: #b9e5fb;border-radius:1em;padding:1em;margin:0;}
#tmpc .section.upper h2{background: #fff;border:2px solid #00aeef;color:#00aeef;border-radius:0.5em;padding:0;font-size:122%;margin:0 auto 1em auto;text-align: center;}	
#tmpc .section.upper h3{background: #27aae1;}	

#tmpc .section.upper +.down_arrow{width:44%;margin:0 auto 0.25em auto;}


#tmpc .section.index{ }
#tmpc .section.index h2{  background: #1c75bc;font-size:144%;border-radius:2em;padding:0;color:#fff;text-align: center;margin:0 0 0.5em 0;}
#tmpc .section.index h3{  background: none;color:#1c75bc;text-align: center;margin:0 0 0.25em 0;}

#tmpc .section.index .menulist{margin:0 0 1em 0;}
#tmpc .section.index .menulist a{flex-basis: 100%;display:block;border-radius:0.5em; background: #aee2fa;color:#000;padding:1%;margin:0 0 0.5em 0;text-align: center;font-weight:500;}

#tmpc .copy_pic{position: relative;}
#tmpc .copy_pic .copy{position:absolute; bottom:3%;left:1%;font-size:70%;font-weight:700;text-shadow:1px 1px 0 #fff}



/*応募フォーム*/

h2 span.req{font-size:60%;position: relative;top:-0.15em;}


.addr {
  text-align: left;
}
select {
  padding: 1%;
  font-size: 111%;
  background: #fff;
  border: 1px solid #2ea7e0;
  border-radius: 0.25em;
width:100%;	
}
.ques label input[type="radio"] ,
.oubo label input[type="radio"]{  display: none;}

.ques input[type="radio"] + span:before,
.oubo input[type="radio"] + span:before{  content: "\25cb";}

.ques input[type="radio"]:checked + span:before,
.oubo input[type="radio"]:checked + span:before{  content: "\25cf";  color: #09f}

.ques input[type="radio"]:checked + span,
.oubo input[type="radio"]:checked + span,
.ques input[type="checkbox"]:checked + span {  color: #f00;  font-weight: 900;}



/*注意事項*/
#terms {
  margin: 0 0 3em 0;
  text-align: left;
  font-size: 90%;
  overflow: scroll;
  padding: 1em;
  background: #f0f8fc
}
#terms h3 {
  font-size: 123%;
  font-weight: 700;
  margin: 0 0 0.5em 0;
  text-align: center;
}


#form_wrap {
 
  margin: 0 auto;
  text-align: left;
  position: relative;
	 padding:0 1em;
}
#form_wrap p {
  margin: 0 0 1em 0;
}
#form_wrap p.thanks {
  text-align: center;
  font-size: 111%;
  font-weight: 500;
  margin: 2em 0;
}
/*formの設定*/
.formbox {
  text-align: left;
  margin: 0 auto;
	
}
.form {}
.formbox .formtr {font-size:107%;font-weight:500;}
.formbox .formtr_full {margin:0.5em 0;}

.formbox .formtr:last-child {
  border-bottom: none;
}
.formbox .formtr .formdt {
  padding: 0 0.25em;
}
.formbox .formtr .formdt.flex {
  justify-content: flex-start;
}
.formbox .formtr .formdd {
  padding: 0 0.25em;
  text-align: left;
  margin: 0 0 1em 0;
}
.formbox input ,
.formbox textarea
{
  padding: 1%;
  background: #fff;
  border: 1px solid #2ea7e0;
  font-size: 123%;
  border-radius: 0.25em;
}
.formbox textarea{width:98%;}

.formbox input.sst {
  width: 20%;
}
.formbox input.st {
  width: 98%;
}
.formbox input.lg {
  width: 98%;
}
.formbox .formtr {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  align-items: flex-start;
}
.formbox .formtr .formdt {
  flex-basis: 100%;
}
.formbox .formtr .formdd {
  flex-basis: 100%;
}
.formbox .formtr.ques {
  border-bottom: 2px dotted #000;
  padding: 0 0 1em 0;
  margin: 0 0 1em 0;
}
.formbox .formtr.ques .formdt {
  flex-basis: 100%;
	padding:0 0 0.5em 0;
	color:#ef60a3;
	font-weight:700;
}
.formbox .formtr.ques .formdd {
  flex-basis: 100%;
	padding:0;
	margin:0;
}
.form-submit {
  text-align: center;
	margin:0 0 3em 0;
}
.form-submit input {
  width: 100%;
  font-size: 85% !important;
  cursor: pointer;
  text-align: center;
  padding: 2.22em 1em;
  border-radius: 3em;
  margin: 0 0 0.25em 0;
  background: #faee00;
  border: 2px solid #8fc31f;
  color: #4fb233;
  font-weight: 700 !important;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  word-wrap: break-word;
}
.form-submit input[disabled] {
  opacity: 0.5;
}
.form-submit input[disabled]:hover {
  pointer-events: none;
}


.form-contact {
  text-align: center;
}
.form-contact input {
  width: 77%;
  font-size: 123% !important;
  cursor: pointer;
  text-align: center;
  padding: 1em;
  border-radius: 1em;
  margin: 0 0 0.25em 0;
  background: #faee00;
  border: 2px solid #8fc31f;
  color: #4fb233;
  font-weight: 700 !important;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  word-wrap: break-word;
}




input::placeholder {
  font-size: 70%;
  font-weight: 300;
}
input[type="radio"] {
  margin: 0 0.5em 0 0;
}
input.mailadd{
  margin: 0 0 0.25em 0;
}
label {
  margin: 0 1em 0 0;
}
.formbox .formtr .formdd.add input:first-child {
  margin: 0 0 0.25em 0;
}
.conf-text {
  clear: both;
  margin: 20px 0 0 0;
  text-align: left;
  font-size: 100%;
}
#conf {
  text-align: center;
  margin: 2em 0;
  font-size: 123%;
}
#conf input {
  width: 20px;
  height: 20px;
  position: relative;
  top: 0.15em;
}
#conf input, #conf label:hover {
  cursor: pointer;
}
#sended {
  width: 77%;
  padding: 2%;
  margin: 3em auto 2em;
  border-radius: 1em;
  text-align: center;
  background: #dff2fc;
  position: relative;
}
#sended h1 {
  margin: 0 0 1em 0
}
#sended p {
  margin: 0 0 2em 0;
  font-size: 111%;
}
.backhome {
  margin: 0 0 3em 0;
  text-align: center;
}
.backhome a {
  display: inline-block;
  background: #faee00;
  border: 2px solid #8fc31f;
  color: #4fb233;
  padding: 0.25em 1em;
  border-radius: 2em
}





/*イベント*/   
#ttbox{position:relative;}
#ttbox #eventsubmenu{ margin:0 0 1em 0;    
/*opacity:0.2 ;*/
}
#ttbox #eventsubmenu ul{text-align: center;}
#ttbox #eventsubmenu li{display:inline-block;margin:0 0 .1em 0;width:48%;}
#ttbox #eventsubmenu li a{display: block;padding:0.5em;color:#fff; font-size:80%;  border-radius:.5em;    
/*pointer-events: none;*/
}

/*bgcolor*/
#ttbox #eventsubmenu li a.stageprogram{ background: #f00;}
#ttbox #eventsubmenu li a.companybooth{ background: #009;}
#ttbox #eventsubmenu li a.stamprally{ background: #06c;}
#ttbox #eventsubmenu li a.expcar{ background: #090;}
#ttbox #eventsubmenu li a.fproject{ background: #f6c;}
#ttbox #eventsubmenu li a.access{ background: #fba002;}
	




	/*イベント内容*/
	section{margin:0 0 2em 0;}	
	section h2{ font-size:133%;padding:0.5em;border-radius:0.5em;margin:0 0 1em 0;color:#fff}
	
	
    .ev_wrap{}
    .ev_wrap .item{flex-basis:100%;padding:2%;margin:0 0 1em 0;}
    .ev_wrap .item .day{font-size:133%;font-weight:700; background: #f0f0f0;padding:0.25em;border-radius:0.25em}
    .ev_wrap .item .day span{font-size:70%;}
    .ev_wrap .item .name{font-size:133%;font-weight:700;}
    .ev_wrap .item .showtt{font-size:133%;font-weight:700;margin:0 0 0.25em 0}
    .ev_wrap .item img{border-radius:1em;}
	
section#stage{margin:4em 0 0 0;}
	section#stage h2{ background: #f00;}
	section#stage .ev_wrap .item .day{}
	section#stage .ev_wrap .item .name{color:#f00}
	section#stage .ev_wrap .item .showtt{color:#f00;margin:0 0 0.5em 0} 
	section#stage .ev_wrap .item .img.mg{margin:0 10%;}
	
	/*タイムスケジュール  会場マップ*/
	section#stage h3 { background: #3a88c6;color:#fff; font-weight:700;text-align: center;margin:2em auto 0.5em auto;padding:0.25em;border-radius:2em;font-size:100%;}
section#stage h4{font-size:100%;text-align: center;margin:0 0 2em 0;color:#0062b1} 



#mkaijyomap_place{font-size:100%;font-weight:bold;background:#036eb8;color:#fff;padding:0 1em;border-radius:2em;display: inline-block;}
@media screen and (max-width: 320px) {
#mkaijyomap_place{font-size:90%;font-weight:bold;background:#036eb8;color:#fff;padding:0 1em;border-radius:2em;display: inline-block;}
}

#kaijyomapbox{margin:1em 0 2em 0; position: relative;}
#kaijyomapbox #kmap{ position: relative;z-index: 1;margin:0 0 1em 0;}
#kaijyomapbox #labelbox{ text-align: left;}
#kaijyomapbox label{line-height:110%;font-size:95%;background: #fff;padding:0.25em;color:#0062b1;display:block;	padding-left: 2.2em;	text-indent:-2.2em;}
#kaijyomapbox label:hover{color:#f00; cursor: pointer;}
#kaijyomapbox label span{display:inline-block;margin:0 0.25em 0 0; color:#fff; background:#0062b1;border-radius:0.25em;width:1.5em;text-align: center;text-indent:0;}
#kaijyomapbox label br{display:none;}

/*モーダル　ここから*/
.modal .checkbox{
  display: none;
}

/* Gray background */
.modal .modal-overlay{
  opacity: 0;
  transition: all 0.2s ease;
  width: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -100;
  transform: scale(1);
  display: none;
  background-color: rgba(0,0,0,0.7);
}

/* Box */
.modal .modal-wrap{
  background-color: #fff;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
  padding:0.5em 0.5em 1.5em 0.5em;
  width: 30%;
  margin: 20px auto;
  align-self: flex-start;
  border-radius: 2px;
  transition: all 0.2s ease;
position:absolute;
	top:35%;
	left:0;
	right:0;
}
.modal .modal-wrap.small{
  width: 30%;
}
.modal .modal-wrap.full{
  width: 100%;
  height: 100%;
}

.modal .modal-wrap.a-center {
  align-self: center;
}
.modal .modal-wrap.from-left {
  transform: translateX(-100%);
}
.modal .modal-wrap.from-right {
  transform: translateX(100%);
}
.modal .modal-wrap.from-top {
  transform: translateY(-100%);
}
.modal .modal-wrap.from-bottom {
  transform: translateY(100%);
}

.modal .modal-wrap .cott{ background: #2ea7e0;color:#fff;font-weight:bold;padding:0.25em;font-size:110%;margin:0 0 0.25em 0;}
.modal .modal-wrap p{margin:0 0 1em 0;padding:1em;text-align: left;}
.modal .modal-wrap p + p{margin:-1em 0 2em 0;padding:0;text-align: center;}




/* Close button */
.modal .modal-overlay .close{
position: absolute;
right: 0;
left:0;
bottom: 0.5em;
	width:60%;
color: #333;
background: #f0f0f0;
border-radius:1em;
text-align: center;
margin:auto;
}

.modal .modal-overlay .close:hover{
  cursor: pointer;
  color: #f00;
}


 .modal .o-close {
   width: 100%;
   height: 100%;
   position: fixed;
   left: 0;
   top: 0;
   z-index: -100;
 }

.modal input:checked ~ .o-close {
  z-index: 9998;
}
.modal input:checked ~ .modal-overlay{
  transform: scale(1);
  opacity:1;
  z-index: 9997;
  overflow: auto;
  display: flex;
  animation-duration: 0.3s;
  animation-name: fade-in;
  -moz-animation-duration: 0.3s;
  -moz-animation-name: fade-in;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-name: fade-in;
}
.modal input:checked ~ .modal-overlay .modal-wrap {
  transform: translateY(0);
  z-index: 9999;
}

/* Responsive Design */
/* Tablet size */
@media (max-width: 800px){
  .modal .modal-wrap {
    width: 80%;
  }
}

/* Phone size */
@media (max-width: 500px){
  .modal .modal-wrap {
    width: 90%;
  }
}

/* Fadein from display:none */
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}

@-moz-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}

@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}

/*モーダル　ここまで*/





	section#workshop h2{ background: #ee7d05;}
	section#workshop h2 span{ color: #ee7d05;font-size:70%; background: #fff;padding:0.25em 1em;border-radius:2em;margin:0 0 0 1em}
	section#workshop .ev_wrap .item .showtt{color:#ee7d05} 
	
	section#special h2{ background: #3809cf;}
	section#special h2 span{ color: #3809cf;font-size:70%; background: #fff;padding:0.25em 1em;border-radius:2em;margin:0 0 0 1em}
	section#special .ev_wrap .item .showtt{color:#3809cf} 
	
	section#special .ev_wrap .item{flex-basis:96%;padding:2%;margin:0 0 1em 0;}
	section#special .ev_wrap .item .img{flex-basis:100%;}
	section#special .ev_wrap .item .detail{flex-basis:100%;}



/*募集のお問い合わせはこちら*/
#gcontact {  clear: both;  margin: 30px auto; background:#4ecbf9; border-radius:10px; padding:10px;color:#fff;text-align:center;}
#gcontacttitle {   color: #fff;padding:0.25em 1em; background: #f00;  font-weight: bold;  display: inline-block;  margin: 0 0 15px 0;  border-radius: 6px;  font-size: 110%;}
#gcontactright {font-size: 110%;    line-height: 140%;	display: inline-block;}
#gcontactright .tel{display:block}
#gcontact a{color:#ffc;}







/*探検隊  expedition*/	
	
.manga_area{border-radius:2em; background: #fff;padding:2em 1em; border-top:0.5em solid #a1cd3a;}
.panel{  display:none; text-align: center;}	
.panel.is-show{  display:block;}

/* ふわっと表示 　下から*/
.is-show{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}


@keyframes fadeInAnime{
  from {
    opacity: 0;
  transform: translateY(66px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}	
	.panel p{font-size:90%;}	
.manga{margin:0 auto 1em auto;}	
.opening_btm{font-size:222%;font-weight:700;text-align: center;color:#1c75bc;}	
	
.panel p.btmtext{font-size:122%;text-align: center;margin:0 0 0.5em 0}	
.panel p.linktext{font-size:100%;margin:0 auto 0.5em auto;}	
.panel p.linktext a{margin:0 0 1em 0;display:block;}	

.title_wrap{margin:0 0 1em 0; flex-flow:column;}
	.title_wrap .logo{line-height:55%;}
	.title_wrap .logo img{height:40px;width:auto;}
	.title_wrap .logo.todentown img{height:50px;width:auto;}
	.title_wrap .logo.syutokousoku img{height:80px;width:auto;}
	.title_wrap .logo.suidou img{height:44px;width:auto;}
	.title_wrap .logo.seisou img{height:55px;width:auto;}
	.title_wrap .logo.logo .tokyogas img{height:25px;width:auto;}
	.title_wrap .logo.miyakejima img{height:77px;width:auto;}
	.title_wrap .tt{font-size:133%;font-weight:700;margin:0 0.5em}
	
.title_wrap_outside{display:block;}

.tab.is-active{
background:#F00!important;
color:#FFF;
transition: all 0.2s ease-out;
}

.tab.hidden{display:none!important;}	



/*
フッター
------------------------------------------------------------------------------------ */
.bg_street{background: url("../images/bg_street.png") no-repeat center bottom;height:100px;width:100%; position: relative;
background-size: cover;}

footer {position: relative;text-align:center;padding:1em 0 3em 0;z-index:1;}

footer:before{content:"";width:100%;height:100%;position: absolute;top:0;left:0;right:0;margin:auto; display:block;background: #fff;z-index:-1;}

footer #footer_wrap{display:inline-block;text-align: left;padding:0 1em;}
footer #btm_contact{ justify-content: flex-start;margin:0 0 0.5em 0;}
footer #btm_contact_tt{color:#0050a4;margin:0 1em 0 0;}
footer #jimukyoku_name {display:block;}
footer #jimukyoku_detail {display:block;}	
footer #sponser li{padding-left: 3.25em;    text-indent: -3.25em;}
footer #logo{ padding:0 0 0.25em 0; align-items: center;margin:0 0 0 0; justify-content: center;}

footer #logo .item{margin:0.5em;}
footer #logo .item img{height:20px; width:auto;}
footer #logo .item.kanto100 img{height:55px; width:auto;}	
footer #logo .item a{display:block;padding:0.5em;border-radius:0.5em; background: #fff;line-height: 0;}



/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
@media screen and (min-width: 768px) {
	
	


.pc{display:block}
.sp{display:none}

.brpc{display:block;}
.brsp{display:inline;}    
    
.inner{max-width:900px;margin:auto;}
.inner.top{max-width:900px;margin:auto;}
    
.outerbox{border:4px solid #00939a;border-radius:2em;background: #fff;margin:0 0 2em 0;}


 .outerbox.news{margin:0 0 4em 0;position: relative;}
.inner.top .outerbox{margin:0 5% 2em 5%;}
.inner.top .outerbox.news{margin-bottom:9em;position: relative;border:none; background: none;padding:0;}


	
	
#icon_menu{position: fixed;top:80px;right:15px;width:55px;z-index:100; display:block;}

a.redbtnhere {font-size:155%;padding: 0.5em 2em;margin:0 0 0.5em 0;}
a.redbtnhere br{display:none;	}



/*
トップ
------------------------------------------------------------------------------------ */
	

	

#top #yume_header{ padding:0 1em;}	
#top #header_logo{width:750px;margin:auto;padding:0 0 0 0;}
#top header #trlogo{width:90px;}
    
#top header .header_center_top{max-width:1000px;position: absolute;top:9em;left:0;right:0;margin:auto; }
#top header .header_left{width:32%;position: absolute;bottom:185px;left:0;  z-index:10;}
#top header .header_right{width:32%;position: absolute;bottom:185px;right:0;z-index:10;}	

    #sub h1{margin:0 0 2em 0;}
    #sub h1 img{height:70px;width:auto;}
    
		
#sub header #trlogo{width:90px;}
#sub #yume_header{ padding:0 1em;}	
#sub #header_logo{max-width:666px;margin:auto;padding:0 0 0 0;}
	

#sub header .header_center_top{width:63%;position: absolute;top:13%;left:0;right:0;margin:auto;  z-index:1;}
#sub header .header_left{width:31%;position: absolute;bottom:77px;left:0;  z-index:10;}
#sub header .header_right{width:31%;position: absolute;bottom:77px;right:0;z-index:10;}	

    
    #sub .outerbox{margin:8em 0 4em 0;}
    #sub .outerbox .page_upper{position: absolute;top:-185px;left:0;right:0;width:90%;margin:auto;}
    
    @media screen and (max-width: 916px) {

#sub .outerbox{margin:17vw 0 4em 0;}
#sub .outerbox .page_upper{position: absolute;top:-20.5vw;left:0;right:0;width:91%;margin:auto;}
    }
    
    
/*メイン*/
#top #main{margin:auto;padding:1em 0;	}

#sub #main{margin:0 auto 0 auto;padding:1em 0;}

	
/*アイコン*/
#icon{display:flex;justify-content: center; flex-flow: row wrap;}

	


	
/*メニュー要素の出現アニメ*/
/*右から*/
.fadeIn_right {  opacity: 0;  transform: translate(50%, 0);  transition: 2s;}
/*左から*/
.fadeIn_left {  opacity: 0;  transform: translate(-50%, 0);  transition: 2s;}
/*下から*/
.fadeIn_up {  opacity: 0;  transform: translate(0, 10%);  transition: 3s;}
	
	
/* 新着情報 */
.newinfo_title{width:25%;position: absolute;top:-63px;left:22px;}
.newinfo_content{padding:1em;}	
	
	
.newinfo_content.flex{display: flex;flex-flow: row nowrap;align-items: flex-start;}	
.newinfo_content.flex a{flex-basis: ;margin:0;}	
	
	
	
	
	
	
#news{padding:0;}	
#newsbox{}	
#newsbox dl{height:10em;margin:0;padding:1.5em;  text-align: left;border:2px solid #036eb8;background: #fff;overflow:auto;}
#newsbox dt{flex-basis:25%; font-weight:700;}
#newsbox dd{flex-basis:73%;     font-size: 100%;}
#newsbox .news_uppertext{width:95%;margin:auto;}
	
	
	
@media screen and (min-width: 1450px) {	

#btn_upper{position: absolute;width:30%;left:0;top:450px;z-index:2;}	

}

@media screen and (min-width: 1800px) {	

#btn_upper{position: absolute;width:30%;left:0;top:390px;z-index:2;}	

}

@media screen and (min-width: 2190px) {	

#btn_upper{position: absolute;width:30%;left:0;top:345px;z-index:2;}	

}





	
/*過去の夢のみち*/	
#past_area{position: relative; background: #fff;padding:1.5em 0 0 0;}	
#btn_past{width:55%;margin:0 auto 1em auto;}	
#past{width:66%;margin:auto;}
	

	
	
#past br{display:block;}
	
	@media screen and (min-width: 1024px) {
#past a{font-size:180%;}
	}
	
/*SNSボタン*/
#snsbtn {margin:0 0 10px 0; position:fixed;top:0.5em;right:1em; background:none;padding:0;}
#snsbtn a{display:inline-block;}
#snsbtn a img{width:30px;height:auto;}


/*　下層
------------------------------------------------------------------------------------ */
#sub .wrap {border-radius:2em; margin:2em auto 0 auto;}


/*ページ
------------------------------------------------------------------------------------ */

/* coming soon ページ　詳細は決まり次第 */
p.dttour{font-size:160%;margin:2em 0;font-weight:bold;}
p.dtevent{font-size:160%;margin:2em 0;font-weight:bold;}
p.dtforum{font-size:160%;margin:2em 0;font-weight:bold;}
	
.flex.past .item{flex-basis:24.5%;}	
	
	
	
/* ポスターコンクール */
#poster h2{ background: #008ed8;
color: #fff;
margin: 2em 0 0.5em 0;
font-size: 135%;
border-radius: 0.5em;
text-align: center;
padding: 0.15em;}
#poster h3{color:#f00;margin:0 0 0.5em 0; position: relative;font-weight:700; font-size:110%;}
#poster .headerpic{width:70%;margin:0 0 0 27%;}

#poster #ttbox{width:66%;margin:2em auto 0 auto;}
#poster #ttbox h1{margin:0 0 0 0;}	

#poster #poster_bosyu{position: absolute;top:-1.5em;right:1em;width:15%;font-size:133%;}


	#poster .theme{padding:0 8% 0 8%;}

#poster #bosyu_info{align-items: center;justify-content: space-between}
#poster #bosyu_info #poster_theme{flex-basis: 70%;}
#poster #bosyu_info #poster_kikan{flex-basis: 28%;}

#bosyu_info{margin:3em 0 1em 0;padding:1em; background: #f6f6f6;border-radius:0.5em;}    
#bosyu_info #bosyu_text{font-size:160%;color:#fff; background: #f00;border-radius:1em; width:25%;margin:0 auto -0.5em auto;text-align: center;position: relative;top:-1.25em;}   



#poster_repo{margin:0 0 2em 0;}
.photo_wrap {}	
.photo_wrap .item{flex-basis:49%;margin:0 0 1em 0}	
.photo_wrap .item img{width:100%;height:auto;}


	#poster .ouboshikaku_wrap{justify-content: center;margin:2em 0 0 0; }	
	#poster .ouboshikaku_wrap .ouboshikaku_tt{padding:0.25em 0; background: #008ed8;color:#fff;font-weight:700;font-size:133%;border-radius:0.5em;margin:0 0 1em 0;}
	#poster .ouboshikaku_wrap p{margin:0;font-weight:700;font-size:144%;color:#f00;}
	
	
	
/*ポスター発表*/	
#posterend {
    font-size: 155%;
    color: #f00;
    font-weight: bold;
    padding: 0.5em;
    border: 1px solid #f00;
    border-radius: 0.5em;
    margin: 1em auto;
text-align: center;
    background: #fafdc6;
	width:66%;
}
	
.bosyu_wrap{
    flex-direction: row;
    align-items: stretch;
    margin:0 0 0.5em 0;
    }
.bosyu_wrap .bosyu_cap{
    flex-basis: 15%;
    padding:0.25em;
    margin:0 1em 0 0;
    }
  
.bosyu_wrap .bosyu_con{
font-size:135%;
    margin:0;
text-align: left;
    }
.bosyu_wrap .bosyu_con.colmn{
    flex-direction: column;
    }  
.bosyu_wrap .theme{color:#009ee2;font-weight:bold;position: relative;left:-0.5em;font-size:100%;}
.bosyu_wrap .theme span{font-size:180%;display:inline-block}
.bosyu_wrap .bosyu_con .bosyu_kikan br{display:none;} 
.bosyu_wrap .bosyu_con .bosyu_kikan .year{display:inline-block;font-size:100%;margin:0 0.5em 0 0;}
	

	
/*  入賞作品 */
.awardbox{margin:8em 0 2em 0;padding:20px; border:3px solid #f2e586; position:relative; border-radius:20px; }
.awordwrap{clear:both;}

#sub .awardbox h2.prize{
position: relative;top:-135px; font-weight: bold;
width:300px;
padding:100px;

font-size:175%;margin:0 auto -230px auto; color:#f00;
text-align:center;display:block;height:180px;
background : url(../images/prizeframe.png)  no-repeat top center;
background-size:260px auto;
-moz-background-size:260px auto;
-webkit-background-size:260px auto;
-o-background-size:260px auto;
-ms-background-size:260px auto;
}
 
/* 絵画 */
.awardkaiga01{border-bottom:3px dotted #f4e98c;padding:0 0 40px 0; margin:0 0 50px 0;display:flex;justify-content: center;}
.awardkaiga01picbox{flex-basis: 70%;}
 .awardkaiga01spec{flex-basis: 44%;margin:107px 0 0 0;}   
    
    
.awardkaiga01prize{float:left;width:77px;margin:0 10px 0 0;}
.awardkaiga01prize img{max-width:100%;height:auto;}
.awardkaiga01pic{float:left;width:350px;}
.awardkaiga01pic img{max-width:100%;height:auto; border:5px solid #fff;
box-shadow:2px 4px 7px 0px #ccc;
-moz-box-shadow:2px 4px 7px 0px #ccc;
-webkit-box-shadow:2px 4px 7px 0px #ccc;}
    
    

    
    
.awardkaiga01cap{font-size:80%;}
.awardkaiga01title{margin:0 0 20px 0; font-size:150%;font-weight:bold; color:#0a69f7;}
.awardkaiga01name{margin:0 0 0 0; font-size:110%; font-weight:bold; float:left;}
.awardkaiga01sch{margin:0 0 0 0; font-size:110%; font-weight:bold;float:left;}

    
    
    
    
.awardkaiga02{padding:0; margin:0 5px 45px 5px;width:48%;display:inline-block; vertical-align:bottom;}
.awardkaiga02picbox{width:400px;margin:0 0 0 0;}
.awardkaiga02prize{float:left;width:55px;margin:0 0.5em 0 0;}
.awardkaiga02prize img{max-width:100%;height:auto;}
.awardkaiga02pic{float:left;width:280px;margin:0 0 10px 0;}
.awardkaiga02pictate{float:left;width:200px;margin:0 0 10px 0;}
.awardkaiga02pic img,.awardkaiga02pictate img{max-width:100%;height:auto; border:5px solid #fff;
box-shadow:2px 4px 7px 0px #ccc;
-moz-box-shadow:2px 4px 7px 0px #ccc;
-webkit-box-shadow:2px 4px 7px 0px #ccc;}
.awardkaiga02spec{clear:both; text-align:left;padding:0 0 0 66px;}
.awardkaiga02cap{font-size:80%;}
.awardkaiga02title{margin:0 0 10px 0;font-size:105%; font-weight:bold;}
.awardkaiga02name{font-size:90%;}
.awardkaiga02sch{font-size:90%; }
.awardbox .awardkaiga02:nth-child(6){ position:relative;top:-50px;}
	
	
    
    #poster #award h3.prizecategory{width:55%;border-radius:2em;padding:0.25em;text-align:center;font-size:122%;color:#fff; background: #f00;margin:2em auto 3em auto;}
    
    .prize_wrap{display:flex;justify-content: center; flex-flow: row wrap;}  
    .prize_wrap .item{flex-basis: 30%;margin:0 1% 2em 1%;}  
    .prize_wrap .item.tate{flex-basis: 22%;margin:0 1% 2em 1%;}  
     .prize_wrap .item.tate .picture{width:100%;margin:auto;} 
    .prize_wrap .spec{}  
    .prize_wrap .spec .tt_cap{font-size:80%;}  
    .prize_wrap .spec .tt{margin:0 0 10px 0;font-size:80%; font-weight:bold;}  
    .prize_wrap .spec .prize_name{font-size:85%;}  
    .prize_wrap .spec .school{font-size:70%;}  


    .prize_wrap .spec .prize_name span,
    .prize_wrap .spec .school span{display:block;}
    
    
    .dantaiwrap{width:90%;margin:auto;}
    
    ul.dantai{display:flex;justify-content: center;flex-flow:  row wrap;margin:0 0 3em 0;}
    ul.dantai li{flex-basis: 44%;font-size:144%;}

    
    
    
    
    
    
    
#tenjiinfo .tenjibasyo{font-size:120%;display:inline-block;width:18em;background:#f60;color:#fff;padding:0.25em 0.5em;margin:0 0 0.5em 0;border-radius:0.5em 0 0 0.5em;text-align: left;}
#tenjiinfo .kikan{ font-size:120%;display:inline-block;color:#f60;padding:0.25em 0.5em;border-radius:0 0.5em 0.5em 0; position: relative;left:-0.5em;text-align: left;margin:0 0 0.0 0;}
	
	
	
/*応募方法*/
#howto{margin:0 0 2em 0; position:relative; }
#howto .flex h3{flex-basis:22%;}
#howto .flex .text{flex-basis:77%;}
#howto .textbox{margin:0 0 1em 3em}
#howto #example{padding:1em;margin:2em 0 2em 23%; position: relative;}
#howto #example .box{flex-basis:50%;margin:0;font-size:100%;}
#howto #example #ngsample{margin:0 0 0 0; align-items: center;}

#howto #example #ngsample #ngsample_pic{flex-basis:40%;margin:0 5% 0 0;}
#howto #example #ngsample #ngsample_text{flex-basis:30%;}	
#howto .oubobox{text-align: left;}	
	
	
	
	
#tenji{margin:0 0 2em 0}
#tenji h2{margin:0;}
#tenji #tenji_tt{flex-basis:20%;}
#tenji #kikan{flex-basis:78%;font-size:155%;font-weight:700;}
#tenji #kikan span{display:inline-block;}
#tenji #kikan ul{font-size:65%;font-weight:400;}

/* 賞 */

#prizebox img{width:100%;height:auto;}
#voicebox{text-align:center; position:relative; }
#voicebox #voicetext{display:inline-block;padding:.5em;border-radius:.5em;text-align:center; background:#fff352; line-height:120%;margin:10px auto 0 auto;}

/*作品の活用 */
#katsuyou > div{text-align:left;display:inline-block; vertical-align:top; position:relative;}
#katsuyou .leftbox{width:100%;margin:0 0 0 0;}
#katsuyou .rightbox{width:48%;}


#katsuyou .leftbox .ssright img{width:100%;height:auto;float:right;border-radius:6px;}
#katsuyou h3{color:#fff; }

/*募集のお問い合わせはこちら*/
#gcontactright .tel{display:inline-block}	
#bikou{display:block;text-align:center;font-size:90%;	margin:0;}
#bikou span{display:inline-block;}


    
/*イベント*/   
#ttbox{position:relative;}
#ttbox #eventsubmenu{ margin:0 0 2em 0;}
#ttbox #eventsubmenu ul{text-align: center;}
#ttbox #eventsubmenu li{display:inline-block;margin:0;width:inherit;}
#ttbox #eventsubmenu li a{dispay: block;padding:0.5em 2em;color:#fff; border-radius:0;}
#ttbox #eventsubmenu li:first-child a{border-radius:.5em 0 0 .5em;}	
#ttbox #eventsubmenu li:last-child a{border-radius:0 .5em .5em 0;}	

#map.eventmap {width:80%;margin:0 auto 2em auto;}    
#sub .section{margin:0 0 3em 0}	
#sub .section h2{width:20%;display:inline-block;}	
	

	/*イベント内容*/
	section{margin:0 0 2em 0;}	
	section h2{ font-size:166%;padding:1em;border-radius:0.5em;margin:0 0 1em 0;color:#fff}
	
	
	.ev_wrap{justify-content: center;}
	.ev_wrap .item{flex-basis:45%;padding:2%;margin:0 0 1em 0;}
	.ev_wrap #pekopa.item{flex-basis:66%;}
    
    
	.ev_wrap .item .day{font-size:133%;font-weight:700; background: #f0f0f0;padding:0.25em;border-radius:0.25em}
	.ev_wrap .item .day span{font-size:80%;}
	.ev_wrap .item .name{font-size:155%;font-weight:700;}
	.ev_wrap .item .showtt{font-size:155%;font-weight:700;margin:0 0 0.25em 0}
	.ev_wrap .item img{border-radius:1em;}
	
	section#stage h2{ background: #f00;}
	section#stage .ev_wrap .item .day{}
	section#stage .ev_wrap .item .name{color:#f00;}
	section#stage .ev_wrap .item .showtt{color:#f00;margin:0 0 0.5em 0} 
	section#stage .ev_wrap .item .img.mg{margin:0 10%;}
	
	
	
	/*タイムスケジュール  会場マップ*/
	section#stage h3 {color:#fff; font-weight:700;text-align: center;margin:3em auto 1em auto;padding:0.25em;font-size:122%;}
	section#stage h4{font-size:122%;} 
	section#stage .sche_map{margin:0;}
	
	/*タイムスケジュール*/
	section#stage .time_schedule{}
	section#stage .time_schedule{width:77%;margin:auto;}
    
    
	/*会場マップ*/
	section#stage .kaijyo_map{width:77%;margin:auto;}
	

	

#mkaijyomap_place{font-size:110%;font-weight:bold;background:#036eb8;color:#fff;padding:0 1em;border-radius:2em;display: inline-block;}
#kaijyomapbox{margin:1em auto 2em auto;width:80%; position: relative;}    
#kaijyomapbox label{line-height:110%;font-size:95%;background: #fff;padding:0.5em;border-radius:0.25em;border:1px solid #0062b1;color:#0062b1;	text-indent:0;}
#kaijyomapbox label:hover{color:#f00; cursor: pointer;}
#kaijyomapbox label span{display:none;}
#kaijyomapbox label br{display:block;}	
    
    
#kaijyomapbox label.map01{
    position: absolute;
    z-index: 10;
    left: 507px;
    top: 513px;
}
#kaijyomapbox label.map02{
    position: absolute;
    z-index: 10;
    left: 505px;
    top: 349px;
    width: 125px
}
#kaijyomapbox label.map03{
    position: absolute;
    z-index: 10;
    left: 578px;
    top: 328px;
}
#kaijyomapbox label.map04{
    position: absolute;
    z-index: 10;
    left: 117px;
    top: 678px;
}
#kaijyomapbox label.map05{
    position: absolute;
    z-index: 10;
    left: 386px;
    top: 449px;
}
#kaijyomapbox label.map06{
    position: absolute;
    z-index: 10;
    left: 319px;
    top: 626px;
}
#kaijyomapbox label.map07{
    position: absolute;
    z-index: 10;
    left: 130px;
    top: 307px;
}
#kaijyomapbox label.map08{
    position: absolute;
    z-index: 10;
    left: 458px;
    top: 645px;
    width: 95px;
}
#kaijyomapbox label.map09{
    position: absolute;
    z-index: 10;
    left: 213px;
    top: 640px;
}
#kaijyomapbox label.map10{
    position: absolute;
    z-index: 10;
    left: 111px;
    top: 358px;
}
#kaijyomapbox label.map11{
    position: absolute;
    z-index: 10;
    left: 334px;
    top: 724px;
}
#kaijyomapbox label.map12{
    position: absolute;
    z-index: 10;
    left: 408px;
    top: 326px;
    width: 67px;
}
#kaijyomapbox label.map13{
    position: absolute;
    z-index: 10;
    left: 445px;
    top: 256px;
}
    
#kaijyomapbox label.map14{
    position: absolute;
    z-index: 10;
    left: 35px;
    top: 507px;
}
	
	
/*モーダル　ここから*/
.modal .checkbox{
  display: none;
}

/* Gray background */
.modal .modal-overlay{
  opacity: 0;
  transition: all 0.2s ease;
  width: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -100;
  transform: scale(1);
  display: none;
  background-color: rgba(0,0,0,0.7);
}

/* Box */
.modal .modal-wrap{
  background-color: #fff;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
  padding:0.5em 0.5em 1.5em 0.5em;
  width: 30%;
  margin: 20px auto;
  align-self: flex-start;
  border-radius: 2px;
  transition: all 0.2s ease;
position:absolute;
	top:35%;
	left:0;
	right:0;
}
.modal .modal-wrap.small{
  width: 30%;
}
.modal .modal-wrap.full{
  width: 100%;
  height: 100%;
}

.modal .modal-wrap.a-center {
  align-self: center;
}
.modal .modal-wrap.from-left {
  transform: translateX(-100%);
}
.modal .modal-wrap.from-right {
  transform: translateX(100%);
}
.modal .modal-wrap.from-top {
  transform: translateY(-100%);
}
.modal .modal-wrap.from-bottom {
  transform: translateY(100%);
}

.modal .modal-wrap .cott{ background: #2ea7e0;color:#fff;font-weight:bold;padding:0.25em;font-size:110%;margin:0 0 0.25em 0;}
.modal .modal-wrap p{margin:0 0 1em 0;padding:1em;text-align: left;}
.modal .modal-wrap p + p{margin:-1em 0 2em 0;padding:0;text-align: center;}




/* Close button */
.modal .modal-overlay .close{
position: absolute;
right: 0;
left:0;
bottom: 0.5em;
	width:60%;
color: #333;
background: #f0f0f0;
border-radius:1em;
text-align: center;
margin:auto;
}

.modal .modal-overlay .close:hover{
  cursor: pointer;
  color: #f00;
}


 .modal .o-close {
   width: 100%;
   height: 100%;
   position: fixed;
   left: 0;
   top: 0;
   z-index: -100;
 }

.modal input:checked ~ .o-close {
  z-index: 9998;
}
.modal input:checked ~ .modal-overlay{
  transform: scale(1);
  opacity:1;
  z-index: 9997;
  overflow: auto;
  display: flex;
  animation-duration: 0.3s;
  animation-name: fade-in;
  -moz-animation-duration: 0.3s;
  -moz-animation-name: fade-in;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-name: fade-in;
}
.modal input:checked ~ .modal-overlay .modal-wrap {
  transform: translateY(0);
  z-index: 9999;
}

/* Responsive Design */
/* Tablet size */
@media (max-width: 800px){
  .modal .modal-wrap {
    width: 80%;
  }
}

/* Phone size */
@media (max-width: 500px){
  .modal .modal-wrap {
    width: 90%;
  }
}

/* Fadein from display:none */
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}

@-moz-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}

@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}

/*モーダル　ここまで*/

	

	
	
	section#workshop h2{ background: #ee7d05;}
	section#workshop h2 span{ color: #ee7d05;font-size:70%; background: #fff;padding:0.25em 1em;border-radius:2em;margin:0 0 0 1em}
	section#workshop .ev_wrap .item .showtt{color:#ee7d05;height:77px;} 
	
	section#special h2{ background: #3809cf;}
	section#special h2 span{ color: #3809cf;font-size:70%; background: #fff;padding:0.25em 1em;border-radius:2em;margin:0 0 0 1em}
	section#special .ev_wrap .item .showtt{color:#3809cf} 
	
	section#special .ev_wrap .item{flex-basis:96%;padding:2%;margin:0 0 1em 0;}
	section#special .ev_wrap .item .img{flex-basis:50%;}
	section#special .ev_wrap .item .detail{flex-basis:48%;}
	

	
	
	
	
/*親子体験ツアー*/

	#tour .yokoku{display:inline-block;font-size:199%;font-weight:bold;background:#f00;padding:0.75em;border-radius:50%;color:#fff;position: absolute;top:-1em;right:-22px;}

	
	#tourtop a{font-size:110%;display:block;margin:0 0 0.5em 0;font-weight:bold; vertical-align: middle;}
	#tourtop a span{font-size:160%;margin:0 0.25em 0 0;font-weight:normal;vertical-align: middle;}
	#sub .tourbox{padding:1em 0;margin:0 0 1em 0;}
#tour .section h2{font-size:133%; background: #ea5514;color:#fff;font-weight:bold; border-radius:2em;padding:0.15em 1em;text-align: center; margin:0 0 1em 0;}		
#tour .section h3{font-size:177%; color: #ea5514;margin:0 0 1em 0;}		
#tour .section .aboutentry h3{font-size:155%;color:#f00;margin:0 0 0.25em 0;}	
    #sub .tourbox br{display:block;}
	
	#sub .tourbox .tour_wrap{margin:0 0 2em 0}
	#sub .tourbox .tour_wrap .item{flex-basis:49%;}

	
	
	#sub .tourbox .leftbox{flex-basis:60%;order:1;}
	#sub .tourbox .rightbox{flex-basis:38%;order:2;margin:0;}

	#sub .tourbox dl{display:block;text-align: left;margin:0 0 0 1em}
	#sub .tourbox dt{width:20%;display:inline-block;text-align: center; color:#fff;vertical-align: top;margin:0 0.25em 0.5em 0;border-radius:0.25em; }
	#sub .tourbox dt:before{content:none;}
	#sub .tourbox dd{width:75%;display:inline-block;vertical-align: top;margin:0 0 0.5em 0;font-size:111%;}
	#sub #siemkiribox{text-align: center;font-size:220%;margin:2em 0 0.5em 0;}
	#sub #siemkiribox >div{display: inline-block;}
	#sub #siemkiribox .simekiri{color:#f00;font-size:85%; border: 1px solid #f00;padding:0 0.5em;margin:0 0.25em 0 0;}
	

	
	
	
/*夢のみちイベント*/
#event #head{width:28%;}	
#event .section h2{font-size:133%; background: #00a29a;color:#fff;font-weight:bold; border-radius:2em;padding:0.15em 0;text-align: center; margin:0 0 1em 0;width:33%;}		
.free{padding:0 1em;border-radius:2em; background: #f00;color:#fff;display:inline-block;margin:0 0 0 0.5em;font-size:133%;}	




/*イベントレポート*/	
#eventreport{}	

#eventreport .menubtn a{flex-basis: 29%;margin:1%;height:90px;}	
#eventreport .menubtn a.hanamusubi{padding:0;}
#eventreport .section{margin:0 0 3em 0; }	

#eventreport h2	{

background: none;
border-radius: 0;
font-size: 199%;
}


	
	
	
/*道路功労者表彰　　*/	
#award #head{width:35%;}	
#award .section h2{font-size:133%; background: #ac62a7;color:#fff;font-weight:bold; border-radius:2em;padding:0.15em 0;text-align: center; margin:0 0 1em 0;display:block;width:33%;}	
#award .section h3{font-size:155%;color:#ac62a7;font-weight:bold; padding:0.25em;text-align: center; margin:0 0 1em 0;}	
#award .section h3.prize_name{font-size:144%;color:#000; background: #e9d3e8;border-radius:50%;width:55%;margin:auto;border:none;margin:0 auto 1em auto;}	
#award .section h4{font-size:133%;background: #e4d4e8;color:#ac62a7;font-weight:bold; padding:0.15em 1em;text-align: center; margin:0 0 1em 0;}	
#award .section h4.dantai_name{font-size:133%;background: none;color:#ac62a7;font-weight:bold; text-align: center; margin:0 0 0.5em 0;}	
#award .section h5{font-size:122%;color:#ac62a7;font-weight:bold;margin:0 0 0.5em 0;text-align: left;}
#award .headcopy{color:#ac62a7;font-size:122%;text-align: center;margin:0 0 0.5em 0;}	
#award .menubtn a{flex-basis: 42%;}	



#award .ss{margin:0 0 2em 0;padding:0 0 2em 0;}
#award .section.dantai{margin:0 0 2em 0;padding:0 0 2em 0;}

 .pic .item{flex-basis: 48%;}
 .pic .item.long{flex-basis: 100%;}
 .pic .item.intro_pic{flex-basis: 30%;order: 1}
 .pic .item.intro_text{flex-basis: 66%;order: 2}	

    
    
    
    
    
#award .koushi span{font-size:133%;display:inline-block}
	
	#award .award_past{}
	#award .award_past .tt{flex-basis:70%;margin:0 0 0.5em 0; font-weight:700;padding:0.25em 1em;}
	#award .award_past .picture{flex-basis:49%;}	
	#award .award_past .picture .item{flex-basis:49%;}	
	#award .award_past .movie{flex-basis:50%;}
	#award .award_past .movie .item{flex-basis:49%;}	

	


/* ふわっと表示 　下から*/
.is-show{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}


@keyframes fadeInAnime{
  from {
    opacity: 0;
  transform: translateY(66px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}	


	
	
/*東京都道路整備保全公社*/		
#tmpc_content header #mvlogo{    width: 33%;    position: absolute;    top: 33%;    left: 0;	right:0;	margin:auto;    z-index: 100;}
#tmpc h1{margin:0 0 0.25em 0;width:66%;margin:0 auto 0.25em auto;}	
#tmpc #head p{font-size:133%;}
#tmpc #head p br{display:block;}	
#tmpc .section{font-size:122%;}	
#tmpc .section h3{font-size:166%; }	
#tmpc .flex {padding:0;}	
#tmpc .flex .item{flex-basis: 49%;}	
#tmpc .section.upper{ margin:3em 0 0 0;padding:2em;}	
#tmpc .section.upper h2{font-size:177%; width:55%;position: relative;top:-2em;margin:0 auto -1em auto;}	
#tmpc .section.upper +.down_arrow{width:44%;margin:0 auto 0.25em auto;}	

#tmpc .section.index h2{font-size:177%;}		
#tmpc .section.index .menulist a{flex-basis: 47.25%;display:block;border-radius:0.5em; background: #aee2fa;color:#000;padding:1%;margin:0 0 0.75em 0;text-align: center;font-weight:500;}	
#tmpc .flex .item.pb13left{flex-basis: 58%;}	
#tmpc .flex .item.pb13right{flex-basis: 35%;}	

	
	
/* オンラインゲーム */
#onlinegame h1{ margin:0;}	
#onlinegame h2{ background: #40a629;color:#fff;font-weight:900;font-size:234%;margin:0 0 0.5em 0;text-align: center;border-radius:0.5em;line-height: 111%;padding:0.25em;}
#onlinegame h2 span{display:block;font-size:80%;}	
#onlinegame h3{margin:0 0 0.5em 0; position: relative;font-weight:700; font-size:199%;text-align: center; line-height: 122%;} 
	#onlinegame p{
    font-size: 188%;
    margin: 0 auto 1em auto;
    font-weight: 500;	
	}
	
#onlinegame .headerpic{width:60%;margin:0 0 0 27%;}
#onlinegame #ttbox{width:40%;position: relative;left:-1em;top:-6em;margin:0 0 -9em 0;}
#onlinegame .piero{position: absolute; width:18%;right:0;top:-4em;}
#onlinegame .headertext{text-align: center;color:#40a629;font-weight:900;font-size:177%;margin:0 0 0.5em 0}
#onlinegame .line{margin:2em 0 3em 0;}
	
#onlinegame .youtub_wrap{width:77%;margin:0 auto 2em auto}
	
#onlinegame .header_btn a{font-size:234%;color:#fff;font-weight:700;}

	
#onlinegame .profbox{ }
#onlinegame .profbox h4{text-align: center; font-weight:700; color:#2bb673;font-size:222%; margin:0 0 0.125em 0;}
	#onlinegame .profbox p{    font-size: 155%;
    margin: 0 auto 1em auto;
    font-weight: 500;	}
	
#onlinegame .puzzlebox.small{display:none}
#onlinegame .puzzlebox.medium{display:block;margin:0 auto 3em auto;width:95%;}
#onlinegame .puzzlebox.large{display:none}


	

	
	
	
	
/* プレゼントキャンペーン */
#present .headerpic{width:66%;margin:0 0 0 32%;}
	
	
#sub #present header #mvlogo {
    width: 28%;
    position: absolute;
    top: 3em;
    left: 0;
    z-index: 100;
}
	

#present #head .kikan{display: inline-block; background: #ef60a3;padding:0.5em 1em;border-radius:3em;color:#fff;font-weight:700;font-size:133%;text-align: center;margin:0 0 1em 0}
#present #head .kikan span{display: inline-block;}
	
#present .junpingboy {
	display:block;
    position: absolute;
    width: 18%;
    right:1em;
    top: -1em;
}	

#present #entry_btn a{background: #ffff01;border:2px solid #ef60a3;color: #ef60a3; padding:0.25em;width:55%;display:inline-block;border-radius:0.75em;font-size:177%;font-weight:700;}
	
	
#present .quiz{padding:0 0 1.5em 0;margin:0 0 1.5em 0;border-bottom: dotted 8px #ef60a3;position: relative;}
#present .quiz.q3{border:none;}
#present .quiz .quiz_wrap{align-items: center;margin:0 0 1em 0;}
#present .quiz .quiz_wrap .quiz_num{flex-basis:14%;}
#present .quiz .quiz_wrap .quiz_ques{flex-basis:80%;color:#ef60a3;font-weight:700;font-size:188%;line-height: 133%; }
#present.entryform .quiz .oubo{text-align: left;margin:0 0 0 20%;font-size:144%;}
#present .quiz .hint_wrap{justify-content: flex-start;align-items: center;}
#present .quiz .hint_wrap .hint_icon{flex-basis: 8%;margin:0 1% 0 0;}
#present .quiz .hint_wrap .hint{flex-basis: 88%;font-weight:500;font-size:122%;}
#present .quiz .quiz_ill{position: absolute;}
#present .quiz.q1 .quiz_ill{width:25%;top:30%;right:6%;}
#present .quiz.q2 .quiz_ill{width:18%;top:7%;right:8%;}
#present .quiz.q3 .quiz_ill{width:40%;top:35%;right:0%;}
#present .present_goodslist{margin:6em 0 2em 0;}
	
	

/*応募フォーム*/
#present.entryform #ttbox{width: 40%;position: relative;left: -2em;top: -11em;margin: 0 0 -13em 0;}	
#present.entryform #head{margin:0 0 2em 0;}	
#present.entryform #head h1{ margin:0 auto 0.25em auto; width:66%}	
	
	
#present.entryform #head h1 span.keyword{width:68%;display: inline-block;vertical-align: bottom}
#present.entryform #head h1 span.ouboform{width:30%;display: inline-block;vertical-align: bottom}
	
	
	
#present.entryform h2{background: #ef60a3;color:#fff;font-weight:700;text-align: center;padding:0.15em;font-size:155%;border-radius:2em;margin:1.5em 0 0.75em 0;}
#present.entryform .oubo{margin:0 0 0.25em 0;font-size:122%;font-weight:500;text-align: center;}
#present.entryform .oubo .oubo_section{display:inline-block;text-align: left}
#present.entryform .oubo .oubo_tt{display:inline-block;margin:0 2em 0 0;}
#present.entryform .req{padding:0 0.25em;font-size:70%; background: #f00;color:#fff;border-radius:0.5em;margin:0 0 0 0.5em;border:1px solid #fff;}

	
	

#present dl.kiyakuacc{}
#present dl.kiyakuacc dt{display:block;font-size:155%;font-weight:700; background: #ef60a3;color:#fff;padding:0.15em;border-radius:2em; text-align: center;}
#present dl.kiyakuacc dt:before{content:"\25BC"; display:inline-block;margin:0 0.5em 0 0;border:1px solid #fff;border-radius:50%;width:28px;height:28px; font-size:80%}
#present dl.kiyakuacc dt.active:before{content:"\25BC"; display:inline-block;margin:0 0.5em 0 0;border:1px solid #fff;border-radius:50%;width:28px;height:28px; font-size:80%; background: #ffff01;color:#ef60a3;
-moz-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);	}
		
#present dl.kiyakuacc dt span{font-size:70%; margin:0 0 0 2em;}
#present dl.kiyakuacc dd{display:none; margin:0.5em 0 0 0;}
#present dl.kiyakuacc dd a{margin:0 0 0.5em 2em}
#present dl.kiyakuacc dt:hover{cursor:pointer;}
	
	
#present.entryform #answer_wrap{text-align: center;margin:3em 0 3em 0;}
#present.entryform #answer_wrap h1{margin:0 0 0.5em 0;text-align: center;display:inline-block;}	
#present.entryform #answer{width:66%;margin:2em auto 0 auto;}	
	#present.entryform #answer_wrap p{font-size:122%;}
	
	
#form_wrap {
width: 90%;
margin: 0 auto;
}
#form_wrap p {
margin: 0 0 2em 0;
}
#form_wrap p.thanks {
font-size: 123%;
}
/*formの設定*/
.formbox .formtr .formdd {
padding: 1em;
text-align: left;
}
.formbox input {
font-size: 123%
}
.formbox input.sst {
width: 5%;
}
.formbox input.st {
width: 50%;
}

.formbox .formtr .formdt {
flex-basis: 36%;
padding:0.5em 0 0 0;
}

.formbox .formtr .formdt.addr {
flex-basis: 18%;
padding:0.5em 0 0 15%;
}	



.formbox .formtr .formdd {
flex-basis: 60%;
padding: 0.25em;
margin: 0;
}
.formbox .formtr .formdt.flex {
justify-content: flex-start;
}

.formbox .formtr .formdt.flex span.addtag{flex-basis:40% }
.formbox .formtr .formdt.flex span.zipmark{flex-basis: 55%}


	
	
	
	
	
  .formbox .formtr.ques .formdt {
    flex-basis: 100%;
	 padding:0; 
  }
  .formbox .formtr.ques .formdd {
    flex-basis: 100%;
    padding: 0.25em;
	 margin:0 0 0 1em; 
  }
  .form-submit {
    text-align: center;
	 margin:0 0 2em 0;
	  
  }
  .form-submit input {
	 
    font-size: 150% !important;
    cursor: pointer;
    text-align: center;
    padding: 0.5em 1em;
    border-radius: 1em;
    margin: 0 auto 3em auto;
    background: #ffff01;
    border: 2px solid #ef60a3;
    color: #ef60a3;
    font-weight: 700 !important;
width:66%;
  }
	
	.form-submit input:hover{cursor: pointer;}	

.form-contact input {
  width: 55%;
    font-size: 150% !important;
    cursor: pointer;
    text-align: center;
    padding: 0.5em 1em;
    border-radius: 1em;
    margin: 0 0 0.25em 0;
    background: #faee00;
    border: 2px solid #8fc31f;
    color: #4fb233;
    font-weight: 700 !important;

}	
	
	



	

	
	
	
	
	

/*
フッター
------------------------------------------------------------------------------------ */
.bg_street{background: url("../images/bg_street.png") no-repeat center bottom;height:300px;width:100%; position: relative;}
footer {text-align:center;padding:2em 0 0 0;
	}

footer #btm_contact{justify-content: center;margin:0 auto 1em auto;}
footer #btm_contact .tt{color:#0086d1;margin:0 1em 0 0;}

footer #jimukyoku_name {display:inline-block;}
footer #jimukyoku_detail {display:inline-block;}	
footer #jimukyoku_name span{display:inline-block;}
footer #jimukyoku_detail span{display:inline-block;}

footer #logo{ padding:0 0 2em 0; align-items: center;margin:0 0 0 0; justify-content: center;}
footer #logo .item a{display:block;padding:1.5em;border-radius:0.5em; background: #fff;line-height: 0;}	
footer #logo .item.kanto100 a{padding:0.25em;}	
footer #logo .item{margin:0 0.5em;}
footer #logo .item img{height:35px; width:auto;}	
footer #logo .item.kanto100 img{height:74px; width:auto;}	


	
	

/*------------------------------------------------------------------------------------ */	
}/* //  768px  */
/*------------------------------------------------------------------------------------ */	

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
@media screen and (min-width: 1024px) {



#sub .wrap {width: 1000px;margin:2em auto -9em auto;position: relative;top:-11em;}
#sub .wrap.exp {width: 1000px;margin:0 auto 2em auto;padding;1em 0;}
	
#sub header {position: relative;}
#sub header .header_inner{width:1000px;margin:auto;position: relative;}

	
#onlineshow #ttbox{width:40%;position: relative;left:-2em;top:-9em;margin:0 0 -13em 0;}

	
/*ヘッダーがドームのイラスト*/	
#header_ver01 #ttbox{width:40%;position: relative;left:-1em;top:-7em;margin:0 0 -13em 0;}	
#header_ver01 .headertext{text-align: center;color:#40a629;font-weight:900;font-size:222%;margin:0 0 0.5em 0}	
#header_ver01 .piero{position: absolute; width:22%;right:0;top:-13em;}	
#header_ver01 .puzzlebox.small{display:none}
#header_ver01 .puzzlebox.medium{display:none}
#header_ver01 .puzzlebox.large{display:block;margin:0 auto 3em auto;width:77%;}	

	
	
#onlinegame #ttbox{width:40%;position: relative;left:-1em;top:-8em;margin:0 0 -13em 0;}	
#onlinegame .headertext{text-align: center;color:#40a629;font-weight:900;font-size:222%;margin:0 0 0.5em 0}	
#onlinegame .piero{position: absolute; width:22%;right:0;top:-13em;}	
#onlinegame .puzzlebox.small{display:none}
#onlinegame .puzzlebox.medium{display:none}
#onlinegame .puzzlebox.large{display:block;margin:0 auto 3em auto;width:77%;}	
	
	
#present #ttbox{width: 40%;position: relative;left: -2em;top: -14em;margin: 0 0 -18em 0;}
#present #head .headertext{text-align: center;color:#ef60a3;font-weight:900;font-size:199%;margin:0 0 1.5em 0}	

#present #entry_btn a{background: #ffff01;border:2px solid #ef60a3;color: #ef60a3;width:86%;margin:auto; padding:2%;display:block;border-radius:0.75em;font-size:177%;font-weight:700;}
	
#present.entryform #ttbox{width: 40%;position: relative;left: -2em;top: -14em;margin: 0 0 -13em 0;}	
#present.entryform #head{margin:0 0 2em 0;}	
#present.entryform #head h1 span.keyword{width:55%;display: inline-block;vertical-align: bottom}
#present.entryform #head h1 span.ouboform{width:33%;display: inline-block;vertical-align: bottom}
	
#present.entryform #answer_wrap{text-align: center;margin:0 0 3em 0;}
	
	
	
	
/*
フッター
------------------------------------------------------------------------------------ */




/*------------------------------------------------------------------------------------ */	
}/* //  2014  */
/*------------------------------------------------------------------------------------ */	


/*
print --------------------------------------------------------------------------------------------------------------------------- */

@media print {
body {
-webkit-print-color-adjust: exact;
}
}


/* memo memo memo memo memo memo memo memo memo memo memo memo memo memo memo memo memo memo memo memo memo memo memo memo 

斜線背景
background:#8ccbe0;
background-image: repeating-linear-gradient(-45deg, transparent, transparent 7px,rgba(175,215,235, 0.5) 7px,  rgba(175,215,235, 0.5) 14px);

memo memo memo memo memo memo memo memo memo memo memo memo memo memo memo memo memo memo memo memo memo memo memo memo  */