@charset "utf-8";

body{

}
.home{
}

.btn {
    -webkit-appearance: none;
}

/******************************************
print
*******************************************/
@media print{
    .no_print{
        display: none;
    }
}
/******************************************
header
*******************************************/
#header_text{
	background:#fff;
	color:#666;
	min-width:1200px;
	line-height:20px;
}
#header_text h1{
	font-size:12px;
	float:left;
	text-align:left;
}
#header{
	padding:4px 0px 0px 0px;
    background: #fff;
}
#logo{
	float:left;
	z-index:100000;
    margin-right: 60px;
}
#header p{
	float:left;
	font-size:12px;
	line-height:1.8;
	color:#777;
	margin-top: 24px;
    width: 460px;
}
#header .header_bt a{
    padding: 6px 10px;
    border: 1px solid #333;
    border-radius: 4px;
    width: 100px;
    display: block;
    float: right;
    text-align: center;
    margin: 0 5px;
}
#header .header_bt a:hover{
    background-color: #ccc;
}
.favorite_count{
    margin: -34px 0 0 98px;
    background-color: #a81338;
    color: #fff;
    display: block;
    width: 20px;
    position: absolute;
    border-radius: 4px;
}
#header_tel{
    margin:0;
}
#header_tel a{
	float: right;
}

.globalmenu_bg {
    margin:0px auto 0px;
	background: #fff;
    padding-top: 14px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-top: 10px;
}
#globalmenu{
}
#globalmenu ul{
	list-style:none;
    height: 40px;
    text-align: center;
}
#globalmenu li:first-child{
    border-left:1px solid #c3c3c3;
}
#globalmenu li{
	float:left;
    height: 30px;
    padding:0 44px;
    border-right:1px solid #c3c3c3;
}
#globalmenu li span{
    display: block;
    text-align: center;
    font-size: 8px;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

.slide_wrap img{
    width:780px;
}
.slide_wrap img:hover{
    opacity: 0.6;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}
.bx-controls{
    display: none;
}

.spnavi_bt{
    width:40%;
}
body .drawer-nav{
    background-color: #025885;
    opacity: 0.9;
}
body .drawer-nav ul li{
    text-align: left;
    padding:10px 20px;
    border-bottom: 1px #ccc dotted;
}
body .drawer-nav ul li a{
    color:#fff;
    font-size:14px;
}
.sidemax{
    width:1200px;
    margin:0 auto;
}
.sidemax1000{
    max-width:1000px;
    margin:0 auto;
    width:100%;
}
.sidemax .spnavi_bt img{
    width:30%;
    float:left;
    margin-right:3%;
}


#top_menubox{
    width:100%;
}
#top_menubox ul li{
    width:380px;
    float:left;
    margin:10px 10px 46px 10px;
    border-bottom: 1px solid #ccc;
}
#top_menubox ul li:hover{
    opacity: 0.6;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}
#top_menubox ul li h3{
    font-size: 16px;
    line-height: 2;
    font-weight: 700;
    color: #9f9f9f;
    padding:4px 0;
}




.top_baikyakubt{width:100%;}
.top_baikyakubt a{width:100%;}
.top_baikyakubt a img{width:80%;padding:2% 10%;}
#mainmenu {
    background-image: url("../images/top/topmain_bg.jpg");
    background-repeat: no-repeat;
    clear: both;
    height: 475px;
    margin-bottom: 20px;
    position: relative;
    width: 1200px;
}

.kodawari_bt{
    width:1010px;
    height:180px;
    left: 95px;
    position: absolute;
    top: 300px;
}

.kodawari_bt img{
    float:left
}
.new_rent{
    padding:20px 0;
}
.new_sale{
    padding:20px 0;
}

h3.section_title{
    position: relative;
    color: #5f5f5f;
    text-align: left;
    padding: 0.8em 1em 1em;
    border-top: none;
    border-bottom: none;
    margin-bottom: 20px;
    font-weight: 700;
}
h3.section_title:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: '';
    background-image: -webkit-repeating-linear-gradient(135deg, #c3c3c3, #c3c3c3 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #c3c3c3, #c3c3c3 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
h3.section_title span{
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    font-size:18px;
    padding:0 20px;
    color:#9c9c9c;
}
  






.container {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}
.slide_all {
    width: 1100px;
    margin: 0 auto;
    height: 440px;
    position: relative;
}
.slide_wrap {
    width: 3300px;
    position: absolute;
    left: 50%;
    margin-left: -1650px;
}
.bx-wrapper .bx-viewport {
    background: none;
    border: none;
    box-shadow: none;
    padding: 20px 0;
}

#top_comment {
    padding: 4px 0 50px 0;
    z-index: 100;
    position: relative;
}

.topimg_wrapper{
    background-size: auto auto;
    position: relative;
    background-size: auto 100%;
    margin-bottom: 20px;
}
#topimg{
    clear: both;
    position: relative;
    width: 1200px;
    height:533px;
    margin: 0px auto 0;
    background-image: url("../images/top/topimg_bg.png");
    background-repeat: no-repeat;
}
.topimg_ic01{
    position: absolute;
    top:30px;
    right:80px;
    width:220px;
    height:220px;
}
.topimg_bt01{
    position: absolute;
    top: 260px;
    right: 30px;
    width: 400px;
    height: 120px;
}
.topimg_btbox{
    margin-top: 360px;
}
.topimg_btbox a img{
    margin: 10px;
    left: 40px;
    position: absolute;
}
.topimg_btbox a img:hover{
    opacity: 0.8;
}

#header_text .inquiry_btn{
    display: inline-block;
    text-decoration: none;
    margin-top: 0px;
    height: 20px;
    background:#009eec;
    padding: 2px 10px 4px;
    line-height: 20px;
    border-radius: 0 0 4px 4px;
}

#header_text .company_btn{
    display: inline-block;
    text-decoration: none;
    margin-top: 0px;
    height: 20px;
    background:#ffc286;
    padding: 2px 10px 4px;
    line-height: 20px;
    border-radius: 0 0 4px 4px;
}

#header_text .inquiry_btn:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
#header_text .favorite_btn{
    display: inline-block;
    padding: 0;
    width: 180px;
    background-image: url("../images/header_okiniiri_bg.png");
    background-repeat: no-repeat;
    float: right;
    margin-top:0px;
    height: 50px;
}

#header_text .favorite_btn span{
    display: block;
    color:#fff;
    border-radius: 4px;
    width: 20px;
    height:20px;
    margin-left: 135px;
    margin-top: 0px;
}

.top_01{
    background: url("../images/top/top_tokucho_bg.png") repeat-x 50% bottom #fff;
    padding-bottom: 40px;
    animation: bg-slider 80s linear infinite; /* 23sの部分背景画像の約数だとスムーズ */
    position: relative;
    background-size: auto 100%;
}
@keyframes bg-slider {
	from { background-position: 0 0; }
    to { background-position: -1600px 0; } /* 1600pxとは使用した背景画像の長さ */
}
.top_01 h2{
    margin: 30px auto 10px;
}
.top_01 p{
    margin-top:20px;
    margin-bottom:20px;
    line-height:2;
    color:#4b4b4b;
    font-size:14px;
}

.tokucyo_bt{
    display: block;
    width:100%;
    text-align: center;
}
.top_news_category{
    
}
.top_news_category ul li{
    display: block;
    list-style: none;
    width:23%;
    margin:1%;
    float:left;
    height:100px;
    background-color: #009eec;
    color:#fff;
    border-radius: 4px;
    border-bottom:4px solid #e1caff;
}
.top_news_category ul li:hover{
    background-color: #e1caff;
    border-bottom:4px solid #e1caff;
}
.top_news_category ul li img{
    float:left;
    border-radius: 4px 0px 0px 4px;
    margin-right:10px;
}
.top_news_category ul li h3{
    font-size:0.8em;
    line-height: 1.6;
    font-weight:600;
    text-align: left;
    margin: 10px 0 0;
}
.top_news_category ul li p{
    padding:5px;
    line-height: 1.6;
    font-size:0.7em;
    text-align: left;
    color:#fff;
    margin:0;
}
.top_3bt_box{
    background-color: aliceblue;
}
.top_3bt_box a img{
    margin:10px 30px 10px;
}
.top_3bt_box a img:hover{
    opacity:0.8;
}
.top_02{
    background-color: #fff;
    padding: 20px 0;
}
.top_02 h2{
    margin-top:20px;
}

.point_box01{
    width:1000px;
    margin:20px auto;
}
.point_box01 img{
    float:left;
}
.point_box01 .point_text{
    width:420px;
    float:right;
    text-align: left;
    line-height:2;
    color: #4b4b4b;
}
.point_box02 .point_text{
    width:420px;
    float:left;
    text-align: left;
    line-height:2;
    color: #4b4b4b;
}
.point_box03 .point_text{
    width:420px;
    float:right;
    text-align: left;
    line-height:2;
    color: #4b4b4b;
}
.point_box04 .point_text{
    width:420px;
    float:left;
    text-align: left;
    line-height:2;
    color: #4b4b4b;
}
.point_box05 .point_text{
    width:420px;
    float:right;
    text-align: left;
    line-height:2;
    color: #4b4b4b;
}
.point_text img{
    margin-top:20px;
}
.point_box02{
    width:1000px;
    margin:20px auto;
}
.point_box02 img{
    float:right;
}
.point_box03{
    width:1000px;
    margin:20px auto;
}
.point_box03 img{
    float:left;
}
.point_box04{
    width:1000px;
    margin:20px auto;
}
.point_box04 img{
    float:right;
}
.point_box05{
    width:1000px;
    margin:20px auto;
}
.point_box05 img{
    float:left;
}
.top_03{
    padding:30px 0;
    background-color: #fff;
}
.top_03 .top_title_d{
    color: #4b4b4b;
    margin:20px auto;
}
.top_03 ul{
    width:1080px;
    margin:20px auto;
}
.top_03 ul li{
    width:480px;
    margin:20px 30px;
    float:left;
    height:143px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.top_03 ul li img{
    float:left;
    height:143px;
}
.top_03 ul li h3{
    color: #1a6e44;
    text-align: left;
    padding: 14px 10px 0 10px;
    float: right;
    width: 310px;
}
.top_03 ul li p{
    line-height:1.8;
    text-align:left;
    padding: 10px;
    float: right;
    width: 310px;
    font-size:15px;
}
.top_customer01{
    background-color: #fff;
    padding: 20px 0;
}
.top_column01{
    background-color: #fff;
    padding: 20px 0;
}
.top_articles01{
    background-color: #fff;
    padding: 20px 0;
}
.top_blog_title{
    width:400px;
    font-size:34px;
    font-family: "Hiragino Sans W9";
    src: local(HiraginoSans-W9);
    font-weight: 600;
    color:#1e1210;
    text-align: center;
    padding:16px;
    display: block;
    border-bottom:1px solid #1a6e44;
    margin:20px auto 30px;
}
.top_news01{
    background-color: #fff;
    padding: 20px 0;
}
.news_area ul li span{
    margin-right:30px;
    text-align: left;
}
.news_area ul li {
    width: 900px;
    border-bottom: 1px dotted #666;
    text-align: left;
    font-size: 14px;
    line-height: 60px;
    margin:20px auto;
}
.news_area ul li:first-child{
    border-top: 1px dotted #666;
}
.blog_area2 {
    height: 340px;
}
.blog_area2 ul{
    height: 300px;
    overflow: scroll;
}

/******************************************
sidebar
*******************************************/
h4.member_title{
    background: url("../images/member_icon.png") no-repeat 0px 50%;
    font-size: 18px;
    padding: 10px 10px 10px 30px;
    border-bottom: 1px solid #999;
}
.member_sidetext{
    font-size:16px;
    padding:10px;
    line-height:2;
    border-bottom: 2px dotted #ccc;
}
.member_sidecount{
    font-size:16px;
    padding:10px;
    line-height:2;
    color:#000;
}
.member_sidecount span{
    font-size:24px;
    padding:0 20px;
    color:#ffba00;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
#sidebar img{
    margin-bottom:10px;
}

/******************************************
footer
*******************************************/
#pagetop{
	float:right;
	margin:-50px 0 0 0;
}
#footer{
	border-top: solid 2px #c3c3c3;
	color:#003E89;
	padding: 30px 40px 40px;
	font-size:12px;
	min-width:1120px;
}
#footer .pull-left{
    width:21%;
    padding-right:2%;
    float:left;
}
#footer .pull-left ul{
	width:100%;
	color:#fff;
	text-align:left;
	margin:10px auto;
}
#footer .pull-left ul li{
	font-size:12px;
	padding:10px 10px;
    border-bottom:1px dotted #666666;
}
#footer .pull-left ul .tit_c{
    background: url("../images/footer_icon.png") no-repeat 0px 50%;
    padding:10px 0 10px 40px;
    line-height:30px;
}
#footer .pull-left ul .tit_c:hover{
    background: url("../images/footer_icon_on.png") no-repeat 0px 50%;
}
#footer ul li.tit{
	color:#666666;
    font-weight: 600;
    font-size: 15px;
    line-height: 30px;
}
#footer a{
	color:#666666;
}
#footer a:hover{
	color:#fa7306;
}
#footer .pull-right {
    width: 30%;
    text-align: left;
    font-size: 14px;
    max-width:400px;
}
#footer .pull-right img {
    margin: 0 0 15px;
}
#footer .pull-right div {
    border: 1px solid #c3c3c3;
    padding: 12px 4%;
}
#footer .pull-right div p {
    line-height: 2;
    margin-bottom: 10px;
}
#footer .pull-right .btn, a.btn {
    padding: 15px 20px;
    color: #fff;
    margin: 0 auto 10px auto;
    display: block;
    width: 80%;
    font-size: 16px;
    text-decoration: none;
    background: #ef8b1e;
    font-weight: bold;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 3px 3px 0px 0px #aa6d30;
    -moz-box-shadow: 3px 3px 0px 0px #aa6d30;
    -webkit-box-shadow: 3px 3px 0px 0px #aa6d30;
    border: none;
    text-align: center;
}
#footer .pull-right .btn:hover{
    background: #cc7d28;
}
.copy {
    padding: 15px 0;
    font-size: 12px;
    background: #4f4f4f;
    color: #fff;
    text-align: center;
    display: block;
    width:100%;
}
.copy a {
    color: #fff;
}
#page-top {
    position: fixed;
    bottom: 60px;
    right: 20px;
    font-size: 77%;
}
#footer address a{
    line-height:2;
    font-size:20px;
    font-weight:600;
}
/******************************************
content
*******************************************/
.whole_contain {
    display: inline-block;
    background-color: #FFF;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px;
    width: 75px;
    height: 75px;
    background-size: contain;
}
.whole_contain_main {
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin: 0;
    width: 323px;
    height: 242px;
}
.contain {
    display: inline-block;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0;
    width: 75px;
    height: 75px;
    background-size: contain;
}
.select .tab_alink:link,
.select .tab_alink:visited{
	color:#fff;
}
.wholes_box .thumbnail a img{
    width:100px;
    height:100px;
    object-fit: cover;
}
.wholes_box .thumbnail a img:hover{
    transform: scale(1.05);
    transition: 0.3s ease-in-out;
}
.contact_form_img01{
    width:100%;
}
#contenter .posts .set_photo img{
    width:48%;
    margin:1%;
    float:left;
}
#contenter .posts .kounyu_hole {
    border: 6px solid #57a7ff;
    margin: 20px 20px 0;
    padding: 0 20px 20px;
}
#contenter .posts .kounyu_hole_title {
    border-bottom: 1px dotted #ccc;
    color: #2d2d2d;
    display: block;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.8;
    margin: 0 10px 10px;
    padding-top: 15px;
}
#contenter .next{
    text-align: center;
}
#contenter .conte_bottomimg{
    text-align: center;
}

#contenter .baikyaku_hole {
    margin: 20px 20px 0px 20px;
    padding: 0px 20px 20px 20px;
    border: solid 6px #FF97C1;
}
#contenter .baikyaku_hole_title {
    font-weight: bold;
    font-size: 24px;
    display: block;
    border-bottom: dotted 1px #ccc;
    margin: 0px 10px 10px 10px;
    line-height: 1.8;
    color: #2D2D2D;
    padding-top: 15px;
}
#contenter .baikyaku_hole_title {
    font-weight: bold;
    font-size: 24px;
    display: block;
    border-bottom: dotted 1px #ccc;
    margin: 0px 10px 10px 10px;
    line-height: 1.8;
    color: #2D2D2D;
    padding-top: 15px;
}
.baikyaku_hole img {
    float: left;
    margin-right: 20px;
}
.step_p {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #FF4893;
    font-size: 28px;
}
.row {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
    height: 110px;
}
.col-l {
    width: 35%;
    float: left;
    font-size: 14px;
    line-height: 2;
    color: #333;
    text-align: left;
}
.col-r {
    width: 65%;
    float: left;
    font-size: 14px;
    line-height: 2;
    color: #333;
    text-align: left;
    padding: 5px 0px;
}
/******************************************
smart phone & tablet
*******************************************/
@media screen and (min-width: 769px)  {
/*PC 421以上*/
	.pchide{display:none;}
}

@media screen and (min-width: 0px) and (max-width: 768px) {
/*SP 768未満*/
	.sphide{display:none;}
	/*header*/
	#logo{width:54%;float:left;margin: 8px 0px;}
    #logo img{width:100%;height:auto;}
	#header_tel{width:55%;float:right;margin:0px !important;}
	#header {
    padding: 10px 0px 0px;
}
.bx-wrapper .bx-viewport {
    padding: 0px;
  }
	.recommend ul li{
		border-top:none;
		border-left:none;
		border-right:none;
		height:auto;
		width:100%;
		float:none;
	}
    .wholes_box .pull-right .article_contain_main {
        height: 300px;
        object-fit: inherit;
      }
    .wholes_box .favorite_table th {
        width: 110px;
      }
    .detale_contact_bt{
        text-align: center;
    }
    .detale_contact_bt img{
        float:none;
    }
	.recommend img{display:none;width:20%;}
    .topimg_sp{width:100%;background-color: aliceblue;}
    .topimg_sp img{width:100%;}
    .top_3bt_boxsp .sp_2bt_box {background-color: aliceblue;}
    .top_3bt_boxsp .sp_2bt_box img{width:48%;float:left;margin:1%;}
    .top_3bt_boxsp .sp_2search_btbox img{width:98%;margin:1%;}
    .recommend2 ul li{width:100%;margin:0 0 5px 0;box-shadow:none;
        border-bottom:dashed 1px #ccc;height:120px;}
	.recommend2 ul li img{width: 100px;height: 100px;float: left;}
    .recommend2 ul li .icon {left:0;}
    .recommend2 ul li div {float:right;width: calc(100% - 100px);}
	.recommend2 ul li strong{float:right;width: calc(100% - 120px);}
    .recommend2 ul li>p{
        float: left;
        width: calc(100% - 110px);
    }
    .recommend2 ul li>p p{
        width: 100%;
    }
	.blog_area li{width:100%;height: auto;margin:0 0 10px 0;}
    .blog_area li>div{
        float: left;
        width: 100px;
    }
    .blog_area li h4 {font-size:12px;width: calc(100% - 120px);float: right;}
	.blog_area li p{font-size:12px;width: calc(100% - 120px);float: right;}
	.blog_area li img{width:100px;height:100px;}
	.slider_sp,.slider_sp ul{width:100%;margin-bottom:15px;}
	.slider_sp li{margin:5px 0 !important;width:100% !important;}
	#header_text{line-height:18px;height:20px;margin-bottom:5px;min-width:100%;}
	#header_text p{padding:0;text-align:right; margin:0;}
    .favorite_btn span {margin:1px;padding:1px;}
    .globalmenu_bg {margin: 0px auto 0px;}
	#header_tel{margin:-10px 0px 10px 0px;padding:0;height:32px;}
	#contenter .menulist a{width:90%;padding:3% 0% 3% 10%;}
	.news_list{margin-top:0;}
	.top_newslist .pull-left,.top_newslist .pull-right{width:100%;float:none;}
	.top_newslist .pull-right{margin-top:15px;}
	.top_newslist img{width:100%;}
	.section_title{margin-bottom:10px;}
    /*top*/
    .recommend2 ul li .newdetail {
        width: calc(100% - 110px);
    }
    .recommend2 ul li .syubetsu_ic {
        float: none;
    }
    .top_tokucho{width:100%;}
    .sidemax .top_tokucho img{width:97%;margin:30px 1.5%;}
    .point_box01{width:100%;margin: 0px auto;}
    .point_box01 h3{width:90%;padding:5%;font-size:16px;}
    .point_box01 .point_text {width:100%;}
    .point_box02{width:100%;margin: 0px auto;}
    .point_box02 h3{width:90%;padding:5%;font-size:16px;}
    .point_box02 .point_text {width:100%;}
    .point_box03{width:100%;margin: 0px auto;}
    .point_box03 h3{width:90%;padding:5%;font-size:16px;}
    .point_box03 .point_text {width:100%;}
    .point_box04{width:100%;margin: 0px auto;}
    .point_box04 h3{width:90%;padding:5%;font-size:16px;}
    .point_box04 .point_text {width:100%;}
    .point_box05{width:100%;margin: 0px auto;}
    .point_box05 h3{width:90%;padding:5%;font-size:16px;}
    .point_box05 .point_text {width:100%;}
    .top_03 ul {width: 100%;}
    .top_03 ul li {width:100%;margin: 10px 0;height:auto;box-shadow: 0px 0px 0px rgba(0,0,0,0.2);border-top:1px dotted #666;}
    .top_03 .sidemax ul li img{width:100px;height:100px;}
    .top_blog_title {width:90%;padding: 5%;font-size:24px;}
    .news_area ul li {width:100%;}
    .top_news_category ul li {width: 98%;}
    .top_news_category ul li img {width: 100px;}
    div.bx-viewport ul img{
        width:100% !important;
    }
    .imgcenter img{
        width:100%;
    }
    #top_comment {
        padding: 4px 0 5px 0;
        margin-top:-20px;
    }
    .blog_area2 li {
        width: 96%;
        padding: 2%;
        margin:0px;
    }
    #top_comment{
        z-index:1;
    }
    
	/*main*/
	#contenter{float:left;width:100%;overflow:hidden; margin-left:0px;}
	#header{overflow:hidden;}
	#sidebar{width:100%;overflow:hidden;padding-bottom:0px;margin-right:0px;}
	.sidemax{width:96%;}
	.sidemax img{overflow:hidden;}
    .recommend2 ul li span {font-size: 14px;padding:0 10px;}
    .top_03 ul li h3 {width: calc(100% - 120px);padding: 5px;font-size:12px;}
    .top_03 ul li p {width: calc(100% - 120px);padding: 5px;font-size:12px;}
    .news_area ul li span {width: 100%;display: block;line-height:34px;}
	/*contact*/
	.section_title img{height:20px;width:auto;}
	.category_list dt{padding:20px 10px 20px 40px;background-position:10px 15px;}
	.category_list dd{min-height:40px;padding:0 10px 10px 10px;}
	.contact_dl{width:100%;margin:0% !important;border-left:none;border-right:none;}
	.contact_dl dt{width:94% !important;padding:3% !important;height:1.5em;
	}
	.contact_dl dd{width:94% !important;padding:3% !important;height:auto;font-size:13px;
	border-left:none;}
	.contact_dl dt.em3,
	.contact_dl dt.em4,
	.contact_dl dt.em5,
	.contact_dl dt.em6,
	.contact_dl dt.em7,
	.contact_dl dt.em8,
	.contact_dl dt.em9,
	.contact_dl dt.em10,
	.contact_dl dt.em11,
	.contact_dl dt.em12,
	.contact_dl dt.em13,
	.contact_dl dt.em14,
	.contact_dl dt.em15,
	.contact_dl dt.em17,
	.contact_dl dt.em20,
	.contact_dl dt.em22{height:1.5em !important;}
	.contact_dl .em14{height:auto !important;}
	
	.basic_table,.siborikomi_title{width:100%;padding:10px !important;text-indent:0px;}
	.basic_table th,.basic_table td{font-size:10px;}
	
	.btn_submit input{font-size:15px;width:80%;height: 60px;}
	.btn-search input{padding-left:60px;}
	.section_text{padding:0 5px;}
	.dls,.dls dt,.dls dd{width:96%;margin:0;float:none;}
	.favorite_box{padding:10px 5px 30px;}
	.favorite_box .pull-left img{height:250px;margin-top:10px;display: inline-block;object-fit: cover;}
	.favorite_box .pull-left{margin-bottom:10px;}
	.favorite_box .pull-right{width:100%;}
	.favorite_table td,.favorite_table th{font-size:12px;border:none;}
	.btn-mail input{font-size:13px;width:90%;background-position:3% 5px;}
	.pagination>li>a, .pagination>li>span{padding:3px 6px;}
	a.btn-more{font-weight:bold;padding:2px 10px;font-size:12px;}
    .favorite_box .favorite_table .blue {font-size: 12px;}
	.alert-message{text-align:left;}
	.login .form-group{width:100%;}
	.login .btn{float:none;width:92%;margin:0 auto;margin:10px;}
	.spp{margin:0 5px !important;}
	.conte_box ul li,.conte2_box ul li{width:40% !important;margin:0 3% 3% 0;}
	.conte_box ul li img{width:100%;}
	.conte_box,.conte2_box{width:100% !important;}
	.conte_box ul li p a {margin-top:10px;}
	.tab li{font-size:12px;}
	.labelblock label{display:inline; width:150px;}
	.wholes_box .pull-left,.wholes_box .pull-right{width:100%;}
	.wholes_box .thumbnail a img {
        width: 100%;
        height: 100px;
        object-fit: cover;
    }
    .wholes_box .pull-right ul li{
	width:30%;
	margin:0 1.66% 10px;
	padding:0;
}
    .w520{  width:100%;}
	.article_contain_main{width:100%  !important;}
	#map{height:400px  !important;overflow:hidden;}
    .favorite_box .pull-left { width: 100%;}
    
    #top_menubox ul li {
    width: 90%;
    float: left;
    margin: 5%;
    border-bottom: 1px solid 
    #ccc;
}
	/*footer*/
	#pagetop{clear:both;float:none;display:block;margin:-40px auto 0 auto !important;text-align:center;width:200px !important;}
	#pagetop img{width:100%;}
	#footer ul{width:100%;margin:0 0 10px 0;}
	#footer ul li {font-size:12px;}
	#footer .cf{font-size:12px;}
	#footer{min-width:90%;padding:5%;}
    #footer .pull-right {width: 90%;text-align: center;font-size: 14px;max-width: 90%;padding:5%;}
    #footer .pull-right img{}
	/*header*/
	.topmenu_sp ul li img {
    float: left;
    width: 33.3%;
}
.category_list li {
    width: 100%;
}
	/*main*/
.contact_dl .kodawariem20{height:auto !important;}
.contact_dl .syumokuem17{height:auto !important;}
#tub_menu ul li a {
        padding: 12%;
}
	/*footer*/
#footer .pull-left {width: 100%;padding-right: 0%;}	
    #page-top {
    bottom: 20px;
    right: 10px;
}
	/*poupu search*/	
#js_popup_area_tab_box label{
       width:50% !important;}		
#popup_area_rosen_search{
       font-size:12px !important;}
#js_popup_rosen_tab_box label {
    width: 50%;}

.section_title{
  margin:4px 4px 20px 4px;
  font-size:14px;
  line-height:1.6;
  padding: 0.3em 0.8em 0.1em;
}
#contenter > h3{
  margin:0px 0px 20px 0px;
  font-size:14px;
  line-height:1.6;
  padding: 0.8em;
}
.content > div p label{
        width:45%;
}
#contenter .searchResults{margin:2px;}
.btn_submit {
    padding: 20px;
    height: 100px;
}

.wholes_box .favorite_table td {
    border-bottom:none;
}
.grayline_table th {
    width: 96%;
    display: block;
    padding: 10px 2%;
    font-size: 12px;
}
 .grayline_table td {
    width: 96%;
    display: block;
    padding: 10px 2%;
    font-size: 12px;
}
#contenter .posts .set_photo img{
    width:98%;
    margin:1%;
    float:none;
}
       
}
