@charset "utf-8";

/* ---------------------------------------------------------
    episode
   ---------------------------------------------------------*/

/*-- mainTitle --*/

#episode .mainTitle h1 p{
	width:665px;
	background:url(../../episode/images/episode_tit_2.png) 0 center no-repeat;
}


/*-- episodeBox01 --*/

.episodeBox01{
	width:100%;
	margin-bottom:50px;
}

.episodeBox01 img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}


/*-- episodeBox02 --*/

.episodeBox02 a{
	display:block;
	width:750px;
	margin:0 auto 40px auto;
	border:3px solid #CCCCCC;
	background: -moz-linear-gradient(bottom, #EEEEEE, #fff 45%);
	background: -webkit-gradient(linear, center bottom, center top, from(#EEEEEE), color-stop(45%, #fff)); 
	background: -ms-linear-gradient(bottom, #EEEEEE, #fff 45%);
	text-decoration:none;
	padding:30px 60px 40px 60px;
	box-sizing:border-box;
	color:#333333;
}
	
.episodeBox02 a:hover{border:3px solid #e6001b;}

.episodeBox02 a ul{
	width:100%;
	margin-bottom:30px;
}

.episodeBox02 a li img{
	max-width:100%;
	height:auto;
}

/* 写真 */
.episodeBox02 a li.mainPic{
	width:335px;
	height:209px;
	padding-left:30%;
	margin-bottom:5px;
}

/* 作品タイトル */
.episodeBox02 a li.mainTit{
	width:524px;
	height:61px;
	margin:0 auto 20px auto;
}

/* 作品内容 */
.episodeBox02 a li.maintxt{
	width:503px;
	margin:0 auto;
	line-height:190%;
}


/*-- episodeNextBtn --*/

.episodeBox02 a .episodeNextBtn{
	width:600px;
	margin:0 auto;
	border:3px solid #CCCCCC;
	border-radius:13px;
    -webkit-border-radius:13px;
    -moz-border-radius:13px;
	background:#FFFFFF url(../../episode/images/episode_arrow_off.gif) 96% 50% no-repeat;
	padding:15px 0;
	box-sizing:border-box;
	text-indent:-9999px;
}

.episodeBox02 a .episodeNextBtn p{
	width:276px;
	height:27px;
	margin:0 auto;
	background:url(../../episode/images/episodebtn_off.gif) no-repeat;
}

.episodeBox02 a:hover .episodeNextBtn{
	border:3px solid #e6001b;
	background:#e6001b url(../../episode/images/episode_arrow_on.gif) 96% 50% no-repeat;
}

.episodeBox02 a:hover .episodeNextBtn p{
	background:url(../../episode/images/episodebtn_on.gif) no-repeat;
}


/*-- episodeBox03 --*/

.episodeBox03{
	width:750px;
	margin:0 auto 30px auto;
	border:3px solid #CCCCCC;
	box-sizing:border-box;
}

.episodeBox03 .episodeBox03Inner{
	padding:30px 40px 40px 40px;
}

.episodeBox03 dl.yusyutop{
	width:100%;
	clear:both;
	margin-bottom:25px;
}

.episodeBox03 dl.yusyutop dt{
	width:150px;
	height:92px;
	float:left;
	text-indent:-9999px;
	background:url(../../episode/images/yusyu_20.gif) no-repeat;
	margin-right:30px;
}

.episodeBox03 dl.yusyutop dd{
	width:340px;
	float:left;
	padding-top:20px;
}

.episodeBox03 ul{
	margin-bottom:60px;
}

.episodeBox03 li{
	width:664px;
	margin-bottom:25px;
}

.episodeBox03 li img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}

.episodeBox03 li a{
	display:block;
	width:664px;
	height:104px;
	text-indent:-9999px;
}

/* 各作品ごと */
.episodeBox03 li.sakuhin01 a{background:url(../../episode/images/sakuhinBtn_01.jpg) no-repeat;}
.episodeBox03 li.sakuhin02 a{background:url(../../episode/images/sakuhinBtn_02_2.jpg) no-repeat;}
.episodeBox03 li.sakuhin03 a{background:url(../../episode/images/sakuhinBtn_03_2.jpg) no-repeat;}
.episodeBox03 li.sakuhin04 a{background:url(../../episode/images/sakuhinBtn_04_2.jpg) no-repeat;}

.episodeBox03 li.sakuhin01 a:hover{background:url(../../episode/images/sakuhinBtn_01.jpg) 0 bottom no-repeat;}
.episodeBox03 li.sakuhin02 a:hover{background:url(../../episode/images/sakuhinBtn_02_2.jpg) 0 bottom no-repeat;}
.episodeBox03 li.sakuhin03 a:hover{background:url(../../episode/images/sakuhinBtn_03_2.jpg) 0 bottom no-repeat;}
.episodeBox03 li.sakuhin04 a:hover{background:url(../../episode/images/sakuhinBtn_04_2.jpg) 0 bottom no-repeat;}


/*-- episodeBox04 --*/

.episodeBox04{
	width:100%;
	clear:both;
}

.episodeBox04 dl{
	width:175px;
	float:left;
	margin-right:36px;
	padding:8px 5px;
}

.episodeBox04 dl.right{
	margin-right:0;
}

.episodeBox04 dt,
.episodeBox04 dd{
	float:left;
	line-height:25px;
	font-size:86%;
}

.episodeBox04 dt{
	width:68px;
	background:#000000;
	color:#FFFFFF;
	text-align:center;
	margin-right:10px;
}

.episodeBox04 dd.name{
	width:82px;
	font-weight:bold;
	padding-right:15px;
}

.episodeBox04 dd.work{
	display:none; /* 非表示 */
	border-left:3px solid #CCCCCC;
	padding-left:15px;
}




/* ---------------------------------------------------------
    エピソード最優秀賞作品_151120
   ---------------------------------------------------------*/

/*-- detail01Title --*/

.detail01Title{
	width:780px;
	margin:0 auto 40px auto;
	background:url(../../episode/images/prize_border.gif) top no-repeat,
			   url(../../episode/images/prize_border.gif) bottom no-repeat;
	padding:25px 0 20px 0;
	box-sizing:border-box;
}

.detail01Title img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}


/*-- detail01Main --*/

.detail01Main{
	clear:both;
	width:702px;
	margin:0 auto 30px auto;
}

.detail01Main p{
	line-height:200%;
}
	
.detail01Main p.detail01pic{
	width:162px;
	height:213px;
	float:right;
}

.detail01Main p.detail01Txtright{
	width:476px;
	float:left;
	padding-left:30px;
}

.detail01Main p.detail01Txtbottom{
	clear:both;
	padding-left:30px;
}


/*-- episodePrevbtn --*/

.episodePrevbtn{
	width:660px;
	height:60px;
	margin:0 auto;
}

.episodePrevbtn a{
	display:block;
	width:660px;
	height:60px;
	text-indent:-9999px;
	background:url(../../episode/images/episode_pageprev.gif) no-repeat;
}

.episodePrevbtn a:hover{background:url(../../episode/images/episode_pageprev.gif) 0 bottom no-repeat;}




/* ---------------------------------------------------------
    エピソード優秀賞作品_151211 1,2人目公開
   ---------------------------------------------------------*/

/*-- detail02Main --*/

.detail02Main{
	width:780px;
	margin:0 auto 60px auto;
}
	
.detail02Main dl{
	width:100%;
	clear:both;
	margin-bottom:40px;
	background:url(../../episode/images/titile_border.gif) top no-repeat,
			   url(../../episode/images/titile_border.gif) bottom no-repeat;
	padding:30px 0 25px 50px;
	box-sizing:border-box;
}
	
.detail02Main dt{
	width:92px;
	height:91px;
	float:left;
	text-indent:-9999px;
	background:url(../../episode/images/yusyu_title.gif) no-repeat;
	margin-right:30px;
}
	
.detail02Main dd{
	width:600px;
	float:left;
	font-weight:bold;
	font-size:1.4em;
	padding-top:3px;
}
	
.detail02Main dd span{
	font-size:86%;
	padding-left:10px;
}

.detail02Main dd.title{
	padding-top:0;
	font-size:2em;
}

.detail02Main p{
	padding:0 65px;
	line-height:200%;
}


/*-- episodeotherbtn --*/

.episodeotherbtn{
	width:660px;
	height:60px;
	margin:0 auto;
}

.episodeotherbtn a{
	display:block;
	width:660px;
	height:50px;
	text-indent:-9999px;
	background:url(../../episode/images/otherpageBtn.gif) no-repeat;
}

.episodeotherbtn a:hover{background:url(../../episode/images/otherpageBtn.gif) 0 bottom no-repeat;}




/* ---------------------------------------------------------
    エピソード優秀賞作品_160108 3人目公開
   ---------------------------------------------------------*/

/* 第3回のみ */
.detail03Main{
	width:780px;
	margin:0 auto 60px auto;
}
	
.detail03Main dl{
	width:100%;
	clear:both;
	margin-bottom:40px;
	background:url(../../episode/images/titile_border.gif) top no-repeat,
			   url(../../episode/images/titile_border.gif) bottom no-repeat;
	padding:30px 0 25px 15px;
	box-sizing:border-box;
}
	
.detail03Main dt{
	width:92px;
	height:91px;
	float:left;
	text-indent:-9999px;
	background:url(../../episode/images/yusyu_title.gif) no-repeat;
	margin-right:15px;
}
	
.detail03Main dd{
	width:657px;
	float:left;
	font-weight:bold;
	font-size:1.4em;
	padding-top:3px;
}
	
.detail03Main dd span{
	font-size:86%;
	padding-left:10px;
}

.detail03Main dd.title{
	padding-top:0;
	font-size:2em;
}

.detail03Main p{
	padding:0 65px;
	line-height:200%;
}



/* ---------------------------------------------------------
    旅行記_160401 公開
   ---------------------------------------------------------*/

/* index */

.episodelist{
	width:100%;
	margin-bottom:20px;
}

.episodelist img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}


/*-- episodeBox05 --*/

.episodeBox05{
	width:870px;
	margin:0 auto 40px auto;
}

.episodeBox05 a{
	width:870px;
	height:336px;
	display:block;
	text-indent:-9999px;
	background:url(../../episode/images/topimg_6.jpg) no-repeat;
}

.episodeBox05 a:hover{
	background:url(../../episode/images/topimg_6.jpg) 0 bottom no-repeat;
}


/* detail06 */

.detail06Title{
	width:798px;
	margin:0 auto 50px auto;
}

.detail06Title img{
	width:798px;
	height:350px;
	display:block;
}


/*-- detail06Main --*/

.detail06Main{
	width:780px;
	margin:0 auto 40px auto;
}

.detail06Main img{
	border:1px solid #CCCCCC;
	padding:1px;
	box-sizing:border-box;
}

.detail06Box01,
.detail06Box02,
.detail06Box05{
	width:100%;
	margin-bottom:20px;
}


/* detail06Box01 */

.detail06Box01 dl{
	clear:both;
}

.detail06Box01 dt{
	width:270px;
	float:left;
}

.detail06Box01 dt img{
	width:270px;
	height:360px;
}

.detail06Box01 dd{
	width:495px;
	float:right;
	line-height:200%;
}


/* detail06Box02 */

.detail06Box02 dl{
	clear:both;
}

.detail06Box02 dt{
	width:320px;
	float:right;
	padding-top:8px;
}

.detail06Box02 dd{
	width:440px;
	float:left;
	line-height:200%;
}


/* detail06Box03 */

.detail06Box03{
	width:100%;
	margin-bottom:20px;
	line-height:200%;
}


/* detail06Box04 */

.detail06Box04{
	width:100%;
	margin-bottom:20px;
	clear:both;
}

.detail06Box04 ul{
	width:240px;
	float:left;
}

.detail06Box04 li{
	width:100%;
	margin-bottom:5px;
}

.detail06Box04 p{
	width:520px;
	float:right;
	line-height:200%;
	padding-top:5px;
	box-sizing:border-box;
}


/* detail06Box05 */

.detail06Box05 dl{
	width:100%;
	clear:both;
}

.detail06Box05 dt{
	width:270px;
	float:right;
}

.detail06Box05 dd{
	width:490px;
	float:left;
	line-height:200%;
}