@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:480px) {
	/* ここにスマホ版だけの記述 */

/* ~~ 開催概要・特別協力等バナー横並び ~~ */
.txt_isotani {
	font-size:18px;
	line-height:22px;
}
.main_txt_end_outlin {
	font-size:14px;
	line-height:22px;
	margin: 22px;
	width:90%;
}


#content_outline {
	margin:80px 16px 0 16px;
}
#sidebar {
	display: none; 
} /* 非表示 */

.topbn2 {
	margin:0px 0px 0px 0px;
}
.month_out {
	width:96%;
}
.hatena_repo {
	width:96%;
}
.titleback-outline {
	height:35px;
} 
#old_main_left {
	width:10%;
	height:1.4em;
	padding:0px 0px 0px 0px;
	font-size:0.8em;
}
#old_main_right {
	width:90%;
}
.maintxt_out {
	width:97%;
	margin:0 0 4px 0;
	padding-right:4px;
}
.old_maintxt {
	font-size:1em;
}
.l_txt {
	font-size:1.2em;
}

/* ~~ 開催報告書 ~~ */
#report a:hover {  color: #963; text-decoration: underline;}
#report a:active {  color: #963}

/* ~~ 申込み ~~ */
#appli-sub {
	float:left;
	margin:0 22px 0 0;
	height:200px;
}
#appli {
}

/* ~~ プログラム ~~ */
dt.program-step {
	padding:3px 10px 0px 22px;;
}
.black_obi {
	font-size:0.85em;
}


/* ~~ しくみ ~~ */
.date {
	margin:0 auto;
}
.setup-txt {
	margin:0;
}
.setup01 {
	text-align:center;
	padding:0 25px;
	margin:0;
	background-image:url(../images/setup-back-smh.png);
	background-position:top center;
	background-repeat:no-repeat;
}
.setup01-l {
	text-align:left;
}
img.setup {
	margin:10px 0 0 0;
}
.setup-center {
	text-align:center;
	margin:0 0 10px 0;
}
img.setup-yaji {
	margin:0 auto;
	width:110px;
	height:auto;
}
.setup02-l {
	text-align:left;
}
.setup02-r {
	text-align:left;
}
.setup-txt {
	margin:10px 0;
}
.setup02 {
	text-align:center;
	padding:0 25px;
	margin:0 0 30px 0;
	background-image:url(../images/setup-back-smh.png);
	background-position:top center;
	background-repeat:no-repeat;
}
.setup03 {
	text-align:left;
	padding:5px 25px 20px 25px;
	margin:0 0 30px 0;
	background-image:url(../images/setup-back-smh3.png);
	background-position:top center;
	background-repeat:no-repeat;
	border-radius: 14px; /* 角を丸くする */
}
.setup-nagare {
	margin:0;
	color:#FFFFFF;
	font-weight:bold;
	font-size:0.8em;
}
.android .setup-nagare {
	font-size:0.95em;
  }

.setup-txt1 {
	margin:10px 0 0 0;
	width:92%;
}
.setup-txt2 {
	margin:10px 0 0 0;
	width:92%;
}
.setup-txt3 {
	margin:10px 0 0 0;
	width:92%;
}
img.setup {
	margin:0 0 3px 0;
}

/* ~~ コンセプト ~~ */
.concept_img03 {
	border-radius: 20px;
	border: 2px solid #003399;
	padding: 6px 10px 10px 10px;
	margin: 0 0 40px 0;
}
#c-step {
	background-image:url(../images/yajirushi02.png);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:50% auto;
	padding:30px 0 0 0;
}

#c-jump {
	background-image:url(../images/yajirushi01.png);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:50% auto;
	padding:30px 0 0 0;
}
#img-vision {
	background-image:url(../images/concept_img03-2.png);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:180px auto;
	margin:10px 0 0 0;
}

img.concept {
	margin:10px 0 30px 0;
}
.cv-back {
	background-color:#003399;
	color:#FFFFFF;
	padding:2px 4px;
	font-size:0.6em;
	line-height:2.2em;
}
.concept-txt {
	font-size:0.9em;
	line-height:22px;
}
.concept-vision {
	color:#003399;
	border-bottom:solid 2px #003399;
	font-size:0.85em;
	font-weight:bold;
	line-height:1.2em;	
	padding-bottom:3px;
	padding-left:0px;
	margin:4px 0;
}
.concept-vision-txt {
	font-size:0.8em;
	line-height:1.4em;
	list-style-image:url(../images/mark-kuromaru.png);
	margin:0 0 0 20px;
	padding-bottom:6px;
}

.concept-vision-hop {
	color:#003399;
	border-bottom:solid 2px #003399;
	font-size:0.85em;
	font-weight:bold;
	line-height:1.2em;	
	padding-bottom:3px;
	padding-left:0px;
	margin:4px 0;
}
.concept-vision-txt-hop {
	font-size:0.8em;
	line-height:1.4em;
	list-style-image:url(../images/mark-kuromaru.png);
	margin:0 0 0 20px;
	padding-bottom:6px;
}

/* ~~ メイン ~~ */
#main_box {
	margin:80px 16px 0 16px;
}

#single ul li{ 	
    display: inline;
}
#single li img {
	width:30%;
}
#single {
	margin-top:20px;
	margin-bottom:40px;
	margin-left:20px
	}
/* ~~ レイアウト ~~ */

.titleback {
	height:35px;
} 
.titleback2 {
	height:44px;
}

/*動画ボタン*/
.btn-gradient-3d-simple {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  border-radius: 4px;
  color: #ffffff;
  background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #5e7fca;
  font-size:1em;
  margin:0 20px 20px 20px;
}

.btn-gradient-3d-simple:link { color: #fff; text-decoration: none }
.btn-gradient-3d-simple:visited  { color: #fff; text-decoration: none }

.btn-gradient-3d-simple:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

/*レスポンシブ基本*/
	p {
		width: 100%;
		margin: 0px 0 10px 0;
	}
 
 	* {
	float: none;
	position: static;
	}
	img {
		max-width: 100%;
		height: auto;
	}
/*メイン*/
#index_main_box {
	margin:0 20px 0 20px;
	padding:0 0 0 0;
	font-size:0.96em;
	}
/* ~~ フッター ~~ */
#footer {
	margin:0 0 0 0;
}

.f_txt_smh {
	width: 90%;
	font-size:0.84em;
	line-height:18px;
	padding:0px;/* ~~ padding:0px 20px 0px 20px; ~~ */
}
.android .f_txt_smh {
	padding:0px 20px 0px 20px;
  }



.f_txt {
	display: none;
}

#footerFloatingMenu {
    display: block;
    width: 100%;    
    left: 0px;
    bottom: 0px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}
 
#footerFloatingMenu img {
    max-width: 99%;
}
.support_txt {
	font-size:10px;
	line-height:8px;
	margin-top:8px
}

/* ~~ テーブル ~~ */
.table_wrap {
		width: 100%;
		overflow-x: scroll;
	}
th,td {
	background-color:#FC9;	
}

/* ~~ インデックス写真要素 ~~ */
.sb_photo-smh{
	margin:60px 0 0 0;
	z-index: 1; 
	}
#lightSlider {
  margin-bottom:20px;
  font-size:0.75em;
}


.android #lightSlider {
	font-size:1em;
  }


.sb_photo{
	display: none; 
	} /* 非表示 */

/* ~~ インデックスTwitter要素 ~~ */
.twitter-pc{
	display: none; 
	} /* 非表示 */

.twitter-smh {
	margin:0 0 10px 0;
}
/* ~~ インデックスTwitterインスタ要素 ~~ */
.in-tw-pc{
	display: none; 
	} /* 非表示 */

.in-tw-smh {
	float: left;
	margin: 16px 0 0 70px;
}
.in-tw-smh2 {
	float: left;
	margin: 16px 0 0 20%;
}
.in-tw-gazo {
	width: 80%; 
	height: 80%;
}
.in-tw-clear{
	clear:both;
}
/* お知らせ */
#sb-news {
	width: 100%;
}
dl {
	font-size:0.94em;
	margin: 0;
	padding: 6px 8px;
	line-height:1.4em;
}
dt {
	font-size:1em;
	border-bottom:#000 2px dotted;
}
dd {
	padding-bottom:1em;
	margin: 2px 0 6px 20px;
	padding: 0;
}
/* ~~ 戻るボタン ~~ */

.pagetop {
    display: none;
}

/* ~~ インデックス南海トラフ備え動画要素 ~~ */
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	clear: both;/*要素の打ち消し */
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.nannkai-movie_txt {
	font-size:14px;
	line-height:20px;
	padding:0 60px 0 0 ;
	margin:8px 0 40px 0;
}


}