@charset "shift_jis";

/* body.css */
/*
	2018 corporatesite
*/

 
 
/* --------------------------------------------------
header　オリジナル修正
-------------------------------------------------- */

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}


/* --------------------------------------------------
MM original
main
-------------------------------------------------- */
/*#post*/


div.topick#post img.eyechatch,
section.topick#post img.eyechatch{
	width: 100%;
	max-width: 800px;
	margin: 0 auto 20px auto;
	display: block;
}

div.topick#post div#honbun,
section.topick#post div#honbun{
    width: 90%;
    margin: auto;
}

div.topick#post,
section.topick#post{
	max-width: 800px;
	margin: auto;
}
div.topick#post h3,
section.topick#post h3{
	width: 100%;
	margin: 0px auto 20px auto;
	padding: 10px 0;
	font-size: 18px;
	font-size: 1.8rem;
	border-bottom:3px solid #cccccc;
	letter-spacing: -1px;
	color: #d20014;
	font-family: "tbchibirgothicplusk-pro",sans-serif,"TBちび丸ゴシックPlusK Pro R";
}
div.topick#post h4,
section.topick#post h4{
	width: 100%;
	margin: auto;
	font-size: 18px;
	font-size: 1.8rem;
	margin: 0px auto 20px auto;
}
div.topick#post p,
section.topick#post p{
	width: 100%;
	margin: 0 auto 20px auto;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8em
}
div.topick#post p img{
	width: 100%;
	height: auto;
	margin: 0 auto 20px auto;
}

div.topick#post ol,
div.topick#post ul,
section.topick#post ol,
section.topick#post ul{
    width: 100%;
    /*display: block;*/
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 2.0em;
    margin: auto;
}
div.topick#post ol li,
div.topick#post ul li,
section.topick#post ol li,
section.topick#post ul li{
    line-height: 1.7em;
    font-size: 14px;
    padding-left: 0px;
    list-style-type: disc;
    box-sizing: border-box;
}
div.topick#post ul.wp-block-gallery,
section.topick#post ul.wp-block-gallery{
 padding-inline-start: 0em;
}
.wp-block-buttons{
    text-align: center;
}
.wp-block-buttons div.wp-block-button{
    margin: 0 auto;
    line-height: 1.8em;
    text-align: center;
}
div.topick#post hr,
section.topick#post hr{
    clear: both;
    border: none;
}

#post ol{
	padding: 0 0 0 1.0em;
	
}
#post ol li{
	list-style: outside decimal;
}

/*
#othernews
右カラム
*/
div.topick#othernews {
	background-color: #eee;
}
div.topick#othernews h3{
	text-align: center;
	font-size: 20px;
	font-size: 2.0rem;
	letter-spacing: 2px;
	margin: auto;
	padding: 20px 0 0 0;
	font-family: "tbchibirgothicplusk-pro",sans-serif,"TBちび丸ゴシックPlusK Pro R";
	
}
div.topick#othernews small{
	display: block;
	text-align: center;
}
div.topick#othernews ul{
	width: 90%;
	max-width: 400px;
	margin: auto;
	padding: 10px 0;
}
div.topick#othernews ul li{
	border:1px solid #ccc;
	overflow: hidden;
	background: #fff;
	margin: 0 0 10px 0;
	padding: 3px;
}
div.topick#othernews ul li span.left{
	width: 30%;
	height: 80px;
	overflow: hidden;
	float: left;
	position: relative;
	display: block;
	
}
div.topick#othernews ul li span.left img{
	top:50%;
	left:50%;
	position: absolute;	
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

div.topick#othernews ul li div.right{
	padding: 0 0%;
	float: left;
	width: 65%;
	margin: 0 2%;
}
div.topick#othernews ul li div.right p{
	width: 96%;
	height: 3.0em;
	margin: auto;
	font-size: 14px;
	font-size: 1.4rem;
	overflow: hidden;
}

div.topick#othernews ul li div.right div.tagarea{
	width: 90%;
	margin: 10px auto 0 auto;
	text-align: right;
}
div.topick#othernews ul li div.right div.tagarea span.tag{
	padding: 3px 0 3px 10px;
	width: 50px;
	text-align: left;
	display: inline-block;
	margin-right: 10px;
	color: #fff;
	text-align: center;
	background-repeat: no-repeat;
	background-size: 13px;
	background-position: 2px center;
	background-image: url(../../common_cp/image/tag_press.png);
	background-color: #8ABFD3;
}
div.topick#othernews ul li div.right div.tagarea span.tag.press{
	background-image: url(../../common_cp/image/tag_press.png);
	background-color: #8ABFD3;
}
div.topick#othernews ul li div.right div.tagarea span.new{
	color: #ff2591;
}
div.topick#othernews ul li div.right div.tagarea small{
	margin: auto;
	color: #999;
	display: inline-block;
	display: inline-block;
}


/*wp修正*/

/*ボタンデザイン p.my_btn a*/
p.my_btn a,
p.my_btn a:link,
p.my_btn a:hover,
p.my_btn a:visited{
	color: #fff;
	display: block;
	padding: 30px 10px;
	background-color: #cc0000;
	border-radius: 8px;
	text-align: center;
	width: 80%;
	
	margin: auto;
	box-shadow: 2px 2px 1px #aaa;
	text-decoration: none;
	box-sizing: border-box;
	font-size: 18px;
}


/*2001　youtubeの幅*/
figure.wp-block-embed-youtube div {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
figure.wp-block-embed-youtube div iframe,  
figure.wp-block-embed-youtube div object,  
figure.wp-block-embed-youtube div embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* --------------------------------------------------
-----------------------------------------------------
window size 600-
-----------------------------------------------------
-------------------------------------------------- */
@media screen and (min-width:600px){


	/*#othernews*/
	div.topick#othernews h3{
		margin-top: 20px;
	}
	div.topick#othernews small{
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}


}


/* --------------------------------------------------
-----------------------------------------------------
window size 900-
-----------------------------------------------------
-------------------------------------------------- */
@media screen and (min-width:900px){	
	

	
	
}
/* --------------------------------------------------
-----------------------------------------------------
window size 1024-
-----------------------------------------------------
-------------------------------------------------- */
@media screen and (min-width:1024px){
	div.pclayout{
		width: 1024px;
		margin: auto;
		
	}
    div.topick#post div#honbun{
        width: 100%;
    }
	div.topick#post{
		width: 685px;
		float: left;
	}
	div.topick#post h2{
		width: 100%;
		font-size: 22px;
		font-size: 2.2rem;
	}
	div.topick#othernews{
		float: left;
		width: 270px;
		margin-left: 69px;
	}
	
	div.topick#othernews ul li{
		border: none;
		margin-bottom: 20px;
	}
	div.topick#othernews ul li span.left{
		width: 100%;
		float: none;
	}
	div.topick#othernews ul li div.right{
		width: 100%;
		float: none;
	}
	div.topick#othernews ul li div.right p{
		margin: 20px 0;
	}
}












/* EOF */