@charset "UTF-8";

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

/******************************************
 トップコンテンツ
******************************************/

#top-nenmatsu {
width: 98%;
margin: 0 auto 30px auto;
text-aling: center;
}

#top-nenmatsu img {width:100%;}

#topcont_a {
width: 98%;
margin: 0 auto 30px auto;
}

#topcont_a_ttl {
width: 100%;
height: 65px;
background-image: url(/img/ttlbg_a.jpg);
background-repeat: no-repeat;
background-position: left bottom;
margin: 0 auto 10px auto;
}

#topcont_a_ttl h3 {
font-size: 100%;
text-align: left;
font-weight: bold;
padding-top: 7px;
padding-left: 10px;
color: #2A1B0A;
}

#topcont_a_sub {
width: 100%;
margin: 0 auto 20px auto;
font-weight: bold;
font-size: 100%;
}

#topcont_a_cont {
width: 100%;
margin: 0 auto -20px auto;
}

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

.topcont_a_cont_tbl {
float: left;
width: 50%;
margin-bottom: 30px;
}

.topcont_a_cont_tblbox {
width: 95%;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 20px;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
background-color: #F5ECCE;
border: 1px solid #cfcfcf;
}

.topcont_a_cont_tbl_ttl {
width: 96%;
margin: 0 auto 20px auto;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F5A9A9;
border-bottom: 2px solid #FA5858;
color: #fff;
}

.topcont_a_cont_tbl_txt {
width: 96%;
margin: 0 auto -15px auto;
}

.topcont_a_cont_tbl_txt:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.topcont_a_cont_tbl_txt img {
clear: both;
width: 90%;
margin: 0 auto 10px auto;
}

.topcont_a_cont_tbl_txt p {
text-align: left;
margin-bottom: 15px;
}

#topcont_b {
width: 98%;
margin: 0 auto 30px auto;
}

#topcont_b_ttl {
width: 100%;
height: 65px;
background-image: url(/img/ttlbg_a.jpg);
background-repeat: no-repeat;
background-position: left bottom;
margin: 0 auto 10px auto;
}

#topcont_b_ttl h3 {
font-size: 110%;
text-align: left;
font-weight: bold;
padding-top: 8px;
padding-left: 10px;
color: #2A1B0A;
}

#topcont_b_sub {
width: 100%;
margin: 0 auto 10px auto;
font-weight: bold;
font-size: 100%;
line-height: 20px;
}

#topcont_b_cont {
width: 100%;
margin: 0 auto;
}

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

.topcont_b_cont_step {
width: 50%;
float: left;
padding-top: 10px;
padding-bottom: 10px;
}

.topcont_b_cont_box {
width: 95%;
margin: 0 auto;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: 1px solid #FA5858;
}

.topcont_b_cont_box_ttl {
width: 97%;
margin: 0 auto 5px auto;
border-bottom: 1px solid #FA5858;
padding-bottom: 5px;
}

.topcont_b_cont_box_ttl:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.topcont_b_cont_box_ttl_l {
float: left;
margin-right: 5px;
padding: 5px 4px;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
background-color: #FA5858;
color: #fff;
}

.topcont_b_cont_box_ttl_r {
float: left;
text-align: left;
color: #FA5858;
padding: 5px 0;
display: inline-block;
}

.topcont_b_cont_box_txt {
width: 97%;
margin: 0 auto -15px auto;
}

.topcont_b_cont_box_txt p {
text-align: left;
margin-bottom: 15px;
line-height: 140%;
}

.topcont_b_cont_box_img {
width: 97%;
margin: 0 auto;
text-align: center;
padding-top: 10px;
padding-bottom: 20px;
}

.topcont_b_cont_box_img img {}

#topcont_c {
width: 98%;
margin: 0 auto 30px auto;
}

#topcont_c_ttl {
width: 100%;
height: 65px;
background-image: url(/img/ttlbg_b.jpg);
background-repeat: no-repeat;
background-position: left bottom;
margin: 0 auto 10px auto;
}

#topcont_c_ttl h3 {
font-size: 120%;
text-align: left;
font-weight: bold;
padding-top: 10px;
padding-left: 10px;
color: #2A1B0A;
}

#topcont_c_sub {
width: 100%;
margin: 0 auto 10px auto;
font-weight: bold;
font-size: 100%;
line-height: 20px;
}

#topcont_c_cont {
width: 100%;
margin: 0 auto -15px auto;
}

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

#topcont_c_cont img {
clear: both;
width: 90%;
margin: 0 auto 15px auto;
}

#topcont_c_cont p {
text-align: left;
margin-bottom: 15px;
}

#top_amazon {
width: 100%;
margin: 0 auto 10px auto;
}

#top_amazon img {
width: 98%;
margin: 0 auto;
}

#top_shinrai {
width: 98%;
margin: 0 auto;
padding-bottom: 5px;
}

#top_shinrai_ttl {
width: 100%;
height: 65px;
background-image: url(/img/ttlbg_a.jpg);
background-repeat: no-repeat;
background-position: left bottom;
margin: 0 auto 10px auto;
}

#top_shinrai_ttl h3 {
font-size: 120%;
text-align: left;
font-weight: bold;
padding-top: 7px;
padding-left: 10px;
color: #2A1B0A;
}

#top_shinrai_sub {
width: 100%;
margin: 0 auto;
padding-bottom: 5px;
}

#top_shinrai_sub ol {
width: 95%;
margin: 0 auto 15px auto;
padding: 15px 10px 10px 10px;
border: 3px solid #ff0000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color: #FFEBCD;
display: inline-block;
}

#top_shinrai_sub ol li {
list-style: decimal;
text-align: left;
margin-bottom: 5px;
margin-left: 20px;
}

#top_shinrai_sub img {
width: 80%;
clear: both;
margin: 0 auto 10px auto;
text-align: center;
}

#top_shinrai_sub p {
text-align: left;
margin-bottom: 15px;
}

#top_kiji-rank {
width: 100%;
margin: 0 auto 30px auto;
}

#top_kiji_rank_ttl {
width: 100%;
height: 65px;
background-image: url(/img/ttlbg_a.jpg);
background-repeat: no-repeat;
background-position: left bottom;
margin: 0 auto 10px auto;
}

#top_kiji_rank_ttl h3 {
font-size: 120%;
text-align: left;
font-weight: bold;
padding-top: 7px;
padding-left: 10px;
color: #2A1B0A;
}

#top_kiji_rank_sub {
width: 100%;
margin: 0 auto;
padding-bottom: 5px;
}

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

#top_kiji_rank_sub_a {
width: 333px;
clear: both;
margin: 0 auto 15px auto;
padding-bottom: 15px;
border-bottom: 2px dotted #ccc;
}

#top_kiji_rank_sub_b {
width: 333px;
clear: both;
margin: 0 auto 15px auto;
padding-bottom: 15px;
border-bottom: 2px dotted #ccc;
}

#top_kiji_rank_sub_c {
width: 333px;
clear: both;
margin: 0 auto 15px auto;
padding-bottom: 15px;
border-bottom: 2px dotted #ccc;
}

.top_kiji_rank_sub_box_w {
width: 95%;
margin: 0 auto;
padding-top: 10px;
}

.top_kiji_rank_sub_box_w h4 {
font-weight: bold;
text-align: left;
}

.top_kiji_rank_sub_box_w ul {}

.top_kiji_rank_sub_box_w ul li {
text-align: left;
list-style: disc;
margin-left: 25px;
}

#top_an_bnr {
width: 100%;
margin: 0 auto 30px auto;
}

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

#top_an_bnr_l {
width: 100%;
clear: both;
text-align: center;
margin: 0 auto 20px auto;
}

#top_an_bnr_l img {width:90%;}

#top_an_bnr_r {
width: 100%;
clear: both;
text-align: center;
margin: 0 auto;
}

#top_an_bnr_r img {width:90%;}






#topcont_d {
width: 98%;
margin: 0 auto 30px auto;
}

#topcont_d_ttl {
width: 100%;
height: 65px;
background-image: url(/img/ttlbg_b.jpg);
background-repeat: no-repeat;
background-position: left bottom;
margin: 0 auto 10px auto;
}

#topcont_d_ttl h3 {
font-size: 120%;
text-align: left;
font-weight: bold;
padding-top: 10px;
padding-left: 10px;
color: #2A1B0A;
}

#topcont_d_sub {
width: 100%;
margin: 0 auto 10px auto;
font-weight: bold;
font-size: 100%;
line-height: 20px;
}

#topcont_d_cont {
width: 100%;
margin: 0 auto;
}


#topcont_d_cont_tbl {
width:100%;
margin:0 auto;
text-align:center;
}

.topcont_d_cont_box {
width:90%;
clear:both;
margin:0 auto 25px auto;
text-align:center;
float:none;
}

.topcont_d_cont_box iframe {
margin:0 auto;
max-width:90% !important;
height:auto;
}






}
