/* =====================================================================
*
*     ヘッダー仮スタイル
*
* =================================================================== */

/* subpage
サブページの基本レイアウト
------------------------------ */
.clearfix:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


li {
list-style: none;
}

#subpage {
display: block;
margin: 0 auto;
padding: 0 2% 2% 2%;
}

#subpage p {
color: #555;
font-size: 90%;
line-height: 150%;
font-style: inherit;
}

#content #subpage a {
color: #165FC2;
text-decoration: none;
}

#content #subpage #sitemap a {
color: #666666;
text-decoration: none;
}

h1.entry-title {
display: none;
}

#subpage h2 {
display: block;
color: #555;
border: 1px solid #D5D5D5;
font-size: 95%;
font-weight: bold;
margin: 0 0 1%;
padding: 1% 1% 1% 2%;
line-height: 150%;
}

#subpage p.pan {
display: block;
color: #555;
padding: 1%;
font-size: 80%;
margin: 0;
text-align: right;
}

#subpage img {
max-width: 100%;
height: auto;
width /***/: auto;
}

.about_me {
    font-size: 14px;
    padding: 0 0 15px;
}

#subpage #metoha01 {
font-size: 103%;
margin-top: 2%;
text-align: center;
}

#subpage #metoha02 {
font-size: 80%;
margin-top: 6%;
text-align: center;
}

#subpage .melogo {
text-align: center;
margin-top: 2%;
}

#subpage #QA_con2 ul li {
width: 92%;
margin: 3% auto;
}

#subpage #b,
#subpage #c {
background-color: #F5F5F5;
border: 1px solid #BEBEBE;
font-size: 95%;
margin: 3% auto;
padding: 1%;
text-align: center;
display: block;
white-space: nowrap;
}

#subpage #b a {
display: block;
}



/* subpage
miyazaki ebooksとは
------------------------------ */

@media screen and (max-width: 768px) {

#subpage #metoha01 {
    font-size: 90%;
}

#subpage img {
max-width: 80%;
padding:3% 0 2% 0;

}
}


.attention{
	font-size:24px;
	font-weight:bold;
	padding:20px;
	color:#FF5D5F;
}

h2.books_osusume_title a, 
h2.books_gover_title a, 
h2.books_com_title a {
    float: right;
	margin-right:7px;
	padding-top:9px;
}


.imgsearch_main{
	overflow:hidden;
}

.book_topics_left .sp{
	display:none;
	}

#subpage .melogo img{
	padding:3% 0 1%;
	width:60%;
}


#ft-box #container-japan-logo .logo_jp-ED{
	text-align:right;
	margin:-80px 0 0 0;
}

#ft-box #container-japan-logo .logo_jp-ED img {
	width:100%;
	max-width:104px;
	height:auto;
}

#secondary #side_iconlink{
    margin: 7px 0 7px;
}

#secondary .test_icon_show p.txt_info{
	padding:10px;
	color:#FD8284;
	font-weight:bold;
}

#side_iconlink_banner {
    margin: 1em auto 0.5em;
    width: 88%;
}

#side_iconlink_banner img {
    border: 1px solid #000;
    width: 100% !important;
}

#side_iconlink {
    border: 1px solid #999;
    text-align: center;
}

#secondary #side_iconlink li {
    float: left;
    font-size: 80%;
    line-height: 1.2;
    margin-bottom: 0.5em;
    margin-right: 2%!important;
    text-align: center;
    width: 22%;
}

#side_iconlink_txt1 {
    font-size: 80%;
    line-height: 1.3;
}

#side_iconlink_txt2 {
    margin-bottom: 0.8em;
}

#side_iconlink_txt2 a {
    background-color: #000000;
    border-radius: 5px;
    color: #fff !important;
    display: block;
    font-weight: bold;
    margin: 0.5em auto;
    padding: 0.5em 0 0.5em 1em;
    text-decoration: none;
    width: 88%;
}

#side_iconlink ul {
    margin: 0.5em -6% 0.5em 6%;
    width: 94%;
}


#side_iconlink li {
    float: left;
    font-size: 80%;
    line-height: 1.2;
    margin-bottom: 0.5em;
    margin-right: 2%;
    text-align: center;
    width: 22%;
}

#side_iconlink li a {
    text-decoration: none;
}


#side_iconlink li img {
    width: 100%;
}

/* subpage
ご利用ガイド、よくある質問
------------------------------ */

#subpage #category_block {
display: block;
margin-top: 2%;
padding: 0;
border: 1px solid #BEBEBE;
}
@media screen and (min-width: 768px) {

#subpage #category_block {
float: left;
width: 48.5%;
}
}

@media screen and (max-width: 768px) {
#subpage #category_block {
width: 99%;
}



#subpage .categorylist img{
	padding:0;
}

#secondary #side_iconlink li {
    width: 10%;
}


}

#subpage .block_margin_right {
margin-right: 1%;
}

#subpage #category_block dt {
background-color: #F5F5F5;
border-bottom: 1px solid #BEBEBE;
padding: 12px 0 8px 15px;
font-size: 95%;
}

#subpage #category_block dd {
padding: 2%;
font-size: 85%;
}

#subpage #category_block a {
padding-left: 2%;
font-size: 90%;
color: #165FC2;
}

#subpage #category_block li {
padding: 1% 0;
}

/* subpage
サイトマップ
------------------------------ */


#main_con:after {
clear: both;
float: none;
content: ".";
display: block;
height: 0;
visibility: hidden;
}


#subpage .sitemap_l a:hover,
#subpage .sitemap_r a:hover {
opacity: 1!important;
filter: alpha(opacity=100)!important;
-ms-filter: "alpha( opacity=100 )"!important;
color: #80Bcf5;
}


#subpage .sitemap_l,
#subpage .sitemap_r {
width: 48.5%;
display: block;
padding: 0;
margin-top: 4%;
}

#subpage .sitemap_l {
float: left;
}

#subpage .sitemap_r {
float: right;
}

#subpage .sitemap_l ul,
#subpage .sitemap_r ul {
font-weight: 600;
list-style-type: none;
margin: 0 0 1% 2%;
padding: 0;
}

#subpage .sitemap_l ul li,
#subpage .sitemap_r ul li {
border-top: 1px solid #CCCCCC;
margin-bottom: 2%;
padding: 0 0 2% 2%;
position: relative;
z-index: 1;
}

#subpage .sitemap_l ul li a,
#subpage .sitemap_r ul li a {
background-color: #FAFAFA;
color: #666666;
display: block;
line-height: 1.2;
margin: -0.6em 0 2% 1%;
padding: 0 0 0 3%;
position: relative;
text-decoration: none;
z-index: 2;
}

#subpage ul.s_li {
border-left: 1px solid #CCCCCC;
font-size: 90% !important;
font-weight: normal;
list-style-type: none;
margin: 0 0 3% 2%;
padding: 2% 0 1%;
width: 90%;
}


 @media screen and (max-width: 768px) {

#subpage .sitemap_l,
#subpage .sitemap_r {
width: 99%;
display: block;
padding: 0;
margin-top: 4%;
}

#subpage #category_block {
width: 99%;
}

#subpage .sitemap_l ul,
#subpage .sitemap_r ul {
font-weight: 600;
list-style-type: none;
margin: 0 0 1% 2%;
padding: 0;
}

#subpage .sitemap_l ul li,
#subpage .sitemap_r ul li {
border-top: 1px solid #CCCCCC;
margin-bottom: 2%;
padding: 0 0 2% 2%;
position: relative;
z-index: 1;
}

#subpage .sitemap_l ul li a,
#subpage .sitemap_r ul li a {
background-color: #FAFAFA;
color: #666666;
display: block;
line-height: 1.2;
margin: -0.6em 0 2% 1%;
padding: 0 0 0 3%;
position: relative;
text-decoration: none;
z-index: 2;
}

#subpage ul.s_li {
border-left: 1px solid #CCCCCC;
font-size: 90% !important;
font-weight: normal;
list-style-type: none;
margin: 0 0 3% 2%;
padding: 2% 0 1%;
width: 90%;
}
}


/* subpage
お問い合わせ
------------------------------ */

#main #contact_wrap {
display: block;
margin: 0;
padding: 0;
}

div#contact_wrap .contact_info {
font-weight: normal;
font-size: 90%;
border: solid 1px #BEBEBE;
background: #EEEEEE;
padding: 2%;
margin-top: 2%;
}

#contact_wrap .contact_txt01 {
font-weight: bold;
color: #ffa500;
margin-top: 2%;
}

#contact_wrap ul {
color: #555;
font-size: 90%;
line-height: 150%;
font-style: inherit;
}

#contact_wrap ul li a {
color: #00BAFF;
}

#contact_wrap h3 {
background: none repeat scroll 0 0 #EEEEEE;
border: 1px dotted #AAAAAA;
margin: 2% 0;
padding: 2% 0;
text-align: center;
}

#contact_wrap table.mailform {
width: 100%;
}

#contact_wrap table.mailform th,
#contact_wrap table.mailform td {
text-align: left;
font-weight: normal;
border-bottom: solid 1px #999999;
padding: 2%;
font-size: 85%;
}

#contact_wrap table.mailform th {
width: 30%!important;
vertical-align: top;
}

#contact_wrap table.mailform td {
width: 50%!important;
}

#contact_wrap table.mailform select {
width: 100%!important;
}

table.mailform tr th {
background: #EEEEEE;
}

#contact_wrap .info_tb td {
border: none;
padding: 0px 0px 0px 0px;
}

table.mailform tr th span {
color: #CC0000;
font-size: 10px;
}

table.mailform tr th p {
margin: 0px;
padding: 0px;
font-size: 10px;
color: #999999;
}

#contact_wrap .policy {
font-weight: bold;
font-size: 14px;
padding: 0px 0px 3px 0px;
}

#contact_wrap .contact_ex {
font-size: 12px;
color: #999999;
padding: 2px 0px 2px 0px;
}

#contact_wrap .contact_in {
padding: 2px 0px 2px 0px;
color: #999999;
}

#contact_wrap table.info_tb {
margin: 0px;
}

#contact_wrap .wpcf7-not-valid-tip-no-ajax {
color: #FF3333;
font-size: 10px;
font-weight: bold;
}

#wpcf7-f641-p163-o1 .wpcf7-response-output {
color: #ec6d71;
font-weight: bold;
padding: 10px 0px 10px 0px;
background: #fef4f4;
text-align: center;
margin: 15px 0px 15px 40px;
border: 1px solid #ffd8d8;
}

#contact_wrap .pan {
text-align: right;
font-size: 12px;
padding: 0px 0px 0px 0px;
color: #666666;
}

table.info_tb tr td{
	border: none!important;
}

.wpcf7-form textarea{width: 100% !important;} /*本文*/
.wpcf7-form .wpcf7-submit{width: 100% !important;} /*送信ボタン*/
.wpcf7-form input{width: 100% !important;} /*名前、メール、題名*/

/* subpage
掲載方法
------------------------------ */

#subpage h3 {
display: block;
font-size: 90%;
font-style: inherit;
margin-top: 2%;
padding: 1% 1% 1% 2%;
line-height: 150%;
}

/* subpage
掲載規約
------------------------------ */

#subpage #QA_con li {
width: 95%;
margin: 3% auto;
color: #555;
font-size: 90%;
line-height: 150%;
font-style: inherit;
border-bottom: 1px dotted #DDD;
padding-bottom: 2%;
}


/* subpage
アプリ誘導ページ
------------------------------ */

#subpage #ap h2 {
display: none;
}

#subpage #ap p.ap_ttl {
margin: 0 0 3% 0;
padding: 1% 0;
text-align: center;
}

#subpage #ap h3 {
clear:both;
display: block;
color: #FFF;
font-size: 100%;
font-weight: bold;
margin: 3% 0;
padding: 1% 1% 1% 2%;
line-height: 150%;

background: #000;

background: -moz-linear-gradient(top, #555, #000);
　/* Firefox用 */  
background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#000));
　/* Safari,Google Chrome用 */
}


#subpage #ap h3 img {
float: left;
max-width: 30px;
height: auto;
width /***/: auto;
margin-right: 1%;
}

.ap_l,
.ap_r,
.s_about_l {
max-width: 100%;
height: auto;
width /***/: auto;
text-align: center;
}

.ap_box {
margin: 0 auto;
}

.ap_box .ap_box02 {
    float: left;
    width: 30%;
}

.ap_box .ap_box03 {
    float: right;
    width: 70%;
}


.aplogo::after, 
.ap_box::after {
    clear: both;
    content: ".";
    display: block;
    float: none;
    height: 0;
    visibility: hidden;
}

#ap p {
    font-size: 105%;
}

.ap_r .s_txt06 {
    padding: 0 0 15px 15px;
    text-align: left;
}

.s_about_l{
float: left;
width : 40%;
margin-right: 2%;
padding: 0 0 40px;
}

.ap_l {
float: left;
width : 35%;
}

.ap_r {
float: right;
width : 65%;
}

.ap_r a{
float: left;
width : 50%;
}





@media screen and (max-width: 360px) {
#subpage #ap h3 img {
float: left;
max-width:none;
width:100%;
height: auto;
margin-right: 0%;
}

#subpage #ap h3 {
    background:none;
    clear: both;
    color: #FFFFFF;
    display: block;
    font-size: 100%;
    font-weight: bold;
    line-height: 150%;
    margin: 3% 0;
    padding: 0;
}

}


/* subpage
パソコンでの基本的な読み方と動作環境
------------------------------ */
#con dl dd,
#con dl dt{
	color: #000;
font-size: 90%;
line-height: 150%;
font-style: inherit;
margin-top: 2%;
}

#con dl{
	border-bottom: 1px dotted #BEBEBE;
}

#con dl dt{
	display: block;
	width : 95%;
	margin: 2% auto;
}

#con dl dt img{
	display: block;
	width : 50%;
	margin: 2% auto;
}

#con .guide_ttl01{
	clear: both;
		display: block;
	background: none repeat scroll 0 0 #EEEEEE;
	text-indent: 2%;
	padding: 1%;
}

span.guide_txt{
		display: block;
	margin: 0;
	width : 100%;
}

#con .operation_otherbox{
	float: left;
	margin: 1.5%;
	width : 30%;
	max-width: 107px;
}

.QAcategory li{
	font-size:12px;
	line-height:22px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


@media screen and (max-width: 768px) {
#con .guide_box .guide_l{
	margin: 0 auto;
	width : 100%;
	text-align: center;
}

#con dl dt img{
	display: block;
	width : 50%;
	margin: 2% auto;
}
}

@media screen and (min-width: 768px) {
	#con .guide_box .guide_l{
	float: left;
	width : 50%;
		text-align: center;
}

#con .guide_box{
	float: left;
	width : 48%;
	margin: 0 1%;
}

#con dl dt img{
	display: block;
	width : 30%;
	margin: 2% auto;
}
}

/* subpage
スマートフォンでの基本的な読み方と動作環境
------------------------------ */
#con dl.ipad{
	border: none;
}

#con dl.ipad_l dt img{
    display: block;
    margin: 2% auto;
    width: 100%;
				max-width: 29px;
}

#con .ipad_link_pt img{
    display: block;
				float: left;
				max-width: 29px;
				margin: 1% 0 1% 4%;
}
@media screen and (min-width: 320px) {
#con p.ipad_link_txt{
	float: right;
    display: block;
				width: 85%!important;
				margin: 1% auto!important;
}
}
@media screen and (max-width: 320px) {
#con p.ipad_link_txt{
	float: right;
    display: block;
				width: 80%!important;
				margin: 1% auto!important;
}
}

.txt_sp{
	display:none!important;
}

.txt_pc{
	display:none;
}

@media screen and (max-width:360px) {

.txt_pc{
	display:none!important;
}

.txt_sp{
	display:block!important;
}
	 		
}



@media print, screen and (min-width: 769px) {
	
#content header #utility {
    float: right;
    margin: 5px 0 0;
    max-width: 420px;
    padding: 0;
    text-align: right;
    width: 51.1%;
}

*+html #help_me #content header #utility {
    float: right;
    margin: 0px 0 0;
    max-width: 420px;
    padding: 0;
    text-align: right;
    width: 51.1%;
}


#content header #utility ul li a {
    color: #2B2B2B;
    letter-spacing: 0;
    padding: 0 5px;
}


#content header #h_search_pc {
    clear: both;
    float: right;
    margin: 1% 0 0;
    width: 88%;	
}
}


@media screen and (max-width: 768px) {

.snap-drawer li > a.btn_facebook {
background : url(../img/base/navi/btn_facebook.png) 10px 5px no-repeat;
background-size: 10%;
}

.snap-drawer li > a.btn_twitter {
background : url(../img/base/navi/btn_twitter.png) 10px 5px no-repeat;
background-size: 10%;
}

#top_banner ul li a.ban_appli {
	background : #eee url(../img/base/navi/btn_app.png) 10px 5px no-repeat;
	background-size: 10%;

}


.sp-sch-params p.searchtitle {
    background: url("../img/base/side_icon.png") no-repeat scroll 10px 5px / 10% auto #444D63;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #CCCCCC;
    display: block;
    font-size: 90%;
    font-weight: normal;
    padding: 10px 5px 10px 25px;
    text-decoration: none;
    text-indent: 20px;
}



#top_banner h2.sp_contents_lineup {
    background: none repeat scroll 0 0 #79BD48;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    display: block;
    font-size: 80%;
    font-weight: normal;
    padding: 10px 5px;
    text-decoration: none;
    text-indent: 20px;
    text-shadow: 0 1px 0 #000000;
}




#top_banner h2.ttl_page-banner, .sp_banner .page-banner{
	display:none;	
}

#subpage #post-676 img {
    max-width: 100%;
}




#ft-box #container-japan-logo .logo_jp-ED{
	text-align:center;
	margin:0px 0 0 0;
}

#ft-box #container-japan-logo .logo_jp-ED img {
	width:100%;
	max-width:104px;
	height:auto;
}



}


@media screen and (max-width: 360px) {

header h1#sp_site_title {
    float: left;
    height: auto;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 70%;
}


header h1#sp_site_title a{
	display:block;
	margin:auto;
	width:94%;
}

#content header #utility {
    margin: 3px auto;
}

}


body #content {
    font-family: "Quicksand","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#header:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}


/*=============================
　■　copyright　
===============================*/
.copyright{
	margin:17px 0 0 45px;
}

#slider .t01, #slider .t02, #slider .t03{
	margin:10px 0px 0px 0px;
	}

.txt_tb{
	display:none;
}

.ttl_dan img{
	max-width:300px;
}


@media screen and (max-width: 768px) {

.newline_tb{
	display:none;
}

.txt_tb{
	display:block;
}

}



.ie_txt:not(:target) {
display:none\9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ie_txt {
display:block!important;}
}



/*    フッター     */

footer .footer_navi ul li {
    margin:0 0 10px 0;
}



/* subpage
運営会社について
------------------------------ */

#subpage #QA_con {
display: block;
padding-bottom: 2%;
}

#subpage #QA_con h4 {
display: block;
color: #fff;
font-size: 95%;
font-weight: bold;
margin-top: 2%;
padding: 1% 1% 1% 2%;
background-color: #B3B3B3;
line-height: 150%;
}

#subpage #QA_con p {
display: block;
width: 95%;
margin: 3% auto;
}


/* subpage
ご利用ガイド
------------------------------ */

#subpage .QAcategory:after {
clear: both;
content: ".";
display: block;
float: none;
height: 0;
visibility: hidden;
}

#subpage .QAcategory {
padding-bottom: 15px;
}

.QAcategory .blockL {
float: left;
border: 1px solid #BEBEBE;
width: 320px;
height: 190px;
}


.QAcategory .blockR {
float: right;
border: 1px solid #BEBEBE;
width: 320px;
height: 190px;
margin: 0 20px 0 0;
}

.QAcategory .categorylist dt {
background-color: #F5F5F5;
font-size: 14px;
padding-bottom: 3px;
padding-left: 10px;
padding-top: 3px;
}

.QAcategory .categorylist dl {
margin: 0;
padding:10px;
}

.QAcategory dl.categorylist{
padding:5px 5px 0px 5px;
}

.QAcategory .categorylist dd {
border-top: 1px solid #BEBEBE;
font-size: 12px;
padding: 6px 0 0 10px;
margin:0;
}



.QAcategory .categorylist dt {
    background-color: #F5F5F5;
    font-size: 14px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-top: 7px;
}




@media screen and (max-width:720px) { 
#subpage .QAcategory {
    padding-bottom: 0;
}


.QAcategory .blockL,
.QAcategory .blockR
 {
float: none;
border: 1px solid #BEBEBE;
width: 99.5%;
height: 190px;
margin:0 0 10px 0;
}


}



/* 注目枠 */	


.matome_bookshelf li.recommend {
	border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    border-right: 1px solid #E7E7E7;
    float: none;
    overflow: hidden;
    padding: 10px 0 20px;
    width: 99.3%;
    word-break: break-all;
    word-wrap: break-word;
}


li.recommend  a .title{
    font-size:16px;
	padding: 8px 20px 10px;
	height: auto;
    overflow: hidden;
}


li.recommend .book_comment {
    padding: 0 0 0 20px;
}
li.recommend .book_comment_bottom{
	display:none;
}

li.recommend .gover_vispace:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}

li.recommend .reco_left{
	float:left;
	width:70%;
}

li.recommend .reco_right{
	float:right;
	width:30%;
	text-align:center;
}
/* end注目枠 */	




@media screen and (max-width:480px) { 
	
li.recommend  a .title{
    font-size:16px;
	padding: 8px 10px 10px;
	height: auto;
    overflow: hidden;
}

li.recommend .book_comment {
	display:none;
    padding: 0 0 0 20px;
}

li.recommend .book_comment_bottom{
	display:block;
	text-align:left;
	font-size:14px;
	padding:0 0 0 10px;
}

li.recommend .reco_left, li.recommend .reco_right{
	float:none;
	width:100%;
	margin:auto;
}

.recommend .book_border .book_img{
	width:80%;
	height:180px;
}

.recommend .book_border .book_img img{
	max-width:250px;
	margin: 0px;
}
/* end注目枠 */	



}




/* まとめ記事詳細ページ */	




	




@media print, screen and (min-width:769px) { 

/* まとめサイドページ */


#secondary li:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}
	
#secondary li{
	height:70px;
	border-top:1px dotted #E6E6E6 !important;
	padding:9px 0 0 0 !important;
	margin:0 !important;
}

#secondary .reco_left{
	float:left;
	width:28%;
	height:62px;
	overflow:hidden;
}

#secondary .reco_right{
	float:right;
	width:70%;
	overflow:hidden;

}


#secondary .reco_left img{
	width:150%;
}

#secondary .book_comment{
	font-size:10px;
	
}

#secondary .title{
	font-size:12px;
	height:60px;
	overflow:hidden;
	line-height:20px;
}
	
}




/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
フォーム用
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#subpage .form_ttl{
	margin:5px 0 10px 0;
	font-size:16px;
	line-height: 150%;
}

#subpage .ttl_anq{	
	font-weight:bold;
	margin:30px 0 0 0;
	font-size:20px;
	color:#999;
	padding:1% 0.5% 0.4% 0.5%;
	border-bottom:2px solid #999;
}

#subpage .Qt{
	background:#e6f4f7;
	color:#31869b;
	padding:1.5% 1% 0.9% 2%;
	font-size:14px;
	font-weight:bold;
}

#subpage .Regular .Qt{
	background:#e6f4f7;
	color:#31869b;
	font-size:16px;
}

.wpcf7-form span.point{
	color:#31869b;	
}

.ttl_anq span.kara{
	color: #999;
}

.wpcf7-form .Regular span.point{
	color:#31869b;
}

.pa_show{
	text-align:right;
	font-size:14px;
	font-weight:bold;
}

.wpcf7-form input{
	width:99% !important;
}



.pazl .Qt{
	font-size:20px !important;
	padding:0 0 0px 0;
	color:#606060;
}

.pazl input{
	height:30px;
}

.wpcf7-validation-errors{
	padding:20px 0 20px 0;
	color:#FF5F62;
	font-weight:bold;	
}


span.wpcf7-not-valid-tip-no-ajax{
	font-size:12px;
	font-weight:normal;
	color:#FF5F62;
}

.wpcf7-mail-sent-ok{
	padding:20px 0 20px 0;
	font-size:16px;
	font-weight:bold;
	color:#8DE08D;
	line-height:20px;
}

.book_info:after{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
}



.impt{
	color:#ff0000;
	font-size:12px;
}




/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	最新の広報ページ ページ共通
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */



.display-block {
	display:block;
}

.display-none {
	display:none;
}

.YoutubeWrapper{
position: relative ;
margin-top: 0.5em ;
margin-bottom: 0.3em ;
padding-top: 40px ;
padding-bottom: 35.5% ;
overflow: hidden ;
}

.YoutubeWrapper iframe {
position: absolute ;
top: 0 ;
left: 0 ;
height: 100% ;
width: 100% ;
}


.pc_device_480{
	display:block;
}

.sd_device_480{
	display:none;
}


@media screen and (max-width:480px) {
	
.pc_device_480{
	display:none;
}

.sd_device_480{
	display:block;
}	
}


@media screen and (max-width:480px) {
.YoutubeWrapper{
padding-bottom: 50.5% ;
}

}


.grand_opening #container{
	padding:0;
	width:100%;
	max-width:none;
	text-align:center;
}

.grand_opening #primary{
	width:100%;
}

.grand_opening #subpage {
    padding: 0;
}


.grand_opening #primary img{
	max-width:960px;
	width:100%;
}


.grand_opening .grand_opening.top{
	background : url(../img/subpage/grand_opening/bg_top.jpg);
	background-repeat:repeat-x;
	padding:45px 0 0 ;	
}

.grand_opening .grand_opening.bottom{
	background : url(../img/subpage/grand_opening/bg_bottom.jpg);
	background-repeat:repeat-x;
	padding:40px 0 0 ;	
}