.snap-content {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: auto;
    z-index: 20;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
body #content {
    /* background: #eee; */
    height: 100%;
}

#main_image {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    text-align: center;
    width: 100%;
    z-index: -9999;
    max-width: 1012px;
	height: 900px;
	margin: auto;
	background-image: url(../img/subpage/tabearuki/bg_body.jpg);
	/*overflow: hidden;*/
}



ul.top_menu_navi {
    background: none repeat scroll 0px 0px transparent;
    box-shadow: none;
    max-width: 950px;
    width: 100%;
    padding: 0% 0px 0px;
    margin: 30% 0 0 0;
    /* margin: 0px auto; */
    /*border-bottom: 1px dashed #b2b2b2;*/
    margin: auto;
}


.title img {
	width: 25%;
	
}


.subtitle img{
	/*background-color: rgba( 30, 30, 30, 0.55 );*/
    padding: 1%;
	width:100%;
}

.subtitle {
	width: 35%;
    margin: -10% 0% 0% 51%;
}

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

.hyosi img {
	width: 85%;
    margin: 0% 0% 0% 45%;
}

.look01 {
	width: 75%;
    margin: 0% 0% 0% 7%;
    padding: 57% 0 0 0;}



.button_01 {
	width: 35%;
	
	
}

.button_01 img {
	width: 85%;
   
}

.button_02 {
	width: 35%;
    margin: -30% 0% 0% 58%;
    padding: 4% 0% 20% 0%;}

.button_02 img{
	    width: 63%;
}


.button_01 p {
	color: white !important;
}

#subpage p.detail_img {
	font-size: 24px;
    border-bottom: solid #4E4E4E;
    border-bottom-width: 0px;
    margin: 1% 0 3% 0;
    width: 100%;
    background-image: url(../img/subpage/tabearuki/obi.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
	color: #AC802E;
}

#subpage p.bg_ttl {
	font-size: 14px;
    border-bottom: white;
    border-bottom-width: thin;
    margin: 5% 0 3% 0;
    width: 100%;
}

.sns {
    width: 31%;
    float: left;
    padding: 0 0 0 10%;
}


.pb_rt .blog {
    float: left;
    padding: 0 3% 0 5%;
}

.pb_rt .facebook {
	display: none
}

.back_number_nikori {
	padding: 0 0 5% 0;
}

.gt_saruku {
width: 78%;
    margin: 0 auto;
}


#subpage div.gover_vispace_n {
    /*float: left;*/
    width: 16% !important;
    margin: 0 24px 15px 24px;
    text-align: center;
    line-height: 12px;
}
#subpage div.gt_vispace {
    /*float: left;*/
    width: 27% !important;
    margin: 0 7px 15px 24px;
    text-align: center;
    line-height: 12px;
    display: inline-block;
	
}











/*-----元々のデータ-----------------------------------------------------------------------------*/


.pb_rt .new_book .feature_erea {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 2% 0;
    visibility: visible;
}

.pb_rt #tabbutton {
	/*overflow-x:hidden;*/
	width:100%;
	max-width:none;
	/*height:88px;*/
	margin:0;
	display:block;
}

.pb_rt #tabbutton img {
	float: left;
    width: 24%;
    padding: 0 1% 0 0 !important;
	}

.pb_rt .new_book{
	width:100%;
	padding: 5% 0 0 0;}

.pb_rt .new_book .new_detail:after,
.pb_rt .new_book .feature_erea:after,
.pb_rt .new_book:after,
.pb_rt .con_area:after {
content: ".";
display: block;
height: 0px;
clear: both;
float: none;
visibility: hidden;
}

.pb_rt .new_book .new_detail{
	height:5%;
}
.pb_rt .new_book .new_detail .detail_img{
	float: left;
    width: 188px;
    margin: 0 0 6px 0;}

.pb_rt .new_book .new_cover{
	float:left;
	width:32.333%;
	text-align:center;
	padding:0 0 0 0;
}

.pb_rt #subpage .cover_new{
}

.pb_rt #subpage .cover_new img, .pb_rt #subpage .ttl_txt img{
	margin:auto;
	width:88%;
}


.pb_rt .new_book .new_feature p{
	text-align:left;
}

.pb_rt .new_book2 .new_feature p{
	text-align:left;
}

.pb_rt .new_book3 .new_feature p{
	text-align:left;
}

.pb_rt .new_book .new_detail:after,
.pb_rt .new_book .feature_erea:after,
.pb_rt .new_book:after,
.pb_rt .con_area:after {
content: ".";
display: block;
height: 0px;
clear: both;
float: none;
visibility: hidden;
}

.pb_rt .new_book .new_detail{
	height:5%;
}

.pb_rt .new_book .new_detail .detail_img{
	float: left;
    width: 188px;
    margin: 0 0 6px 0;}

.pb_rt .new_book .feature_erea .feature_box{
	float:left;
	width:100%;
	text-align:center;
	margin:0 0 2% 0;
}

#digest ul{
    padding: 0 0 30% 0;
}


#digest li{
	width:20%;
	float:left;
	padding: 0 1% 0 0;
}

#digest li .clearfix:after {
    content: '';
    display: block;
    clear: both;
}

.pb_rt .new_book .new_detail .detail_txt{
	float:right;
	background:#fffcdb;
	width:76%;
	padding:1.2% 2% 1.2% 2%;
	margin:0.3% 0 0 0;
	text-align:left;
	font-weight:bold;
	font-size:16px;
}

.pb_rt .new_book .new_detail .detail_img{
	float: left;
    width: 188px;
    margin: 0 0 6px 0;}

.pb_rt .new_book .new_feature{
	float:right;
	width:66.666%;
	
}




.pb_rt #subpage .con_box_in .more {
	display:none;
}

.pb_rt #subpage .cover_nikori img {
    padding: 0;
	box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.4); 
}


.pb_rt #subpage a{
	color:#646464;
}



#container {
	width:970px;
}

.page #container.pb_rt {
   width: auto;
   max-width:970px;
   /*overflow-x : hidden ;*/
   background-image: none;}

#container.pb_rt {
    background-image: none;
    background-repeat: no-repeat;
    /* background-color: #CEE298; */
    background-color: #FFFFFF;
}

#content {
/*overflow-x: hidden;*/
}

/*----------------------------------以下メディアクエリー----------------------------*/

@media screen and (max-width: 2560px) {
	#main_image {
    max-width: 1026px;
}
}

@media screen and (max-width: 1920px) {
#main_image {
max-width: 1012px;
    height: 900px;}
}


@media screen and (max-width: 1536px) {
#main_image {
    max-width: 1004px;
    height: 932px;
}
}

@media screen and (max-width: 1440px) {
#main_image {

	}
}


@media screen and (max-width: 1366px) {
#main_image {
max-width: 1000px;
    height: 920px;}
}

@media screen and (max-width: 1280px) {
#main_image {

	}
}

@media screen and (max-width: 1024px) {
#main_image {
	max-width: 992px;
    height: 915px;	}
}

@media screen and (max-width: 960px) {
	
#main_image {
    max-width: 100%;
    height: 110%;
}
	
.button_01 img {
    width: 85%;
    margin: -50px 0 0 0;
}	
	
.button_02 {
    width: 35%;
    margin: -30% 0% 0% 63%;
    padding: 4% 0% 20% 0%;
}	
	
	
}

@media screen and (max-width: 915px) {
	
#main_image {
   max-width: 100%;
    height: 106%;
}	
}



@media screen and (max-width: 876px) {
#main_image {
       max-width: 100%;
    height: 100%;
}

#subpage div.gover_vispace_n {
    /* float: left; */
    width: 20% !important;
    margin: 0 24px 15px 24px;
    text-align: center;
    line-height: 12px;
}
	
#subpage div.gover_vispace_n {
    /* float: left; */
    width: 20% !important;
}	
	
}

@media screen and (max-width: 825px) {
	
#main_image {
    max-width: 100%;
    height: 96%;
}
	
}



@media screen and (max-width: 800px) {
#main_image {
    max-width: 100%;
    height: 93%;
}	

.button_02 {
	width: 35%;
    margin: -33% 0% 0% 58%;
    padding: 4% 0% 20% 0%;}

.pb_rt .blog {
    padding: 0 3% 0 10%;
    width: 37%;
}	
	
	
	
	}


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

#main_image {
    max-width: 992px;
    height: 710px;
}	
	
.snap-content {
    bottom: inherit !important;
}	
	
#subpage img {
    max-width: 95%;
    padding: 3% 0 2% 0;
}


#subpage p.detail_img {
    font-size: 24px;
    border-bottom: solid #4E4E4E;
    border-bottom-width: 0px;
    margin: 0% 0 3% 0;
    width: 100%;
    background-image: url(../img/subpage/tabearuki/obi.png);
    background-repeat: no-repeat;
    background-size: 100% 129%;
    color: #AC802E;
}
.fb_iframe_widget iframe {
    width: 300px !important; /* x=1 */
    height: 300px;
    background: #FFFFFF;
}	

#subpage div.gt_vispace {
    /* float: left; */
    width: 33% !important;
    margin: 0 7px 15px 24px;
    text-align: center;
    line-height: 12px;
    display: inline-block;
}

.gt_saruku {
    padding: 0px 0 5% 17%;
}	

.hyosi img {
    width: 90%;
    margin: -11% 0% 0% 35%;
}	
	
	}

@media screen and (max-width: 736px) {
.snap-content {
    bottom: inherit !important;
}	
.button_02 {
	width: 35%;
    margin: -33.5% 0% 0% 58%;
    padding: 4% 0% 20% 0%;}	
	
#main_image {
    max-width: 992px;
    height: 680px;
}	
	
}


@media screen and (max-width: 720px) {
.snap-content {
    bottom: inherit !important;
}	
#main_image {
    max-width: 992px;
    height: 666px;
}

.pb_rt .blog {
    padding: 0 3% 0 13%;
    width: 37%;
}	
	
.button_02 {
	width: 35%;
    margin: -34% 0% 0% 59%;
    padding: 4% 0% 20% 0%;}	
	
	
}



@media screen and (max-width: 667px) {
.snap-content {
    bottom: inherit !important;
}	
.hyosi {
    width: 40%;
    float: left;
}
	
.hyosi img {
    width: 90%;
    margin: -23% 0% 0% 20%;
}	
	
.pb_rt .blog {
    padding: 0 0% 1% 25%;
    width: 235px;
}
	
.sns {
    width: 31%;
    float: left;
    padding: 0 0 0 0%;
}	
	
	
#subpage div.gover_vispace_n {
    /* float: left; */
    width: 27% !important;
}

	
.fb-like-box {
		    padding: 0 30% 0 27%;
	}	
	

#subpage div.gover_vispace_n {
    float: none !important;
    width: 27% !important;
}
	
.button_02 {
    width: 35%;
    margin: -34.5% 0% 0% 59%;
    padding: 4% 0% 20% 0%;
	}	
	
#main_image {
    max-width: 992px;
    height: 615px;
}	
	
}

@media screen and (max-width: 640px) {
.snap-content {
    bottom: inherit !important;
}	
#main_image {
    max-width: 992px;
    height: 590px;
}


}

@media screen and (max-width: 625px) {
	.snap-content {
    bottom: inherit !important;
}	
#main_image {
    max-width: 992px;
    height: 578px;
}
	
.pb_rt .blog {
    padding: 0 0% 5% 27%;
    width: 210px;
}	
	

}

@media screen and (max-width: 619px) {
	.snap-content {
    bottom: inherit !important;
}	
.pb_rt .new_book .feature_erea {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 10% 0;
    visibility: visible;
}

#main_image {
    max-width: 992px;
    height: 574px;
}	
	
	
}

@media screen and (max-width: 600px) {
#subpage div.gt_vispace {
    /* float: left; */
    width: 33% !important;
    margin: 0 7px 15px 24px;
    text-align: center;
    line-height: 12px;
    display: inline-block;
    vertical-align: top;
}
#main_image {
    max-width: 100%;
    height: 553px;
}
	

}

@media screen and (max-width: 598px) {
	.snap-content {
    bottom: inherit !important;
}	
#main_image {
    max-width: 992px;
    height: 550px;
}
.pb_rt .blog {
    padding: 0 0% 5% 29%;
    width: 194px;
}
#subpage p.bg_ttl {
    font-size: 12px;	
	}
}

@media screen and (max-width: 568px) {
	.snap-content {
    bottom: inherit !important;
}	
#main_image {
    max-width: 992px;
    height: 525px;
}
	
.pb_rt .blog {
    padding: 0 0% 5% 31%;
    width: 190px;
}	

}

@media screen and (max-width: 558px) {
	.snap-content {
    bottom: inherit !important;
}	
#main_image {
    max-width: 992px;
    height: 515px;
}	
}

@media screen and (max-width: 544px) {
	.snap-content {
    bottom: inherit !important;
}	
	#main_image {
    max-width: 992px;
    height: 505px;
}

.pb_rt .blog {
    padding: 0 0% 5% 33%;
    width: 179px;
}	

#subpage p.bg_ttl {
    font-size: 75%;
}	
	
}

@media screen and (max-width: 540px) {
	.snap-content {
    bottom: inherit !important;
}	
#main_image {
    max-width: 992px;
    height: 500px;
}
}

@media screen and (max-width: 524px) {
	.snap-content {
    bottom: inherit !important;
}	
#main_image {
    max-width: 992px;
    height: 484px;
}

.pb_rt .blog {
    padding: 0px 0% 5% 35%;
    width: 167px;
}

#subpage p.bg_ttl {
    font-size: 72%;
}	

}



@media screen and (max-width: 492px) {
	.snap-content {
    bottom: inherit !important;
}	
	
	.pb_rt .blog {
    padding: 0 30% 1% 22%;
    width: 300px;
}
	.fb-like-box {
    padding: 0 30% 0 22%;
}
	
.hyosi {
    width: 47%;
    float: left;
}
.hyosi img {
    width: 90%;
    margin: -34% 0% 0% 6%;
}
	
.button_02 {
    width: 35%;
    margin: -39.5% 0% 0% 67%;
    padding: 4% 0% 20% 0%;
}	
#main_image {
    max-width: 992px;
    height: 457px;
}	
.button_01 {
    width: 35%;
    font-size: 14px;
}
	
.button_02 {
	width: 35%;
    margin: -35.5% 0% 0% 61%;
    padding: 4% 0% 20% 0%;}	
	
#subpage p.bg_ttl {
    font-size: 70%;
    border-bottom: white;
    border-bottom-width: thin;
    margin: 5% 0 3% 0;
    width: 100%;
}	

.sns {
    width: 31%;
    float: left;
    padding: 0 0 3% 12%;
}
	
.pb_rt .blog {
    padding: 0 30% 1% 22%;
    width: 54%;
}	
	
	
}


@media screen and (max-width: 480px) {
	.snap-content {
    bottom: inherit !important;
}	
#subpage p.bg_ttl {
	font-size: 68%;}
	
#main_image {
    max-width: 992px;
    height: 446px;
}
	
.title img {
    width: 25%;
    margin: 0 0 0 26%;
}
	
.subtitle {
    width: 35%;
    margin: -1% 0% 0% 56%;
}	
.hyosi {
    width: none;
    float: none;
}
	
.hyosi img {
    width: 105%;
    margin: -140% 0% 0% 14%;
}	

.button_01 {
    width: 36%;
    font-size: 14px;
}
	
.button_01 img {
    width: 100%;
    margin: -18% 0 0 -0%;
}
	
.button_01 p {
    margin: 2% 0 0 -5%;
    width: 100%;
}
	
.button_02 {
    width: 38%;
    margin: -51.5% 0% 0% 70%;
    padding: 4% 0% 20% 0%;
}	
.button_02 img {
    width: 72%;
    margin: 28% 0% 0% -56%;
}
	
.pb_rt .facebook {
    display: block;
    padding: 0 30% 1% 22%;
    width: 265px;
}
	
.pb_rt .blog {
    padding: 0 30% 1% 22%;
    width: 55.3%;
}	
	
	
	
	
	
	
	
	
.pb_rt .new_book .new_detail {
    margin: 0 0 5% 30px;
    height: auto;
}	
	
#digest li {
    width: 42%;
    float: left;
    padding: 0 0% 0 1%;
}
	
.pb_rt #tabbutton img {
    /* float: left; */
    width: 60%;
    padding: 0 1% 0 20% !important;
}	
	
	
.pb_rt #subpage h1 img.h1_pc {
    display: none;
	width:95%;
	padding: 0 0 0 2%;
}
	
	
	
	
.pb_rt .back_number_nikori {
    padding: 5% 0% 15% 0%;
    /* margin: 0 0 0% 0; */
}


#subpage div.gover_vispace_n {

	
	}

.pb_rt .new_book .feature_erea {
    float: left;
    width: 93%;
    text-align: center;
    margin: 0 0px 2% -22px;
    visibility: visible;
	padding: 0 0 7% 6%;
}



#digest ul {
    padding: 0 0 36% 0;
    margin: 0px 0px 0 14%;
}

.pb_rt #subpage .cat_etc .past_area {
  width: 100%;
  padding: 1% 0% 3%;
  height: auto;
}

#primary #subpage img {
    padding: 0px 0 5px 0;
    /* width: 100%; */
}

.pb_rt #subpage .banner_A {
  margin: -30px 0 0 0;
  float: left;
  width: 50%;
  padding: 0 0 0 0;
}


.pb_rt .bn_link {
  width: 100%;
  float: left;
  margin: 0 0% 0 0;
}

.pb_rt #subpage .banner_B {
  margin: 1%;
  float: left;
  width: 53%;
  margin: 0 -25px 0 0;
}
	
.pb_rt #subpage h1 {
    padding: 3% 0 2% !important;
}


.pb_rt #subpage .con_box_in h2 {
    height: 35px;
    padding: 0 0 2%;
}

.pb_rt #subpage .con_box {
    height:380px;
}

.pb_rt #subpage .con_box.time_tr {
    height: 430px;
}

.pb_rt .con_box.time_tr .past_area {
    height: 60px;
}


.pb_rt .new_book .new_detail{
	margin:0 0 5% 30px;
	height:auto;
}



.pb_rt #carousel_isan li {
  display: block;
  float: left;
  height: 230px;
}

.pb_rt .new_book .new_detail .detail_img{
	float:none;
	width:100%;
	text-align:left;
}



.pb_rt .new_book .new_detail .detail_txt{
	float:none;
	width:100%;
}


	
.pb_rt .new_book .new_cover {
    float: left;
    padding: 0 1% 0 0;
    text-align: right;
    width: 32.333%;
}




.pb_rt .con_box {
	clear: both;
    float: none;
    height: auto;
    margin: 0 auto 10%;
    text-align: center;
    width: 94%;
}

.pb_rt .new_book .new_cover {
	clear: both;
    float: none;
    height: auto;
    margin: 0 auto 0%;
    text-align: center;
    width: 75%;
}



.pb_rt .new_book .new_feature {
	clear: both;
    height: auto;
    margin: 7% 0 -7% 0;
    text-align: center;
    width: 94%;
}



.pb_rt #subpage .new_book .feature_box .cover {
    height: 230px;
    width: 85%;
}



.pb_rt #subpage .new_book .feature_box .ttl_feature_box{
	height: 230px;
    width: 15%;
}



.pb_rt #subpage .new_book .cover_txt{
	clear: both;
    float: none;
    height: auto;
    margin: 0 auto 10%;
    text-align: center;
    width: 94%;
}




.pb_rt #subpage .new_book .feature_erea .feature_box img{
	padding:0;
}




.pb_rt #subpage .feature_box .cover_txt {
	   padding: 3%;
}
	
	
.pb_rt #subpage .bottom02 div.back_number {
    padding: 10px 0 10px 0px !important;
	margin:auto;
	width: 100%;

}

.pb_rt #subpage .book_topics img {
    width: 100% ;
	max-width:320px;
}


.pb_rt #subpage .bottom02 .book_topics_right p {
    width: 100%!important;
}





.pb_rt .con_box_in {
    height: auto;
    padding: 0 0 0;
    width: 100%;
}



.pb_rt #subpage h2{
	   padding: 34px 0 0;

}

.pb_rt #subpage h2 img{
	max-width: 100%;
    padding: 0 0 0;

}

.pb_rt #subpage .ConMini .past_con p{
	margin: 67px 0 0;
	font-size:12px;
	font-weight:bold;
}


.pb_rt .past_area {
    height: 90px;

}

.pb_rt #subpage .cat_etc {
    width: 94%;
}




.pb_rt #subpage .cat_etc .con_box_in {
	width:100%;
	padding:0 0 0.8%;
	margin:auto;
}


.pb_rt #subpage .cat_etc .past_area {
    height: auto;

}






.pb_rt #subpage .cat_etc .past_con.ht {
    height: auto;
	margin:2.5% auto 3%;
}

.pb_rt #subpage .cat_etc .past_con a {
	display:block;
	line-height:0;
}


.pb_rt #subpage .cat_etc .past_con img {
    padding:3% 0 0;
}


.pb_rt #subpage .cat_etc{
	width:100%;
	height:auto;
	margin: 0 0 0;
}



.pb_rt #subpage .bottom02 div.back_number img {
	width: 80%;

}



.page-id-550 .pb_rt #subpage .book_topics img {
    max-width:300px !important;
    width: 80%;
}



.pb_rt #subpage .info .info_L{
	width:20%;
}

.pb_rt #subpage .info .info_R{

	width:78%;
}

.pb_rt #subpage .info .info_R p.info_ttl{
	font-size:14px;
}


.pb_rt #subpage .info .info_R p{
	font-size:12px;
	line-height:18px;
}


.pb_rt #subpage .cat_etc .con_box_in{
	height:auto;
}

.pb_rt #subpage .cat_etc .con_box_in img{
	height:auto;
	  width: 97%;
}

.pb_rt #subpage .cat_etc .past_con.ht img {
    height: auto;
}



.pb_rt #subpage .ttl_past {
    margin: 0 auto 1%;
}


.pb_rt #subpage .emp_box{
	display:none;
}

.pb_rt #subpage .con_box.pf {
	padding-bottom:10px;
}


.pb_rt .con_box.pf .answer {
    width: 100%;
}

.pb_rt .con_box.pf .mono {
    width: 100%;
}




.pb_rt #subpage .present_img img {
    width: 86%;
	margin-bottom:10px;
}

}


@media screen and (max-width: 456px) {
	.snap-content {
    bottom: inherit !important;
}	
#main_image {
    max-width: 992px;
    height: 422px;
}
	
#subpage div.gt_vispace {
    /* float: left; */
    width: 36% !important;
    margin: 0 17px 15px 4px;
    text-align: center;
    line-height: 12px;
    display: inline-block;
}	
.pb_rt .blog {
    padding: 0 30% 1% 22%;
    width: 58%;
}	
	

}

@media screen and (max-width: 436px) {
	.snap-content {
    bottom: inherit !important;
}	
.pb_rt .blog {
    padding: 0 30% 1% 15%;
    width: 300px;
}
.fb-like-box {
    padding: 0px 30% 0 15%;
}	
	
.pb_rt .facebook {
padding: 0 30% 1% 15%;
    width: 300px;}	

.subtitle {
    width: 32%;
    margin: -6% 0% 0% 64%;
}
	
.button_01 img {
    width: 109%;
    margin: -20% 0 0 -12%;
}	
	
.button_02 img {
    width: 76%;
    margin: 19% 0% 0% -47%;
}	
#main_image {
    max-width: 992px;
    height: 403px;
}	
	
#subpage p.bg_ttl {
    font-size: 10px;
    border-bottom: white;
    border-bottom-width: thin;
    margin: 5% 0 3% 0;
    width: 100%;
}	
.pb_rt .facebook {
    padding: 0 30% 1% 16.5%;
    width: 300px;
}
	
.pb_rt .blog {
    padding: 0 30% 1% 16.5%;
    width: 300px;
}	
	
	
	
}



@media screen and (max-width: 414px){
	
#subpage div.gt_vispace {
    /* float: left; */
    width: 36% !important;
    margin: 0 17px 15px 4px;
    text-align: center;
    line-height: 12px;
    display: inline-block;
    vertical-align: top;
}	
	
	.snap-content {
    bottom: inherit !important;
}	

#subpage div.gover_vispace_n {
    float: none !important;
    width: 26% !important;
}
	
#subpage p.bg_ttl {
    font-size: 10px;
    border-bottom: white;
    border-bottom-width: thin;
    margin: 0 0 3% 0;
    width: 100%;
}	
	
.subtitle {
    width: 32%;
    margin: -10% 0% 0% 64%;
}
	
.hyosi img {
    width: 105%;
    margin: -115% 0% 0% 14%;
}	
	
.button_01 img {
    width: 101%;
    margin: -20% 0 10% 0;
}
	
.button_01 p {
    margin: -6% 0 0 -3%;
    width: 121%;
}
	
.button_02 img {
    width: 72%;
    margin: 21% 0% 0% -22%;
}
	
.look01 {
    width: 75%;
    margin: 0% 0% 0% 3%;
    padding: 57% 0 0 0;
}	
	
#main_image {
    max-width: 992px;
    height: 384px;
}	
	
#subpage p.bg_ttl {
    font-size: 11px;
    border-bottom: white;
    border-bottom-width: thin;
    margin: 14px 0 3% 0;
    width: 100%;
}	
	
#subpage p.bg_ttl {
    font-size: 11px;
    border-bottom: white;
    border-bottom-width: thin;
    margin: 14px 0 3% 0;
    width: 104%;
}	
	
	
}

@media screen and (max-width: 396px){
	.snap-content {
    bottom: inherit !important;
}	

.button_02 img {
    width: 75%;
    margin: 20% 0% 0% -37%;
}
	
#main_image {
    max-width: 992px;
    height: 367px;
}	
	
#subpage p.bg_ttl {
    font-size: 11px;
    border-bottom: white;
    border-bottom-width: thin;
    margin: 14px 0 3% 0;
    width: 107%;
}	
	
.sns {
    width: 31%;
    float: left;
    padding: 0 0 3% 8%;
}
	
.pb_rt .facebook {
    padding: 0 30% 1% 12.5%;
    width: 300px;
}
	
	
.pb_rt .blog {
    padding: 0 30% 1% 12.5%;
    width: 300px;
}	
	
	
	

}

@media screen and (max-width: 375px){
	.snap-content {
    bottom: inherit !important;
}	
	.pb_rt .blog {
    padding: 0 30% 1% 10%;
    width: 300px;
}
	
.fb-like-box {
    padding: 0px 30% 0 10%;
}	
.pb_rt .facebook {
padding: 0 30% 1% 10%;
    width: 300px;
	
}
	
.button_02 img {
    width: 72%;
    margin: 18% 0% 0% -26%;
}
	
#main_image {
    max-width: 992px;
    height: 348px;
}	
	
#subpage p.bg_ttl {
    font-size: 13px;
    border-bottom: white;
    border-bottom-width: thin;
    margin: 14px 0 3% -3%;
    width: 114%;
}	
}



@media screen and (max-width: 360px){
	.snap-content {
    bottom: inherit !important;
}	

.button_01 p {
    margin: 1% 0 0 -154%;
    width: 121%;
}
	
.button_02 img {
    width: 78%;
    margin: 14% 0% 0% -50%;
}	
.button_01 img {
    width: 108%;
    margin: -30% 0 0 -288%;
    /* float: left; */
}
	
.look01 {
	width: 75%;
    margin: 25% 0% 0% 45%;
}
	

#subpage div.gover_vispace_n {
    float: none !important;
    width: 25% !important;
}
	
.pb_rt .facebook {
    padding: 0 30% 1% 9%;
    width: 300px;
}	
.pb_rt .blog {
    padding: 0 30% 1% 9%;
    width: 300px;
}	
	
.sns {
    width: 31%;
    float: left;
    padding: 0 0 3% 7%;
}	
	
.gt_saruku {
    padding: 0px 0 5% 0%;
}
#subpage div.gt_vispace {
    /* float: left; */
    width: 38% !important;
    margin: 0 14px 15px 16px;
    text-align: center;
    line-height: 12px;
    display: inline-block;
}	
	
		#subpage div.gover_vispace_n {
    float: none !important;
    width: 42% !important;
}
#main_image {
    max-width: 992px;
    height: 336px;
    margin: -25% 0 0 0;
}	
	
}

@media screen and (max-width: 350px){
	.snap-content {
    bottom: inherit !important;
}	
#subpage div.gt_vispace {
    /* float: left; */
    width: 39% !important;
    margin: 0 15px 15px 16px;
    text-align: center;
    line-height: 12px;
    display: inline-block;
}
	
#subpage div.gt_vispace {
    /* float: left; */
    width: 38% !important;
    margin: 0 25px 15px 2px;
    text-align: center;
    line-height: 12px;
    display: inline-block;
}	
	
#subpage p.detail_img {
    font-size: 21px;
}	
subpage p.bg_ttl {
	font-size: 12px;}	
	
}


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

#subpage p.bg_ttl {
    font-size: 15px;
    border-bottom: white;
    border-bottom-width: thin;
    margin: 14px 0 3% -3%;
    width: 114%;
}	
	
	.snap-content {
    bottom: inherit !important;
}	
	
#main_image {
    height: 297px;
    padding: 0 0 15% 0;
}
	
.button_01 img {
    width: 115%;
    margin: -23% 0 0 -149%;
    float: left;
}	
.button_02 img {
    width: 81%;
    margin: -12% 0% 0% -48%;
}
.button_01 p {
    margin: 136% 0 0 -86%;
    width: 229%;
    color: black !important;
}
	
#subpage p.detail_img {
    font-size: 20px;
    border-bottom: solid #4E4E4E;
    border-bottom-width: 0px;
    margin: 0% 0 3% 0;
    width: 100%;
    background-image: url(../img/subpage/tabearuki/obi.png);
    background-repeat: no-repeat;
    background-size: 100% 129%;
    color: #AC802E;
}	
	
.sns {
    width: 31%;
    float: left;
    padding: 0 0 3% 0%;
}	
.pb_rt .facebook {
    padding: 0 30% 1% 6%;
    width: 300px;
}	
	
.pb_rt .blog {
    padding: 0 30% 1% 6%;
    width: 300px;
}	
	
#subpage div.gt_vispace {
    /* float: left; */
    width: 40% !important;
    margin: 0 5px 15px 16px;
    text-align: center;
    line-height: 12px;
    display: inline-block;
}	
	
}