@charset "utf-8";

/************************************************
 各ページコンテンツ用
************************************************ */
/* ==============================================
▼TOP
=============================================== */
/* メインイメージ
----------------------------------------------- */
#main_image {
    margin-bottom: 10px;
    text-align: center;
}

/* ==============================================
▼下層
=============================================== */
/* ==============================================
▼ガイド
=============================================== */
/* ◎◎について
----------------------------------------------- */
div#undercolumn_aboutus {
}

/* 特定商取引法
----------------------------------------------- */
div#undercolumn_order {
}

/* お問い合わせ
----------------------------------------------- */
div#undercolumn_contact {
    margin: 0 auto;
    width: 100%;
}

.zipimg img {
    vertical-align: middle;
}


/* ==============================================
▼MYページ
=============================================== */
/* 共通設定
----------------------------------------------- */
div#mypagecolumn {
    width: 100%;
}

div#mynavi_area {
    width: 100%;
}

div#mycontents_area {
    width: 100%;
}
/*
div#mynavi_area .mynavi_list {
    margin-bottom: 20px;
    width: 100%;
}
div#mynavi_area .mynavi_list li {
    margin: 0 15px 5px 0;
    padding-left: 15px;
    float: left;
    background: url('../img/icon/ico_arrow_01.gif') no-repeat left ;
    font-size: 120%;
}

div#mynavi_area div.point_announce {
    margin-bottom: 30px;
    padding: 10px;
    border: solid 1px #ffcc62;
    background-color: #fffaf0;
}
div#mynavi_area div.point_announce p {
    padding-left: 20px;
    background: url('../img/icon/ico_point.gif') no-repeat left ;
}

div#mycontents_area p.inforamtion {
    margin-bottom: 20px;
}

div#mypagecolumn h4 {
    margin: 10px auto;
    border-bottom: 1px solid #999;
    text-align: left;
    font-size: 120%;
}
*/

/* 購入履歴一覧/詳細
----------------------------------------------- */
div#mycontents_area div.mycondition_area {
    margin: 0 auto 20px 0;
    padding: 10px;
    border: solid 1px #ccc;
    width: 97%;
    background: #f9f9f9;
}
div#mycontents_area div.mycondition_area p {
    float: left;
}
div#mycontents_area div.mycondition_area .btn {
    width: 160px;
    margin-top: 15px;
    float: right;
}
.add_address {
    margin-bottom: 20px;
}


/* 会員登録内容変更/退会
----------------------------------------------- */
div#mycontents_area .message_area {
    margin: 30px auto;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;
}

div#mycontents_area .message_area p {
    margin-bottom: 20px;
}

/* ==============================================
▼会員登録
=============================================== */
div#undercolumn_entry {
    width: 100%;
}

div#undercolumn_entry .kiyaku_text {
    margin: 20px auto;
    padding: 10px;
    border: solid 1px #ccc;
    width: 94%;
    background: #fff;
}


/* ==============================================
▼ログイン
=============================================== */
/*div#undercolumn_login {
    margin: 0 auto;
    width: 100%;
}

div#undercolumn_login .login_area {
    margin-bottom: 30px;
}

div#undercolumn_login .login_area .inputbox {
    margin: 15px auto 15px auto;
    padding: 15px 20px 10px 20px;
    background: #f0f0f0;
}

div#undercolumn_login .login_area .inputbox .btn_area {
    margin-top: 0;
}
*/

/* ==============================================
▼エラー
=============================================== */
div#undercolumn_error .message_area {
    width: 100%;
    margin: 0 auto;
    padding: 2rem;
    border: 1px solid #ccc;
    text-align: center;
}

div#undercolumn_error .message_area .error {
    padding: 120px 0;
}


/* ==============================================
▼商品一覧
=============================================== */
/* ページ送り
----------------------------------------------- */
.pagenumber_area {
    padding-bottom: 10px;
/*    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;*/
}
.pagecond_area {
    margin-bottom: 20px;
    padding: 10px;
}
.pagenumber_area {
    margin: 20px 0;
}
.pagecond_area {
    border: 1px solid #ccc;
}
.pagenumber_area .navi {
    width: 100%;
    text-align: left;
}
.pagenumber_area .navi li {
    display: inline;
}
.pagenumber_area .change {
    float: right;
    text-align: right;
    white-space: nowrap;
}


/* レイアウト
----------------------------------------------- */
div.list_area {
    padding: 0 0 30px 0;
    width: 100%;
    overflow: auto;
}

div.listphoto {
    float: left;
}

/* メインカラム用 1カラム時*/
#main_column.colnum1 div.listrightbloc {
    float: right;
    width: 74%;
}

/* メインカラム用 2カラム時*/
#main_column.colnum2 div.listrightbloc {
    float: right;
    width: 80%;
}

/* メインカラム用 3カラム時*/
#main_column.colnum3 div.listrightbloc {
    float: right;
    width: 74%;
}


/* 商品情報 各種設定
----------------------------------------------- */
/* 商品ステータス */
div.listrightbloc ul.status_icon {
    margin-bottom: 10px;
    width: 100%;
}
div.listrightbloc ul.status_icon li {
    margin-right: 5px;
    float: left;
}

/* 商品名 */
div.listrightbloc h3 {
    font-weight: bold;
    font-size: 120%;
}

/* コメント */
div.listrightbloc .listcomment {
    margin: 0 0 10px 0;
    text-align: left;
}

/* 商品詳細を見る */
div.listrightbloc .detail_btn {
    margin-bottom: 20px;
}

/* 価格 */
div.listrightbloc .pricebox {
    margin: 0 0 10px 0;
}

/* 買い物カゴ */
div.listrightbloc .cart_area {
    padding: 10px;
    border: 1px solid #cef0f4;
    background-color: #ecf5ff;
    width: 94%;
}

/* 規格 */
div.listrightbloc .classlist {
    margin-bottom: 10px;
    padding-bottom: 10px;
    background: url("../img/background/line_dot_02.gif") repeat-x bottom ;
}
div.listrightbloc dl {
    width: 100%;
}
div.listrightbloc dt {
    display: inline-block;
    vertical-align: top;
}
div.listrightbloc dd {
    padding-bottom: 10px;
    display: inline-block;
}
div.listrightbloc dd p.attention {
    margin-top: 5px;
}

/* カゴに入れる */
div.listrightbloc .cartin {
    margin: 0;
    float :right;
}
div.listrightbloc .cartin .quantity {
    padding: 3px 10px 0 0;
    width: 150px;
    float :left;
    text-align: right;
}
div.listrightbloc .cartin .quantity .box {
    width: 70px;
}
div.listrightbloc .cartin_btn {
    width: 160px;
    float :left;
}


/* ==============================================
▼商品詳細
=============================================== */
/* レイアウト

    tplファイルのマークアップが同じ項目
        * 1カラム時
        * 2カラム時
        * 3カラム時

----------------------------------------------- */
#detailarea,
.sub_area {
    margin-bottom: 20px;
    width: 100%;
}

/* レイアウト
----------------------------------------------- */
/* 1カラム用 */
#main_column.colnum1 div#detailphotobloc {
    width: 37%;
    float: left;
}
#main_column.colnum1 #detailrightbloc {
    width: 63%;
    float: right;
}
#main_column.colnum1 div.subtext {
    margin-bottom: 20px;
    float: left;
    width: 69%;
}
#main_column.colnum1 div.subphotoimg {
    float: right;
    width: 25%;
    text-align: right;
}
#main_column.colnum1 p.subtext {
    margin-bottom: 20px;
}

/* 2カラム用 */
#main_column.colnum2 div#detailphotobloc {
    float: left;
    width: 37%;
}
#main_column.colnum2 #detailrightbloc {
    float: right;
    width: 63%;
}
#main_column.colnum2 div.subtext {
    margin-bottom: 20px;
    float: left;
    width: 73%;
}
#main_column.colnum2 p.subtext {
    margin-bottom: 20px;
}
#main_column.colnum2 div.subphotoimg {
    float: right;
    width: 25%;
    text-align: right;
}

/* 3カラム用 */
#main_column.colnum3 div#detailphotobloc {
    float: left;
    width: 49%;
}
#main_column.colnum3 #detailrightbloc {
    float: right;
    width: 50%;
}
#main_column.colnum3 div.subtext {
    margin-bottom: 20px;
    float: left;
    width: 63%;
}
#main_column.colnum3 p.subtext {
    margin-bottom: 20px;
}
#main_column.colnum3 div.subphotoimg {
    float: right;
    width: 35%;
    text-align: right;
}

/* 商品情報 各種設定
----------------------------------------------- */
#detailrightbloc h2 {
    margin: 0 0 10px 0;
    padding: 0 0 15px 0;
    color: #666;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
    font-weight: bold;
    font-size: 160%;
}
#detailrightbloc .point,
#detailrightbloc .relative_cat {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}
#detailrightbloc .main_comment {
    margin-bottom: 20px;
}

/* 商品コード */
#detailrightbloc .product_code dt,
#detailrightbloc .product_code dd {
    display: inline;
}

/* 商品ステータス */
#detailrightbloc ul.status_icon {
    margin-bottom: 10px;
    width: 100%;
}
#detailrightbloc ul.status_icon li {
    margin-right: 5px;
    margin-bottom: 3px;
    float: left;
}

/* 通常価格 */
#detailrightbloc .normal_price dt,
#detailrightbloc .normal_price dd {
    display: inline;
}

/* 販売価格 */
#detailrightbloc .sale_price dt,
#detailrightbloc .sale_price dd {
    display: inline;
}

/* ポイント */
#detailrightbloc .point dt,
#detailrightbloc .point dd {
    display: inline;
}

/* 規格 */
#detailrightbloc div.classlist {
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
    background: url("../img/background/line_dot_02.gif") repeat-x bottom ;
}
#detailrightbloc .classlist {
    margin-bottom: 5px;
}
#detailrightbloc ul {
    margin-bottom: 10px;
    width: 100%;
}
#detailrightbloc ul li {
    vertical-align: top;
    float: left;
}

/* メーカー */
#detailrightbloc .maker dt,
#detailrightbloc .maker dd {
    display: inline;
}

/* メーカーURL */
#detailrightbloc .comment1 dt,
#detailrightbloc .comment1 dd {
    display: inline;
}

/* 関連カテゴリ */
#detailrightbloc .relative_cat dd {
    margin-left: 1em;
}

/* 買い物カゴ */
#detailrightbloc .cart_area {
    padding: 10px;
    background-color: #ecf5ff;
    border: 1px solid #cef0f4;
}
#detailrightbloc .quantity dt,
#detailrightbloc .quantity dd {
    display: inline;
}
#detailrightbloc .cartin {
    text-align: center;
}
#detailrightbloc .cartin_btn {
    text-align: center;
}
#detailrightbloc .favorite_btn {
    text-align: center;
    margin-top: 10px;
}


/* お客様の声
----------------------------------------------- */
div#customervoice_area {
    clear: both;
    padding: 35px 0 0 0;
}

div#customervoice_area h2 {
    margin-bottom: 20px;
    padding: 6px 0 8px 10px;
    border-top: solid 1px #f90;
    background: url('../img/background/bg_tit_sub_01.jpg') repeat-x left bottom;
}

div#customervoice_area .review_bloc {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f6f6f6;
}

div#customervoice_area .review_bloc p {
    padding-top: 3px;
    margin-right: 10px;
    float: left;
}

div#customervoice_area .review_bloc .review_btn {
    float: right;
    width: 160px;
}

div#customervoice_area ul li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}

div#customervoice_area .voicetitle {
    margin-bottom: 5px;
    color: #333;
    font-weight: bold;
}

div#customervoice_area .voicedate {
    margin-bottom: 10px;
}


/* 関連商品（商品部分はbloc.cssのおすすめ商品と共通）
----------------------------------------------- */
div#whobought_area {
    clear: both;
    padding: 35px 0 0 0;
}

div#whobought_area h2 {
    border-top: solid 1px #f90;
    background: url('../img/background/bg_tit_sub_01.jpg') repeat-x left bottom;
    padding: 5px 0 8px 10px;
    font-size: 14px;
}


/* ***********************************************
▼カートの中
/*********************************************** */
/* 現在のカゴの中
----------------------------------------------- */
div#undercolumn_cart .point_announce {
    padding: 20px;
    margin-bottom: 20px;
    border: solid 1px #ffcc62;
    background: #fffaf0;
    font-size: 120%;
    text-align: center;
    line-height: 140%;
}
div#undercolumn_cart .totalmoney_area {
    margin-bottom: 20px;
}

div#undercolumn_cart p {
    margin: 10px 5px;
}

div#undercolumn ul#quantity_level li {
    padding: 3px;
    display: inline;
}

div#undercolumn .empty {
    text-align: left;
}

div.form_area {
    margin-bottom: 30px;
}


/* お客様情報入力
----------------------------------------------- */
div#undercolumn_customer {
}

.flow_area {
    margin: 0 0 20px 0;
}

div#undercolumn_customer th em {
    color: #000;
    font-weight: bold;
}


/* お支払い方法・お届け時間等の指定
----------------------------------------------- */
div#undercolumn_shopping .pay_area {
    margin: 0 auto 30px;
    width: 100%;
}
div#undercolumn_shopping .pay_area02 {
    margin: 40px auto 30px auto;
}
div#undercolumn_shopping .pay_area02 .txtarea {
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
    width: 99%;
    height: 150px;
}
div#undercolumn_shopping .pay_area02 .select-msg {
    margin-bottom: 10px;
}

div#undercolumn_shopping .point_area {
    margin: 40px auto 0 auto;
}

div#undercolumn_shopping .point_area .point_announce {
    padding: 20px;
    border: 1px solid #ccc;
}

div#undercolumn_shopping .point_area p {
    margin-bottom: 20px;
}

div#undercolumn_shopping .point_area .point_announce li {
    margin-bottom: 5px;
}


/* お届け先の指定
----------------------------------------------- */
#address_area {
    margin-bottom: 10px;
    width: 100%;
}

#address_area .information {
    width: 65%;
    float: left;
}

#undercolumn_shopping .information {
    margin-bottom: 15px;
}

#address_area .add_multiple {
    padding: 15px 10px;
    border: 1px solid #ffcc62;
    float: right;
    width: 30%;
    color: #555;
    background: #fffaf0;
    text-align: center;
    font-weight: bold;
}

#address_area .add_multiple p {
    margin-bottom: 10px;
}

#address_area p.addbtn {
    font-weight: bold;
    font-size: 10px;
}


/* ==============================================
▼検索結果
=============================================== */
p.condition_area {
    margin: 0 auto;
    padding: 5px;
    border: solid 1px #333;
    width: 566px;
}


/* ==============================================
▼だし分け
=============================================== */
.pc{display:block;}
.sp{display:none;}
@media screen and (max-width: 767px) {
/*SP一覧*/	
.pc{display:none;}
.sp{display:block;}
}

/* ==============================================
▼検索メニュー
=============================================== */
#left_menu{ background-color:#fff; border-radius: 0 40px 40px 0;box-shadow: 0 0 32px #e8e8e8; margin-bottom:40px}
#left_menu .area{padding:10% 10% 10% 20%; font-size:13px; color:#888}
#left_menu p.ttl{ color:#0078A2; border-bottom:1px dotted #ccc; font-weight:bold; padding-bottom:0.7rem; margin-bottom:1.0rem; font-size:14px}
#left_menu select{background-color:#F3F3F3;padding: 0.7rem 4rem 0.7rem 1.2rem;border-radius:3px;}
#left_menu .two_select select:first-child{margin-right:2%;}
#left_menu .two_select select{ width:49%;}
#left_menu .radio,
#left_menu .two_select,
#left_menu .one_select{margin-bottom:25px;}
#left_menu .one_select select{width:100%;}
#left_menu .radio label{display:block; margin-bottom:1rem; cursor:pointer;}
#left_menu .radio span{padding-left:0.5rem;}
#left_menu .radio input{ border:1px solid #ccc;}
#left_menu input[type="text"]{ background-color:#F3F3F3; padding:1rem; width:100%; margin-bottom:2rem;border-radius:3px;}

#left_menu p.ttl.tri_menu{cursor:pointer;background: url(../img/hnb/acc_open_bl_sp.png) no-repeat 94% center;background-size: 8px;}
#left_menu p.ttl.tri_menu.active{background: url(../img/hnb/acc_close_bl_sp.png) no-repeat 94% center;background-size: 8px;}

#left_menu .open_menu{ display:none;}
#left_menu .mt2{margin-top:2rem;}

#left_menu input.btn{height:40px; color:#0078A2;font-size:14px;  padding:0.5rem 0; width:100%; margin-bottom:1rem; line-height:normal; font-weight:bold; border-radius:20px;
background: url(../img/hnb/list1_bl_b.png) no-repeat 93% center #DBF028;-webkit-transition: all .3s;transition: all .3s;	}
#left_menu input.btn:hover{background: url(../img/hnb/list1_wh.png) no-repeat 93% center #0078A2; color:#fff;}
#left_menu input.btn.reset{background-color:#fff; background-image:none; color:#888; border:1px solid #ccc; font-weight:normal; width:50%; text-align:center;height:auto; display:block}
#left_menu input.btn.reset:hover{background:none; opacity:0.7}

@media screen and (max-width: 767px) {
/*SP一覧*/	

#leftcolumn,
#main_column.colnum2,
#main_column.colnum2.right{float: none; width: 100%;padding: 0 1.5rem 4rem; }

#left_menu{ background-color:#fff; border-radius:10px;box-shadow: 0 0 32px #e8e8e8; margin-bottom:0}
#left_menu .area{padding:1rem; font-size:13px; color:#888}
#left_menu .area .a{display:block;}
#left_menu .area .b{display:none;}
#left_menu .area .active .a{display:none;}
#left_menu .area .active .b{display:block;}
#left_menu .area .open{display:none; padding-top:2rem}
#left_menu .area .sp{font-size:110%;}
#left_menu .area .sp.under_line{ text-align:center; padding-bottom:1rem; margin-bottom:1rem; border-bottom:1px dotted #ccc}
#left_menu .area .sp.tri{text-align:center; display:}
#left_menu .area .a{background: url(../img/hnb/acc_open_sp.png) no-repeat 97% center;background-size: 8px;}
#left_menu .area .b{background: url(../img/hnb/acc_close_sp.png) no-repeat 97% center;background-size: 8px;}

}

/* ==============================================
▼hero
=============================================== */
.page_list .cate {background: url(../img/hnb/hero1.jpg) no-repeat center;background-size: cover;}
.page_contact .cate {background: url(../img/hnb/hero2.jpg) no-repeat center ;background-size: cover;}
.page_quo .cate {background: url(../img/hnb/hero5.jpg) no-repeat center;background-size: cover;}
.page_regi .cate {background: url(../img/hnb/hero3.jpg) no-repeat center;background-size: cover;}
.page_entry .cate {background: url(../img/hnb/hero4.jpg) no-repeat center;background-size: cover;}
.page_my .cate {background: url(../img/hnb/hero4.jpg) no-repeat center;background-size: cover;}



/* ==============================================
▼一覧
=============================================== */
#main_column .list_area a{color:#525252;}
#main_column .list_area a:hover{opacity:0.7;}
#main_column .list_area{ overflow:visible; padding-bottom:20px; margin-bottom:20px; border-bottom:2px dotted #EFEFEF}
#main_column .list_area .img{ float:left; width:300px; margin-right:20px}
#main_column .list_area .spec{float:left; width:349px; margin-right:20px; padding-right:10px; border-right:1px dotted #ccc;}
#main_column .list_area .icon{float:left; width:150px;}

#main_column .list_area .img img{width:100%;}
#main_column .img{position:relative;}
.lav{ position:absolute; top:-10px; left:0;}
.lav li{ float:left; font-size:11px; background-color:#ccc; padding:0 0.5rem; margin:0; text-align:center; height:27px;}

.lav li.lav賃貸,
.lav li.lav売買{ border:2px solid #DBF028; color:#0078A2; background-color:#fff;padding:0 2rem; }
.lav li.lavNEW,
.lav li.lav2{ border:2px solid #DBF028; color:#0078A2; background-color:#DBF028;padding:0 0.8rem;font-size:10px; font-weight:bold; }
.lav li.lav値下げ,
.lav li.lav3{ border:2px solid #0078A2; color:#DBF028; background-color:#0078A2;padding:0 0.8rem; }

.lav li.lav4{ border:2px solid #0078A2; color:#0078A2; background-color:#fff;padding:0 2rem; }
.lav li.lav申込中,
.lav li.lav5{ border:2px solid #0078A2; color:#fff; background-color:#0078A2;padding:0 0.8rem; }
.lav li.lav成約済,
.lav li.lav6{ border:2px solid #606060; color:#fff; background-color:#606060;padding:0 0.8rem; }



#main_column .list_area .spec h2{  margin-bottom:0.5rem; font-size:20px; font-weight:bold;}
#main_column .list_area .spec .copy{ margin-bottom:2rem;font-size:14px;background: url(../img/hnb/yaji1.png) no-repeat left center; padding-left:15px;}
#main_column .list_area a:hover .spec h2,
#main_column .list_area a:hover .spec .copy{color:#0078A2;}

#main_column .list_area .spec th{width:25%;}
#main_column .list_area .spec th,
#main_column .list_area .spec td{background:none; font-size:15px; border:none; padding:0 0 0.3rem 0}

#main_column .list_area .icon li img{ width:100%}
#main_column .list_area .icon li{float:left; width:45px; margin:0 7px 7px 0; position:relative;}
#main_column .list_area .icon li:nth-child(3n){margin:0 0 7px 0;}
#main_column .list_area .icon li p.come{display:none;}
#main_column .list_area .icon li:hover  p.come{ display:block;
	position: relative;
	display: inline-block;
 	margin: 1.3em 0;
	padding: 7px 10px;
	min-width: 100px;
 	max-width: 100%;
 	color: #fff;
	font-size: 13px;
	background: #000; opacity:0.8;  top:30px; position:absolute; left:-37px; text-align:center; z-index:9999; border-radius:10px;
}

#main_column .list_area .icon li:hover  p.come:before{
	content: "";
	position: absolute;
	top: -20px;
	left: 50%;
 	margin-left: -5px;
	border: 5px solid transparent;
	border-bottom: 15px solid #000;
}

@media screen and (max-width: 767px) {
#main_column .list_area h2{  margin-bottom:0.5rem; font-size:20px; font-weight:bold;}
#main_column .list_area .copy{ font-size:14px;background: url(../img/hnb/yaji1.png) no-repeat left center; padding-left:15px; text-align:left}
#main_column .list_area a:hover h2,
#main_column .list_area a:hover .copy{color:#0078A2;}
#main_column .list_area .main_img{margin-top:2rem;}

#main_column .list_area .img,
#main_column .list_area .spec,
#main_column .list_area .icon { float:none; width:100%; margin-right:0; margin-bottom:2rem;}
#main_column .list_area .spec{ padding:0; border:none;}
#main_column .list_area a{ text-decoration:none;}
#main_column .list_area .icon li{float:left; width:15%; margin:0 2% 2% 0;}
#main_column .list_area .icon li:nth-child(3n){margin:0 2% 2% 0 ;}
#main_column .list_area .icon li:nth-child(6n){margin:0 0 2% 0;}
}


/*絞込み*/
#main_column .list_head{ /*border-bottom:2px solid #80BCD1; padding-bottom:20px;*/ margin-bottom:20px; color:#606060}
#main_column .list_head .kensu{ float:left; width:50%; padding-top:1rem}
#main_column .list_head .pul_area{float:right; width:50%; text-align:right; font-size:13px}
#main_column .list_head .pul_area .pul{ display:inline-block; margin-left:2rem}
#main_column .list_head .pul_area .pul select{background-color:#F3F3F3;padding: 0.7rem 4rem 0.7rem 1.2rem;border-radius:5px; margin-left:1rem;}

@media screen and (max-width: 767px) {
#main_column .list_head .kensu{ float:none; width:100%; padding-top:0; margin-bottom:1rem; font-size:120%}
#main_column .list_head .pul_area{float:none; width:100%; text-align:left; font-size:13px}	
#main_column .list_head .pul_area .pul{ margin-right:2%; width:49%; float:left; margin-left:0;}
#main_column .list_head .pul_area .pul:nth-child(2n){margin-right:0;}
#main_column .list_head .pul_area .pul select{ margin-left:0; width:100%}
}

/*PGネーション*/
#main_column .navi{text-align:center; margin-top:6rem}
#main_column .navi a{color:#525252; text-decoration:none; font-weight: bold; margin:0 1rem}
#main_column .navi a:hover{color:#0078A2;}
#main_column .navi strong{background-color:#0078A2; color:#fff;  margin:0 1rem;  font-weight: bold; background: url(../img/hnb/maru.jpg) no-repeat center center; padding-top:5px; height:28px; width:33px; display:inline-block;}


/*詳細*/
.LC_Page_Products_Detail #undercolumn .w1200{max-width:1200px; margin:0 auto;width: 100%}
.LC_Page_Products_Detail #undercolumn .photo{max-width:680px; float:left; padding-top:40px}
.LC_Page_Products_Detail #undercolumn .photo .lav{position:absolute; top:-15px;}
.LC_Page_Products_Detail #undercolumn .specarea{max-width:480px; float:right; position:relative;}
.LC_Page_Products_Detail #undercolumn .list_area{ max-width:373px; margin-right:40px; float:left;border:1px solid #EFEFEF; padding-bottom:0; overflow: inherit;}
.LC_Page_Products_Detail #undercolumn .list_area:nth-child(3n){margin-right:0;}
.LC_Page_Products_Detail #undercolumn .list_area img{width:100%;}
.LC_Page_Products_Detail #undercolumn .list_area .lav{ position:absolute;top:auto; bottom:-10px; left:0; }
.LC_Page_Products_Detail #undercolumn .list_area .spec,
.LC_Page_Products_Detail #undercolumn .list_area .img{ float:none !important; width:auto !important; padding:0; border:none; margin:0; position:relative; overflow:inherit}
.LC_Page_Products_Detail #undercolumn .list_area .spec{padding: 25px; }
.LC_Page_Products_Detail #undercolumn .list_area .spec h2{ font-weight:normal; line-height:1.7em; margin-bottom:1rem; font-size:18px}
.LC_Page_Products_Detail #undercolumn .list_area a .spec p{ color:#606060; text-decoration:none;}
.LC_Page_Products_Detail #undercolumn .list_area a .spec h2 {color:#0078A2; text-decoration:underline;}
.LC_Page_Products_Detail #undercolumn .list_area:hover a .spec h2{ text-decoration:none;}
.LC_Page_Products_Detail #undercolumn .list_area a{ text-decoration:none;}
.LC_Page_Products_Detail #undercolumn .list_area:hover{opacity:0.7; }
.LC_Page_Products_Detail #undercolumn .open{display:none; padding-top:6rem}
.LC_Page_Products_Detail #undercolumn .kanren{padding-bottom:8rem;}
#map_canvas{width: 100% !important}


.LC_Page_Products_Detail #undercolumn .kanren.gray{ margin-bottom:5rem}
.LC_Page_Products_Detail #undercolumn .kanren.gray .list_area a .spec h2{color:#525252}
.LC_Page_Products_Detail #undercolumn .kanren.gray .list_area .day{ font-size:14px;}
.LC_Page_Products_Detail #undercolumn .kanren.gray,
.LC_Page_Products_Detail #undercolumn .midashi.gray{background-color:#F5F5F5;}
.LC_Page_Products_Detail #undercolumn .midashi.gray .icon{background: url(../img/hnb/tit_bg_wh.png) no-repeat center top;}
.LC_Page_Products_Detail #undercolumn .kanren.gray{padding-bottom:0;}
.LC_Page_Products_Detail #undercolumn .kanren.gray .list_area{ width:373px; margin-right:40px; float:left;border:none; padding-bottom:0; overflow: inherit;}
.LC_Page_Products_Detail #undercolumn .kanren.gray .list_area:nth-child(3n){margin-right:0;}
.LC_Page_Products_Detail #undercolumn .kanren.gray .list_area .spec{background:none; padding:25px 0;}
.LC_Page_Products_Detail #undercolumn .kanren.gray .list_area h2{font-weight:bold;}
.LC_Page_Products_Detail #undercolumn .kanren.gray .list_area .main_img{overflow: hidden; height:250px;}

.LC_Page_Products_Detail #undercolumn .item_area{ 
	 position: relative;
    padding-top: 0;
    background-position: left 7rem;
    margin-bottom: 4rem;
    background: url(../img/hnb/service_bg.gif) repeat-x left bottom #fff;
}



.LC_Page_Products_Detail #undercolumn .chara_bk{ 
	 position: relative;
    padding-top: 0;
    background-position: left 7rem; padding-bottom:7rem;

    background: url(../img/hnb/service_bg2.gif) repeat-x left bottom #fff;
}




.LC_Page_Products_Detail #undercolumn .item_area{padding-top:6rem; padding-bottom:4rem}
.LC_Page_Products_Detail #undercolumn .item_area .w1200{position: relative; font-size:14px; color:#606060}
.LC_Page_Products_Detail #undercolumn .item_area .no{ position:absolute; top:0; right:0;}
.LC_Page_Products_Detail #undercolumn .item_area .no span{ border:1px solid #0078A2; padding:7px}
.LC_Page_Products_Detail #undercolumn .item_area h2{ font-size:26px; font-weight:bold; margin-bottom:2rem;float:left}
.LC_Page_Products_Detail #undercolumn .item_area .fav{ margin-left:2rem; float:left}
.LC_Page_Products_Detail #undercolumn .item_area .fav a{color:#606060; text-decoration:none;}
.LC_Page_Products_Detail #undercolumn .item_area .fav a:hover{color:#0078A2; text-decoration:underline;}
.LC_Page_Products_Detail #undercolumn .item_area .fav span{margin-left:0.5rem; vertical-align:text-top}

.LC_Page_Products_Detail #undercolumn .item_area .pdfdl{ margin-left:36px; float:left}
.LC_Page_Products_Detail #undercolumn .item_area .pdfdl img{ width: 16px;height: auto;}
.LC_Page_Products_Detail #undercolumn .item_area .pdfdl a{background: #fff440;display: flex;align-items: center;justify-content: center;;width: 200px;height: 30px;line-height: 30px;color: #333333;text-decoration: none;font-size: 13px;letter-spacing: 0.025em;font-weight: bold;}
.LC_Page_Products_Detail #undercolumn .item_area .pdfdl span{ padding-left: 8px;line-height: 1;}

@media screen and (max-width: 767px) {
.LC_Page_Products_Detail #undercolumn .item_area{padding-top:2rem; padding-bottom:4rem}
.LC_Page_Products_Detail #undercolumn .w1200{width:100%; margin:0 auto;}
.LC_Page_Products_Detail #undercolumn .photo{width:100%; float:none; padding-top:0}
.LC_Page_Products_Detail #undercolumn .photo .lav{position: absolute; top:-10px;}
.LC_Page_Products_Detail #undercolumn .specarea{width:100%; float:none;}
.LC_Page_Products_Detail #undercolumn .item_area .no{ position:static; font-size:1rem; top:0; left:0;margin-bottom:1rem; }
.LC_Page_Products_Detail #undercolumn .item_area .no span{ border-bottom:1px solid #0078A2; padding-bottom:0.5rem;}
.LC_Page_Products_Detail #undercolumn .item_area h2{ font-size:1.6rem; font-weight:bold; margin-bottom:10px;float:left;padding-top:0.3rem}
.LC_Page_Products_Detail #undercolumn .item_area .fav{ margin-left:1rem; float:left; }
.LC_Page_Products_Detail #undercolumn .flex-control-thumbs{display:none;}
.LC_Page_Products_Detail #undercolumn .item_area .pdfdl{clear: both;margin-bottom: 3rem;margin-left: 0;}
}

.LC_Page_Products_Detail #undercolumn .specarea h3.gaiyou{color:#0078A2; font-size:18px; font-weight:bold; background:url(../img/hnb/deicon1.png) left center no-repeat; padding-left:40px; margin-bottom:1.5rem}
.LC_Page_Products_Detail #undercolumn .specarea .back_btn_top {position: absolute; top: 0; right: 0;}
.LC_Page_Products_Detail #undercolumn .specarea .back_btn_top a {color: #f00; text-decoration: none;}
.LC_Page_Products_Detail #undercolumn .specarea .back_btn_bottom {text-align: right; margin-top: 5px;}
.LC_Page_Products_Detail #undercolumn .specarea .back_btn_bottom a {color: #f00; text-decoration: none;}
.LC_Page_Products_Detail #undercolumn .specarea .area{background-color:#fff; border-radius: 30px; border:1px solid #dedede; padding:1.5rem 3rem; background-color:#fff}
.LC_Page_Products_Detail #undercolumn .specarea .area th,
.LC_Page_Products_Detail #undercolumn .specarea .area td{ background:#fff; border:none; border-bottom:1px dotted #dedede;}
.LC_Page_Products_Detail #undercolumn .specarea .area th{ color: #606060; width:27%;padding-left:0}
.LC_Page_Products_Detail #undercolumn .specarea .area td{color: #525252; padding-left:0}
.LC_Page_Products_Detail #undercolumn .specarea .area .tag{margin-top:2rem;}
.LC_Page_Products_Detail #undercolumn .specarea .area .tag p{ float:left;}
.LC_Page_Products_Detail #undercolumn .specarea .area .tag span{display:block; background-color:#f5f5f5;border-radius:3px; text-align:center; padding:2px 5px; float:left; margin-right:5px; color:#606060; text-decoration:none; font-size:12px; margin-bottom:5px}
.LC_Page_Products_Detail #undercolumn .specarea .area .tag a:hover{opacity:0.7;}

@media screen and (max-width: 767px) {
.LC_Page_Products_Detail #undercolumn .specarea h3.gaiyou{color:#0078A2; font-size:1.6rem; padding-left:0; background:none;   margin-bottom:1.5rem; text-align:center; padding-top:2rem}
.LC_Page_Products_Detail #undercolumn .specarea h3.gaiyou span{padding-left:3rem; background:url(../img/hnb/deicon1.png) left center no-repeat;}
.LC_Page_Products_Detail #undercolumn .specarea .back_btn_top {position:relative; top:auto; right:auto; text-align:right; margin-bottom:5px;}
.LC_Page_Products_Detail #undercolumn .specarea .area{border-radius: 20px; padding:1.5rem;}
.LC_Page_Products_Detail #undercolumn .specarea .area th,
.LC_Page_Products_Detail #undercolumn .specarea .area td{display:block; border-bottom:none; width:100%}
.LC_Page_Products_Detail #undercolumn .specarea .area th{padding:1rem 0 0.2rem 0;}
.LC_Page_Products_Detail #undercolumn .specarea .area td{border-bottom:1px dotted #dedede;padding:0 0 1rem 0;}

#undercolumn.detailsp{padding:0;}

#undercolumn.detailsp .w800,
#undercolumn.detailsp .w700,
#undercolumn.detailsp .w1200{padding: 0 1.5rem 2rem;}

}
	
.LC_Page_Products_Detail #undercolumn .btn:hover{opacity:0.7;}
.LC_Page_Products_Detail #undercolumn .btn{width: 230px; height: 42px;  line-height: 43px;  font-size: 1.4rem; display:inline-block; border-radius:20px;}
.LC_Page_Products_Detail #undercolumn .btn.A{border:1px solid #525252; background-color:#fff; margin-right:20px;}
.LC_Page_Products_Detail #undercolumn .btn.A a{color:#525252; background: url(../img/hnb/list1_bk.gif) no-repeat 90% center;}
.LC_Page_Products_Detail #undercolumn .btn.B{border:1px solid #0078A2;background:url(../img/hnb/btnicon1.png) 40px center no-repeat #fff; width:255px; text-align:center; padding-left:25px; margin-right:0;}
.LC_Page_Products_Detail #undercolumn .btn.B:hover{border:1px solid #0078A2;background:url(../img/hnb/btnicon1-on.png) 40px center no-repeat #0078a2; opacity:1.0; width:255px; text-align:center; padding-left:25px; margin-right:0; color:#FFFFFF}
.LC_Page_Products_Detail #undercolumn .btn.B a{color:#0078A2;}
.LC_Page_Products_Detail #undercolumn .btn.B a:hover{color:#fff;background-image: url(../img/hnb/list1_wh.png);}

.LC_Page_Products_Detail #undercolumn .btn.C{border:1px solid #0078A2; background:url(../img/hnb/btnicon2.png) 40px center no-repeat #0078A2;  width:255px; text-align:center; padding-left:25px; display:none}
.LC_Page_Products_Detail #undercolumn .btn.C a{color:#fff;}
.LC_Page_Products_Detail #undercolumn .btn.tri{border:1px solid #0078A2; background-color:#fff;text-align:center; cursor:pointer; display:block; width:160px; height:30px; color:#0078A2;line-height: 31px; 
position:absolute; top:-15px; left:0; right:0; margin:auto;background: url(../img/hnb/list1_bl_b.png) #fff no-repeat 90% center;}
.LC_Page_Products_Detail #undercolumn .btn.tri:hover{color:#fff;background: url(../img/hnb/list1_wh.png)  no-repeat 90% center #0078a2; opacity:1}
.LC_Page_Products_Detail #undercolumn .btn.back{border:1px solid #ccc; background:url(../img/hnb/pre.png) 40px center no-repeat #fff; width:215px; text-align:center; padding-left:25px; margin:90px auto 0; display:block}
/*.LC_Page_Products_Detail #undercolumn .btn.back:hover{color:#fff;background: url(../img/hnb/list1_wh.png) 40px center no-repeat #0078a2; opacity:1}*/
.LC_Page_Products_Detail #undercolumn .btn.back a{color:#606060; background:none;}


.LC_Page_Products_Detail #undercolumn .btn_area{ width:540px; margin:4rem auto 0;}

.LC_Page_Products_Detail #undercolumn h3.map,
.LC_Page_Products_Detail #undercolumn h3.name{ text-align:center;color:#0078A2; font-size:18px; font-weight:bold; margin-bottom:2rem;}
.LC_Page_Products_Detail #undercolumn h3.map span{ background:url(../img/hnb/deicon2.png) left center no-repeat;padding:0.5rem 0 0.5rem 30px; }
.LC_Page_Products_Detail #undercolumn h3.name span{ background:url(../img/hnb/deicon3.png) left center no-repeat;padding:0.5rem 0 0.5rem 30px;}
.LC_Page_Products_Detail #undercolumn .gmap{margin-bottom:4rem;}
.LC_Page_Products_Detail #undercolumn .chara .box img{width:100%;}
.LC_Page_Products_Detail #undercolumn .chara .box{float:left; width:578px; margin-right:40px;border:1px solid #EFEFEF; background-color:#fff}
.LC_Page_Products_Detail #undercolumn .chara .box:nth-child(2n){margin-right:0;}
.LC_Page_Products_Detail #undercolumn .chara .textarea{padding:30px;}
.LC_Page_Products_Detail #undercolumn .chara .imgarea{position:relative;}
.LC_Page_Products_Detail #undercolumn .chara .imgarea .lav{position: absolute; left:0; bottom:-10px; top:auto; color:#0078A2; background-color:#DBF028; height:20px; font-weight:bold; z-index:999; font-size:14px;
text-align:center; padding:0.5rem 4rem}
.LC_Page_Products_Detail #undercolumn .chara h4{margin-bottom:1rem;}
.midashi_tit .icon.deicon4{ padding-top:5rem}
.midashi_tit .icon.deicon5{ padding-top:6.5rem}


@media screen and (max-width: 767px) {
.LC_Page_Products_Detail #undercolumn h3.map,
.LC_Page_Products_Detail #undercolumn h3.name{ font-size:1.6rem;}
.LC_Page_Products_Detail #undercolumn .gmap #map_canvas{width:100% !important;}

.LC_Page_Products_Detail #undercolumn .kanren.gray .list_area,
.LC_Page_Products_Detail #undercolumn .list_area,
.LC_Page_Products_Detail #undercolumn .chara .box{float:none; width:100%; margin-right:0;border:1px solid #EFEFEF; background-color:#fff; height:auto !important;margin-bottom:2rem;overflow: inherit;}

.LC_Page_Products_Detail #undercolumn .kanren.gray .list_area:last-child,,
.LC_Page_Products_Detail #undercolumn .list_area:last-child,
.LC_Page_Products_Detail #undercolumn .chara .box:last-child{margin-bottom:0rem;}

.LC_Page_Products_Detail #undercolumn .kanren.gray .list_area .spec,
.LC_Page_Products_Detail #undercolumn .list_area .spec,
.LC_Page_Products_Detail #undercolumn .chara .textarea{padding:2rem;}
.LC_Page_Products_Detail #undercolumn .btn.tri{top:0;}
.midashi_tit .icon.deicon4{ padding-top:2rem}
.midashi_tit .icon.deicon5{ padding-top:3rem}
.LC_Page_Products_Detail #undercolumn .item_area,
.LC_Page_Products_Detail #undercolumn .chara_bk{padding-bottom:2rem;}
.LC_Page_Products_Detail #undercolumn .btn.back{margin:0 auto !important; display:block}
.LC_Page_Products_Detail #undercolumn .btn_area{width:100%;}
.LC_Page_Products_Detail #undercolumn .btn{width:100%; float:none; margin:0;}
.LC_Page_Products_Detail #undercolumn .btn.A{display:none;}
.LC_Page_Products_Detail #undercolumn .btn.B,
.LC_Page_Products_Detail #undercolumn .btn.C{ margin:0 0 1rem 0; width:90%; display:block}
.LC_Page_Products_Detail #undercolumn .btn.B:hover{width:90%;}



/*slide*/
.flexslider.sp .flex-direction-nav a{bottom:-5.5rem; top:unset}
.flexslider.sp .flex-direction-nav .flex-prev {
  left: -20px;background: url(../img/hnb/list1_bk2_sp.png) no-repeat left center; background-size:8px;}
.flexslider.sp .flex-direction-nav .flex-next {
  right: -20px;
  text-align: right;background: url(../img/hnb/list1_bk_sp.png) no-repeat left center; background-size:8px;}

.flexslider.sp .flex-direction-nav .flex-prev{left:5rem;}
.flexslider.sp .flex-direction-nav .flex-next{right:2rem; }

}

/*FORM*/
div#undercolumn_contact{max-width:820px; margin:0 auto;width: 100% !important}
div#undercolumn_contact .read{text-align:center; margin-bottom:6rem; color:#606060; line-height:1.8em}
div#undercolumn_contact .read2{text-align:center; margin:2rem 0; color:#606060; line-height:1.8em; font-size:13px}
div#undercolumn_contact form{ padding:40px 50px; background-color:#fff; border-radius:40px;box-shadow: 0 0 32px #e8e8e8; }
div#undercolumn_contact.conf form,
div#undercolumn_contact.conf tr th,
div#undercolumn_contact.conf tr td{background-color:#F5F5F5; box-shadow:none;}

div#undercolumn_contact tr th{max-width:150px; vertical-align:top; font-size:15px}
div#undercolumn_contact tr td{max-width:540px; padding-left:0; padding-right:0 }
div#undercolumn_contact tr th,
div#undercolumn_contact tr td{border:none; background-color: #fff; padding-top:11px; padding-bottom:11px;}
div#undercolumn_contact tr td{font-size:14px;}
div#undercolumn_contact input[type="password"],
div#undercolumn_contact input[type="text"],
div#undercolumn_contact textarea{background-color:#F5F5F5; padding:10px 20px; border:none !important; border-radius:3px; }
div#undercolumn_contact select{ width:150px;background-color:#F5F5F5; padding:1rem 3rem 1rem 2rem; border:none !important;border-radius:3px; font-size:13px;}
div#undercolumn_contact .mini{font-size:13px;}
div#undercolumn_contact label{}
div#undercolumn_contact .blue{color:#0078A2;}
div#undercolumn_contact .top_line{border-top:1px dotted #ccc !important; text-align:center; padding:2rem 0; margin:1rem 0 0 0; font-size:14px}
div#undercolumn_contact .bottom_line_ttl{font-weight:bold;  text-align:center; border-bottom:1px solid #0078A2; padding-bottom:1.0rem; margin-top:3rem}
div#undercolumn_contact .bottom_line_ttl span{ background:url(../img/hnb/form_icon.jpg) left center no-repeat ; padding:5px 0 5px 40px;}
div#undercolumn_contact .yakkan{text-align: center;font-size: 1.3em;margin: 1.5em 0}

#mypagecolumn .submit_btn,	
#mypagecolumn .back_btn,
#window_area .submit_btn,
#undercolumn_login #login_mypage .submit_btn,
div#undercolumn_contact .btn_area .back_btn,
div#undercolumn_contact .submit_btn{
border: 1px solid #0F78A0;

background: url(../img/hnb/list1_wh.png) no-repeat 93% center #0F78A0;	
    width: 400px;
    text-align: center;
height: 60px; color:#fff;
    line-height: 59px;
    font-size: 1.6rem; cursor:pointer;
    display: inline-block; border-radius:40px;
-webkit-transition: all .3s;
    transition: all .3s;	
	}	

#mypagecolumn .back_btn:hover,
div#undercolumn_contact .btn_area .back_btn:hover{opacity:0.7;}

#undercolumn_login #login_mypage .submit_btn:hover,
#mypagecolumn .submit_btn:hover,
div#undercolumn_contact .submit_btn:hover{ 
border: 1px solid #DBF028;
background: url(../img/hnb/list1_bl_b.png) no-repeat 93% center #DBF028;
color:#0078A2;
}

#undercolumn_error .back_btn,
#mypagecolumn .back_btn,
div#undercolumn_contact .btn_area .back_btn{ width:120px; background:#fff;border: 1px solid #525252;margin-right: 20px; color: #525252; text-decoration:none;}


 #mypagecolumn .back_btn.ref{ width:230px;}
 #mypagecolumn .submit_btn.ref{width:230px;}


@media screen and (max-width: 767px) {
div#undercolumn_contact tr th{max-width:inherit;}
div#undercolumn_contact tr td{max-width:inherit }

/*SP　フォーム*/
#undercolumn{padding: 0 1.5rem 4rem;}
div#undercolumn_contact{width:100%;}
div#undercolumn_contact form {
    padding:1.5rem 1.5rem 3.5rem 1.5rem !important;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 32px #e8e8e8;
}
div#undercolumn_contact tr th, 
div#undercolumn_contact tr td{display:block; width:100%}
div#undercolumn_contact tr th{padding:0 0 1rem 0;}
div#undercolumn_contact tr td{padding:0 0 3rem 0;}
div#undercolumn_contact tr td input[type="password"],
div#undercolumn_contact tr td input[type="text"],
div#undercolumn_contact tr td textarea{width:95%; padding:5%; margin-bottom:0.5rem;}
div#undercolumn_contact tr td input.box60{width:26%;}
div#undercolumn_contact tr td input.box150.size{width:40%;}

div#undercolumn_contact .read{ margin-bottom:3rem;}
div#undercolumn_contact .read2{margin-top:0;}
div#undercolumn_contact input[type="checkbox"] + span{display:block;}
div#undercolumn_contact input[type="radio"] + label{display:block; margin-bottom:1rem}
.mt3{margin-top:0 !important;}

#mypagecolumn .submit_btn, #mypagecolumn .back_btn, #window_area .submit_btn, #undercolumn_login #login_mypage .submit_btn, div#undercolumn_contact .btn_area .back_btn, div#undercolumn_contact .submit_btn{width:100%;}
#mypagecolumn .back_btn, div#undercolumn_contact .btn_area .back_btn{margin-right:0; margin-bottom:1.5rem; width:100%}


}


/*radio*/
div#undercolumn_contact input[type="radio"]{
  display: none;
}
div#undercolumn_contact input[type="radio"] + label{
  padding-left: 20px;
  position:relative;
  margin-right: 20px; cursor:pointer;  
}
div#undercolumn_contact input[type="radio"] + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
div#undercolumn_contact input[type="radio"]:checked + label{
  color: #0078A2;
}
div#undercolumn_contact input[type="radio"]:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #0078A2;
  border-radius: 50%;
}
/*チェックボックス*/
/* css checkbox01 */
div#undercolumn_contact input[type="checkbox"]{
  display: none;
}
div#undercolumn_contact input[type="checkbox"] + span{
  padding-left: 25px;
  position:relative;
  margin-right: 10px; cursor:pointer;  
}
div#undercolumn_contact input[type="checkbox"] + span::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px;
}
div#undercolumn_contact input[type="checkbox"] + span{

}
div#undercolumn_contact input[type="checkbox"]:checked + span::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #0078A2;
  border-right: 3px solid #0078A2;
}



.mt3{margin-top:3rem;}
.box120{max-width:258px;}
.box380{ max-width:535px;}
.box60 {max-width: 110px;}
.box150 {max-width: 130px;}
.attention{color:#FF0000;}


/*login*/
.w700{ max-width:700px; margin:0 auto;}
.w800{max-width:800px; margin:0 auto;}
.w850{max-width:850px; margin:0 auto;}
.w1200{max-width:1200px; margin:0 auto;}
.mb1{ margin-bottom:1rem;}
.mb2{ margin-bottom:2rem;}
.mb3{ margin-bottom:3rem;}
.mb4{ margin-bottom:4rem;}
.mb5{ margin-bottom:5rem;}
.mb6{ margin-bottom:6rem;}
.mb7{ margin-bottom:7rem;}
.mb8{ margin-bottom:8rem;}
.mb9{ margin-bottom:9rem;}
.mb12{ margin-bottom:12rem;}
.pt2{ padding-top:2rem;}

@media screen and (max-width: 767px) {
/*SP一覧*/	
.w700,.w850,.w800,.w1200 {width: 100%;margin: 0 auto;}
}

/*ログイン*/
#undercolumn_login{text-align:center; line-height:1.8}
#undercolumn_login h2.ttl{ font-size:2.6rem; color:#0F78A0; letter-spacing: 1px; line-height: 1; margin-bottom:3rem }
#undercolumn_login h2.ttl span{background:url(../img/hnb/login/icon1.png) left center no-repeat ; padding-left:60px}
#undercolumn_login .lav_text{ letter-spacing:0.4; background-color:#D9EBF1;color:#0F78A0; border-radius:10px; padding:0.2rem 0; }
#undercolumn_login .maru li{ float:left; background:url(../img/hnb/login/maru.png) center 7rem no-repeat ; width:32%; margin-right:2%; min-height:300px}
#undercolumn_login .maru li:nth-child(3n){margin-right:0;}
#undercolumn_login .maru li p.pt{ padding-top:2rem;}
#undercolumn_login .maru li p{ padding-top:1rem;}

#undercolumn_login .btn.yelow a{
	color:#0F78A0;
    background:url(../img/hnb/next.png) 92% center no-repeat #DFF23E ;
    width: 400px;
    text-align: center;
    height: 60px;
    line-height: 59px;
    font-size: 1.8rem; font-weight:bold;
    cursor: pointer;
    display: inline-block;
    border-radius: 30px;	
-webkit-transition: all .3s;
    transition: all .3s;		
	}
#undercolumn_login .btn.yelow a:hover{
	color:#0F78A0;
    background:url(../img/hnb/list1_wh.png) 92% center no-repeat #0F78A0 ;
    width: 400px;
    text-align: center;
    height: 60px;
    line-height: 59px;
    font-size: 1.8rem; font-weight:bold;
    cursor: pointer;
    display: inline-block;
    border-radius: 30px;
	color:#fff;
	}	
	
#undercolumn_login .btn:hover{}	
#undercolumn_login .icon_men{margin-top:10px;}
#undercolumn_login .icon_men span{background:url(../img/hnb/login/icon4.png) left center  no-repeat ; padding:0.5rem 0 0.5rem 4rem}
#undercolumn_login .foot_service{padding-top:5.5rem; background: url(../img/hnb/service_bg3.gif) repeat-x left top #fff; margin-bottom:7rem}
#undercolumn_login .service li .icon{ margin-top:5.3rem}
#undercolumn_login .service li h3{ padding:3rem 0 2.5rem;}
#undercolumn_login .service li p{width:300px; margin:0 auto; text-align:left}

#undercolumn_login .tokuten{background: url(../img/hnb/service_bg4.gif) repeat-x left bottom #fff; text-align:left; padding-bottom:5rem}
#undercolumn_login .tokuten .ttl{ float:left; width:408px; padding-top:6rem}
#undercolumn_login .tokuten p{ float:left; width:381px; margin-right:30px}
#undercolumn_login .tokuten p.end{ margin-right:0;}

#undercolumn_login .zehi{font-size:2.2rem; letter-spacing:0.1em; color:#0F78A0;}

#undercolumn_login h3.ttl{border-bottom:1px solid #0F78A0; padding-bottom:2rem; margin-bottom:2rem;}
#undercolumn_login h3.ttl span{background:url(../img/hnb/login/icon4.png) left center  no-repeat ; padding:0.5rem 0 0.5rem 4rem; font-weight:bold;font-size: 1.8rem;}
#undercolumn_login #login_mypage{border-radius:40px;box-shadow: 0 0 32px #e8e8e8; background-color:#F5F5F5; padding:4rem 5rem; text-align:left; margin-bottom:4rem}
#undercolumn_login #login_mypage input[type="text"],
#undercolumn_login #login_mypage input[type="password"]{background-color:#fff; padding:1.5rem 2rem; border:none !important; border-radius:3px; width:510px}

#undercolumn_login #login_mypage .login_memory{ padding-left:15rem;}


#undercolumn_login #login_mypage .submit_btn{ width:200px; margin-top:1rem}

@media screen and (max-width: 767px) {
#undercolumn_login{text-align: left;}
#undercolumn_login h2.ttl{ font-size:1.8rem; margin-bottom:2rem; text-align:center; line-height:1.4}
#undercolumn_login h2.ttl span{ padding-left:4rem; background-size:3rem; display: inline-block;}
#undercolumn_login .center{text-align:center;}
#undercolumn_login .lav_text{ text-align:center; padding:0.5rem;}
#undercolumn_login .maru li{ float:none; width:80%; margin:0 auto;min-height:100px; background-image:none; position:relative; }
#undercolumn_login .maru li:nth-child(3n){float:none; width:80%; margin:0 auto;min-height:100px; background-image:none; position:relative; margin-bottom:2rem}
#undercolumn_login .maru li .icon{ width:25%; position:absolute; left:0; z-index:9999}
#undercolumn_login .maru li p{width:75%; position: absolute; left:15%; background-color:#F5F5F5; padding:1rem 1rem 1rem 1rem !important; border-radius:20px; text-align:center; font-size:1.5rem; line-height:1.4}
#undercolumn_login .maru li p.pt{margin-top:0.5rem;}


#undercolumn_login .btn.yelow a,
#undercolumn_login .btn.yelow a:hover{width:100%;}	
	
#undercolumn_login .foot_service{padding-top:3rem; margin-bottom:3rem}

#undercolumn_login .log_contents div.box {
    float: none;
    width: 100%;
    list-style: none; height:auto;
    text-align: center;
    letter-spacing: 1px;
    background: url(../img/hnb/service_bg.png) no-repeat center top;padding-top:4rem;
	background-size:cover;
}
#undercolumn_login .log_contents div.box p {
    text-align: left;
}
#undercolumn_login .log_contents div.box .bg{background: url(../img/hnb/service_bg_maru.png) no-repeat center 43%; background-size:35%}
#undercolumn_login .log_contents div.box .icon img{width:20%;}
#undercolumn_login .log_contents div.box h3{color:#0F78A0; margin:1rem 0; font-size:1.6rem}
#undercolumn_login .log_contents div.box .bg p{padding:0 3rem 2rem 3rem;}
#undercolumn_login .foot_service {
    background: url(../img/hnb/service_bg3_sp.gif) repeat-x left top #fff;
}


#undercolumn_login .tokuten{background: url(../img/hnb/service_bg2.gif) repeat-x left bottom #fff; text-align:left; padding-bottom:2rem}
#undercolumn_login .tokuten .ttl{ float:none; width:100%; padding-top:0}
#undercolumn_login .tokuten p{ float:none; width:100%; margin-right:0; margin-bottom:1rem}
#undercolumn_login .tokuten p.end{ margin-right:0;}
#undercolumn_login .zehi{margin-bottom:1.2rem;}
#undercolumn.detailsp .w800{margin-top:4rem;}


#undercolumn_login #login_mypage {
    border-radius: 20px;
    box-shadow: 0 0 0 0;
    background-color: #F5F5F5;
    padding: 2rem;
    text-align: left;
    margin-bottom: 4rem;
}



}




/*PW*/
#window_area h2{ font-size:2.6rem; color:#0F78A0; letter-spacing: 1px; line-height: 1; margin-bottom:3rem;}
#window_area .submit_btn{width:200px}
#window_area  input[type="text"]{background-color:#F5F5F5; padding:1rem 2rem; border:none !important; border-radius:3px;  }
#window_area .box120{ width:120px;}
#window_area .box300{}


/*MY*/
div#mypagecolumn #mycontents_area{width:820px; margin:0 auto;}
div#mypagecolumn #mynavi_area{ margin-top:4rem; width:1300px; margin-bottom:7rem;background-color:#fff; border-radius: 0 20px 20px 0;box-shadow: 0 0 32px #e8e8e8; }
div#mypagecolumn #mynavi_area .mynavi_list li{ float:left; padding:1.5rem 0; text-align:center; font-size:1.6rem;}
div#mypagecolumn #mynavi_area .mynavi_list li a{text-decoration:none;}
div#mypagecolumn #mynavi_area .mynavi_list li a:hover,
div#mypagecolumn #mynavi_area .mynavi_list li input:hover{ opacity:0.7}
div#mypagecolumn #mynavi_area .mynavi_list li span{padding:1rem 0 1rem 5rem; display:inline-block;}
div#mypagecolumn #mynavi_area .mynavi_list li.nav1{background-color:#0F78A0; font-size:1.8rem; color:#fff }

div#mypagecolumn #mynavi_area .mynavi_list li.nav1 span{background:url(../img/hnb/my/nav1.png) left center no-repeat ;} 
div#mypagecolumn #mynavi_area .mynavi_list li.nav2 span{background:url(../img/hnb/my/nav2.png) left center no-repeat ;} 
div#mypagecolumn #mynavi_area .mynavi_list li.nav3 span{background:url(../img/hnb/my/nav3.png) left center no-repeat ;} 
div#mypagecolumn #mynavi_area .mynavi_list li.nav4 span{background:url(../img/hnb/my/nav4.png) left center no-repeat ;} 
div#mypagecolumn #mynavi_area .mynavi_list li.nav5 span{background:url(../img/hnb/my/nav5.png) left center no-repeat ;} 
div#mypagecolumn #mynavi_area .mynavi_list li.nav6 span{background:url(../img/hnb/my/nav6.png) left center no-repeat ;} 
div#mypagecolumn #mynavi_area .mynavi_list li.nav6 span input{margin:0; padding:0; background-color:#fff; color:#0078A2; font-size:100%; cursor:pointer;}

div#mypagecolumn #mynavi_area .mynavi_list li.nav1{ width:320px }
div#mypagecolumn #mynavi_area .mynavi_list li.nav2{ width:180px;background:url(../img/hnb/my/dot.jpg) right center no-repeat ;}
div#mypagecolumn #mynavi_area .mynavi_list li.nav3{ width:230px;background:url(../img/hnb/my/dot.jpg) right center no-repeat ;}
div#mypagecolumn #mynavi_area .mynavi_list li.nav4{ width:230px;background:url(../img/hnb/my/dot.jpg) right center no-repeat ;}
div#mypagecolumn #mynavi_area .mynavi_list li.nav5{ width:160px;background:url(../img/hnb/my/dot.jpg) right center no-repeat ; }
div#mypagecolumn #mynavi_area .mynavi_list li.nav6{ width:180px;}

div#mypagecolumn #mycontents_area h3{color:#0F78A0;font-size:2.2rem; font-weight:normal; margin-bottom:2rem; padding:1rem 0 1rem 3.8rem;}
div#mypagecolumn #mycontents_area h3.icon1{;background:url(../img/hnb/my/icon2.png) left center no-repeat;}
div#mypagecolumn #mycontents_area h3.icon2{;background:url(../img/hnb/my/icon3.png) left center no-repeat;}
div#mypagecolumn #mycontents_area h3.icon3{;background:url(../img/hnb/my/icon1.png) left center no-repeat;}

div#mypagecolumn .read{text-align:center; margin-bottom:3rem;}


div#mypagecolumn .box_area{ background-color:#F5F5F5; padding:30px; border-radius:20px;}
div#mypagecolumn .box_area .white{background-color:#fff; padding:10px 30px; border-radius:20px;}
div#mypagecolumn .box_area .white table th span.new{margin-right:1rem;}
div#mypagecolumn .box_area .white table th{background-color:#fff;}
div#mypagecolumn .box_area .white table td{ text-align:right; font-size:14px}
div#mypagecolumn .box_area .white table th,
div#mypagecolumn .box_area .white table td{border:none; border-bottom:1px dotted #E6E6E6; padding:1.3rem 0}
div#mypagecolumn .box_area .white table th a{ text-decoration:none; color:#666;}
div#mypagecolumn .box_area .white table th a:hover{text-decoration:underline;}
div#mypagecolumn .box_area .white table tr:last-child th,
div#mypagecolumn .box_area .white table tr:last-child td{border-bottom:none;}


div#mypagecolumn .box_area.fav .white{padding:30px;}
div#mypagecolumn .box_area.fav .white .img{ width:250px; float:left; margin-right:30px}
div#mypagecolumn .box_area.fav .white .spec{ border-right:none;width:420px; float:left; margin-right:0; padding-right:0}
div#mypagecolumn .box_area.fav .white .spec h2{margin-bottom:20px;}
div#mypagecolumn .box_area.fav .white .spec th,
div#mypagecolumn .box_area.fav .white .spec td{border:none; padding:0; text-align:left; padding-bottom:5px;}
div#mypagecolumn .box_area.fav .white .list_area{margin-bottom:40px;}
div#mypagecolumn .box_area.fav .white .spec .back_btn{ height:22px; line-height:21px; margin:0; float:right}
div#mypagecolumn .box_area.fav .white .spec .back_btn a{text-decoration:none;}
div#mypagecolumn .box_area.fav .white .list_area:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0;}




@media screen and (max-width: 767px) {
div#mypagecolumn #mycontents_area{width:100%; margin:0 auto;}
div#mypagecolumn #mynavi_area{ margin-top:0rem; width:100%; margin-bottom:4rem;background-color:#fff; border-radius: 0;box-shadow: 0 0 32px #e8e8e8; }
div#mypagecolumn #mynavi_area .mynavi_list .open{display:none;}
div#mypagecolumn #mynavi_area .mynavi_list li{ float:none; padding:0 1rem 0.5rem 1rem; text-align:left; font-size:1.4rem;}
div#mypagecolumn #mynavi_area .mynavi_list li a{text-decoration:none;}
div#mypagecolumn #mynavi_area .mynavi_list li a:hover,
div#mypagecolumn #mynavi_area .mynavi_list li input:hover{ opacity:0.7}
div#mypagecolumn #mynavi_area .mynavi_list li span{padding:1rem 0 1rem 5rem; display:inline-block;}
div#mypagecolumn #mynavi_area .mynavi_list li.nav1{font-size:1.8rem; color:#fff; text-align:center; padding:0 1rem; background:url(../img/hnb/my/down.png) 95% center no-repeat #0F78A0;}
div#mypagecolumn #mynavi_area .mynavi_list li.nav1.active{background:url(../img/hnb/my/up.png) 95% center no-repeat #0F78A0;}

div#mypagecolumn #mynavi_area .mynavi_list li.nav1 span{padding-left:4rem}
div#mypagecolumn #mynavi_area .mynavi_list li.nav2 span,
div#mypagecolumn #mynavi_area .mynavi_list li.nav3 span,
div#mypagecolumn #mynavi_area .mynavi_list li.nav4 span,
div#mypagecolumn #mynavi_area .mynavi_list li.nav5 span,
div#mypagecolumn #mynavi_area .mynavi_list li.nav6 span{ background-size:3rem !important; padding-left:4rem}

div#mypagecolumn #mynavi_area .mynavi_list li.nav1 span{background:url(../img/hnb/my/nav1.png) left center no-repeat ;} 
div#mypagecolumn #mynavi_area .mynavi_list li.nav2 span{background:url(../img/hnb/my/nav2.png) left center no-repeat ;} 
div#mypagecolumn #mynavi_area .mynavi_list li.nav3 span{background:url(../img/hnb/my/nav3.png) left center no-repeat ;} 
div#mypagecolumn #mynavi_area .mynavi_list li.nav4 span{background:url(../img/hnb/my/nav4.png) left center no-repeat ;} 
div#mypagecolumn #mynavi_area .mynavi_list li.nav5 span{background:url(../img/hnb/my/nav5.png) left center no-repeat ;} 
div#mypagecolumn #mynavi_area .mynavi_list li.nav6 span{background:url(../img/hnb/my/nav6.png) left center no-repeat ;} 
div#mypagecolumn #mynavi_area .mynavi_list li.nav6 span input{margin:0; padding:0; background-color:#fff; color:#0078A2; font-size:100%; cursor:pointer;}

div#mypagecolumn #mynavi_area .mynavi_list li.nav1{ width:100% }
div#mypagecolumn #mynavi_area .mynavi_list li.nav2{ width:100%;background:none; padding-top:1rem}
div#mypagecolumn #mynavi_area .mynavi_list li.nav3{ width:100%;background:none;}
div#mypagecolumn #mynavi_area .mynavi_list li.nav4{ width:100%;background:none;}
div#mypagecolumn #mynavi_area .mynavi_list li.nav5{ width:100%;background:none; }
div#mypagecolumn #mynavi_area .mynavi_list li.nav6{ width:100%;}

div#mypagecolumn #mycontents_area h3{color:#0F78A0;font-size:1.8rem; font-weight:normal; margin-bottom:2rem;  padding:0; text-align:center; display:block; }
div#mypagecolumn #mycontents_area h3.icon1 span{;background:url(../img/hnb/my/icon2.png) left center no-repeat; padding:1rem 0 1rem 3rem;}
div#mypagecolumn #mycontents_area h3.icon2 span{;background:url(../img/hnb/my/icon3.png) left center no-repeat; padding:1rem 0 1rem 4rem;}
div#mypagecolumn #mycontents_area h3.icon3 span{;background:url(../img/hnb/my/icon1.png) left center no-repeat; padding:1rem 0 1rem 3rem;}
div#mypagecolumn #mycontents_area h3.icon1,div#mypagecolumn #mycontents_area h3.icon2,div#mypagecolumn #mycontents_area h3.icon3{background:none;}

div#mypagecolumn .read{text-align:center; margin-bottom:3rem;}	
	
div#mypagecolumn .box_area{ background-color:#F5F5F5; padding:1.5rem; border-radius:0;}
div#mypagecolumn .box_area .white{background-color:#fff; padding:1rem 2rem; border-radius:10px;}
div#mypagecolumn .box_area .white table th span.new{margin-right:1rem;}
div#mypagecolumn .box_area .white table th{background-color:#fff; display:block; width:100%; font-weight:bold}
div#mypagecolumn .box_area .white table td{ text-align:left; font-size:12px;display:block; width:100%}
div#mypagecolumn .box_area .white table th{border:none; border-bottom:none; padding:1.3rem 0 0 0}
div#mypagecolumn .box_area .white table td{border:none; border-bottom:1px dotted #E6E6E6; padding:0.5rem 0 1.3rem}
#container {    margin-bottom: 6rem;}
div#mypagecolumn #undercolumn_contact,
div#mypagecolumn #complete_area{padding: 0 1.5rem ; margin-bottom:6rem;}
div#mypagecolumn{margin-bottom:6rem;}

div#mypagecolumn .box_area.fav .white{padding:2rem 2rem;}
div#mypagecolumn .box_area.fav .white .img{ width:100%; float:none; margin-right:0; margin-bottom:1rem}
div#mypagecolumn .box_area.fav .white .spec{ border-right:none;width:100%; float:none; margin-right:0; padding-right:0; padding-bottom:2rem; border-bottom:1px dotted #ccc; margin-bottom:2rem}
div#mypagecolumn .box_area.fav .white .spec:last-child{border:none; padding:0; margin:0;}
div#mypagecolumn .box_area.fav .white .spec h2{margin-bottom:1rem; font-size:110%}
div#mypagecolumn .box_area.fav .white .spec th{width:30%; font-weight:normal; font-size:100%;}
div#mypagecolumn .box_area.fav .white .spec th,
div#mypagecolumn .box_area.fav .white .spec td{border:none; padding:0; display:table-cell; text-align:left; padding-bottom:5px;}
div#mypagecolumn .box_area.fav .white .list_area{margin-bottom:40px;}
div#mypagecolumn .box_area.fav .white .spec .back_btn{ height:25px; line-height:26px; display:block; margin:1rem auto 0 auto; width:60%; text-align:center; float:none}
div#mypagecolumn .box_area.fav .white .spec .back_btn a{text-decoration:none;}
div#mypagecolumn .box_area.fav .white .list_area:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0;}

}

footer{line-height:160%;}

/*FORM*/
.attention.hissu {color: #fff; background-color: #FF0004;padding: 0 4px; margin-right: 6px; font-size: 12px}
tr.hissu_cl th{background-color: #FFF3F3 !important;border-bottom: 1px solid #e8e8e8 !important;}
tr.hissu_cl td{padding-left:10px !important;border-bottom: 1px solid #e8e8e8 !important;}
@media screen and (max-width: 767px) {
tr.hissu_cl th{;border-bottom: none !important; padding-top: 10px !important; padding-left: 5px !important}
tr.hissu_cl td{padding-left:0 !important;border-bottom:none !important;padding-top: 10px !important;}	
}


/*20200603　カテメニュー*/
.cate_menu{margin-bottom: 30px;}
.cate_menu h3{margin-bottom: 20px;padding-bottom: 10px; font-size: 20px; color: #0F78A0; border-bottom: 2px solid #80BCD1;}
.cate_menu ul{margin-bottom: 20px;}
.cate_menu li{width: 18%; margin-right: 2.5%;float: left;}
.cate_menu li:nth-child(5){margin-right: 0;}
.cate_menu li a{
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 1.6rem;
    background-image: url(../../../../../img/common/list1_wh_sp.png);
	background-color: #0078A2;
    background-position: 94% center;
	background-repeat: no-repeat;
    background-size: 10px; display: block;border-radius: 10px; color: #fff;text-decoration: none;letter-spacing: 0.1}
.cate_menu li a:hover{opacity: 0.8;}
.cate_menu .other{text-align: right}
@media screen and (max-width: 767px) {
	.cate_menu li a{background-image: none;}
	
	
}

/*20200916　物件検索詳細 お問合せテキスト*/
.hnb200916_text_blue{
    clear: both;
    font-size: 20px;
    font-weight: bold;
    color: #0078a2;
    margin: 50px auto 0 0;
    text-align: center;
}
@media screen and (max-width: 767px) {
  .hnb200916_text_blue{
      font-size: 16px;
      margin: 40px auto -20px 0;
  }
}
/*20200916　物件検索一覧 おすすめ物件*/
.hnb_pickup_product{
    margin: 0 auto 60px;
}
.hnb_pickup_product h3 {
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 20px;
    color: #0F78A0;
    border-bottom: 2px solid #80BCD1;
}
#main_column .hnb_pickup_product .list_area {
    overflow: visible;
    padding-bottom: 0px;
    margin-bottom: 20px;
    border-bottom: none;
    border: 6px solid #dbf028;
}
#main_column .hnb_pickup_product .list_area .img {
    float: left;
    width: 300px;
    margin-right: 0px;
}
#main_column .hnb_pickup_product .list_area .img .main_img{
    text-align: center;
    overflow: hidden;
    width: 100%;
    height: 225px;
    position: relative;
}
#main_column .hnb_pickup_product .list_area .img .main_img img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}
#main_column .hnb_pickup_product .list_area .img .main_img.main_img_h {
    background: #e6e6e6;
}
#main_column .hnb_pickup_product .list_area .img .main_img.main_img_h img {
    width: auto;
    height: 100%;
}
#main_column .hnb_pickup_product .list_area .spec {
    float: left;
    width: 538px;
    margin-right: 0px;
    padding-right: 0px;
    border-right: none;
}
#main_column .hnb_pickup_product .list_area .spec h2 {
    margin-bottom: 10px;
    font-size: 20px;
    background: #0078a2;
    color: #ffffff;
    padding: 12px 15px 8px;
	letter-spacing: 0.12em;
}
#main_column .hnb_pickup_product .list_area:hover .spec h2 {
  color: #ffffff;
}
#main_column .hnb_pickup_product .list_area .spec ul {
    margin: 0 15px 5px 15px;
    font-size: 18px;
    font-weight: bold;
    color: #0078a2;
    line-height: 1.6em;
}
#main_column .hnb_pickup_product .list_btn {
    margin: 5px 20px;
    width: 40%;
    background: url(../../../../../warehouse/user_data/packages/default/img/hnb/list1_bl_b.png) no-repeat 93% center #ffffff;
    border: 2px solid #0078a2;
    float: right;
}


#main_column .hnb_pickup_product .list_area:hover .list_btn {
    background: url(../../../../..//warehouse/user_data/packages/default/img/hnb/list1_bl_b.png) no-repeat 93% center #DBF028;
    border: none;
    border: 2px solid #DBF028;
    color: #0078a2;
}
@media screen and (max-width: 767px) {
  #main_column .hnb_pickup_product .list_area {
      padding-bottom: 5px;
      margin-bottom: 15px;
  }
  #main_column .hnb_pickup_product .list_area h2 {
      margin-bottom: 0rem;
      font-size: 18px;
      background: #0078a2;
      color: #ffffff;
      padding: 10px 2% 8px 4%;
      line-height: 1.4em;
  }
  #main_column .hnb_pickup_product .list_area:hover h2 {
      color: #ffffff;
  }
  #main_column .hnb_pickup_product .list_area .img {
      float: none;
      width: 100%;
      margin-bottom: 0;
  }
  #main_column .hnb_pickup_product .list_area .img .main_img{
      margin-top: 0;
      height: auto;
  }
  #main_column .hnb_pickup_product .list_area .img .main_img img{
      position: static;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      width: 100%;
      height: auto;
  }
  #main_column .hnb_pickup_product .list_area .spec {
      float: none;
      width: auto;
      margin-right: 0px;
      padding-right: 0px;
      border-right: none;
      margin-bottom: 10px;
}
  #main_column .hnb_pickup_product .list_area .spec ul {
      margin: 8px 3% 5px 3%;
      font-size: 15.5px;
  }
  #main_column .hnb_pickup_product .list_btn {
      margin: 10px auto;
      width: 90%;
      background: url(../../../../..//warehouse/user_data/packages/default/img/hnb/list1_bl_b.png) no-repeat 93% center #ffffff;
      float: none;
  }
}


/* 物件資料ダウンロード */
.undercolumn_pdfdl{
    max-width: 820px;
    margin: 0 auto;
    padding: 50px 0 130px;
    width: calc(680/750 * 100%);
}
.pdfdl__ttl{
    font-size: 2.8rem;
    line-height: 48px;
    font-weight: bold;
    text-align: center;
}
.pdfdl__link{
    text-align: center;
    font-size: 1.4rem;
    text-decoration: underline;
    margin-top: 28px;
}
.pdfdl__attention{
    color: #0078a2;
    font-size: 1.6rem;
    line-height: 2;
    margin-top: 80px;
    text-align:center;
}
.pdfdl__closeTxt{
    font-size: 1.6rem;
    margin-top: 130px;
    text-align:center;
}

.pdfdl__closeBtn a{
    background: #0F78A0;
    width: 300px;
    text-align: center;
    height: 40px;
    color: #fff;
    line-height: 40px;
    font-size: 1.4rem;
    cursor: pointer;
    display: block;
    border-radius: 40px;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 30px auto 0 ;
    text-decoration: none;
}

.pdfdl__closeBtn a:hover{
    border: 1px solid #DBF028;
    background:#DBF028;
    color: #0078A2;
}
@media screen and (max-width: 767px) {
    .undercolumn_pdfdl{
        padding: 50px 0 40px;
    }
    .pdfdl__ttl{
        font-size: 2.3rem;
    }

    .pdfdl__link{
        font-size: 1.5rem;
        margin-top: 35px;
        text-align:center;
    }
    .pdfdl__attention{
        font-size: 1.5rem;
        margin: 70px auto 0;
        width: calc(450/680 * 100%);
        text-align:left;
    }

    .pdfdl__closeTxt{
        font-size: 1.5rem;
        margin-top: 60px;
    }
    .pdfdl__closeBtn a{
        width: 225px;
        height: 35px;
        line-height: 35px;
        font-size: 1.2rem;
        margin: 45px auto 0 ;
    }
}

/* ADD 2021/03/31 */
 
#main_column .hnb_pickup_product .list_area.list_area--3c .img .main_img{
    height: 272px;
}
#main_column .hnb_pickup_product .list_area.list_area--3c .img .main_img img{
 left: 0; transform: translate(0%, -50%);
}
#main_column .hnb_pickup_product .list_btn.list_btn--3 {
    margin: 5px 5px;
    width: 30%;
    border-radius: 10px;
}
#main_column .hnb_pickup_product .list_btn.list_btn--2 {
    width: 40%;
}
#main_column .hnb_pickup_product .list_btn.list_btn--2 a,
#main_column .hnb_pickup_product .list_btn.list_btn--3 a{
 font-size: 88%;
 color: #0078A2;
 text-decoration: none;
	display: block;
}
#main_column .hnb_pickup_product .list_area:hover .list_btn--2,
#main_column .hnb_pickup_product .list_area:hover .list_btn--3 {
    background: url(../../../../..//warehouse/user_data/packages/default/img/hnb/list1_bl_b.png) no-repeat 93% center #ffffff;
    border: none;
    border: 2px solid #0078a2;
    color: #0078a2;
}
#main_column .hnb_pickup_product .list_area .list_btn--2:hover,
#main_column .hnb_pickup_product .list_area .list_btn--3:hover {
    background: url(../../../../..//warehouse/user_data/packages/default/img/hnb/list1_bl_b.png) no-repeat 93% center #DBF028;
    border: none;
    border: 2px solid #DBF028;
    color: #0078a2;
}


@media screen and (max-width: 767px){
    #main_column .hnb_pickup_product .list_area.list_area--3c .img .main_img{
        height: auto;
    }
    #main_column .hnb_pickup_product .list_area.list_area--3c .img .main_img img {
        transform: none;
    }
    #main_column .hnb_pickup_product .list_btn.list_btn--2,
	#main_column .hnb_pickup_product .list_btn.list_btn--3 {
    width: 90%;
    border-radius: 20px;
    margin: 10px auto;
    }
}

/* 202105ADD */
.btn_area__ss{
    width: auto !important;
}
.btn.D {
    border: 1px solid #0078A2;
    width: 255px;
    text-align: center;
    margin-right: 0;
    margin-left: 20px;
    background:#fff;
}
.btn.D a {
    color: #0078A2;
}
.btn.D:hover {
    border: 1px solid #0078A2;
    background:#0078a2;
    opacity: 1.0;
    width: 255px;
    text-align: center;
    margin-right: 0;
    color: #FFFFFF !important;
}
.btn.D:hover a{
    color: #FFFFFF !important;
    background-image: url(../img/hnb/list1_wh.png);
}
@media screen and (max-width: 767px){
.btn.D {
margin: 0 1rem 1rem 0 !important;
width: calc(90% + 25px) !important;
}
}


/*新しいピックアップ　20210702 henobu*/
.hnb_pickup_product .new_list_area .mb20{margin-bottom: 20px}
.hnb_pickup_product .new_list_area{margin-bottom: 40px;background-color:#F3F3F3; padding: 10px}
.hnb_pickup_product .new_list_area h3{padding: 15px 20px 20px 20px; margin: 0;border: none;font-size: 24px}
.hnb_pickup_product .new_list_area .white{padding: 20px; background-color: #fff}
.hnb_pickup_product .new_list_area .img{ float: left;width: 35%;margin-right: 3%}
.hnb_pickup_product .new_list_area .img img{width: 100%;}
.hnb_pickup_product .new_list_area .spec{float: left;width: 62%}
.hnb_pickup_product .new_list_area .spec h4{font-size: 20px; margin-bottom: 10px;line-height: 1.6}
.hnb_pickup_product .new_list_area .spec ul{margin-left: 1.5em}
.hnb_pickup_product .new_list_area .spec li{list-style: disc;font-size: 16px;margin-bottom: 5px}
#main_column .hnb_pickup_product .new_list_area .spec .new_list_btn{margin: 10px 0 0 0 ; width: auto;float: none;text-align: left;padding: 0;letter-spacing: 0.06em}
#main_column .hnb_pickup_product .new_list_area .spec .new_list_btn a{text-decoration: none;font-weight: bold;font-size: 15px; text-align: left;width: auto;
	padding: 10px 36px 8px 20px;display: inline-block;
    border-radius: 20px;
    background: url(../../../../..//warehouse/user_data/packages/default/img/hnb/list1_bl_b.png) no-repeat 95% center #DBF028;
    -webkit-transition: all .3s;
    transition: all .3s;}
#main_column .hnb_pickup_product .new_list_area .spec .new_list_btn a:hover{background: url(../../../../../warehouse/user_data/packages/default/img/hnb/list1_wh.png) no-repeat 95% center #0078A2;
    color: #fff;}
@media screen and (max-width: 767px){
.hnb_pickup_product .new_list_area .img{ float: none;width: 100%;margin-right: 0;margin-bottom: 20px}
.hnb_pickup_product .new_list_area .spec{float: none;width: 100%}	
.hnb_pickup_product .new_list_area h3{padding: 10px 10px 15px 10px; margin: 0;border: none;font-size: 18px}
.hnb_pickup_product .new_list_area .spec h4{font-size: 18px; margin-bottom: 10px;line-height: 1.6}
.hnb_pickup_product .new_list_area .white{padding: 10px;}	
.hnb_pickup_product .new_list_area .spec li{list-style: disc;font-size: 15px;margin-bottom: 5px}	
}

/*メルマガ*/
#float_bnr_mail{position: fixed; letter-spacing: 0.05em; bottom: 0;    background-color: rgba(10,0,0,0.6);    width: 100%;z-index: 999999;    text-align: center;    padding: 20px 0 15px;color: #fff;}
#float_bnr_mail p{font-size: 20px;}
#float_bnr_mail span{padding-top: 5px}
#float_bnr_mail a{display: inline-block;font-weight: normal;font-size: 14px; border: 1px solid #fff; 
	padding:3px 20px; color: #fff; border-radius: 25px;text-decoration: none;margin-left: 20px;
background: url(../../../../..//warehouse/user_data/packages/default/img/hnb/list1_wh.png) no-repeat 95% center ;
}
#float_bnr_mail a:hover{background: url(../../../../..//warehouse/user_data/packages/default/img/hnb/list1_bl_b.png) no-repeat 95% center #DBF028;
    -webkit-transition: all .3s; color: #0078A2;border-color: #DBF028;
    transition: all .3s;}

@media screen and (max-width: 767px){
	#float_bnr_mail{padding: 10px 0}
	#float_bnr_mail p{font-size: 14px;}
	#float_bnr_mail a{margin: 5px auto 0 auto;display: block; width: 60%; padding: 1px 8px;font-size: 12px}
}



/*倉庫詳細改善　20210910 henobu*/
#undercolumn.hnb_renew{}
#undercolumn.hnb_renew #qa dt,
#undercolumn.hnb_renew #qa dd{text-align: left}

#undercolumn.hnb_renew .inblock {
    padding: 40px;
    border-radius: 30px;

    width: 820px;
}
.LC_Page_Products_Detail #undercolumn.hnb_renew h3.map,
.LC_Page_Products_Detail #undercolumn.hnb_renew h3.name,
.LC_Page_Products_Detail #undercolumn.hnb_renew .midashi_tit h3{font-size: 2.4rem;margin-bottom: 4rem;}
.LC_Page_Products_Detail #undercolumn.hnb_renew .gmap{margin-bottom: 8rem;}
.LC_Page_Products_Detail #undercolumn.hnb_renew .cate_menu{margin-bottom: 10rem;}
.LC_Page_Products_Detail #undercolumn.hnb_renew .item_area{margin-bottom: 6rem;}

/*関連みだし*/
#undercolumn.hnb_renew h3.near{
font-size: 2.4rem;
    margin: 4rem 0;
	text-align: center;
    color: #0078A2;
    font-weight: bold;
}
#undercolumn.hnb_renew h3.near span{
background: url(../img/hnb/deicon4.png) left 8px no-repeat;
    padding: 0.5rem 0 0.5rem 34px;background-size: 24px 25px;
}

/*ナビ*/
.LC_Page_Products_Detail #undercolumn.hnb_renew .item_area {
    background: url(../img/hnb/service_bg5.gif) repeat-x left bottom #fff;
}

/*スペックエリア*/
.LC_Page_Products_Detail #undercolumn.hnb_renew .specarea{margin-bottom: 8rem;}
.LC_Page_Products_Detail #undercolumn.hnb_renew .specarea .area{padding: 1.5rem 0rem 0 0;}
.LC_Page_Products_Detail #undercolumn.hnb_renew .specarea .area table,
.LC_Page_Products_Detail #undercolumn.hnb_renew .specarea .area .tag{width: 88%;margin-left:auto;margin-right: auto;}
.LC_Page_Products_Detail #undercolumn.hnb_renew .specarea .area .tag{margin-bottom: 2rem;}

.LC_Page_Products_Detail #undercolumn.hnb_renew .specarea .area .cvarea{background-color:#F7F7F7; padding: 4rem 6rem;border-radius:0 0 30px 30px; text-align: center}
.LC_Page_Products_Detail #undercolumn.hnb_renew  .btn.B {
    border: none;
    background: url(../img/hnb/btnicon1-on.png) 40px center no-repeat #FF7F00;
    max-width: 330px;
	font-size: 1.6rem;
	width: 100%;
}
.LC_Page_Products_Detail #undercolumn.hnb_renew .btn.B a{color: #fff;letter-spacing: 0.05em;background-image: url(../../../../../img/common/list1_wh.png);}
.LC_Page_Products_Detail #undercolumn.hnb_renew .btn.B:hover{opacity: 0.6;transition: all .3s;}
.LC_Page_Products_Detail #undercolumn.hnb_renew .specarea .back_btn_bottom a:hover{text-decoration: underline}
.LC_Page_Products_Detail #undercolumn.hnb_renew .uketuke_tyu span{display: block;font-weight: bold;font-size: 1.6rem;margin-bottom: 10px}

/*フロー*/
.LC_Page_Products_Detail #undercolumn.hnb_renew #flow.flow{background: none;padding-top: 0}
.LC_Page_Products_Detail #undercolumn.hnb_renew .flow{padding: 40px 0 40px}
.LC_Page_Products_Detail #undercolumn.hnb_renew #flow.flow .flowBox{border: 1px solid #ccc}
.LC_Page_Products_Detail #undercolumn.hnb_renew .faq-content dt{background-color: #fff}


@media screen and (max-width: 767px){
.LC_Page_Products_Detail #undercolumn.hnb_renew .specarea .area .cvarea{padding: 2rem 1rem;}
.LC_Page_Products_Detail #undercolumn.hnb_renew  .btn.B {
    width: auto;
	font-size: 1.4rem;
}
#undercolumn.hnb_renew .inblock { width: 90%;}
.LC_Page_Products_Detail #undercolumn.hnb_renew h3.map,
.LC_Page_Products_Detail #undercolumn.hnb_renew h3.name,
.LC_Page_Products_Detail #undercolumn.hnb_renew .midashi_tit h3,
#undercolumn.hnb_renew h3.near		{font-size: 1.6rem;}
	.LC_Page_Products_Detail #undercolumn.hnb_renew .item_area{background: url(../img/hnb/service_bg.gif) repeat-x left bottom #fff;}
.LC_Page_Products_Detail #undercolumn.hnb_renew .item_area{
    padding-bottom: 0;
}	
	.LC_Page_Products_Detail #undercolumn.hnb_renew .cate_menu h3{font-size: 18px}
}



/*-----------------------------
20230725 フロートバナー
--------------------------*/
#main_column.colnum2.right .float_bnr,
#main_column.colnum1 .float_bnr{position: fixed;top: 150px;right:0; z-index: 9999}
#main_column.colnum2.right .float_bnr .mb10,
#main_column.colnum1 .float_bnr .mb10{margin-bottom: 10px}
@media (max-width: 767px) { 
#main_column.colnum2.right .float_bnr,
#main_column.colnum1 .float_bnr{position: fixed; top:auto; bottom: 70px; z-index: 9999}
 }



/*satori*/
#undercolumn_contact #satori__creative_container .ttl_nara{text-align: center;font-weight: bold;margin-bottom: 30px;font-size: 20px}
@media (max-width: 767px) { 
#undercolumn_contact #satori__creative_container .iframe-wrapper iframe{height: 1350px}
}

div#undercolumn_contact #satori__creative_container input[type="checkbox"]{display: inline-block}
div#undercolumn_contact #satori__creative_container input[type="radio"] + label{padding-left: 0}
div#undercolumn_contact #satori__creative_container input[type="radio"] + label::before,
div#undercolumn_contact #satori__creative_container input[type="radio"]:checked + label::after{display: none}