/* 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 p {
color: #555;
font-size: 90%;
line-height: 150%;
font-style: inherit;
}

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

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

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;
}

#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;

}


}




/* 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 #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 .block_margin_right {
margin-right: 1%;
}

#subpage #category_block dt {
background-color: #F5F5F5;
border-bottom: 1px solid #BEBEBE;
padding: 1% 0 1% 3%;
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 #show_text01 {
margin: 3% auto;
text-align: center;
}

#main_sbpage #show_img {
display: block;
margin: 2% auto;
width: 80%;
}

#main_sbpage #show_img a {
float: left;
width: 46%;
height: auto;
padding: 0 1% 0;
}

#main_sbpage #show_img img {
width: 100%;
box-shadow: 1px 1px 6px #AAAAAA;
}

#main_sbpage p.show_caption {
text-align: center;
}

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


#subpage #ap .ap_l img {
	width:100px;
	padding:5% 2% 5%;
}

#subpage #ap p.ap_ttl {
background: none repeat scroll 0 0 #EFEFEF;
border-bottom: 2px dotted #DDDDDD;
border-top: 2px dotted #DDDDDD;
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;
}

@media screen and (min-width: 768px) {
.ap_l {
float: left;
width : 45%;
}

.ap_r {
float: right;
width : 50%;
padding:3% 0 0 ;
}

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

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


@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;
}
}



/* subpage
ともきくんのえほん
--------------------------------------------- */
.book_line img{
	width:100%;
}



/*  ::::::::::::  palms特設サイト  ::::::::::::  */


#palms img:hover {
opacity: 0.8!important;
filter: alpha(opacity=80)!important;
-ms-filter: "alpha( opacity=80 )"!important;
color: #80Bcf5;
}




#palms {
background: url(../img/subpage/palms/bg_main.png) 0 0 repeat-y ;
background-size:100%;
max-width:1000px;
margin: 0 auto;
padding: 0 15px;
/*border-left: #000 1px solid;
border-right: #000 1px solid;*/

}


#palms_con{
	background:url(../img/subpage/palms/bg_chief.png) no-repeat #FFF9E6;
	background-position: 115% 0%;	
	max-width:930px;
	width:93%;
	margin:auto;
	}


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



#palms_koku{
	padding:0;
	width:94%;
	margin:auto;
	color:#000000;
	}
	
#palms_koku p{
	color:#000000;
	}

.palms_mmplogo img {
	width:100%;
}


#palms .palmsM_book_thume253_box a{
	display:block;
	font-size:0px;
}


#palms .palms_ttl{
	padding:4% 0px 0px 0px;
	text-align:left;
	}
	
#palms .palms_ttl img{
	width:60%;
}
	
#palms .palms_txt00{
	font-size:13px;
	font-weight:bold;
	line-height:16px;
	padding:15px 0px 0px 0px;
	}
	
.palms_txt{
	background: url(../img/subpage/palms/txt_bg.png) 0 0;
	background-repeat:no-repeat;
	padding:0px 0px 20px 0px;
	margin:0px 0px 0px 0px;
		
	}
	
.img250{
	font-size:12px;
	line-height:16px;
	padding:3px 0px 7px 0;
	float:none;
	clear:both;
	}
	
.img250_2{
	font-size:12px;
	line-height:16px;
	text-align:right;
	padding:2px 0px 30px 0px;
	}	
	
.img250_3{
	font-size:12px;
	line-height:16px;
	text-align:right;
	padding:2px 0px 0px 0px;
	}	
	
	
#palms .palms_txt01{
	float:left;
	padding:0px 0px 0px 5px;		
	}
	
#palms .palms_txt01 img{
	max-width:293px;
	width:100%;
}
	
	

#palms .palms_txt .junaio_logo{
	float:left;
	padding:5px 0px 0px 30px;
	}

#palms .palms_txt .junaio_logo img{
	width:45px;
	height:auto;	
}

#palms .palms_txt .palms_junaio p, #palms .palms_txt .palms_junaio p a{
	font-weight: bold;
	font-size:12px;
	line-height:14px;
	letter-spacing:0px;
	}
	
	

	
#palms .palms_txt02{
	padding:10px 0px 10px 10px;	
	margin:0 10px 0 0;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	float:none;
	clear:both;
	border-bottom:1px dotted #BA8754;
	}
	
#palms .p_a_app{
	letter-spacing:-0.1px;
	}
	
#palms .palms_txt03{
	padding:10px 0px 15px 10px;	
	color:#ffffff;
	font-size:14px;
	line-height:25px;
	}
	
#palms .palms_txt04, #palms .palms_txt06{
	padding:5px 0px 0px 0px;
	color:#FFE100;
	}
	
#palms .palms_txt04 span, #palms .palms_txt06 span{
	color:#FFE100;
	font-weight:bold;
	}
	
#palms .palms_txt04 img{
	width:100%;
	max-width:251px;
	}
	
#palms .palms_txt06 img{
	width:100%;
	max-width:499px;
	}
	
	
#palms .palms_txt05{
	padding:10px 0px 2% 8px;	
	color:#ffffff;
	font-size:14px;
	line-height:20px;
	}
	
#palms .palms_book{
	float:left;
	margin:25px 0px 0px 30px;
	padding:0px 0px 0px 0px;
	width:289px;
	background:none;	
	}
	

	
#palms .palms_book img{
	height:auto;
	}

#palms .palms_book_thume{
	float:left;
	padding:220px 0px 0px 15px;	
}

#palms .palmsM_book_thume{
	float:left;
	padding:170px 0px 0px 15px;	
}

#palms .palms_book_thume02{
	width:200px;
	padding:5px 5px 0px 5px;
	line-height:16px;
	}
	
#palms .palmsM_book_thume02{
	width:160px;
	padding:5px 5px 0px 5px;
	line-height:16px;
	}
	
	
#palms .palmsM_book_thume252{
	float:left;
	padding:230px 0px 0px 20px;	
}


#palms .palmsM_book_thume252_2{
	width:215px;
	padding:5px 5px 0px 5px;
	line-height:16px;
	font-weight:bold;
	color:#666666;
	}
	
	
#palms .palmsM_book_thume253{
	float:left;
	padding:275px 0px 0px 20px;	
}


#palms .palmsM_book_thume253_2{
	width:100%;
	padding:5px 5px 0px 5px;
	line-height:16px;
	font-weight:bold;
	font-size:14px;
	line-height:16px;
	color:#666666;
	text-align:center;
	}


#palms .palmsM_book_thume253_box{
	margin:20%x 0 0 0;
	border: 3px solid #CC9933;
	
	}



#palms .palmsM_book_thume253-bs{
	padding:210px 0px 0px 314px;
	margin:0 0 0 30px;
	width:266px;
}

.palmsM_book_thume253_box-bs{
	padding:0 0 0 25px;
}


	
#palms .palms_book a:link, #palms .palms_book a:visited, 
#palms .palms_book_thume a:link, #palms .palms_book_thume a:visited,
#palms .palmsM_book_thume a:link, #palms .palmsM_book_thume a:visited,
#palms .palmsM_book_thume252 a:link, #palms .palmsM_book_thume252 a:visited,
#palms .palmsM_book_thume253 a:link, #palms .palmsM_book_thume253 a:visited
{
	padding:4px;
	background:#fff;
	border:3px solid #CC9933;
	display:block;
	}
	
#palms .palms_book a:hover, #palms .palms_book a:active,
#palms .palms_book_thume a:hover, #palms .palms_book_thume a:active,
#palms .palmsM_book_thume a:hover, #palms .palmsM_book_thume a:active,
#palms .palmsM_book_thume252 a:hover, #palms .palmsM_book_thume252 a:active,
#palms .palmsM_book_thume253 a:hover, #palms .palmsM_book_thume253 a:active
{
	padding:4px;
	background:#fff;
	border:3px solid #FFCC00;
	display:block;
	}
	

	
#palms .ar_movie{
	margin:0px 0px 0px 6px;
	}
	
#palms .palms_box01{
	padding:0px 0px 10px 0px;	
	}

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

	
#palms .ar_how_k{
	float:left;
	}
	

#palms .junaio_logo{
	float:left;
	padding:0px 0px 0px 300px;
	}


#palms .palms_junaio{
	float:left;
	padding:5px 0px 0px 10px;
	}
	
#palms .palms_junaio p, #palms .palms_junaio p a{
	font-weight: bold;
	line-height:16px;
	letter-spacing:1px;
	}
	
#palms .palms_box02{
	float:left;
	width:48%;
	padding:2% 0px 0px 0px;		
	}

#palms .palms_box02 p{
	padding:0px 15px 0px 15px;
	}	
	
#palms p.palms_mylogo{
	padding:10px 0px 10px 0px;
	text-align:center;
	line-height:22px;
	}
	
#palms p.palms_mylogo img{
	width:53.4441805%;
}
	
#palms .palms_box03{
	float:right;
	width:48.5125858%;
	padding:2% 0px 0px 0px;		
	}
	
#palms .palms_box03 h3 img, #palms .palms_box02 h3 img{
	width:100%;
}


#palms .app img, #palms .google img{
	width:100%;
}
	
	
#palms .palms_box03:after{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
	}
	
#palms .palms_box04 img{
	width:96.6981132%;
}
	
.palms_box03 .palms_my{
	padding:0px 0px 5px 0px;
	}	

#palms .app{
	float:left;
	padding:5px 0px 0px 0px;
	width:49.5283018%;
	}
	
#palms .google{
	float:right;
	padding:5px 0px 0px 0px;
	width:49.5283018%;
	}
	
	
	
#palms .palms_bgno{
	border-bottom:2px solid #BD8D35;
	padding:0px 0px 3px 0px;
	margin:30px 0px 20px 0px;
	font-weight:600;
	text-align:left;
	float:none;
	clear:none;	
	}
	


#palms .palms_book_box:after{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
	float:none;
    visibility: hidden;
}	
	
#palms .palms_book_box{
	margin:auto;
	width:auto;
	display:inline-block;
}
	
.palms_book_box .bgno{
	float:left;
	padding:0px 18px 20px 0px;
	height:175px;
	
	}
	
	
.palms_book_box .bgno p{
	text-align:center;
	padding:5px 0px 0px 0px;
	}
	
.palms_book_box .bgno p a:link, .palms_book_box .bgno p a:visited{
font-weight:bold;
	color:#666666;
	text-decoration:underline;
	font-size:14px;
	}
	
	
.palms_book_box .bgno p a:hover, .palms_book_box .bgno p a:active{
	color:#999999;
	}



	

.palms_book_box .bgno img{
	box-shadow: 1px 1px 6px #aaa;
	-moz-box-shadow: 1px 1px 6px #aaa;　/* Firefox用 */  
    -webkit-box-shadow: 1px 1px 6px #aaa;　/* Safari,Google Chrome用 */ 
	}
	 	
	

.palms_bgno .coupon{
	font-weight:normal;
	font-size:12px;
	padding:0 0 0 180px;
}


#palms .palms_book{
	float:left;
	margin:3% 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:30%;
	background:none;	
	}
	

#palms .palms_book img{
	width:100%;
}







.palmsM_book_thume253_right{
	float:left;
	margin: 13% 0px auto 30px;
}


.palms_boxtop{
	background:#F4ECD7;
	border-top:3px #1e1108 solid;
}

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


.palms_backbox{
	background:#9F681E;
	padding:0 0 0 10px;
	margin:0 0 2% 0;
}


.palms_aboutar_left{
	float:left;
	width:70%;
	margin:18px 0 0 0;
}


.palms_aboutar_right{
	float:right;
	width:28%;
	margin:0 0 0 2px;
}

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

.palms_aboutar_right img{
	width:100%;
}

br.newline{
	display:none;
}

.txt_sp{
	display:none!important;
}


#palms .ar_movie{
position: relative;
margin-top: 0em;
margin-bottom: 5px;
padding-bottom: 50%;
padding-top: 69px;
overflow: hidden;
}

#palms .ar_movie iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


#palms .ar_photo img{
	width:100%;
}



#palms .ar_how {
    background-image: url("../img/subpage/palms/bg_h3_how.jpg");
    background-repeat: repeat-x;
    clear: both;
    color: #FFFFFF;
    float: none;
    font-weight: bold;
    margin: 30px 0 0 6px;
    padding: 9px 0 10px 15px;
	font-size:18px;
}




	 





@media screen and (max-width: 1010px) {	
	
#palms .palms_txt .junaio_logo img{
    display: none;
}
}






.palmsM_book_thume253_right{
    width: 30%;	
}

#palms .palmsM_book_thume253_box, 
#palms .palmsM_book_thume253_box img{
	width:100%;
}








	
#palms .palmsM_book_thume253_2{
	font-size:13px;
	width:100%;
}








@media screen and (max-width: 768px) {
	
	#palms_con{	
	background:#FFF9E6;
	}

	#palms .palms_ttl img{
	width:70%;
	}
	
	#palms .palms_book{
	width:52%;
	}
	
	
	
	.palmsM_book_thume253_right{
    width: 40%;	
	margin: 26% 0px auto 30px;
	}

	#palms .palmsM_book_thume253_box, #palms .palmsM_book_thume253_box img{
	width:100%;
	}
	
	#palms .palmsM_book_thume253_2{
	font-size:12px;
	width:100%;
	}	
	
	#palms .palms_book_box{
	margin:0 0 0 1.4%;
	}
	
	#palms .palms_txt .junaio_logo img{
		display: block;
	}

	
	#palms .ar_how {
    padding: 5px 0 5px 15px;
	font-size:16px;
	}
	
	
	
	
	
	.palms_aboutar_left{
		float:none;
		clear:both;
		width:100%;
	}
	
	
	.palms_aboutar_right{
		float:none;
		clear:both;
		width:100%;
	}
	
	
	.palms_aboutar_right img {
		width:47%;
		padding:0 2% 0 0;
	}
	
	
	
#palms .palms_box02 p {
    font-size:14px;
}

.txt_pc{
	display:none;
}
	
}




@media screen and (max-width:360px) {
	
#palms_con {
    width: 98%;
}

#palms_koku {
    width: 94%;
}


.txt_pc{
	display:none!important;
}

.txt_sp{
	display:block!important;
}


	#palms .palms_book{
	margin:10px 0 0 2px;
	}


#palms .palmsM_book_thume253_2 {
    font-size: 10px;
}


#palms .palms_ttl img{
	width:100%;
}	

.palmsM_book_thume253_right {
    margin: 26% 0 auto 10px;
    width: 40%;
}

#palms .palms_book_box {
    margin: 0 0 0 1%;
}

#palms .palms_book_box .bgno {
    margin: 0 0 10px 6%;
	padding:0;
}

	

.palms_box01 .bgno {
    float: left;
    padding: 0 0% 20px 0;
	margin:0 0 0 2%;
}

	
#palms .palms_txt00{
	font-size:11px;
	line-height:13px;
	}
	
.palms_aboutar_right img {
		width:96%;
		padding:0 2% 0 2%;
	}
	
.palms_box01 .bgno img{
	width:76px;
	}
	
#palms_koku p {
    font-size:12px;
	text-align:center;
}

br.newline{
	display:block;
}

br.newline_sp{
	display:none;
}

#palms .palms_txt04 img, #palms .palms_txt06 img{
	display:none;
	}



#palms .palms_txt02 {
	font-size:14px;
	line-height:16px;
}

.palms_boxtop:after {
	padding:0 0 10px 0;
}

#palms .palms_txt03 {
	line-height:16px;
	padding-right:10px;
}


#palms .palms_txt04, #palms .palms_txt06 {
    padding-right:10px;
}

#palms .palms_txt05, #palms .img250_2, #palms .img250_3 {
	font-size:11px;
}



#palms .ar_movie iframe {
   width:100%;
}



#palms .palms_box02 {
    float: none;
    width: 100%;
}

#palms .palms_box03 {
    float: none;
    padding: 2% 0 0;
    width: 100%;
}



#palms .ar_how {
    padding: 5px 0 5px 15px;
	font-size:14px;
	}
	

#palms .palms_junaio {
    float: left;
    padding: 5px 0 0 10px;
}
	
	

#palms .palms_txt .junaio_logo {
    float: left;
    padding: 5px 0 0 5px;
}

	 	
		
}