@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);

/*
Theme Name: 美大芸大就活ナビ2019
Theme URI: http://bckmn.com/naked-wordpress
Author: J Beckman rebuiled by m.yamagishi
Author URI: http://wtblue.jp/
Description: A super bare theme for designers who don't know Wordpress PHP but want to build with Wordpress.
Version: 1.0
License: GNU General Public License
*/

/* 共通設定 */
#contents{
	background-color:#f8ebeb;
	color:#333;
}
.breadcrumbs{
	padding:25px 0 20px;
}
.breadcrumbs .home{
	color:#c12322;
}
.breadcrumbs-bottom{
	padding-top:0;
}
h1#wp-title{
	background-color:#c12322;
	color:#fff;
	text-align:center;
	padding:11px;
	font-size:18px;
	margin-bottom:25px;
}
h1#wp-title a{
	color:#fff;
}
article.post{
	background-color:#fff;
	border:1px solid #d5bebe;
	margin-bottom:30px;
	padding:30px;
}
.attachment-post-thumbnail{
	float:left;
	width:185px;
}
.the-content{
	float:right;
	width:440px;
}
.date{
	display:inline-block;
	color:#989898;
	font-size:12px;
	margin-right:6px;
}
.date:before{
	content: "\f017";
	font-family: FontAwesome;
	padding-right:4px;
}
.the-content .category{
	display:inline-block;
	font-size:12px;
}
.the-content .category a{
	color:#c12322;
}
.title{
	color:#c12322;
	font-size:24px;
}
.the-content .main{
	border-top:1px dashed #d5bebe;
	padding-top:20px;
}
.the-content .readmore{
	text-align:right;
	margin-top:1em;
}
.the-content .more-link{
	display:inline-block;
	background-color:#9edfbd;
	color:#fff;
	padding:13px 30px;
}
.the-content .more-link:hover{
	background-color:#c12322;
}
#pagination{
	text-align:center;
}
#pagination .nextpostslink,
#pagination .previouspostslink{
	padding:0 10px;
}
.pagetop{
	text-align:right;
	padding:1em 0 0.5em;
}

@media screen and (max-width:767px) {
.attachment-post-thumbnail{
	float:none;
	max-width:100%;
	margin-bottom:15px;
}
.the-content{
	float:none;
	width:100%;
}

}

/* 2カラム設定 */
.page-template-page-topics #content,
.archive #content,
.single #content{
	float: left;
	width: 700px;
	box-sizing: border-box;
}
.page-template-page-topics #navi,
.archive #navi,
.single #navi{
	float: right;
	width: 300px;
	box-sizing: border-box;
	padding: 0 0 0 20px;
}

#navi > div{
	background-color:#fff;
	margin-bottom:30px;
}
#navi h2{
	background-color:#626262;
	font-size:18px;
	color:#fff;
	padding:20px 15px;
}
#navi > div ul{
	padding:15px;
}
#navi > div li{
	border-bottom:1px solid #d5d5d5;
}
#navi > div ul li:last-child{
	border:none;
}
#navi > div li a{
	display:block;
	padding:12px 0;
}
#navi > div li a:before{
	content: "\f152";
	font-family: FontAwesome;
	padding-right:4px;
	color:#c6c6c6;
}
#navi > div li.current-cat a,
#navi > div li.current-cat a:before{
	color:#c12322;
}

@media screen and (max-width:767px) {
.page-template-page-topics #content,
.archive #content,
.single #content{
	float: none;
	width: 100%;
}
.page-template-page-topics #navi,
.archive #navi,
.single #navi{
	float: none;
	width: 100%;
	padding-left:0;
}
#navi > div:last-child{
	background-color:transparent;
	text-align:center;
}
}

/* single.php */
.single .the-content{
	float:none;
	width:100%;
}
.single .single_thumbnail{
	text-align:center;
	margin-bottom:30px;
}
.single .attachment-post-thumbnail{
	float:none;
	width:220px;
}
.single .the-content h2{
	margin-top:40px;
	font-size:24px;
	border-bottom:1px dashed #a6a6a6;
	padding-bottom:6px;
	margin-bottom:12px;
}
.single .the-content h2:before{
	content:'■';
	color:#c12322;
}
.single .the-content p a{
	color:#00a889;
	font-weight:bold;
	text-decoration:underline;
}
.single .the-content p a:hover{
	text-decoration:none;
}
.single .the-content strong{
	color:#ff4544;
	font-weight:normal;
}
.single .entrybtn{
	margin-top:40px;
}
.single .screen-reader-text{
	display:none;
}
.single .nav-previous,
.single .nav-next{
	display:inline-block;
	padding:0 1em;
}

/* 未来100 */
.page-template-page-mirai #contents{
	background-color:#f9f8e6;
	padding:0 0 25px 0;
}
.page-template-page-mirai.page-id-1206 #contents{
	padding:0;
}
.page-template-page-mirai.page-id-1220 #contents{
	background-color:#fff;
}
.page-template-page-mirai h1#wp-title {
    background-color: #493735;
}
.page-template-page-mirai.page-id-1220 h1#wp-title {
    background-color: #c12322;
}


@media screen and (max-width:767px) {
}

/* page.php（1カラム） */
.page-template-default #contents{
	background-color:#fff;

}
.page-template-default .the-content,
.page-template-page-form .the-content{
	float:none;
	width:100%;
}
.page-template-default article.post{
	border:none;
	padding:0;
}
.page-template-default .mw_wp_form,
.page-template-page-mirai .mw_wp_form,
.page-template-default .wpcf7{
	border:2px solid #c22421;
	padding: 30px 40px;
	margin-top:1em;
}
.page-template-page-form .eventinfo{
	text-align:center;
	margin-bottom:1em;
}

/* フォーム */
.thanks{
	display:none;
}
div.wpcf7-response-output{
	margin: 2em auto 1em;
	padding: 2em 1em;
	background-color:#FCF0F0;
}
div.wpcf7-validation-errors{
	color:#e00100;
}
div.wpcf7-mail-sent-ok {
	background-color:transparent;
	color:#C22422;
	text-align:center;
	font-size:20px;
	border:none;
	padding-bottom:0;
	padding-top:0;
	margin-top:1em;
}
form.sent dl.formtable,
form.sent .policy,
form.sent .rules,
form.sent .enterbtn{
	display:none;
}
form.sent .thanks{
	display:block;
	text-align:center;
	margin-bottom:2em;
}
form.sent .thanks p{
	margin-bottom:1em;
}

.formtable{
	display:table;
	width:100%;
	border:1px solid #888888;
	border-bottom:none;
	box-sizing: border-box;
	line-height:170%;
}
.formtable.last{
	border-bottom:1px solid #888888;
}
.formtable dt{
	display:table-cell;
	border-right:1px solid #888888;
	background-color:#E5E5E5;
	padding:10px 6px;
	width:300px;
	box-sizing: border-box;
	vertical-align:top;
}
.formtable dt .required{
	display:inline-block;
	float:right;
	background-color:#c12322;
	color:#fff;
	padding:0 10px;
	letter-spacing:3px;
}
.formtable dt .any{
	display:block;
	float:right;
	background-color:#93D2DA;
	color:#fff;
	padding:1px 10px 1px 13px;
	letter-spacing:3px;
}
.formtable dd{
	display:table-cell;
	padding:10px 10px 10px 13px;
	box-sizing: border-box;
}
.formtable dd input.w100{
	width:95%;
}
.formtable dd textarea{
	width:95%;
	height:8em;
}
.policy{
	margin:30px auto;
	border:1px solid #888888;
	padding:10px 15px;
	height:8em;
	overflow:auto;
	line-height:170%;
}
.rules{
	font-size:16px;
}
.enterbtn input[type="submit"]{
	background-color:#000;
	color:#fff;
	padding:10px 100px;
	margin-top:30px;
	border:none;
	font-size:18px;
}
.topicsbtn{
	margin-top:30px;
}
span.wpcf7-list-item{
	margin:0 1em 0 0;
}
.topicsbtn a{
	display:inline-block;
	background-color:#c22421;
	color:#fff;
	padding:8px 30px;
	font-size:16px;
	letter-spacing:1px;
}

@media screen and (max-width:767px) {
.formtable{
	display:block;
	border:none;
}
.formtable.last{
	border:none;
}
.formtable dt{
	display:block;
	border-right:none;
	padding:10px 6px;
	width:100%;
	border-bottom:1px solid #888888;
}
.formtable dd{
	display:block;
	padding:10px 6px;
	margin-bottom:15px;
}

}