@charset "utf-8";
/* essay_2016 */
/*----------------------*/
	.pc{
		display:block;
	}
	.sp{
		display:none;
	}
/*----------------------*/
#content .essayWorks,
#content .essayTop{
	line-height:1.6;
}
#content .essayWorks h1,
#content .essayTop h1{
	padding:10px 0 0 !important;
}

#content .essayWorks h2,
#content .essayTop h2{
	background:none;
	padding:0 !important;
	border:none;
	font-size:180%;
	font-weight:bold;
	clear:both;
}
#content .essayTop h2{
	margin:52px 0 10px;
}
#content .essayWorks h4,
#content .essayTop h4{
	font-size:120%;
	border:none;
	float:left;
	padding:0 0.2em;
	font-weight:bold;
}
#content .essayTop h4{
	padding:18px 0 0;
	clear:both;
	float:none;
}
#content .essayWorks .archive,
#content .essayTop .archive{
	border-top:2px solid #86BB19;
	clear:both;
	border-bottom:2px solid #DFDFD0;
	padding:10px 0;
	margin:0 24px 46px;
}
#content .essayWorks .archive ul,
#content .essayTop .archive ul{
	margin-top:0;
}
#content .essayWorks .archive ul li,
#content .essayTop .archive ul li{
	background:url(../images/2016/icoLink.png) no-repeat 0 0.5em;
	padding-left:1.5em;
	font-size:110%;
}

/*------essayTop--------------------------------*/

#content .essayTop h3{
	background:url(../images/2016/tit_ind_bk.jpg) no-repeat 0 0;
	border:none;
	padding:0.8em 0.8em;
	font-weight:bold;
	background-size:100%;
	clear:both;
}
#content .essayTop .list .listBox{
	float:left;
	width:30%;
	margin-left:5%;
	margin-bottom:36px;
}
#content .essayTop .list .listBox:first-child{
	margin-left:0;
}
#content .essayTop .enter{
	text-align:right;
}
#content .essayTop .list .listBox dl{
	margin-top:0.2em;
}
#content .essayTop .list .listBox dt{
	margin-bottom:0;
	font-weight:bold;
}
/**/
#content .essayTop .s01 .listBox dt{
	font-size:127%;
	font-weight:bold;
	letter-spacing:-0.1em;	
		margin-left:-0.5em;
}
#content .essayTop .s02 .listBox dt{
	font-size:115%;
	font-weight:bold;
	letter-spacing:-0.07em;	
		margin-left:-0.5em;
}

#content .essayTop .s03 .listBox dt{
	font-size:105%;
	font-weight:bold;
	letter-spacing:-0.07em;	
	margin-left:-0.5em;
}
#content .essayTop .s03 .listBox dt.longTit{
	font-size:103%;
	font-weight:bold;
	letter-spacing:-0.15em;	
	margin-left:-0.5em;
}

/**/
#content .essayTop .list .listBox dd{
	border:none;
	padding-left:0;
	margin-left:0;
	margin-bottom:0.7em;
}
#content .essayTop .list .listBox .enter a{
	background:url(../images/2016/img_ind_btn_entry.png) no-repeat 0 0;
	width:72px;
	height:18px;
	background-size:72px 18px;
	float:right;
}
#content .essayTop .list .listBox .enter a:hover{
	background:url(../images/2016/img_ind_btn_entry_ov.png) no-repeat 0 0;
	width:72px;
	height:18px;
	background-size:72px 18px;
	float:right;
}
#content .essayTop .list .listBox .enter a span{
	display:none;
}
#content .essayTop .s03 .listBox .leftLine{
	border-left:1px solid #A0A0A0;
		padding-left:0.3em;
		padding-bottom:1.5em;
}
#content .essayTop .lined{
	border-bottom:1px dotted #A0A0A0;
	margin:0 0 12px;
	padding-bottom:5px;
}
#content .essayTop #contentMovie{
	margin:3em auto 1.5em;
}
#content .essayTop #message{
	clear:both;
	float:none;
	position:relative;
	padding-top:60px;
	margin-bottom:30px;
	margin-top:20px;
}
#content .essayTop #message .massageImg{
	position:absolute;
	top:0;
	right:12px;
}
#content .essayTop #message .messageIn{
	border:2px solid #E0E0DC;
	padding:0 0 15px;
/*	min-height:220px;*/
}
#content .essayTop #message .messageIn:after{
	content:"."; 
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0;
}
#content .essayTop #message .messageIn h4{
	padding:0;
	margin:-7px 0 0;
}
#content .essayTop #message .messageIn p{
	float:left;
	width:450px;
	padding-left:14px;
	display:inline-block;
}
#content .essayTop #message .messageIn .list2019{
	float:none;
	width:96%;
	padding-left:14px;
	display:inline-block;
}
#content .essayTop #message .messageIn p.prof{
	font-size:94%;
	width:96%;
	float:none;
	padding-right:5px;
	line-height:1.5;
	margin:1.5em 2% 0;
	border-top:1px dotted #ccc;
	clear:both;
	padding:0.8em 0 0;
}

/*-----essayWorks--------------------------------*/
#content .essayWorks h3{
	background:url(../images/2016/tit_pc_bk.jpg) no-repeat 0 0;
	border:none;
	padding:0.8em 0.8em;
	font-weight:bold;
}
#content .essayWorks #pageBtn ul{
	margin-bottom:18px;
}
#content .essayWorks #pageBtn ul:after{
	content:"."; 
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0;
}
#content .essayWorks #pageBtn ul li{
	float:left;
	background:none;
	padding-left:24px;
}
#content .essayWorks #pageBtn li a:hover img{
opacity: 0.7;  
-moz-opacity: 0.7; 
filter: alpha(opacity=70);
transition:0.3s;
}

#content .essayWorks p.name{
	float:right;
	margin-right:16px;
	font-size:98%;
}
#content .essayWorks .essay_con{
	clear:both;
	float:none;
	padding:20px 12px 20px;
}
#content .essayWorks .essay_con p{
	text-indent:1.0em;
	margin:0;
}
#content .essayWorks .lined{
	border-bottom:1px dotted #A0A0A0;
	margin:0 0 20px;
	padding-bottom:30px;
}
#content .essayWorks .essay_con .photo{
	float:right;
	margin:0 0 8px 18px;
	font-size:88%;
}
#content .essayWorks .essay_con .photo p.capt{
	text-indent:0em;
	margin:0 0 0 0.5em;
}
#content .essayWorks .essay_con .photo p.w150{
	width:150px;
}
div.info{
	border:dotted 1px #D2D3C9;
	padding:8px 12px;
	margin:15px 0 30px;
}
.essayBtn {
	background: -moz-linear-gradient(top,#FF0000,#FF0000 5%,#930000 5%,#AE0000 95%,#AE0000 95%,#930000);
	background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), color-stop(0.05,#FF0000), color-stop(0.05,#930000), color-stop(0.95,#AE0000), color-stop(0.95,#930000), to(#930000));
	background: linear, left top, left bottom, from(#FF0000), color-stop(0.05,#FF0000), color-stop(0.05,#930000), color-stop(0.95,#AE0000), color-stop(0.95,#930000), to(#930000);
	background: -ms-linear-gradient(top,#FF0000,#FF0000 5%,#930000 5%,#AE0000 95%,#AE0000 95%,#930000);
	/* IE7,8,9 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#930000', GradientType=0);


	border: 1px solid #DDD;
	width: 230px;
	padding: 12px 0;
	text-align:center;
	margin:10px 10px 10px 0;
	border-radius:6px;
}

.essayBtn a{
	color: #FFF;
	display:block;
	font-size:105%;
	font-weight:bold;
		text-decoration:none !important;
}
.essayBtn a:hover{
	opacity: 0.8;
	transition:0.3s;
}
.essay2017_list{
	float:right;
	width:500px;
}
.essay2018_list{
	float:left;
	width:500px;
}
.essay2018_list_dd{
	float:left;
	padding-right: 7px;
	margin-bottom: 1em;
	margin-right: 7px;
	border-right: 1px dotted #666666;
	border-left:none !important;
}
p.btn a{
		text-decoration: none;
	display: block;
		background: url(/common/images/icon_arrow.png) no-repeat 91% 50% #F0849C;
    text-align: center !important;
	border-radius: 10px;
	color: #FFF;
	padding: 6px 12px;
	font-size: 130% !important;
	width: 300px;
	font-weight: bold;
	letter-spacing: 0.025em;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}


p.btn a:hover{
   opacity:0.8;
	background: url(/common/images/icon_arrow.png) no-repeat 98% 50% #F0849C;
	transition: 0.3s;
}
.contentMovie{
position: relative;
width: 100%;
padding-top: 0;
max-width: 230px;
margin: 0 0 0 20px;
clear: both;
    float: right;
}
#content .presentBox{
	background: #FFFCF2;
	clear: both;
	border: 3px solid #FFC926;
	padding: 0 0 15px;
	margin: 0 0 20px;
	
}
#content .presentBox h3{
	/*background: #FFC926 !important;*/
	font-weight: bold;
	font-size: 18px;
	padding: 0.5em 0.8em;
	margin-top: 0 !important;
	/*background: url(../images/2017/preIco.png) no-repeat 95% center #FFC926 !important;*/
  background: -webkit-repeating-linear-gradient(45deg, #FFC926, #FFC926 5px, #FFD351 5px, #FFD351 10px);
  background: repeating-linear-gradient(45deg, #FFC926, #FFC926 5px, #FFD351 5px, #FFD351 10px);
  text-shadow: 1px 1px 1px #FFF;
}
#content .presentBox .presentInner{
	margin: 0 15px;

}

.movieArea{
	border-bottom: 2px solid #86BB19;
}
@media screen and (max-width: 415px) {
/*----------------------*/
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
#content .essayTop .archive,
#content .essayWorks .archive{
	margin:0 0 36px;
	padding:6px 0;
}
#content .essayTop .archive ul li,
#content .essayWorks .archive ul li{
	font-size:100%;
}	
/*------essayTop--------------------------------*/

#content .essayTop .list .listBox{
	float:none;
	width:100%;
	margin-left:0;
	margin-bottom:36px;
}
#content .essayTop .s00 .listBox img{
	width:90%;
	margin:0 5%;
}
#content .essayTop .s01 .listBox dt,
#content .essayTop .s02 .listBox dt,
#content .essayTop .s03 .listBox dt{
	margin-left:0;
	}
#content .essayTop .s01 p{
	width:90%;
	margin:auto 5%;
	}
#content .essayTop .list .listBox dd{
	border:none;
	padding-left:1em;
	margin-left:0;
	margin-bottom:0.2em;
}
#content .essayTop .s00 .listBox dd{
	margin:0 auto 20px;
	text-align:center;
	padding-left:0;
}
#content .essayTop .list .listBox .enter a{
	background:url(../images/2016/img_ind_btn_entry_sp.png) no-repeat 0 0;
	float:right;
	background-size:100%;
	width:120px;
	height:25px;
	margin:0 0 20px;
}
#content .essayTop .list .listBox .enter a:hover{
	background:url(../images/2016/img_ind_btn_entry_sp.png) no-repeat 0 0;
	float:right;
	background-size:100%;
	width:120px;
	height:25px;
}
#content .essayTop .s03 .listBox .leftLine{
	border-left:none;
		padding-left:0.3em;
		padding-bottom:1.5em;
}
#content .essayTop #message{
	clear:both;
	float:none;
	position:relative;
	padding-top:0px;
	margin-bottom:30px;
}
#content .essayTop #message .massageImg{
	display:none;
}
#content .essayTop #message .massageImgSp{
	text-align:center;
	margin:18px auto 0;
}
#content .essayTop #message .messageIn p.prof{
	font-size:80%;
	width:90%;
	float:none;
	padding-right:5px;
	line-height:1.5;
	margin:1.5em 5% 0;
	border-top:1px dotted #ccc;
	clear:both;
	padding:0.8em 0 0;
}
#content .essayTop #message .messageIn h4{
	padding:0;
	margin:-3px 0 0;
}
#content .essayTop #message .messageIn p{
	float:none;
	clear:both;
	width:90%;
	padding-left:5%;
	padding-right:5%;
}
#content .essayTop .lined{
	margin:0 0 12px;
	padding-bottom:15px;
}
#content .essayTop h4{
	padding:0 0 4px;
}
#content .essayTop .enter{
	text-align:right;
	padding-right:5%;
}
/*----------------------*/
#content .essayWorks #pageBtn ul{
	margin:2% auto 4%;
}
#content .essayWorks #pageBtn ul li{
	float:left;
	background:none;
	padding-left:1%;
	width:32%;
}
#content .essayWorks #pageBtn ul li a img{
	width:100%;
}

#content .essayWorks h3{
	font-size:110%;
	background:url(../images/2016/tit_pc_bk_sp.png) no-repeat 0 0;
	background-size:100%;
}
#content .essayWorks h4{
	margin-top:0.2em;
	border-left:3px solid #9EC947;
	padding:0.3em 0 0;
	font-size:105%;
}
#content .essayWorks p.name{
	float:none;
	clear:both;
	margin-right:0;
	text-align:left;
	border-left:3px solid #9EC947;
	padding:0.3em 0 0 1em;
}
#content .essayWorks .essay_con .photo{
	float:none;
	clear:both;
	text-align:center;
	margin:20px auto 0 auto;
	text-indent:0;
}
#content .essayWorks .essay_con .photo p.capt{
	text-indent:0em;
	margin:0 0 0 0;
}
#content .essayWorks .essay_con .photo p.w150{
	width:200px;
	margin:0 auto;
}
.essay2017_list{
	float:none;
	width:100%;
}
.essay2018_list{
	float:none;
	width:100%;
}
.essay2018_list_dd{
	float:none;
	padding-right: 0px;
	margin-bottom: 1em;
	margin-right: 0px;
	border-right: none;
}
    p.btn{
    text-align: center !important;
}
    .contentMovie{
position: relative;
width: 100%;
padding-top: 0;
max-width: 230px;
margin: 20px auto 0 auto;
clear: both;
    float: none;
        text-align: center;
}

	}