@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;}
li {display: inline-block;*display: inline;*zoom: 1;} 
a img {border-style:none;//IE8}
img{max-width: 100%;}
a {color: #F8616A;text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;}
a:link{color:#F8616A;}
a:visited{color:#F8616A;}
a:hover{color:#FFC4D3;}
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;
}

.hidden{
	visibility:hidden;}

/* Common
 * --------------------------------------------------------*/
 
body {
	font-family: "YuGothic", "Yu Gothic","游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(../images/bg.gif) center repeat-y;
}

/* header */
#header{
	margin:0 auto;
	text-align:center;}
#header .hobo{
	margin:18px 0 25px;
	}
/* wrapper */
#wrapper{
	margin: 0 auto;
	width:790px;
	}
/* yodogawa */
#yodogawa{

	font-size:16px;
	letter-spacing:0.07em;
	line-height:2.5em;
	margin:50px 0 60px;
	}
	
#yodogawa .yodo_left{
	float:left;
	vertical-align:top;
	margin-right:35px;}

#mokuji{
	background-color:#FFF5FA;
	width:790px;
	margin:0 auto;
	display:block;
	padding-bottom:140px;
	border-radius:25px;
	padding-top:45px;
	}
#mokuji .mokuji_left{
	width:360px;
	float:left;
	margin-left:53px;
	vertical-align:top;
	}
#mokuji ul{
	text-align:left;
	}
#mokuji ul li{
	padding-bottom:20px;}
	
/* main */

p{
	margin-bottom:10px;}



#main{
	margin: 0 auto;
	width:560px;
	margin-top:100px;
	}
#main h2{
	text-align:center;}

#contents{
	margin:0 auto;
	margin-top:40px;
	font-size:14px;
	letter-spacing:0.05em;
	line-height:2.25em;
	width:530px;
	}

#contents .intro{
	text-align:left;
	font-size:14px;
	color:#545454;
	letter-spacing:0.05em;
	line-height:2.1em;
	border-left:#D2D2D2 solid 1px;
	padding-left:35px;
	}


.margin_intro{
	margin:50px 0;}

#contents .shinoda_icon{
	margin: 0 auto;
	text-align:center;
	}
#contents .fuki{
	margin-bottom:-2px;
	margin-left:190px;}
	
#contents .shinoda{
	border:#FF626D solid 1px ;
	padding:40px 30px 0 50px;
	border-radius:8px;
	}

#contents p{
	margin-left:50px;
	margin-bottom:20px;}
#contents .hobonichi{
	color:#767676;
}
#contents .list1{
	width:300px;
	margin-left:50px;
	font-size:14.5px;
	border-bottom: #B4B4B4 solid 1px ;
	border-top: #B4B4B4 solid 1px ;
	margin-bottom:30px;
	padding-top:25px;
	padding-bottom:10px;}
	
	#contents .list2{
	width:400px;
	margin-left:50px;
	font-size:14.5px;
	border-bottom: #B4B4B4 solid 1px ;
	border-top: #B4B4B4 solid 1px ;
	margin-bottom:30px;
	padding-top:25px;
	padding-bottom:10px;}
	
#contents .list1 ol li{
		padding-bottom:8px;}
		
#contents .list1 span{
		font-weight:bold;
		margin-right:8px;
		color:#F85D67;
}

.red{
	font-weight:bold;
	background-color:#FFF5FA;
	padding:7px 10px;
	border-radius:4px;
	color:#F85D67;}


#contents .list2 ol li{
		padding-bottom:10px;
		padding-left:25px;
		background:url(../images/icon.gif) no-repeat left top ;
		}
		
#contents .list span{
		font-weight:bold;
		margin-right:10px;
		color:#F85D67;
}
		
#contents .photo{
	width:530px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:30px;
	text-align:center;}
	#contents .photo2{
	width:450px;
	margin-bottom:25px;
	text-align:left;}
	#contents .photo3{
	width:450px;
	margin-bottom:25px;
	text-align:left;
	margin-left:50px;}
	
#contents .conv{
	margin-top:20px;
	margin-bottom:40px;}
	
/*シノダさん*/
#contents .conv dt.talker01{
	font-weight:bold;
	color:#575757;
	}
#contents .conv dd.talker01{
	color:#575757;
	}
	
/*一同*/
#contents .conv dt.talker00{
	color:#9A9A9A;
	}
#contents .conv dd.talker00{
	color:#9A9A9A;}
	
	/*イトイさん*/
#contents .conv dt.talker1{
	font-weight:bold;
	color:#7B7B7B;
	}
#contents .conv dd.talker1{
	color:#535353;
	}
/*ジェインさん*/
#contents .conv dt.talker2{
	font-weight:bold;
	color:#F8729B;
	}
#contents .conv dd.talker2{
	color:#F8729B;
}
/*ケリーさん*/
	#contents .conv dt.talker3{
	font-weight:bold;
	color:#A873DE;}
#contents .conv dd.talker3{
	color:#8E7CDB;
}
/*おふたり*/
#contents .conv dt.talker02{
	font-weight:bold;
	color:#DE67DA;
	}
#contents .conv dd.talker02{
	color:#DE67DA;}
	
	#contents .conv dl {
	margin: 0 auto;
	padding: 20px 0 0 0;
	letter-spacing: 0.05em;
	line-height: 2.3em;
}
#contents .conv dt {
	width: 100px;
	display: inline-table;
	vertical-align: middle;
}
#contents .conv dd a,
#contents .conv  dt img{
	vertical-align: middle;
}
#contents .conv dd {
	width: 400px;
	display: inline-table;
	text-align: left;
	margin-bottom: 16px;
}

#contents .contenu{
	font-size:14px;
	margin: 0 autp;
	text-align:center;
	}

#contents .date{
	font-size:10px;
	letter-spacing:0.2em;
	margin: 0 autp;
	color:#838383;
	text-align:left;
	margin:50px 0 0;
	}
	#contents .credit{
		color:#838383;
	text-align:left;
	}
#contents .books{
	margin-top:20px;}
	
#contents .book{
	margin-top:10px;
	}
	#contents .margin{
		margin:10px 15px;}
#contents .books ul li{
	margin-bottom:25px;}

#book{
	background-color: #FFF5FA;
	text-align:center;
	padding:50px 0 50px;
	border-radius:8px;
}
	
#book h2{
	text-align:center;
	margin:30px 0;}

#book .btn{
	margin-bottom:40px;
	margin-top:10px;}

#navi {
	margin:0 auto;
	width:520px;
	text-align:center;
	margin:70px 0 0 0 ;
	margin-bottom:80px;
	}
#navi .margin_navi{
	padding:0 130px;}
	
/* footer */
#footer {
	background: url(../images/boder.gif) no-repeat top;
	padding-top: 60px;
	padding-bottom: 30px;
	width: 760px;
	margin: 0 auto;
	margin-top:60px;
}
#footer ul {
	margin-bottom: 50px;
}
#footer li {
	padding: 0 60px;
}
#footer .copy {
	margin: 0 auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#F8DFE4;
	letter-spacing:0.2em;
	text-align:center;
}
.line {
	margin-left: -5px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.cap {
	color: #808080;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 0.22em;
	padding-left: 5px;
}

/* sp
 * --------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
	body { width: 95%; ;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;}
	/* header */
	#header {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
#header .hobo{
	  margin: 10px auto 0px;
    width: 40%;
	}
	/* wrapper */
#wrapper{
	margin: 0 auto;
	width:100%;
	}
/* yodogawa */
#yodogawa{
font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 2.2em;
    margin: 30px 0 0px;
	}
	
#yodogawa .yodo_left{
	float:left;
	vertical-align:top;
	margin-right:0px;}

#mokuji{
		background-color: #FFF5FA;
    width: 100%;
    margin: 0 auto;
    display: block;
    padding-bottom: 30px;
    border-radius: 15px;
    padding-top: 35px;
	}
#mokuji .mokuji_left{
	width:90%;
	float:none;
	margin-left:10px;
	vertical-align:top;
	}
#mokuji .mokuji_right{
	width:90%;
	margin-left:10px;
	vertical-align:top;
	}
#mokuji ul {
	width:90%
	}
	
p{
	margin-bottom:10px;}



#main{
    margin: 0 auto;
    width: 100%;
    margin-top: 40px;
	}
#main h2{
	text-align:left;
	width: 97%;
	}

#contents{
	margin: 0 auto;
    margin-top: 30px;
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 2.25em;
    width: 100%;
	}
	#contents p{
	margin-left:0px;
	margin-bottom:20px;}

#contents .intro{
	text-align: left;
    font-size: 13px;
    color: #545454;
    letter-spacing: 0.05em;
    line-height: 2.1em;
    border-left: #D2D2D2 solid 1px;
    padding-left: 18px;
	}

.margin_intro{
	margin:50px 0;}

#contents .shinoda_icon{
	margin: 0 auto;
	text-align:center;
	}
#contents .fuki{
	margin-bottom:-2px;
	margin-left:90px;}
	
#contents .shinoda{
	border: #FF626D solid 1px;
    padding: 30px 15px 20px;
    border-radius: 5px;
	}

#contents .photo{
	width:100%;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:10px;
	text-align:center;
	}
	
	#contents .photo2{
	width:100%;
	margin-bottom:25px;
	text-align:left;
	}
	#contents .photo3{
	width:100%;
	margin-bottom:25px;
	text-align:left;
	margin-left:0px;}
	
#contents .conv{
	margin-top:20px;
	margin-bottom:0px;}

#contents .conv dt.talker01{
	font-weight:bold;
	color:#575757;
	}
#contents .conv dd.talker01{
	color:#575757;
	}
#contents .conv dt.talker00{
	color:#575757;
	}
#contents .conv dd.talker00{
	color:#575757;
	}

	#contents .conv dl {
	margin: 0 auto;
	padding: 20px 0 0 0;
	letter-spacing: 0.05em;
	line-height: 2.3em;
}
#contents .conv dt {
	width: 80px;
	display: inline-table;
	vertical-align: middle;
}
#contents .conv dd a,
#contents .conv  dt img{
	vertical-align: middle;
}
#contents .conv dd {
	width:100%;;
	display: inline-table;
	text-align: left;
	margin-bottom: 10px;
}
#contents .list1{
	width:90%;
	margin-left:0px;
	font-size:14px;
	border-bottom: #B4B4B4 solid 1px ;
	border-top: #B4B4B4 solid 1px ;
	margin-bottom:20px;
	padding-top:18px;
	padding-bottom:8px;}
	
#contents .list1 ol li{
		padding-bottom:5px;}
#contents .list1 span{
		font-weight:bold;
		margin-right:10px;
		color:#F85D67;
}
	#contents .list2{
	width:100%;
	margin-left:0px;
	font-size:14px;
	border-bottom: #B4B4B4 solid 1px ;
	border-top: #B4B4B4 solid 1px ;
	margin-bottom:30px;
	padding-top:25px;
	padding-bottom:10px;}
	
#contents .list2 ol li{
		padding-bottom:5px;
		padding-left:25px;
		background:url(../images/icon.gif) no-repeat left top ;
		}


#contents .contenu{
	font-size:13px;
	margin: 0 autp;
	text-align:center;
	}

#contents .date{
	font-size:10px;
	letter-spacing:0.15em;
	margin: 0 auto;
	text-align:left;
	margin:10px 0;
	}
#contents .credit{
	text-align:left;
	margin:0 auto;
	}

#contents .books{
	margin-top:20px;}
	
#contents .book{
	margin-top:10px; 
	float:left;
	}

#book{
	width:100%;
	margin: 40px auto;
	padding:20px 0 20px;
	border-radius:8px;
}
	
#book h2{
    width: 90%;
    text-align: center;
    margin: 20px auto;}

#book .btn{
    text-align: center;
    margin: 0 auto;
    width: 90%;
    margin-bottom: 30px;
    margin-top: 10px;}


	#contents .margin{
		margin:10px 15px;}
		
#contents .books ul li{
	margin-bottom:25px;}
	
#navi {
	margin:0 auto;
	width:100%;
	text-align:center;
	margin:10px 0;
	}
#navi .margin_navi{
	padding:0px 30px;}
#navi img{
	height:40px;
	width:auto;}
	
/* footer */
#footer {
	background: url(../images/boder.gif) no-repeat top;
padding-top: 30px;
    padding-bottom: 20px;
    width: 100%;
    margin: 0 auto;
		text-align:center;
    margin-top: 0px;
}
#footer img{
	height:35px;
	width:auto;}
#footer ul {
	margin-bottom: 30px;
}
#footer li {
	padding: 0 12px;
}
.copy {
	font-size:10px;
}
.line {
	margin-left: -5px;
	margin-top: 15px;
	margin-bottom: 15px;
}
}