/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

.pc-float-left {
	float:left;
}

.pc-float-right {
	float:right;
}

.pc-width30 { width:30%;}
.pc-width70 { width:70%;}
.pc-width50 { width:48%;}

.aligncenrer { text-align:center;}

@media only screen and ( max-width:750px) {
.pc-float-left,
.pc-float-right { float:none;	}
.pc-width30,
.pc-width70,
.pc-width50 { width:100%;}

.pc-width30 { text-align:center; }
}

ul li { list-style-position:inside; }

.formtitle, .forminput { margin: 25px 0 15px 0; }

li.li1 { margin:0 0 20px 0; }

.button_div { text-align:left; }



.writers{
    overflow:hidden;
}
.writer-profile{
    width: 33%;
    min-height: 350px;
    margin:1%;
    float:left;
}
.writer-profile p {
    padding:10px;
    margin:0;
}
.writer-profile .description{
    font-size:0.8em;
}
.writer-profile .button a{
    font-size:0.8em;
}
.writer-profile .button a:after{
    content:' >';
}

.writer-profile span.bold {
		font-weight:bold;
}

.writer-profile .eyecatch {
    overflow: hidden;
    width: 200px;/* トリミングしたい枠の幅 */
    height: 120px;/* トリミングしたい枠の高さ */
	margin:0 auto;
  position: relative;
}


.waku { 
    margin:1%;
	  padding:2%;
	  border:1px dashed #CCCCCC;
	  text-align:center;
}

.panel-image{position:relative; width:100%; height: 50vh;}

.btn { 
    background: #85D1CF;
    width: 93%;
    font-weight: bold;
    margin: 10px auto 20px auto;
	padding:2%;
    border-radius: 10px;
}

.btnsecond {
	background: #E58B8E;
}

.btn a { 
    display: block;
    color: #FFF;
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
}

.colors-custom .entry-content .btn a,
.colors-custom .entry-content .addtoany_list a {
	box-shadow:none;
}

.single-featured-image-header img { max-width:70%;}

.frontpate_top_box { padding:10px 0; }

.frontpate_top_box ul li {
	margin:10px 0;
}

.frontpate_top_box a { color:#33CCCC; text-decoration:underline; }

.frontpate_top_box span.post-date { float:right; font-size:0.8em; }

.aleartbox { border:2px solid #F00; padding:10px; margin:15px;}




@media only screen and ( max-width:750px) {
	.single-featured-image-header img { max-width:100%;}
}

@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap { max-width: 1000px; }
}