@charset "UTF-8";
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,img{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
ol,ul {list-style:none;}
a img {border-style:none;//IE8}
img{max-width: 100%;}
a {color: #000;text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;}
a:link{color:#00EB00;}
a:visited{color:#00EB00;}
a:hover{color:#00421E;}
a:focus{outline:0}
a:hover,a.selected,a:link{text-decoration:none;}
a,img{vertical-align:top}
.clrfx:before,.clrfx:after {content: " ";display: table;clear: both;}
.clrfx {*zoom: 1;}
.fl {float: left;}
.fr {float: right;}
.vh{visibility: hidden;}
.tac{text-align: center;}
.dn{display: none;}
.ml_05 {margin-left: -0.5em;}
.hoverOp:hover{filter: alpha(opacity=60);opacity: 0.6;}
a.hovOp:hover{filter: alpha(opacity=50);opacity: 0.5;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.clrbr{display: inline-block; padding-bottom: 13px;}
.forPc{display:block;}
.forSp{display:none;}
.hideImg {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-position: center;
	background-repeat: no-repeat;
}

.red{
	color:#FA3131;
	font-size: 13px;
	line-height: 1.8em;
	}
	.gray{
		color:#666666;
		}
.hidden{
	visibility:hidden;}

/* Common
 * --------------------------------------------------------*/
 body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color:#00421E;
}
/* wrapper */
#wrapper{
	margin: 0 auto;
	background-color: #FFF;
	border: 6px solid #000;
	width: 860px;
	margin-top: 15px;
	position: relative;
	}

	#wrapper .hobo{
		position: absolute;
		left: -35px;
	}

/* header・yodogawa */

#header{
	margin:0 auto;
	text-align:center;
	width:860px;
	margin-top: 20px;
}



#yodogawa{
	margin: 0 auto;
	text-align: center;
	margin: 40px auto 70px;
}
#yodogawa p{
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	font-weight: bold;
	font-size: 19px;
	line-height: 2.0em;
	letter-spacing: 0.08em;
}

	/* main */

#main{
		margin:0 auto;
	}
#main h2 {
	margin: 0 auto;
	text-align: center;
}
#main .btn_movie{
	margin: 0 auto;
	text-align: center;
	padding: 20px 0;
}

	/* conv */

	.conv {
		font-size: 15px;
	  width: 550px;
	  margin: 25px auto 25px;
	}
	.conv dl {
	  display: table;
	  width: 100%;
	}
	.conv dl + dl {
	  margin-top: 0px;
	}
	.conv dt, .conv dd {
	  display: table-cell;
	  text-align: left;
	}

	/* 名前のセル */
	.conv dt {
	  width: 110px;
	  padding: 2.5em 0 0 0;
	  font-weight: bold;
	  vertical-align: top;
	  color: #000;
	}

	/* 発言のセル */
	.conv dd {
	  padding-top: 2.5em;
	  vertical-align: middle;
	  color: #000;
		line-height: 1.9em;
		letter-spacing: 0.055em;
	}

	/* 名前の色 */
	.conv dt.talker0 {
	  color: #000000;
		letter-spacing: 0;
	}
	.conv dt.jun {
	  color: #000000;
		font-weight: bold;
	}

	/* 発言の色 */
	.conv dd.talker0 {
	  color: #000000;
	}
	.conv dd.talker1 {
	  color: #000000;
	}

	.conv .photo{
    padding: 30px 0 10px;
	}
	.date {
	  margin: 50px 0;
		font-size: 13px;
    letter-spacing: 0.1em;
	  font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
	  text-transform: uppercase;
	  text-align: center;
	  color: #3f3f3f; }

	.conv .border{
	margin: 50px auto 30px;
	text-align: center;
}
.conv .sugano{
	line-height: 1.9em;
	font-size: 13px;
	padding-left: 110px;
}

	/* movie */
#movie{
	margin: 0 auto;
}
#movie h3{
	margin: 0 auto;
	width: 700px;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	background-color: #00421E;
	padding: 8px 0;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	margin-bottom: 15px;
	margin-top: 60px;
	letter-spacing: 0.08em;
}

#movie .youtube{
		margin: 0 auto;
		text-align: center;
}

#movie .point:before{
	content: url(../images/fuki.jpg);
	position: relative;
	top: -29px;
left: 325px;
}

#movie .point{
	padding-top: 10px;
	padding-bottom: 20px;
	margin: 30px auto 20px;
	width: 700px;
	position: relative;
	background-color: #E6E6E6;
}
#movie .point .point_bg{
	position: absolute;
	bottom: 26px;
	left: 545px;
}
#movie .point h4{
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
}

#movie .point ul{
	margin-left: 80px;
	width: 590px;
	color: #00421E;
}
#movie .point ul li{
font-size: 15px;
font-weight: bold;
line-height: 1.8em;
padding-bottom: 5px;
}


	/* mokuji */

	.mokuji{
		width: 700px;
		margin: 0 auto;
		border: 5px solid #00421E;
		background-color: #FFF;
	}

	.mokuji .more {
    text-align: right;
    font-size: 14px;
    margin-right: 97px;
}
	.mokuji h3{
		width: 100%;
		font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #FFFF3D;
		background-color: #00421E;
		padding: 8px 0 ;
		font-weight: bold;
		text-align: center;
		font-size: 20px;
		letter-spacing: 0.075em;
	}

	.mokuji ul {
		padding: 30px 0px 0px 100px;
	}
	.mokuji ul li{
	display: block;
	}
	.mokuji li{
	color: #00421E;
	font-weight: bold;
	font-size: 17px;
	letter-spacing: 0.055em;
	line-height: 1.4em;
	margin-bottom: 10px;
		}
	.mokuji li .day{
		display:inline;
		vertical-align: middle;
		font-size: 13px;
		letter-spacing: 0.1em;
	}
		.mokuji li .gray{
		color:#B3B3B3;
		}

	/* navi */

	#navi {
	  text-align: center;
	  margin: 40px auto 80px; }
	  #navi ul {
	    display: inline-block;
	    vertical-align: middle;
	    *vertical-align: auto;
	    *zoom: 1;
	    *display: inline; }
	  #navi li {
	    display: inline-block;
	    vertical-align: middle;
	    *vertical-align: auto;
	    *zoom: 1;
	    *display: inline;
	    padding: 0 50px; }

	/* tobichi */

.tobichi{
	margin: 0 auto;
	width: 650px;
	background-color: #FFFF3D;
	margin-bottom: 80px;
	padding-bottom: 50px;
}
.rogo{
	margin: 0 auto;
	text-align: center;
	margin-top: 80px;
}
.tobichi h3 {
	margin: 0 auto;
	padding: 26px 0 10px;
	text-align: center;
}

.tobichi h4 {
text-align: center;
background-color: #00421E;
padding: 8px;
width: 230px;
color: #FFF;
font-weight: bold;
letter-spacing: 0.08em;
margin: 30px 0 20px 111px;
}


.tobichi p{
	font-size: 17px;
	font-weight: bold;
  line-height: 1.9em;
	margin: 0 auto;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 430px;
	text-align: left;

}

.tobichi .txt_small{
	font-size: 16px;
}
.tobichi .info{
	width: 530px;
	margin: 0 auto;
	font-weight: bold;
	font-size: 23px;
	color: #00421E;
	padding-bottom: 40px;
}

.tobichi .btn_oubo{
	margin-top: 20px;
	margin-left: 111px;
}

	/* fotter */

#footer{
	width:640px;
	margin: 0 auto;
	padding-top:30px;
	padding-bottom:20px;}

	.padding{
padding-right: 80px;
	}
	.padding2 {
	padding-right:70px;;
	}
	.padding3 {
		padding-right:60px;
	}

#footer ul {
	margin: 0;
	padding-top:20px;
	padding-left:0;
	list-style-type: none;
	text-align: center;
	letter-spacing: -0.4em;
	font-size: 0;

}
#footer ul li {
	display: inline-block;
 *vertical-align: auto;
 *zoom: 1;
	margin: 0;
}
#footer .copy {
    font-size: 11px;
    color: #FFF;
    letter-spacing: 0.1em;
    margin: 0 auto;
    text-align: center;
    margin-top: 40px;
}

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

		body {width: 100%;background-color: #FFF;margin: 0 auto;background-image: none;}
		img{max-width:100%;height:auto;}
		.hoverOp:hover{filter: alpha(opacity=100);opacity: 100;}
		.wrapper{width: 100%;}
		.fl,.fr {float: none;}
		.forPc{display:none;}
		.forSp{display:block;}


	#wrapper{
		position: relative;
		margin: 0 auto;
		text-align:center;
		width: 100%;
		background-color:#FFF;
		background:none;
		box-sizing: border-box;
		}

		#wrapper .hobo{
display: block;
		}

	/* header */
	#header{
		margin:0 auto;
		text-align:center;
		width:100%;
	}
#yodogawa {
	    width: 88%;
	    text-align: left;
	    background: #FFF;
	    margin: 19px auto 30px;
	}

#yodogawa p {
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.8em;
    letter-spacing: 0.08em;
}

	/* main */
	#main {
	    background-color: #FFF;
	    width: 100%;
	    margin: 0 auto;
	}
		/* shazai */

	/* annoneta */
	#main p{
		width:96%;
		margin:0 auto;
		margin-left:0px;}


		.conv .border {
			width:100%;
			background-color: #FFF;
			padding-bottom:30px;
    margin: 50px auto 10px;
    text-align: center;
}

		#main .btn_movie {
		    margin: 0 auto;
		    text-align: center;
		    padding: 10px 0;
		    width: 90%;
		}
		.conv {
		    font-size: 14px;
		    width: 100%;
		    margin: 25px auto 25px;
		}
		.conv dt {
    width: 70px;
    padding: 2.5em 0 0 1em;
	}
	.conv dd {
    padding-top: 2.5em;
		padding-right: 10px;
    vertical-align: middle;
    color: #000;
    line-height: 1.8em;
    letter-spacing: 0.06em;
}

.conv .photo {
    width: 100%;
    padding: 30px 0 10px;
}
	h2{
		    width: 100%;
		    background-color: #FFF;
		    text-align: center;
		}
		#main p {
		    width: 96%;
		    margin: 0 auto;
		    margin-left: 0px;
		}

		.conv .sugano {
		    line-height: 1.9em;
		    font-size: 13px;
		    text-align: left;
		    padding-left: 30px;
		}

		#movie h3 {
		    width: 100%;
		    font-size: 14px;
		    margin-bottom: 15px;
		    margin-top: 60px;
		    letter-spacing: 0.08em;
		}

iframe{ width:100%;
height: auto;}

#movie .point{
    padding-top: 10px;
    padding-bottom: 20px;
    margin: 30px auto 20px;
    width: 94%;
}
#movie .point:before{
	top: -29px;
	left:0px;
}
#movie .point h4 {
    width: 65%;
}
#movie .point .point_bg {
    display: none;
}

#movie .point ul {
    margin: 0 auto;
    width: 97%;
    color: #00421E;
    text-align: left;
}

#movie .point ul li {
    font-size: 12px;
    line-height: 1.7em;
    padding-bottom: 8px;
}
#navi {
    text-align: center;
		width: 100%;
    margin: 40px auto 50px;
}
#navi ul{
	display: table;
}
#navi li {
    display: table-cell;
    vertical-align: bottom;
    padding: 0px 12px;
}
.mokuji {
    width: 100%;
    margin: 0 auto;
		border: none;
    border-bottom: 5px solid #00421E;
    background-color: #FFF;
}

.mokuji h3 {
    width: 100%;
    padding: 8px 0;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    letter-spacing: 0.075em;
}
.mokuji ul {
	padding-left: 20px;
}
.mokuji li {
    text-align: left;
    font-size: 14px;
    margin-bottom: 14px;
}

.rogo {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
    padding-top: 0px;
}

.mokuji .more {
    text-align: right;
    font-size: 12px;
    margin-right: 0px;
}

.tobichi {
    margin: 0 auto;
    width: 95%;
    margin-bottom: 40px;
    padding-bottom: 30px;
}
.tobichi p {
    font-size: 15px;
    line-height: 1.9em;
    width:94%;
    text-align: left;
}

.tobichi h3 {
    margin: 0 auto;
    width: 91%;
    padding: 12px 0 10px;
    text-align: center;
}

.tobichi h4 {
    padding: 8px;
    width: 230px;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.08em;
    margin: 20px 0 20px 10px;
}

.tobichi .info {
width: 97%;
margin: 0 auto;
font-weight: bold;
font-size: 14px;
color: #00421E;
padding-bottom: 20px;
}
.tobichi .btn_oubo {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
}
.tobichi .txt_small {
    font-size: 12px;
}

		/* fotter */

	#footer{
		background-color:#00421E;
		width:100%;
		margin: 0 auto;
		background-size:95%;
		padding-top:18px;
		padding-bottom:8px;}

	#footer ul li img{
		width: 50%;
		}

	.padding{
		padding-right:22px;
		}
		.padding2 {
		    padding-right:7px;
		}
		.padding3 {
				padding-right:0px;
		}
	#footer ul {
		margin: 0;
		padding-left:0;
		list-style-type: none;
		text-align: -webkit-center;
		letter-spacing: -0.4em;
		font-size: 0;
		display: table;
	}
	#footer ul li {
		display: table-cell;
		vertical-align: bottom;
		vertical-align: auto;
		zoom: 1;
		margin: 0;
	}
	.copy{
		background-color:#00421E;
		margin:0 auto;
		text-align:center;
		margin-top:0px;}
	}