/* 
Theme Name: FLOW2016v3-2
Theme URI: http://www.flow-web.jp/
Version:1.4
 */
 
  /** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}
 
 @charset "utf-8";
 
  @-webkit-keyframes fadein {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-moz-keyframes fadein {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-o-keyframes fadein {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-ms-keyframes fadein {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}

/*主要色の決定*/
:root{
	--maincolor: #2B8BC6;
	--lightcolor: #EEF7FB;
	--markercolor: #FFFE98;
	--whitecolor: #FFFFFF;
	--blackcolor: #333333;
	--greycolor: #F5F5F5;
}

/*全体の調整*/

body{
	margin:0;
	background-color:#FFFFFF;
	font-family: "Noto Sans JP","Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position : relative;
	-webkit-animation: fadein 1.5s;
	-moz-animation: fadein 1.5s;
	-o-animation: fadein 1.5s;
	-ms-animation: fadein 1.5s;
	}

a {
	color:#0645AD;
	text-decoration:none;
}

a:visited{
	color:#0645AD;
}

a:hover{
	color:#E1E1E1;
}

a img{
	border-style:none;
}

img{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: bottom;
}

a:hover img{
	transition: 0.3s;
	opacity:0.5;
}

.center{
	text-align:center;
}

.spimg{
	display:none;
}

#container{
	margin:0;
}

.inner{
	margin:0 auto;
	width: 1120px;
	padding:0 20px;
}

.wid960{
	padding: 0;
	margin:0 auto;
	width: 960px;
}

.wid720{
	padding: 0;
	margin:0 auto;
	width: 720px;
}

/*マーカー・文字色*/
mark, .marker {
	background: linear-gradient(transparent 70%, #FFFF73 60%);
	font-weight: bold;
}

.shadow{
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}


.wp-caption{
	border: 1px solid #AAAAAA;
	text-align: center;
	padding-top: 3px;
}

.thumb{
	text-align: center;
}

/*ブログカード（ショートコードで内部リンク表示）*/
.blog-card {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    word-wrap: break-word;
    margin: 1.5em 0;
    padding: 0;
}
.blog-card a{
	color: var( --blackcolor);
}

.blog-card:hover {
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
	transition: 0.5s;
	color: var( --blackcolor);
}

.blog-card a:hover{
	color: #999999;
}

.blog-card-related{
	color: var( --whitecolor);
	display: inline-block;
	font-size: 0.9em;
	background-color: var( --maincolor);
	padding: 4px;
}

.blog-card a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
.blog-card-thumbnail {
    width: 20%;
    padding: 10px;
}
.blog-card-thumbnail img {
    width: 100%;
    border: none;
    display: block;
    padding: 0;
}
.blog-card-content {
    width: 78%;
    line-height: 1.5;
	padding: 10px;
}
.blog-card-title {
    font-size: 15px;
    font-weight: bold;
    padding: 10px 10px 10px 0;
}
.blog-card-excerpt {
    color: #333333;
    font-size: 13px;
    padding: 0 10px 10px 0;
}
.blog-card-url{
	color: #999999;
	font-size: 0.85em;
}

/* ▽ヘッダー部 */

#header {
	margin:0;
	padding:0;
	background-color: var( --lightcolor);
}

#headline{
	margin:0;
	padding:2px 0;
	font-size:0.8em;
	color:#777777;
}

.header-scroll{
	width:100%;
	background-color:#FFFFFF;
	color:#FFFFFF;
}

#header-title {

}

#header-title:after{
	content:"";
	display:block;
	clear:both;
}

#header-title h1, #header-title .hx{
	float:left;
	font-size: 1.25em;
	margin:0;
	padding:10px 0;
	font-weight:bold;
}

#header-title h1 a, #header-title .hx a{
	text-decoration: none;
	color:#FFFFFF;
}

.top-phone-number{
	font-size: 1.5em;
	margin-top:12px;
	margin-bottom:-12px;
}

.top-phone-info{
	font-size: 0.9em;
}

#topinfo{
	float:right;
}

.header-button{
	border: 1px solid var( --maincolor);
}

#topinfo ul {
	margin: 0;
	padding: 0;
}
#topinfo li{
	list-style: none;
	line-height: 2;
    display: inline-block;
	margin-left:10px;
}

#topinfo li li {
	list-style: none;
	line-height: 2;
}

/*ナビゲーション*/
#menubtn {
	display: none;
}

nav.menu {
	display: block;
}

nav.menu {
	font-size:1em;
	margin:0;
	padding:0;
	background:#2B8BC6;
	width: 100%;
}

nav.menu ul{
	margin:0;
	padding:0;
	list-style:none;
}

nav.menu ul li{
	float:left;
	width:160px;
}

nav.menu ul li a {
	display:block;
	padding:16px 0;
	text-decoration:none;
	text-align:center;
	color:#FFFFFF;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: 0.6s ease;
}

nav.menu ul li a:hover, .main-navi ul li.current-menu-item a:hover{

}

nav.menu ul li.current-menu-item a{
	background-color:#71B6E0;
}

nav.menu ul:after {
	content:"";
	display:block;
	clear:both;
}

nav.menu ul{*zoom:1;
}

.fixed{
	position: fixed;
	top:0 ;
	z-index:100;
	-webkit-box-shadow:0px 4px 4px #CCCCCC;
	box-shadow:0px 4px 4px #CCCCCC;
}

/* ヒーローヘッダー */
#header-text, #subheader-text{
	background-image: url(images/main_bg.jpg);
	background-position: 25% 25%;
	background-size: cover;
	display: flex;
	font-weight: bold;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 40px 0;
}

#subheader-text{
	background-position: 25% 40%;
}

#subheader-text{
	height: 30vh;
	min-height: 200px;
	padding: 0;
}

.herohead, .subherohead{
	color: var(--blackcolor);
    text-shadow: 5px 5px 10px var( --whitecolor), -5px 5px 10px var( --whitecolor),  5px -5px 10px var( --whitecolor),  -5px -5px 10px var( --whitecolor);
	font-size: 42px;
	/*letter-spacing: 0.075em;*/
	margin-left: 0.075em;
	margin: 100px 0 200px;;
	line-height: 1.5;
}

.subherohead{
	font-size: 36px;
	margin: 36px 0 30px;
}

.point-txt {
    font-size: 1.3em;
    /*padding-top: .4em;
    background-position: top left -2px;
    background-repeat: repeat-x;
    background-size: 1.3em .3em;
    background-image: radial-gradient(.15em 1.15em at center center,#FFC926,#FFC926 100%,transparent);*/
    position: relative;
}

.point-txt::before {
    content: "■";
    position: absolute;
    top: -1.3em;
    left: 1.3em;
    font-size: 15px;
    color: #F2F247;
}

#header-text p, #subheader-text p{
	font-size: 20px;
	color: var(--maincolor);
	text-shadow: 2px 2px 2px var( --wahitecolor);
	line-height: 1.6;
}

/* ヘッダー画像 */
#header-image{
	background-size:cover;
	background-position:25% 45%;
	background-image:url(images/main_bg.jpg);
	height:350px;
}

#header-image_mini{
	height:250px;
}

.mainimage-mini{
	padding-top:0;
}

.mainbox{
	padding-top:100px;
}

/* ヘッダーのボックス */
.mainboxl{
	float:left;
	width:50%;
}

.mainboxr{
	float:right;
	width:50%;
}

.mainboxrlt{
	float:left;
	width:50%;
}

.mainboxrrt{
	float:right;
	width:50%;
}

.mainboxrlb{
	float:left;
	width:50%;
}

.mainboxrrb{
	float:right;
	width:50%;
}

.mainboxl img, .mainboxr img{
	max-width:100%;
	height:auto!important;
}

.mainboxl img:hover{
	transform: scale(1.1,1.1);
	opacity:1;
}

.three-box{
	display: flex;
	justify-content: space-between;
}

.box1{
}

.box2{
}

.box3{
	display: flex;
	justify-content: space-between;
}

.boxes3{
	display: flex;
	justify-content: space-between;
	margin-top: -100px;
}

.boxes255{
	display: flex;
	justify-content: space-between;
}

.box3l, .box3m, .box3r{
	flex: 1;
}

.header-box3{
	flex: 1;
	background-color: var( --whitecolor);
	margin-right: 20px;
	margin-bottom: 50px;
	padding: 20px;
}

.thumb-box3{
	flex: 1;
	background-color: var( --lightcolor);
	margin-right: 20px;
	padding: 20px;
}

.info3date{
	padding: 20px 0;
}

.info3title{
	line-height: 1.75;
}

.header-box3:last-child, .thumb-box:last-child{
	margin-right: 0;
}

.header-box3 img, .thumb-box3 img{
	max-width: 100%;
	height: auto;
}

.box255a, .box255b{
	flex: 1;
}

.box255a{
	margin-right: 20px;
}

.okomari-icon{
	margin: 0 auto 20px;
}

.book-icon{
	text-align: center;
	margin: 0 0 20px;
}

.book-icon img{
	height: 200px;
	width: auto;
}

.box255b{
	margin-left: 20px;
}

.hb-head{
	color: var( --maincolor);
	font-size: 2em;
	font-weight: bold;
	margin: 20px 0;
	font-weight: bold;
	text-align: center;
}

.hb-head mark{
	color: var( --maincolor);
}

.header-box3 p{
	line-height: 2;
}

.hb-number{
	font-size: 2em;
}

.boxes228{
	display: flex;
	justify-content: space-between;
	background-color: var( --whitecolor);
	margin-bottom: 50px;
}

.boxes228:last-child{
	margin-bottom: 0;
}

.box228a{
	flex: 2;
}

.box228b{
	flex: 8;
	padding: 40px;
}

.box1 p, .box2 p, .box3 p{
	font-size:0.875em;
	color:#444444;
	padding:8px;
	line-height:1.8;
}

.box1 img, .box2 img, .box3 img{
	width:100%;
	height:auto!important;
}

.box-h{
	font-size:1.1em;
	text-align:center;
	padding:12px 0;
	color:#333333;
	font-weight:bold;
	line-height:1.5;
}

.four-box{
	display: flex;
	justify-content: space-between;
}

.four-box:after{
	
}

.scalearea {

}
.four-box img {
    -moz-transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    transition: 0.2s linear;
}
.four-box a img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	opacity:1;
}

.fb-all{
	flex: 1;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	margin-right:20px;
}

.fb-all:last-child{
	margin-right: 0;
}

.box41{
}

.box42{
}

.box43{
}

.box44{
}

.box41 img, .box42 img, .box43 img, .box44 img{
	width:100%;
	height:auto!important;
}

#top-lp .box41 p,#top-lp .box42 p,#top-lp .box43 p,#top-lp .box44 p{
	font-size:0.875em;
	color:#444444;
	padding:8px;
	line-height:1.8;
}

/* パンくずリスト */
.breadcrumbs{
	background-color: var( --whitecolor);
	font-size:0.875em;
	margin-bottom: 20px;
	padding:10px 0 0;
}

.breadcrumbs a{

}

/*▽コンテンツ部*/

#content {
	margin:0;
}

#content:after{
	content:"";
	display:block;
	clear:both;
}

#content-left{
	float: left;
	margin:20px 0 40px;
	width:760px;
}

/*トップページLP*/

/*上から*/
.movimg{
	opacity: 0;
	transition: 1s;
	transform: translate(0,80px); 
	-webkit-transform: translate(0,80px); 
}
.movimg-go{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/*左から*/
.sidimg{
	opacity: 0;
	transition: 1s;
	transform: translate(-120px,0); 
	-webkit-transform: translate(-120px,0); 
}
.sidimg-go{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/*右から*/
.rigimg{
	opacity: 0;
	transition: 1s;
	transform: translate(120px,0); 
	-webkit-transform: translate(120px,0); 
}
.rigimg-go{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/*フェードイン*/
.fadimg{
	transition: .8s;
	opacity: 0;
}

.fadimg-go{
	opacity: 1.0;
}

/*背景色*/
.bg-white{
	background-color:#FFFFFF;
}

.bg-whitebox{
	background-color:rgba(255,255,255,0.85);
}

.bg-maincolor{
	background-color:#2B8BC6;
}

.bg-lightmaincolor{
	background-color:#EEF7FB;
}

.bg-gray{
	background-color:#F5F5F5;
	background-size:cover;
	background-attachment: fixed;
	background-position:25% 35%;
	background-image:linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0.5)), url(images/bg-contact.jpg);
}

.bg-case{
	background-color:#F5F5F5;
	background-size:cover;
	background-attachment: fixed;
	background-position:25% 35%;
	background-image:linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0.5)), url(images/case-bg.jpg);
}

/*余白*/
.pad10{
	padding:10px 0;
}

.pad20{
	padding:20px 0;
}

.pad30{
	padding:30px 0;
}

.pad50{
	padding:50px 0;
}

.padt20{
	padding-top:20px;
}

.padt30{
	padding-top:30px;
}

.padt50{
	padding-top:50px;
}

.padb20{
	padding-bottom:20px;
}

.padb30{
	padding-bottom:30px;
}

.padb50{
	padding-bottom:50px;
}

.padr10{
	padding-right:10px;
}

#top-lp i{
	padding-right:6px;
}

#top-lp .lp-header{
	background-color:#2B8BC6;
}

#top-lp h2{
	text-align:center;
	font-size:2.25em;
	font-weight:bold;
	color: var( --blockcolor);
	line-height:150%;
}

#top-lp .bg-white h2{
	color: var( --blockcolor);
}


#top-lp h3{
	font-size:1.3em;
	font-weight: bold;
	color:#2B8BC6;
	margin-bottom:12px;
	line-height:150%;
}

#top-lp .sect-book h3{
	font-size: 1.2em;
	text-align: center;
}

#top-lp .bg-maincolor h3, #top-lp .brown h3, #top-lp .bg-green h3, #top-lp .bg-blue h3{
	font-size:2em;
	color:#FFFFFF;
	margin-bottom:12px;
}

#top-lp p{
	font-size:1em;
	line-height:2;
	color:#444444;
	margin-bottom:18px;
}

#top-lp .lp-header p{
	text-align:center;
}

#top-lp .bg-maincolor .lp-header p, #top-lp .bg-brown .lp-header p, #top-lp .bg-green .lp-header p, #top-lp .bg-blue .lp-header p{
	color:#FFFFFF;
}

#top-lp img.onayami{
	margin:0 auto;
	display:block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding:10px 0 20px;
}

#top-lp ul li{
	font-size: 1.2em;
	list-style-type: disc;
	line-height: 2;
	margin-left: 1em;
}

.profile p{
	font-size:0.9em;
}

.boxes228{
	align-items: center;
}

.box228a{
	padding: 20px;
}

.box228a img{
	max-width: 100%;
}

.okomari-icon, .faq-icon{
	text-align: center;
}

.okomari-icon img, .faq-icon img{
	width: 30%;
}

/* 64横並び */
.twobox-64{
	display: flex;
	justify-content: space-between;
}

.twobox-64 h3{
	font-size:1.5em;
}

.twobox-64 p{
	line-height: 2;
}

.twobox-64 img{
	max-width:100%;
	height:auto!important;
}

.twobox-64l{
	width:58%;
}

.twobox-64r{
	width:38%;
}

.twobox-64:after{

}

/* 46横並び */
.twobox-46{

}

.twobox-46 img{
	max-width:100%;
	height:auto!important;
}

.twobox-46l{
	float:left;
	width:38%;
	padding:0;
}

.twobox-46r{
	float:right;
	width:58%;
	padding:0;
}

.twobox-46:after{
	content:"";
	display:block;
	clear:both;
}

/* 37横並び */
.twobox-37{

}

.twobox-37 img{
	max-width:100%;
	height:auto!important;
}

.twobox-37l{
	float:left;
	width:23%;
	padding:0;
}

.twobox-37r{
	float:right;
	width:73%;
	padding:0;
}

.twobox-37:after{
	content:"";
	display:block;
	clear:both;
}

/* 55横並び */
.twobox-73{
	text-align:left;
}

.twobox-55 h3{
	font-size:1.5em;
}

.twobox-55 p{
	line-height: 2;
}

.twobox-55 img, .twobox-55 input{
	max-width:100%;
	height:auto!important;
}

.twobox-55l{
	float:left;
	width:48%;
	padding:0;
}

.twobox-55r{
	float:right;
	width:48%;
	padding:0;
}

.twobox-55:after{
	content:"";
	display:block;
	clear:both;
}

/*LP内３ボックス*/
.lp-box{

}

.lp-box:after{
	content:"";
	display:block;
	clear:both;
}

.fixblock {
	background: url("images/hikari-office2.jpg");
	background-size: cover;
	background-attachment: fixed;
	width:100%;
	height:100%;
}


/*問い合わせボックス(contact-box.php)*/
.contact-box, .contact-topbox{
	background-color: var( --maincolor);
    color: var( --whitecolor);
	padding: 30px 0;
}

.contact-topbox{

}

#header-text .contact-box, #header-text .contact-topbox{
	text-align: left;	
}

#header-text .topbox3 p{
	color: var( --blackcolor);
	font-size: 1em;
	font-weight: normal;
	text-align: left;
}

.contact-topbox{
	/*background-color: rgba(255,255,255,0.8);*/
}

.contact-box img, .contact-topbox img{
	max-width: 100%;
	height: auto;
}

.cb-left{
	flex: 75;
}

.cb-right{
	flex: 25;
	padding-left: 50px;
}

.cb-imagesub{
	font-size: 0.8em;
	line-height: 1.5;
	padding-top: 10px;
}

.cb-title{
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.5;
	padding-bottom: 10px;
	text-align: center;
    color: var( --whitecolor);
}

.cb-sub{
    font-size: 1.2em;
	text-align: center;
	line-height: 1.5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cb-main{
	text-align: center;
	padding: 20px 0 0;
}

.cb-main-left{
	flex: 1;
    padding: 0 50px;
    text-align: center;
}

.cb-main-right{
	flex: 1;
    padding: 0 50px;
    text-align: center;
}

.cb-main-left-txt {
	font-size: 1em;
    margin-bottom: 20px;
	font-weight: bold;
	line-height: 1.5;
}

.cb-tel{
	font-size: 120%;
}

.cb-number{
	font-size: 2.8em;
    color: var( --whitecolor);
    font-weight: bold;
}

.cb-number a{
    color: var( --whitecolor);
}

.mobile{
	margin-right: 10px;
}

.cb-info{
	background: var( --whitecolor);
	color: var( --blackcolor);
	font-size: 0.8em;
	line-height: 1.5;
	padding: 8px;
	text-align: center;
}

#top-lp .contact-box p{
	margin: 0;
	padding: 6px;
	text-align: center;
	line-height: 1;
	border: 1px solid var( --maincolor);
}

.cb-button{
	margin: 0 auto;
	width: 320px;
}

.contact-topbox .simple-button {
	font-size: 1.1em;
	display: block;
	width: 100%;
	padding: 16px 20px;
	text-align: center;
	text-decoration: none;
	color: var( --maincolor);
	background: var( --whitecolor);
	border-radius: 28px;
	margin-top: 6px;
	box-sizing: border-box;
	border: 1px solid #FFFFFF;
}

.contact-topbox .simple-button a{
	color: var( --maincolor);
}


/*投稿*/
#post {
	color:#444444;
	font-size: 1em;
	line-height: 1.8;
	background-color:#FFFFFF;
	margin-bottom:20px;
}

.entry{
	padding:0;
}

#post p{
	line-height: 1.9;
	margin-bottom:1em;
}

.entrytitle{
	color:#FFFFFF;
	font-size:1.3em;
	padding:20px;
	margin-bottom:20px;
	background-color:#2B8BC6;
}

.entrytitle a{
	color:#FFFFFF;
	text-decoration:none;
}

.entry h2 {
	background-color: #EEF7FB;
	color: #2B8BC6;
	font-size: 1.5em;
	font-weight: normal;
	padding: 8px;
	margin: 30px 0;
	border: 2px solid #2B8BC6;
}

.entry h3 {
	color: #2B8BC6;
	font-size: 1.5em;
	font-weight: normal;
	padding: 4px;
	margin: 30px 0;
	border-bottom: 2px solid #2B8BC6;
}

.entry h4 {
	color: #2B8BC6;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 10px;
	margin-bottom:10px;
	border-left:4px solid #2B8BC6;
}

.midashi-large{
	color: #FFFFFF;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.75;
	background-color: #2B8BC6;
	background: url("images/midashi-bg.png");
	background-repeat: no-repeat;
	background-position: top right;
	margin: 10px 0 20px;
	padding: 20px;
}

.midashi-large a{
	color: #FFFFFF;
	text-decoration: underline;
}

/*記事内の画像*/
#post img{
	max-width: 100%;
	height: auto!important;
}


.catchimg img{
	clear:both;
	display: block;
	max-width: 100%;
	height: auto !important;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:10px;
}

.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.alignright{
	float: right;
	margin-left:10px;
	margin-bottom: 10px;
}

.wp-caption{
	border: 1px solid #AAAAAA;
	text-align: center;
	padding-top: 3px;
}

.thumb{
	text-align: center;
}


/* 記事のテーブル */
table {
	margin: 0 0 1em 0;
	border-collapse: collapse;
}

td {
	border: 1px solid #cccccc;
	padding: 15px;
	font-size: 1em;

}

th {
	padding: 15px;
	font-size: 1em;
	text-align: center;
    background-color:#2B8BC6;
	color:#ffffff;
	font-weight:bold;
	border: 1px solid #ffffff;
}

#post ul, #post ol {
	margin:5px 0;
	line-height:1.8;
	color:#444444;
}
#post ul{
	padding:8px 8px 8px 30px;
	list-style-type:disc;
}
#post ol{
	margin:10px 20px;
	list-style-type:decimal;
}

#post ol li, #post ul li{
	margin-bottom:0.3em;
}

/*インタビュアー*/
.interviewer{
	color: #333333;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 10px;
}

.interviewee{
	background-color: #2B8BC6;
	color: #FFFFFF;
	padding: 0 8px;
	margin-right: 0.5em;
}

/*続きを読む*/
#post p.more{
	margin:10px 0px 40px 0px;
	text-align:right;
	font-size:0.875em;
}

#post p.more a{
	color:#444444;
	padding:4px 8px;
	background-color:#F1F1F1;
	border:1px solid #CCCCCC;
	text-decoration:none;
}

#post p.more a:hover{
	color:#FFFFFF;
	background-color:#2B8BC6;
	border:1px solid #CCCCCC;
}


/*お問合せコーナー*/
.soudan-phone, .soudan-web, .soudan-mail {

}

.soudan-phone{
}
.soudan-web {
	background-image:url(images/icon_web.png);
}
.soudan-mail {
}

.soudan-area{
	margin:0;
	padding:20px;
	background-color:#FFFFFF;
}

.soudan-area img{
	max-width:100%;
	height:auto!important;
}

.soudan-tel {
	text-align:center;
	margin:10px 0 20px;
}

.wpcf7-textarea{
	width:98%;
}

.wpcf7-radio .wpcf7-list-item {
    margin-top:10px;
    display: block;
}

.con-com{
	color: #2B8BC6;
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom:10px;
	border-bottom:2px solid #2B8BC6;
	padding:4px 0;
}

.lp-soudan{
	margin:0 auto;
	width:640px;
	padding:0;
}

.lp-soudan img{
	max-width: 100%;
}

.lp-soudan .soudan-area{
}

.wpcf7-submit {
font-size: 1.2em;
padding: 5px 20px;
background-color: #2B8BC6;
color: #fff;
border-style: none;
width: 100%;
}
 
.wpcf7-submit:hover:enabled {
background-color: #999;
color: #fff;
}

.form7-must {
	background: var(--maincolor);
	color: var(--whitecolor);
	font-size: 0.75em;
	padding: 2px;
	margin-left: 10px;
	letter-spacing: 2px;
}

/*ページナビ*/
.pagination {
	padding:20px;
	position:relative;
	font-size:0.875em;
	line-height:1.5;
}

.pagination:after{
	content:"";
	display:block;
	clear:both;
}
  
.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#444444;
	background: #F1F1F1;
	border:1px solid #CCCCCC;
}
  
.pagination a:hover{
	color:#FFFFFF;
	background: #EEEEEE;
}
  
.pagination .current{
	padding:6px 9px 5px 9px;
	background: #2B8BC6;
	color:#FFFFFF;
}

/*▽サイドバー部*/
#sidebar {
	float: right;
	width: 300px;
	font-size: 1em;
	background:#FFFFFF;
	margin:20px 0 40px;
}

#sidebar-2{
	float:right;
}

/*サイドバーの見出し*/
.side-h {
	color: #FFFFFF;
	margin: 0;
	padding: 4px 10px;
	background-color:#2B8BC6;
	font-size:1.1em;
}
/*リスト表示*/
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar li{
	list-style: none;
	line-height: 2;
}

#sidebar-2 li, #sidebar-2 li li{
	display:inline;
}

#sidebar li li {
	list-style: none;
	line-height: 2;
}

#sidebar li li a{
	display:block;
	padding:6px 0;
	background-color:#FFFFFF;
	border-bottom:1px solid #EFEFEF;
}

#sidebar li li a:hover {
	background-color:#EFEFEF;
	color:#444444;
}

#sidebar img {
	max-width: 100%;
	height: auto !important;
}

#sidebar p{
	margin:0 0 20px;
}

#sidebar .textwidget{
	padding:10px 0;
	font-size:90%;
}

.books:after{
	content:"";
	display:block;
	clear:both;
}

/*問い合わせボタン*/
.simple-button {
	font-size: 1.1em;
	display: block;
	width: 100%;
	padding: 16px 20px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	background: #2B8BC6;
	border-radius: 0px;
	margin-top: 6px;
	box-sizing: border-box;
	border: 1px solid #FFFFFF;
}

.simple-button:hover {
	 opacity:0.8;
	 cursor: pointer;
	 text-decoration: none;
}

.simple-button a{
	color: #FFFFFF;
}

/*サイドバーのコンタクト（ウィジェットで作成）*/
.sidecontact-box{
	background-color: #71B6E0;
	color: #FFFFFF;
	font-weight: bold;
	padding: 20px;
	border: 1px solid  #2B8BC6;
}

.sidecontact-title{
	font-size: 1.5em;
	color: #FFFFFF;
	text-align: center;
}

.sidecontact-title{
	font-size: 1.3em;
}

.sidecontact-subtitle{
	font-size: 1em;
	color: #FFFFFF;
	text-align: center;
}

.sidecontact-number{
	font-size: 2em;
	text-align: center;
	color: #FFFFFF;
}

.sidecontact-number a{
	color: #FFFFFF;
}

.sidecontact-box .simple-button{
	border: 1px solid #2B8BC6;
	box-sizing: border-box;
	padding: 10px;
}

.sidecontact-info{
	margin-top: 20px;
	text-align: center;
	color: #FFFFFF;
	line-height: 1.5;
}


/*▽フッター*/

#footer{
	background-color:#2B8BC6;
	color:#FFFFFF;
	font-size:0.875em;
	padding:20px 0;
	text-align:center;
}

#footer a{
	color:#FFFFFF;
}

/*ページトップへ*/
#back-top {
    position: fixed;
    bottom: 5%;
    right: 3%;}

#back-top span {
    display: block;}