@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:#29A5DC;text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;}
a:link{color:#29A5DC;}
a:visited{color:#29A5DC;}
a:hover{color:#FF74CB;}
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: 20px;}
.forPc{display:block;}
.forSp{display:none;}
.hideImg {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-position: center;
	background-repeat: no-repeat;
}
#ttl_hoge{
	background-image: url("/tobichi/renewal/images/ttl_now.png");
	background-size: 240px;
}



/* Common
 * --------------------------------------------------------*/
body {
	font:normal 15px/28px "秀英丸ゴシック L", "Shuei MaruGo L", "YuGothic", "Yu Gothic","游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url("../images/bk.png");
	background-repeat: repeat;
	text-align: center;
}

/* header */
#header {
	width: 920px;
	margin: 0 auto;
	padding-top: 40px;
	position: relative;
}
#header h2 {
	position: absolute;
	top: 16px;
	left: 10px;
}

/* profile */
.profBtns {
	width: 850px;
	margin: -77px auto 0 auto;
	margin-left:52px;
}

.profBtns .prof02_btn {
	margin-left: 10px;
	margin-right: -10px;
}
.prof_in{
	margin: 0 auto;
	padding: 30px 0;
	font-size: 14px;
}
.prof_in h3,
.prof_in p {
	padding:0 30px;
	text-align: left;
}
.prof_in h3 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 20px;
}


.wrapper {
	width: 908px;
	background: #ffffff;
	margin: 0 auto;
	padding-top:10px;
}

#yodogawa {
	width: 760px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 42px;
	letter-spacing: 0.018em;
	text-align: left;
	margin: 50px auto;
	color:#2E2E2E;
}
#yodogawa .mokuji{
	width: 380px;
}
/* contents */
#contents {
	width: 760px;
	margin: 0 auto;
	background-color: #EFF4FF;
	border-radius: 16px;
}

#contents .cont_in{
	width: 550px;
	margin: 0 auto;
}

#contents {
	background-color: #EFF4FF;
	border-radius: 16px;
	margin-bottom:  100px;
}
#contents .talking_ttl {
	padding-top: 50px;
	padding-bottom: 20px;
}

#contents .cont_in dt.talker0 {
	color:#7D7D7D;
	width: 84px;
}
#contents .cont_in dd.talker0 {
	color: #666666;
}
#contents .cont_in dt.talker1{
	background-image: url(../images/icon01.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 51px 70px;
    height: 74px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#contents .cont_in dt.talker2{
	background-image: url(../images/icon02.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 51px 70px;
    height: 74px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#contents .cont_in dt.talker3 {
	background-image: url(../images/icon03.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size:  51px 70px;
    height: 74px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#contents .photo {
	padding-top: 30px;
	padding-bottom: 20px;
}
#contents .cont_in dl {
	margin: 0 auto;
	padding: 20px 0 0 0;
	letter-spacing: 0.06em;
	line-height: 2.3em;
}
#contents .cont_in dt {
	width: 51px;
	display: inline-table;
	vertical-align: middle;
}
#contents .cont_in dd a,
#contents .cont_in  dt img{
	vertical-align: middle;
}
#contents .cont_in dd {
	width: 400px;
	display: inline-table;
	text-align: left;
	margin-bottom: 16px;
}

.end {
	margin-top: 60px;
	letter-spacing: 0.2em;
}
.update {
	font-size: 10px;
	color: #939393;
	letter-spacing: 0.3em;
	display: block;
}

#flipPage{
	padding: 70px 0 50px 0;
}
#flipPage li.btn_top{
	padding: 0 130px;
}
#flipPage li a:hover{
	filter: alpha(opacity=60);
	opacity: 0.6;
}


.extra {
    width: 624px;
    margin: 0 auto;
    padding-top: 120px;
    font-size: 13px;
    line-height: 31px;
    letter-spacing: 0.016em;
}


#extra01 {

}
#extra01 .ex01_ttl {
	margin-top: -100px;
	margin-left: -20px;
}

#extra01 .ex_top {
	background-image: url(../images/bk_b_top.png);
    background-repeat: no-repeat;
    background-position: top center;
}
#extra01 .ex_mid {
	background-image: url(../images/bk_b_mid.png);
    background-repeat: repeat-y;
    background-position: top center;
		margin-top: -163px;
		font-size: 14px;
    padding: 180px 0 30px 92px;
    text-align: left;
}

#extra01 .ex_mid h3 {
		margin-top: 30px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.7em;
}

#extra01 .ex_mid1 .txt {
	margin-top: -100px;
	margin-left: -20px;
}
#extra01 .ex_btm {
	background-image: url(../images/bk_b_btm.png);
    background-repeat: no-repeat;
    background-position: top center;
    height: 38px;
}

#extra01 .ex02_ttl {
	margin-left: -46px;
}

#extra01 .ev_dt {
	background: #EFF4FF;
	width: 446px;
	margin: 10px 0 30px 0;
	border-radius: 9px;
	box-sizing: border-box;
	padding: 10px 0 20px 40px;
}

#extra01 .ev_dt dl.ev_dt_inner {
	margin: 0 auto;
	padding: 26px 0 0 0;
	font-weight: bold;
	letter-spacing: 0.2em;
}
#extra01 .ev_dt dl.ev_dt_inner dt {
	width: 92px;
	display: inline-table;
	text-align: left;
}
#extra01 .ev_dt dl.ev_dt_inner dd a,
#extra01 .ev_dt dl.ev_dt_inner dt img{
	vertical-align: middle;
}
#extra01 .ev_dt dl.ev_dt_inner dd {
	width: 210px;
	padding-left: 15px;
	display: inline-table;
	text-align: left;
	margin-bottom: 16px;
}

#extra01 .ev_dt p {
	line-height: 20px;
}

#extra01 .theday {
	font-size: 15px;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}
#extra01 .theday dt {
	margin-bottom: 16px;
}
#extra01 .theday dd {
	margin-bottom: 30px;
}
#extra01 .theday span {
	font-size: 15px;
	margin-top: 7px;
	display: inline-block;
}
#extra01 .link {
	margin-left: -20px;
    margin-top: 20px;
}

#extra01 .red{
	color: #FF0000;
	}
#extra01 .event_ttl00{
	width: 90%;
    display: table;
	margin-bottom:15px;
}

#extra02 {
	margin-top: 80px;
}
#extra02 .ex02_ttl {
	margin-top: -100px;
	margin-left: -20px;
}

#extra02 .ex_top {
	background-image: url(../images/bk_b_top2.png);
    background-repeat: no-repeat;
    background-position: top center;
}
#extra02 .ex_mid {
	background-image: url(../images/bk_b_mid2.png);
    background-repeat: repeat-y;
    background-position: top center;
    margin-top: -72px;
    padding: 80px 0 0 92px;
    text-align: left;
}
#extra02 .ex_mid .txt {
}
#extra02 .ex_mid .disc {
	display: inline-block;
	padding: 20px 0 40px 45px;
}
#audio {
	font-size: 14px;
	line-height: 36px;
	letter-spacing: 0.16em;
}
#audio li{
	display: block;
	padding-bottom: 15px;
}
#audio a, #audio img{
	vertical-align: middle;
}
.btn_amazon {
	padding-top: 20px;
}

#extra02 .ex_btm {
	background-image: url(../images/bk_b_btm2.png);
    background-repeat: no-repeat;
    background-position: top center;
    height: 84px;
}

/* footer */
#footer {
	padding-top: 30px;
	padding-bottom: 30px;
	width: 760px;
	margin: 0 auto;
}
#footer ul {
	margin-bottom: 50px;
}
#footer li {
	padding: 0 60px;
}
#footer .copy {
	margin: 0 auto;
}
.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;
}
	.none{
		display:block;}
.p10{
		padding:0px;}


/* sp
 * --------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
	body {width: 92%;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;
		padding-top: 18px;
		position: relative;
	}
	#header h2 {
		top: 6px;
		left: 0;
		width: 19%;
	}

	/* profile */
	.profBtns {
		width: 100%;
		margin: -50px auto 0 auto;
	}

	.profBtns li{
		width: 32%;
	}
	.profBtns .prof02_btn {
		margin-left: 0;
		margin-right: 0;
	}

		.none{
		display:none;}

	.wrapper {
		width: 100%;
		padding-top: 20px;
	}

	#yodogawa {
		font-size:15px;
		line-height:2.35em;
		letter-spacing: 0.07em;
		width: 95%;
		margin: 0 auto 50px auto;
	}
	#yodogawa .mokuji{
		margin-top: 25px;
		width: 100%;
	}

	#contents {
		font-size:14px;
		letter-spacing:0.065em;
		line-height:2.0em;
		width: 100%;
	}
	#contents .talking_ttl {
		padding-top: 18px;
		padding-bottom: 7px;
		width: 90%;
		margin: 0 auto;
	}
	#contents .cont_in{
		width: 100%;
		text-align: left;
	}


	#contents .cont_in dt.talker1{
		background-size:48px 67px;
		background-position: top left;
	}
	#contents .cont_in dt.talker2{
			background-size:48px 67px;
	    background-position: top left;
	}
	#contents .cont_in dt.talker3 {
			background-size:48px 67px;
	    background-position: top left;
	}
	#contents .cont_in dl {
		width: 90%;
	}
	#contents .cont_in dd {
		width: 100%;
		display: inline-table;

		margin-bottom: 16px;
	}

	.end {
		margin-top: 30px;
		font-size:14px;
		text-align: center;
	}
	.update {
		text-align: center;
	}


	/* [sp] flipPage */
	#flipPage{
		text-align: center;
	}
	#flipPage{
		padding-top: 10px;
		margin: 0 auto;
		width: 100%;
	}
	#flipPage li {
		display: inline-table;
		width: 10%;
	}
	#flipPage li.btn_top{
		padding: 0;
		width: 30%;
		padding: 0 10px
	}
	#flipPage li img {
		padding: 0;
	}

	.extra {
	    width: 100%;
	    margin: 0 auto;
	    font-size: 13px;
	    line-height: 31px;
	    letter-spacing: 0.016em;
	}
	#extra01 .ex_top, #extra01 .ex_mid, #extra01 .ex_btm,
	#extra02 .ex_top, #extra02 .ex_mid, #extra02 .ex_btm
	{
		background-size: contain;
    	width: 100%;
	}

	#extra01 {
		padding-top:40px;}

	#extra01 .ex01_ttl {
	margin-top: -74px;
	 margin-left: 0;
	}

	#extra01 .ex_mid {
		margin-top: -98px;
		padding: 120px 0 10px 0;
	}
	#extra01 .ex_mid h3 {
		padding-left: 30px;
	}
	#extra01 .ex_mid .event_ttl00{
		width: 90%;
    display: table;
    margin-bottom: 15px;
    margin: 0 auto;
	}

	#extra01 .ex_mid .txt,
	#extra02 .ex_mid .txt {
	    padding: 0 32px;
	}
	.btn_apply {
		text-align: center;
		margin: 20px 0;
	}
	#extra01 .ev_dt {
		width: 88%;
		margin:30px auto;
		border-radius: 5px;
		padding-left:25px;
		padding-right:0px;
		padding-top:5px;
		padding-bottom:15px;
	}
	#extra01 .ev_dt dl.ev_dt_inner dd {
		padding-left: 0;
		padding-right: 30px;
	}
	#extra01 .ev_dt p {
		padding-right: 30px;
	}

	#extra01 .ex02_ttl {
	    margin: 0 auto;
	    width: 90%;
	    display: table;
	}
	#extra01 .theday {
	 	margin: 0 auto;
	    width: 84%;
	    display: table;
	    padding-top: 30px;
	}
	#extra01 .link {
		margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 40px;
    width: 88%;
	   display: table;
	}

	#extra02{
		padding-top:25px;}

	#extra02 .ex02_ttl {
		margin-top: -66px;
		margin-left: 0;
	}
	#extra02 .ex_mid {
		margin-top: -34px;
		padding: 30px 0 0 0;
	}

	#extra02 .ex_mid .disc {
	   margin: 0 auto;
	    width: 80%;
	    display: table;
	    padding: 20px 0 40px 0;
	}
	.photo {
		margin: 0 auto;
	    width: 90%;
	    display: table;
	}
	.p10{
		padding:10px;}
	#audio {
		font-size: 14px;
	    line-height: inherit;
	    letter-spacing: inherit;
	    margin: 0 auto;
	    width: 83%;
	}
	.line {
		margin: 20px auto;
	    width: 90%;
	}
	.btn_amazon {
		padding-top: 20px;
		text-align: center;
	}
	#extra02 .ex_btm {
		height: 66px;
	}
	/* [sp] footer */
	#footer {
		width: 100%;
		padding-top: 0;
	}
	#footer li{
		display: inline-block;
		padding: 0;
	}
	#footer li{
		width: 22%;
	}
}