/*
Theme Name: kmioffice_lp_template
Theme URI:
Author: KMI
*/

@charset "UTF-8";

/* ------------------------------
    コンテンツ
------------------------------ */

main{
	width:840px;
	margin:40px auto 0 auto;
  display: block;
}
@media screen and (min-width: 769px) {
  main.pt{
    padding-top: 58px;
  }
}
.main_image img{
	width:100%;
	margin:3px 0;
}

main p + p{
	margin:30px 0 0 0;
}

main img{
	margin:0;
}

.headcatch1{
width : 100%;
background-color : #036aca;
margin-top : 0px;
margin-top : -5px;
}
.headcatch1_in{
width : 1056px;
margin : 0 auto;
}
.headcatch2{
width : 100%;
background-color : #08408b;
margin-top : 0px;
margin-bottom : 0px;
margin-top : -5px;
}

.headcatch2_in{
width : 920px;
margin : 0 auto;
}

#top{
  width : 100%;
  height : 98px;
  background-image : url(image/top_bg.jpg);
  background-repeat : repeat-x;
  margin-right : auto;
  margin-left : auto;
background-position : center center;
}
.main_image{
	width : 100%;
	text-align : center;
}
#head{
  width : 100%;
  height : 471px;
  background-repeat : no-repeat;background-position : center center;
  margin-right : auto;
  margin-left : auto;
  background-color : white;
  text-align : center;
  background-image : url(image/head.jpg);
  background-repeat : no-repeat;
}

#headcatch{
  background-color : rgb(3, 106, 202);
  width : 100%;
  height : 200px;
  background-repeat : repeat-x;background-position : center center;
  margin-right : auto;
  margin-left : auto;
  text-align : center;
}
.headcatch1{
width : 100%;
background-color : #036aca;
margin-top : 0px;
margin-top : -3px;
}
.headcatch1_in{
width : 1056px;
	padding-top : 10px;
	padding-bottom : 10px;
margin : 0 auto;
}
.headcatch2{
width : 100%;
background-color : #08408b;
margin-top : 0px;
margin-bottom : 0px;
margin-top : -5px;
}

.headcatch2_in{
width : 920px;
margin : 0 auto;
}


#topsoudan{
  background-color : rgb(8, 64, 139);
  width : 100%;
  height : 180px;
  margin-right : auto;
  margin-left : auto;
  text-align : center;
background-position : center center;
}
.topsoudan_in{
  width : 1160px;
  margin-right : auto;
  margin-left : auto;
}

.top_in{
  background-image : url(image/top_in.jpg);
  width : 1160px;
  height : 98px;
  margin-right : auto;
  margin-left : auto;
}
.space10{
  height : 10px;
}
.space20{
  height : 20px;
}
.space30{
  height : 30px;
}
.space40{
  height : 40px;
}

.main_in{
  width : 1000px;
  margin-right : auto;
  margin-left : auto;
}

#navi{
  margin-left : 0px;
  margin-right : 0px;
  width : 100%;
  height : 52px;
  background-image : url(image/navi_bg.jpg);
  background-repeat : repeat-x;
background-position : center center;
}
.navi_in{
  margin-right : auto;
  margin-left : auto;
  width : 1160px;
  text-align : center;
}

#footnavi{
  line-height : 60px;
  background-color : rgb(140, 198, 255);
  text-align : center;
  width : 100%;
  height : 60px;
  margin-left : 0px;
  margin-right : 0px;
}
#footer{
  line-height : 32px;
  background-color : rgb(0, 77, 153);
  text-align : center;
  width : 100%;
  height : 32px;
  color : white;
  margin-left : 0px;
  margin-right : 0px;
}


#wrapper{
  width : auto;
  margin-right : auto;
  margin-left : auto;
  text-align : center;
	padding : 20px 0px;
}


.topsoudan_in{
  margin-right : auto;
  margin-left : auto;
  width : 1056px;
}
.headcatch_in{
  width : 1056px;
  margin-right : auto;
  margin-left : auto;
}

/* ------------------------------
    文字装飾関係
------------------------------ */

/* ------------------------------
    レスポンシブ表
------------------------------ */

table {
  border-collapse: collapse;
  width: 94%;
  margin : 0 auto;
}
table th,
table td {
  padding: 10px;
  border: 1px solid #999;
}
table th {
  background-color: #eee;
  text-align: center;
  width: 30%;
}

/* ------------------------------
    回り込み設定
------------------------------ */
.image_area {
width: 240px;
display: block;
vertical-align: bottom;
}
.image_area2 {
width: 280px;
display: block;
vertical-align: bottom;
}
@media only screen and (min-width: 737px){
.image_right {
float: right;
margin: 20px 0 21px 25px;
}
.image_left {
float: left;
margin: 20px 25px 30px 0;
}
}
@media only screen and (max-width: 736px){
.image_right {
float: none;
margin: 25px auto;
}
.image_left {
float: none;
margin: 25px auto;
}
}
/* ------------------------------
    追加CSS
------------------------------ */
.main_in{
  text-align : left;
  width : 920px;
	margin : 10px auto;
}

.voice_waku{
	width : 860px;
	margin : 10px auto;
	text-align : left;
	background-color : #fdf9ea;
	padding : 20px;
	border : 3px double #cdb560;
}
.nayami{
  width : 100%;
  height : 460px;
  margin-right : auto;
  margin-left : auto;
  text-align : center;
}

.nayami_in{
	background-position : center center;
  width : 1000px;
  height : 460px;
  margin-right : auto;
  margin-left : auto;
  background-repeat : no-repeat;
  text-align : center;
}

.kaiketu{
  width : 100%;
  height : 200px;
  margin-right : auto;
  margin-left : auto;
  background-color : white;
}

.kaiketu_in{
	background-position : center center;
  width : 1000px;
  height : 200px;
  margin-right : auto;
  margin-left : auto;
}

.space5{
  height : 5px;
}


.shiraberu_in{
  width : 450px;
  margin-right : auto;
  margin-left : auto;
}


.bad01-1{
  background-image : url(image/images/bad01waku_01.jpg);
  width : 920px;
  height : 67px;
  margin-right : auto;
  margin-left : auto;
}

.bad01-2{
  background-image : url(image/images/bad01waku_02.jpg);
  background-repeat : repeat-y;background-position : center center;
  width : 920px;
  margin-right : auto;
  margin-left : auto;
}

.bad01-3{
  background-image : url(image/images/bad01waku_03.jpg);
  width : 920px;
  height : 17px;
  margin-right : auto;
  margin-left : auto;
}

.bad01_in{
  text-align : left;
  width : 880px;
  margin-right : auto;
  margin-left : auto;
}

.bad01_text{
  text-align : left;
  padding-left : 30px;
  width : 420px;
}


.hiyou_in{
  width : 880px;
  margin-right : auto;
  margin-left : auto;
}

.douga1{
  background-image : url(image/images/dougawaku_01.jpg);
  width : 1000px;
  height : 105px;
  margin-right : auto;
  margin-left : auto;
}

.douga2{
  background-image : url(image/images/dougawaku_02.jpg);
  background-repeat : repeat-y;background-position : center center;
  width : 1000px;
  margin-right : auto;
  margin-left : auto;
}

.douga3{
  background-image : url(image/images/dougawaku_03.jpg);
  width : 1000px;
  height : 118px;
  margin-right : auto;
  margin-left : auto;
}

.qa1{
  background-image : url(image/images/qawaku_01.jpg);
  width : 1000px;
  height : 127px;
  margin-right : auto;
  margin-left : auto;
}

.qa2{
  background-image : url(image/images/qawaku_02.jpg);
  background-repeat : repeat-y;background-position : center center;
  width : 1000px;
  margin-right : auto;
  margin-left : auto;
}

.qa3{
  background-image : url(image/images/qawaku_03.jpg);
  width : 1000px;
  height : 22px;
  margin-right : auto;
  margin-left : auto;
}

.qabox{
  padding-top : 8px;
  padding-left : 8px;
  padding-right : 8px;
  padding-bottom : 8px;border-width : 3px;border-style : ridge;border-color : rgb(32, 32, 32);
  width : 920px;
  margin-right : auto;
  margin-left : auto;
}

.q_font{
  font-size : 17px;
  font-weight : bold;
  color : rgb(3, 106, 202);
}
.sono_in{
  text-align : left;
  width : 870px;
	margin : 10px auto;
}

.font_red{
  color : rgb(204, 0, 0);
}

.option1{
  background-image : url(image/images/optionwaku_01.jpg);
  width : 880px;
  height : 129px;
  margin-right : auto;
  margin-left : auto;
}

.option2{
  background-image : url(image/images/optionwaku_02.jpg);
  background-repeat : repeat-y;background-position : center center;
  margin-right : auto;
  margin-left : auto;
}

.option3{
  background-image : url(image/images/optionwaku_03.jpg);
  width : 880px;
  height : 26px;
  margin-right : auto;
  margin-left : auto;
}

.optionbox{
  width : 840px;
	border : 1px solid #555151;
	text-align : left;
  margin : 0 auto;
	padding : 15px;
}
.profile_in{
	width : 94%;
	margin : 10px auto;
	padding : 10px;
}
.profile_in .check ul {
    margin-left : 0px;
	padding-left: 0px;
	/* 右にインデントされてる部分を無効化する。 */
}
.profile_in .check li {
	list-style-type: none;
	background: url(https://kaibunsyo.com/wp/image/checkmark.png)  0% 4px no-repeat;
	padding: 3px 0px 3px 38px;
	/* 文字が真ん中に位置するように padding で上下の間隔を調整する。*/
	/* 38pxの部分に「画像File」の横幅に隙間分のpxを足した数を入れる */
}
.faq_box{
	width : 880px;
    padding: 20px;
	margin : 15px auto;
	background-color : #fff;
	border : 3px solid #fbd9c3;
}
.q{
  background-image : url(https://kaibunsyo.com/wp/image/q.jpg);
  background-repeat : no-repeat;
  background-position : left top;
  font-size : 18px;
  line-height : 30px;
  padding-left : 42px;
  color : #0745d0;
  padding-top : 5px;
  margin-bottom : 15px;
}

.a{
  background-image : url(https://kaibunsyo.com/wp/image/a.jpg);
  background-repeat : no-repeat;
  background-position : left top;
  padding-left : 42px;
  padding-top : 5px;
}
.box_green{
width : 940px;
margin : 10px auto;
border : 2px solid #4f8e17;
}
.box_blue{
width : 940px;
margin : 10px auto;
border : 2px solid #1258c1;
}
.qa_in{
	width : 94%;
	padding : 10px;
	margin : 10px auto;
}

/* ------------------------------
    追加CSS（スマホ用）
------------------------------ */
@media screen and (max-width: 768px) {
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
	#wrapper{
		width : 96%;
        margin : 0 auto;
		margin-top : -120px;
	}
	.voice_waku{
		width : 92%;
		padding : 8px;
		margin : 10px auto;
	}
	.main_in{
		width : 92%;
		margin : 5px auto;
		padding : 8px;
	}
	.sono_in{
		width : 96%;
		margin : 8px+ auto;
	}
	.optionbox{
		width : 92%;
		margin : 0 auto;
		padding : 5px;
	}
	.box_blue{
		width : 92%;
		padding : 7px;
		margin : 0 auto;
		border : 2px solid #1258c1;
	}
	.box_green{
		width : 92%;
		padding : 7px;
		margin : 0 auto;
border : 2px solid #4f8e17;
}
/* ブロック表示 */
.wp-show-posts-columns .wp-show-posts-single:not(.wp-show-posts-masonry-block) {
display: block;
}

/* 抜粋のフォントサイズ */
.wp-show-posts-entry-content p {
font-size: 15px;
}

/* 記事と記事の間隔 */
.wp-show-posts-columns .wp-show-posts-inner {
margin: 0 0 0px 10px !important;
}

/* 「続きを読む」ボタン */
a.wp-show-posts-read-more, a.wp-show-posts-read-more:visited {
display: initial;
padding: initial;
border: initial;
color: hsl( 123, 100%, 33% );
font-size: 12px;
}

/* 「続きを読む」ボタン（hover時） */
a.wp-show-posts-read-more:focus, a.wp-show-posts-read-more:hover {
border: initial;
color: hsl( 123, 100%, 23% );
background: initial;
}

/* 抜粋の一文目（挨拶文なので消す） */
.wp-show-posts-entry-content p:first-child {
display: none;
}

.kiji ul,
.kiji p{
	margin-left: 20px;
	margin-right: 20px;
}
h2{
	margin-left: 0px;
	margin-right: 0px;
}
.postinfo a{
	background: #cc0000;
	color: white;
	text-decoration : none;
	padding : 3px 5px;
	font-size : 13px;
}
.category_name{
	text-align : center;
    font-size : 22px;
    font-weight : bold;
   margin : 50px 0px 10px 0px;
}
.category_name a{
	background-color : #cc0000;
	color : #ffffff;
	text-decoration : none;
	font-size : 18px;
	padding : 5px 10px;
}