/*
Theme Name: keyaki-publishing
Description:けやき出版サイト
Theme URI: テーマの URL
Author: 作った人の名前
Author URI: 作った人の URL
Version: バージョン
License: ライセンス
License URI: ライセンスの URL
*/

/*-----------body-----------*/
body {
	font-size: 75%;
	color:#2F3131;
	margin: 0px;
	padding: 0px;
	line-height: 1.1;
	border: 0;
	background-repeat:repeat-y repeat-x;
	background-color: #FFF;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, img, table, th, td, form {
	margin: 0px;
	padding: 0px;
	line-height: 1.1;
	border: 0;
	font-size: 1em;
	letter-spacing:2px;
}
p, div {
	line-height: 1.25;
}
textarea, select {
	font-size: 1em;
	border:#666 solid 1px;
}
a {
	text-decoration: none;
}
ul, ol {
	list-style-type: none;
}
a:link {
	color:#3c3c3c;
}
a:visited {
	color:#3c3c3c;
}
a:hover {
	color:#50accc;
}
a:active {
	color:#50accc;
}

img {
	padding:0px;
	margin:0px;
}

/*マウスオーバー画像半透明*/
.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
.fade:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=60);  
}  

/*トップカルーセルfade*/
.sbtn:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=80);  
}

/*floatの解除*/
.clearfix:after {
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
.clearfix {
    min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
    height: 1px;
    /*¥*//*/ /*MAC IE5.x対策*/
    height: auto;
    overflow: hidden;
    /**/
}


/********************
header
********************/
#headder{
	width:100%;
	height:20px;
	padding:8px 0 0 0;
	background-color:#50accc;
}

.head_box{
	width:1020px;
	margin:0 auto;
}

.head_box p{
	width:210px;
	float:left;
	color:#FFF;
}

.head_box ul{
	float:right;
}

.head_box ul li{
	float:left;
	padding:0 5px;
	color:#FFF;
}

.head_box ul li a{
	color:#FFF;
}

.head_box ul li.head_sp_btn{
	margin-top:-8px;
}

/**タイトル部分*/
#head_title{
	width:1020px;
	height:80px;
	margin:30px auto 0 auto;
}


#head_title h1{
	float:left;
	margin-right:20px;
}

#head_title p{
	float:right;
	height: 50px;
	line-height: 50px;
	color:#50accc;
}

#head_title p a{
	color:#3c3c3c;
}


/********************
menu
********************/
.navi_menu{
	width:100%;
	margin:0 auto 0 auto;
	border-top:solid 1px #999;
	border-bottom:solid 1px #999;
}

#head_title ul{
	float:right;
	width:610px;
	margin:0 auto;
}
#head_title ul li{
	padding:12px;
	float:left;
}

#head_title ul li.menu_first{
	padding-left:0;
	float:left;
}

#head_title ul li.menu_last{
	padding-right:0;
	float:left;
}



/********************
main-contents
********************/
/**トップカルーセル**/
#slider {
	width:	960px;
	height:	480px;
	margin: 0 auto;
}

#wrapper{
	width:960px;
	margin:0 auto;
}

.top_area{
	margin:25px 0;
}

.carousel{
	float:left;
}

.top_area p {
	float:right;
}

/**コンテンツ**/
h2 img{
	margin:25px 0;
}

.top_about{
	float:left;
}

.top_blog_top{
	float:right;
}

.top_cont_bottom{
	margin-bottom:8px;	
}

.top_blog_post_area{
	margin:5px;
	padding:0 0 5px 0;
}

.top_blog_post_area p img{
	float:left;
	margin:0 15px 0 0;
}

.top_blog_date{
	font-size:9px;	
	margin:5px 0;
}

.top_blog_title{
	font-weight: bold; 
}

/**おすすめ本**/
.top_book_ossm{
	float:left;	
	text-align:center;
	margin:0 38px;
}

.top_book_ossm p{
	margin:5px 0;
	font-weight: bold;
}

.top_book_ossm p a {
	display: inline-block;
}

/* add */
.top_book_ossm .bookimg {
	position: relative;
	width: 160px;
	height: 230px;
	overflow: hidden;
}
.top_book_ossm .bookimg img {
	width: 100%;
	height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.top_book_ossm .text {
	width: 160px;
}

.ossm_more{
	width:890px;
	margin:30px auto 0 auto;
	text-align:right;
}

.ossm_more a{
	border-bottom:dashed 1px #50accc;
	padding-bottom:5px;
}

/**マップ**/
.top_map_text{
	text-align:center;	
}

.top_map_text img{
 	margin:15px 0;
}

.top_map_text iframe{
 	margin:15px 0;
}

.top_map_text p{
 	margin:5px 0;
}

/********************
about
********************/
/*背景画増ヨコ幅フル
#about_top {
	width: 100%;
	min-width: 1020px;
	min-height: 800px;
	background: url("images/about_top_all.jpg") no-repeat;
	background-position: center center;
	background-size: 100% auto;
	padding:40px 0;
}
*/

#about_top {
	height: 0;
	padding-top: 48.75%;/*表示画像の高さ ÷ 表示画像の幅 × 100*/
	background: url("images/about_top_all.jpg") no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#about_top h2 {
	width: 339px;
	height: 246px;
	margin: 0 auto;
}

.about_top_text_box{
	margin:60px auto 0 auto;
}


.about_top_text{
	font-size:20px;
	text-align:center;	
	line-height: 1.9em;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:400;
	color:#000;
	margin:30px 0;
}

.about_aisatsu{
	background-image: url("images/about_aisatsu.png");
	background-repeat: no-repeat;
	width:600px;
	height:450px;
	margin:0 auto 0 auto;
	padding:70px 0 0 260px;
}

/*写真無しバージョン
.about_aisatsu{
	width:740px;
	height:450px;
	margin:0 auto 0 auto;
	padding:70px 0 0 0;
}
*/

.about_aisatsu h3{
	font-size:22px;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:400;
}

.about_aisatsu p{
	margin:20px 0;
	font-size:14px;
	line-height: 1.5em
}

.about_aisatsu p.signature{
	margin-top:35px;
	text-align:right;
}

.blue_line{
	background-image: url("images/about_line.png");
	background-repeat: no-repeat;
	height:10px;
	width:960px;
}

h2.about_henshubu{
	text-align:center;
	margin:20px 0;	
}

.about_menber{
	width:870px;
	margin:0 auto;
}

.about_menber div{
	float:left;
	width:190px;
	text-align:center;
	margin:0 50px;
}

.about_menber div p{
	font-weight:bold;
	margin-top:10px;	
}

.about_blog{
	background-image: url("images/about_brog_bg.png");
	background-repeat: no-repeat;
	height:130px;
	width:380px;
	margin:25px;
	padding:40px 0 0 500px;
}

.about_koma{
	background-image: url("images/about_koma.png");
	background-repeat: no-repeat;
	width:964px;
	height:330px;
	margin:40px auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

p.kwsk_btn{
	text-align:center;
	margin-bottom:30px;	
}

h2.about_left{
	margin:20px 0;	
}

/*会社情報テーブル*/
table.type01 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	width:900px;
	margin:0 auto 25px auto;
}
table.type01 th {
	width: 250px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	background-color:#fafafa;
	border: 3px solid #FFF;
}
table.type01 td {
	width: 650px;
	padding: 10px;
	vertical-align: top;
	background-color:#f2f2f2;
	border: 3px solid #FFF;
}

/********************
book-list
********************/
#column_left{
	width:170px;
	float:left;	
	margin-top:8px;
}

#column1{
	width:170px;
	background-image: url("images/book-list_line2.png");
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom:20px;
	margin-bottom:50px;
}

#column1 h2 img{
	margin:10px 0;
}

#column1 ul li{
	background-image: url("images/book_cote_icon.png");
	background-repeat: no-repeat;
	background-position: 20px;
	background-color:#50accc;
	padding:10px 0 10px 40px;
	margin:20px 0 20px 0;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:400;
	font-size:16px;
}

#column1 ul li a{
	color:#FFF;
}

#column1 ul li a:hover{
	color:#333;
}

#column1 ul li.book-self{
	margin:0 0 0 0;
}

#column1 ul li.book-self a:hover{
	color:#333;
}


#column1 ul ol{
	margin-bottom:30px;
	border: 1px solid #50accc;
}

#column1 ul ol li{
	font-family: 'Noto Sans Japanese', serif;
	font-weight:400;
	font-size:12px;
	padding:0 0 0 10px;
	background-image:none;
	background-color:#FFF;
}

#column1 ul ol li a{
	color:#333;
}

#column1 ul ol li a:hover{
	color:#50accc;
}


#column1_tag{
	width:170px;
	margin-bottom:50px;
	border: 1px solid #50accc;
}

#column1_tag h2{
	background-color:#50accc;
	margin:0 0 10px 0;
	padding:5px 0;
	text-align:center;
	color:#FFF;
}

#column1_tag ul li{
	padding:0 0 0 5px;
	margin:10px 0;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:200;
	font-size:14px;
}


#column2{
	margin:0 0 0 70px;
	width:700px;
	float:left;	
}

#column2 h2{
	width:631px;
	height:29px;
	padding:8px 0 0 40px;
	margin-top:8px;
	background-image: url("images/book-list_title.png");
	background-repeat: no-repeat;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:400;
	font-size:18px;
	color:#FFF;
}

#column2 h2 a{
	color:#fff;
}

#column2 h2 a:hover{
	color:#CCC;
}

#column2 div{
	width:212px;
	height:323px;
	margin:24px 6px;
	float:left;
}

#column2 div p{
	text-align:center;
	margin-bottom:15px;
}

#column2 div p a{
	font-family: 'Noto Sans Japanese', serif;
	font-weight:400;
	font-size:14px;
}


#column2 ul{
	width:177px;
	margin:0 auto;

}

#column2 ul li{
	float:left;
	margin:0 3px;
}
.column_book > .fade > a > img {
    max-width: 210;
    height: auto;
    max-height: 240px;
    width: auto;
}

.book_top_h2{
	width:631px;
	height:29px;
	padding:8px 0 0 40px;
	margin-top:8px;
	background-image: url("images/book-list_title.png");
	background-repeat: no-repeat;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:400;
	font-size:18px;
	color:#FFF;
}

.book_top_div{
	width:212px;
	height:323px;
	margin:24px 6px;
	float:left;
}

.book_top_div p{
	text-align:center;
	margin-bottom:15px;
}

.book_top_div p a{
	font-family: 'Noto Sans Japanese', serif;
	font-weight:400;
	font-size:14px;
}


.book_top_div ul{
	width:177px;
	margin:0 auto;

}

.book_top_div ul li{
	float:left;
	margin:0 3px;
}

.book_top_more {
	width:650px;
	text-align:right;
	margin-bottom:20px;
}

.book_top_more a{
	border-bottom:dashed 1px #50accc;
	padding-bottom:5px;
}

/*パンくず*/
div.breadcrumbs {
    margin-left: 222px;
    padding:5px 0 0 10px;
}

/********************
検索フォーム
********************/
 
#search {
     padding-top: 0px;
     padding-bottom: 0px;
}
 
#s  {
     width: 120px;　// 検索フォームの横幅
     height: 17px;　// 検索フォームの文字記入部分の高さ
     border: 1px solid #999;　// 検索フォームのボーダー　1pxあるのに注意
     color: #333;　//検索フォームの文字色
     padding: 4px 10px;　// 検索フォームの文字記入部分の上の空きスペース
     background-color: #fff;　　// 検索フォームの背景色
     font-size: 14px;　// 検索フォームの文字サイズ
}  
#searchsubmit {
     position: absolute;
     top: 0;
     _top: 1px;
     left: 120px; // 検索フォームの横幅と同じ長さを指定
}  
*:first-child + html #searchsubmit    {  
    top: 1px;  
}  
 
#search #searchform {
     position: relative;
}

/********************
ページ送り
********************/
#pagination{
    text-align: center !important;;
	width:700px !important;;
	height:35px !important;;
}
a.page-numbers,
#pagination .current{
    background: #fff;
    border: solid 1px #50accc;
    padding:5px 8px;
    margin:0 2px;
    text-decoration: none;
}
#pagination .current{
    background: #50accc;
    border: solid 1px #50accc;
    color: #fff;
}

/********************
book-detail
********************/

#column2_d{
	margin:0 0 0 70px;
	width:700px;
	float:left;	
}

#column2_d h2{
	width:631px;
	height:29px;
	padding:8px 0 0 40px;
	margin-top:8px;
	background-image: url("images/book-list_title.png");
	background-repeat: no-repeat;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:400;
	font-size:18px;
	color:#FFF;
}

#column2_d div{
	border-bottom:solid 1px #999;
	margin:25px 0;
	padding-bottom:20px;
}

#column2_d p.float{
	float:left;
	width:330px;
	margin:10px 0;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:400;
	font-size:18px;
}

/*書籍情報テーブル*/
table.type02 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	width:300px;
	margin:20px 0;
}
table.type02 th {
	width: 40px;
	padding: 10px 0;
	font-weight: bold;
	vertical-align: top;
}
table.type02 td {
	width: 100px;
	padding: 10px;
	vertical-align: top;
}

div#book_deta_text{
	border-bottom:solid 1px #FFF;
}

#book_deta_text p{
	margin:10px 0;	
}

.book_btn_m{
	margin:5px 0;
}

/********************
dekirukoto
********************/
#dekirukoto_top h2{
	background-image: url("images/dekirukoto_title.png");
	background-repeat: no-repeat;
	width:545px;
	height:199px;
	margin:40px auto 40px auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.dekirukoto1_box{
	width:818px;
	margin:0 auto 30px auto;
	padding:25px 0;
	background-image:url("images/about_line.png");
	background-repeat: no-repeat;
	background-position:bottom;
}

.dekirukoto2_box{
	width:960px;
	margin:0 auto 30px auto;
	padding:25px 0;
}

p.dkr_box_left{
 float:left;
}

div.dkr_main_box{
	float:left;
	width:400px;
	margin-left:40px;
}

div.dkr_main_box h3{
	font-family: 'Noto Sans Japanese', serif;
	font-weight:400;
	font-size:20px;
	margin:10px 0;
}

p.dkr_honmon{
	font-family: 'Noto Sans Japanese', serif;
	font-weight:200;
	font-size:16px;
	line-height:24px;
	margin:30px 0;
}

p.dkr_box_btn{
	margin:10px 0;
 	float:right;
}

.dkr_web h2{
	background-image: url("images/dekirukoto_web.png");
	background-repeat: no-repeat;
	width:960px;
	height:32px;
	margin:40px auto 40px auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.dkr_web2 h2{
	background-image: url("images/dekirukoto_event.png");
	background-repeat: no-repeat;
	width:960px;
	height:32px;
	margin:40px auto 40px auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.dkr_web_box{
	float:left;
	width:420px;
	margin:20px 0 20px 40px;
}

p.dkr_web_left{
	float:left;
}

.dkr_web_main{
	float:left;
	margin-left:10px;
}

.dkr_web_main h3{
	font-size:12px;
	margin-bottom:20px;
}

p.dkr_web_honmon{
	width:200px;
	line-height:18px;
}

p.dkr_tiaws_btn{
	width:100%;
	text-align:center;
	margin-top:50px;
}

/********************
self-publishing
********************/
#self_pub_bg{
	width: 100%;
	min-width: 1000px;
	height:400px;
	background-image: url("images/self_top_all.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}

#self_pub_bg{
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#self_pub_title h2{
	background-image: url("images/self_title.png");
	background-repeat: no-repeat;
	background-position: center center;
	width:343px;
	height:74px;
	margin:20px auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

p.self_pub_pict{
	background-image: url("images/self_pict.png");
	background-repeat: no-repeat;
	width:743px;
	height:466px;
	margin:20px auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.self_pub_text{
	width:750px;
	margin:0 auto;

}
.self_pub_text p{
	font-family: 'Noto Sans Japanese', serif;
	font-weight:400;
	font-size:19px;
	margin:40px 0;
	line-height:24px;
}

#self_h_1 h3{
	background-image: url("images/self_h_1.png");
	background-repeat: no-repeat;
	border-bottom:solid 5px #ffe500;
	width:164px;
	height:28px;
	margin:100px auto 40px auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.self_seisaku{
	background-image: url("images/self_seisaku.png");
	background-repeat: no-repeat;
	width:911px;
	height:207px;
	margin:40px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.self_okigaruni{
	background-image: url("images/self_okigaruni.png");
	background-repeat: no-repeat;
	width:377px;
	height:29px;
	margin:80px auto 0 auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#self_h_2 h3{
	background-image: url("images/self_h_2.png");
	background-repeat: no-repeat;
	border-bottom:solid 5px #ffe500;
	width:227px;
	height:29px;
	margin:120px auto 40px auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.self_sakuhin{
	float:left;
	width:170px;
	margin:10px 30px;
}

.self_sakuhin p{
	text-align:center;
}

/********************
tama-area
********************/
.tama_area_title {
	font-family: 'Noto Sans Japanese', serif;
	font-weight:400;
	font-size:28px;
	text-align:center;
	margin-bottom:50px;
}

.tama_area_text{
	font-family: 'Noto Sans Japanese', serif;
	font-weight:400;
	font-size:18px;
	text-align:center;
}

.tama_map_box{
	width:761px;
	margin:50px auto;
}

.tama_map_book_box{
	width:960px;
	margin:10px auto;
}

.tama_map_book_box h3{
	width:940px;
	background-color:#50accc;
	color:#fff;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:400;
	font-size:18px;
	padding:10px;
	margin-bottom:20px;
}

.tama_map_book{
	float:left;	
	text-align:center;
	margin:0 25px;
	height:290px;
}

.tama_map_book p{
	margin:5px 0;
	width:170px;
	font-weight: bold; 
}


/********************
contact
********************/
.contact_box{
	width:500px;
	margin:60px auto;
}

.contact_box p{
	margin:20px;
}

.contact_box p .cont_red{
	color:#C30;
}

.cont_text{
	width:500px;
	margin:10px auto 40px auto;
	font-size:14px;
}

.wpcf7{
	margin:0 auto;	
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 select,
.wpcf7 textarea {
	background-color: #fff;
	width:480px;
	color: #333;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	margin:10px auto;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}

.wpcf7 input[type="submit"] {
	font-size: 100%;
	padding: 0.2em 0.4em;
	background: #eee;
	color: #333;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
	border: 1px solid #ccc;
	text-shadow: -1px 1px 0 rgba(255,255,255,1);
}

p.check{
	font-size:9px;
	float:left;
	margin:0 20px 0 0;	
}



/********************
blog
********************/
#blog_title h2{
	margin:40px auto;
	text-align:center;
}
#post_box{
	width:680px;
	float:left;
}
.flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#post_box.flex {
	justify-content: flex-start;
}
.postblock {
	width: 200px;
	margin-left: 40px;
	margin-bottom: 60px;
}
.postblock:nth-child(3n+1) {
	margin-left: 0;
}
.postblock img {
	width: 100%;
	height: auto;
}
.postblock a img {
  transition-duration: 0.3s;
}
.postblock a:hover img {
  transform: scale(1.04);
  transition-duration: 0.3s;
}
.postblock .post_date {
	display: inline-block;
	width: auto;
	font-size: 10px;
	margin: 10px 0;
}
.postblock .cate_pos {
	display: inline-block;
	width: auto;
	font-size: 10px;
	margin: 5px 0;
	box-sizing: border-box;
}
.postblock .cate_pos>a {
	display: block;
	background-color: #666;
	color: #fff;
	padding: 3px 10px;
}
.postblock .event>a {
	background-color: #62cb51;
}
.postblock .news>a {
	background-color: #51aacb;
}

.post{
	margin:0 0 60px 30px;
	width:650px;
}

.post h3{
	width:620px;
	padding:8px;
	margin-top:8px;
	font-weight:400;
	font-size:18px;
	border:5px solid #50accc;
}

.post_date{
	float:left;
	width:200px;
	margin:10px;
}

.cate_pos{
	float:right;
	width:350px;
	text-align:right;
	margin:10px;
}

.post_in{
	width:650px;
	margin:10px 0;
	font-size:14px;
}

.post_in p{
	line-height: 1.4em;
	margin:14px 0;
}

.post_in img{
	margin:16px 0;
}

.more-link {
	float: right;
	margin-top:20px;
	border-bottom:2px dashed #50accc;
	padding-bottom:1px;
	font-size:12px;
}

#blog_column_right{
	width:170px;
	float:left;	
	margin:8px 0 0 40px;
}

#blog_column2{
	width:170px;
	margin-bottom:50px;
	margin-top:0;
}


#blog_column2 h2{
	margin:0 0 10px 0;
	padding:5px 0;
	border-bottom: 1px solid #50accc;
}


#blog_column2 ul li{
	padding:0 0 0 20px;
	margin:20px 0;
}

/*シングルページページャー*/
.navigation .alignleft{
	float:left;
	text-align:left;
}
.navigation .alignright{
	text-align:right;
}

/*ウィジェットエリア*/
.widget{
	margin:0 0 30px 0;	
}

/*コメントエリア*/
#reply-title{
	border: none;
	border-bottom: 1px solid #50accc;
	margin:50px 0 10px 0;
}

/********************
採用情報
********************/
.rec_box{
	width:800px;
	border-bottom:solid 1px #999;
	margin:0 auto 20px auto;
	padding-bottom:30px;	
}

.rec_box h3{
	font-family: 'Noto Sans Japanese', serif;
	font-weight:400;
	font-size:18px;
	margin-bottom:18px;
}

.rec_box p{
	margin:15px 0;
}

.rec_box table {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	width:800px;
	margin:0 auto 25px auto;
}
.rec_box table th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	background-color:#f2f2f2;
	border: 3px solid #FFF;
	font-weight:bold;
}
.rec_box table td {
	width: 650px;
	padding: 10px;
	vertical-align: top;
	background-color:#fafafa;
	border: 3px solid #FFF;
}


/********************
お知らせページ
********************/
.news_post{
	width:600px;
	border-bottom:solid 1px #999;
	margin:0 auto 20px auto;	
}
.news_post p{
	margin:15px 0;
}

.news_title_test{
	font-family: 'Noto Sans Japanese', serif;
	font-weight:400;
	font-size:20px;
	text-align:center;
	margin-bottom:50px;
}

/********************
アクセスページ
********************/
.access_map{
	width:700px;
	margin:30px auto;
}
.access_map p{
	margin:10px 0 0 0;
	text-align:center;
}

/********************
アンケートページ
********************/
#privacypolicybox {
	overflow-y: scroll;
	height: 200px;
	margin: 20px;
	box-sizing: border-box;
}
#privacypolicybox p {
	margin: 1.0em 0;
}
#privacypolicybox ol>li {
	margin-bottom: 1.5em;
}
#privacypolicybox ol>li>ul {
	margin-bottom: 1.5em;
}
#privacypolicybox ol>li>ul{
	margin: 0 0 1em;
	padding-left: 40px;
	list-style-type: disc;
}
.label-box {
	display: block;
	margin-bottom: 1.0em;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 select,
.wpcf7 textarea {
	width:100%;
	box-sizing: border-box;
}


/********************
footer
********************/
#footer{
	width:100%;
	height:350px;
	padding:20px 0;
	margin-top:60px;
	background-color:#50accc;
}

.foot_box{
	width:780px;
	margin:0 auto;
}

#footer div.foot_box div.fb-page{
	float:left;
	width:350px;
	height:250px;
	margin-right:35px;
	margin-top:0;
	background-color:#FFF;
	overflow: hidden;
}

#footer ul.foot{
	margin:20px auto 0 auto;
}

#footer ul.foot li{
	float:left;
	padding:0 15px 5px 0;
	color:#FFF;
}

#footer ul.foot li a{
	color:#FFF;
	font-size:13px;
}


#footer p{
	width:100%;
	margin-top:30px;
	text-align:center;
	color:#FFF;
}