@charset "UTF-8";

/*
*******************************************************************************************************
# 物件詳細共通スタイル（SP版）
# 物件INDEXスタイル（SP版）
*******************************************************************************************************
*/

/* ------------------------------------
	* box_head_detail
* ------------------------------------ */
.box_head_detail {
    padding: 10px 0 0 0;
}

.box_head_detail .tab_detail_type {
    float: left;
    margin: 0 0 0 10px;
    padding: 8px 10px 5px 10px;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    background: #013b96;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
}

.box_head_detail .box_inner {
    padding: 15px 10px;
    background: #ffffff;
    border-top: 3px solid #013b96;
    clear: both;
}

.box_head_detail .ttl_detail_name {
    margin: 0 0 10px 0;
    font-size: 18px;
    font-weight: bold;
}

/* add nak 20151213 */
.box_head_detail .bnr_detail {
    text-align: center;
    margin-bottom: 20px;
}
/* / add nak 20151213 */

/* --------------------------
	* txt_detail_price
* -------------------------- */
.box_head_detail .txt_detail_price {
	/* original
	display: table;
	width: 100%; 
	margin: 0 0 10px 0;
	font-size: 12px; */
	/* retouch nak 20151214 */
    width: 100%;
    margin: 0 0 10px 0;
    font-size: 12px;
	/* / retouch nak 20151214 */
}

.box_head_detail .txt_detail_price dt {
	/* original
	display: table-cell;
	width: 3.5em;
	text-align: center;
	vertical-align: middle; */
	/* retouch nak 20151214 */
    text-align: center;
    vertical-align: middle;
    padding-bottom: 10px;
    width: 40px;
    float: left;
    clear: both;
	/* / retouch nak 20151214 */
}

.box_head_detail .txt_detail_price dt span {
    display: block;
    padding: 5px 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #ff48b0;
    color: #ffffff;
    font-weight: bold;
}

.box_head_detail .txt_detail_price dd {
	/* original
	display: table-cell;
	padding: 3px 0 0 8px;
	vertical-align: middle; */
	/* retouch nak 20151214 */
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 40px;
	/* / retouch nak 20151214 */
}

.box_head_detail .txt_detail_price dd .mod_txt_pink {
    margin: 0 3px 0 0;
    font-size: 18px;
    font-weight: bold;
}

/* --------------------------
	* lead_detail
* -------------------------- */
.box_head_detail .lead_detail {
    padding: 8px 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #ede4c7;
    font-size: 12px;
    line-height: 1.6;
}

/* ------------------------------------
	* sec_detail_main
* ------------------------------------ */
.sec_detail_main {
    margin: 0 0 15px 0;
}

.sec_detail_main .mod_btn_pic_l {
    margin: 0 auto 20px auto;
}

/* --------------------------
	* box_add_studylist
* -------------------------- */
.box_add_studylist {
	/*position: relative;*/
}

/* --------------------------
	* box_add_studylist
* -------------------------- */
/* add nak 20151213*/
.box_add_studylist {
    font-size: 0;
    text-align: center;
	margin-bottom: 10px;
    padding: 0 0 10px;
}
.box_add_studylist.favoriteIcon{
	background-color: transparent;
	margin-bottom: 0;
	padding-bottom: 0;
}

.mod_btn_add_studylist, .mod_btn_add_studylist_active {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.mod_btn_add_studylist .btn_inner, .mod_btn_add_studylist_active .btn_inner {
    padding: 0 12px 3px 12px;
}

.box_add_studylist .btn_netsettlement_s {
    margin-left: 10px;
}

.btn_netsettlement_s {
    display: inline-block;
}

.btn_netsettlement_s .mod_btn_s {
    min-width: 154px;
    min-height: 71px;
    padding: 15px 10px 8px;
    font-size: 11px;
    color: #ffffff;
    line-height: 1.6;
}

.btn_netsettlement_s .mod_btn_s span {
    display: block;
    font-size: 14px;
}

/* / add nak 20151213*/


/* --------------------------
	* slider_thumb
* -------------------------- */
.sec_detail_main .slider_thumb {
    margin: 0 0 10px 0;
	position: relative;
}

.sec_detail_main .slider_thumb .slider_inner {
    margin: 0 auto;
    overflow: hidden;
}

.sec_detail_main .slider_thumb .flipsnap {
    margin: 0 auto;
}

.sec_detail_main .slider_thumb .flipsnap li {
    text-align: center;
    margin: 0 10px 0 0;
}

.sec_detail_main .slider_thumb .flipsnap .pic {
    padding: 20px 0;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.sec_detail_main .slider_thumb .flipsnap .pic img {
    width: 255px;
    height: auto;
}

.sec_detail_main .slider_thumb .flipsnap .caption {
    margin: 5px 0 0 0;
    font-size: 12px;
}

/* controls */
.sec_detail_main .slider_thumb .controls button {
    margin: -30px 0 0 0;
    width: 25px;
    height: 50px;
    z-index: 500;
}

.sec_detail_main .slider_thumb .controls button.prev {
    left: 5px;
}

.sec_detail_main .slider_thumb .controls button.next {
    right: 5px;
}

.sec_detail_main .slider_thumb .controls button:after {
    width: 25px;
    height: 50px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 25px 50px;
    -moz-background-size: 25px 50px;
    -webkit-background-size: 25px 50px;
}

.sec_detail_main .slider_thumb .controls button.prev:after {
    background-image: url(/static/sp/article/images/arr_btn_slider01_r.png);
}

.sec_detail_main .slider_thumb .controls button.next:after {
    background-image: url(/static/sp/article/images/arr_btn_slider01_l.png);
}

.sec_detail_main .slider_thumb .controls button[disabled] {
    display: none !important;
}

/* pointer */
.sec_detail_main .slider_thumb .pointer {
    margin: 10px 0 0 0;
}

/* --------------------------
	* slider_icon
* -------------------------- */
.sec_detail_main .slider_icon {
    margin: 0 0 15px 0;
    padding: 10px 0;
    background: #e6e8ec;
}

.sec_detail_main .slider_icon .slider_inner {
    width: 300px;
    margin: 0 auto;
    overflow: hidden;
}

.sec_detail_main .slider_icon .flipsnap {
	/*margin: 0 auto;*/
}

.sec_detail_main .slider_icon .flipsnap li {
    margin: 0 0 0 10px;
    line-height: 0;
}

/* controls */
.sec_detail_main .slider_icon .controls button {
    width: 25px;
    height: 0px;
    margin: -30px 0 0 0;
    padding-top: 60px;
    overflow: hidden;
}

.sec_detail_main .slider_icon .controls button.prev {
    left: 5px;
}

.sec_detail_main .slider_icon .controls button.next {
    right: 5px;
}

.sec_detail_main .slider_icon .controls button:after {
    width: 25px;
    height: 50px;
    background-position: left 10px;
    background-repeat: no-repeat;
    background-size: 25px 40px;
    -moz-background-size: 25px 40px;
    -webkit-background-size: 25px 40px;
}

.sec_detail_main .slider_icon .controls button.prev:after {
    background-image: url(/static/sp/article/images/arr_btn_slider03_r.png);
}

.sec_detail_main .slider_icon .controls button.next:after {
    background-image: url(/static/sp/article/images/arr_btn_slider03_l.png);
}

.sec_detail_main .slider_icon .controls button[disabled] {
    display: none !important;
}

.sec_detail_main .slider_icon {
    z-index: 3;
}

.sec_detail_main .slider_icon .slider_inner,
.sec_detail_main .slider_icon .slider_inner ul,
.sec_detail_main .slider_icon .slider_inner li,
.sec_detail_main .slider_icon .slider_inner p {
    z-index: 4;
}

.sec_detail_main .slider_icon .controls button,
.sec_detail_main .slider_icon .controls button:after {
    z-index: 5;
}

/* ------------------------------------
	* sec_detail_data
* ------------------------------------ */
.sec_detail_data {
    margin: 0 0 15px 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #d3d8e3;
}

/* --------------------------
	* detail_equipment
* -------------------------- */
.detail_equipment {
    margin: 0 0 5px 0;
    text-align: center;
    letter-spacing: -0.4em;
}

.detail_equipment li {
    display: inline-block;
    padding: 0 3px 5px 3px;
    letter-spacing: normal;
}

.detail_equipment li img {
    height: 19px;
    width: 95px;
}

@media only screen and (min-width: 361px) {
    .detail_equipment {
        margin: 0 0 5px 5px;
        text-align: left;
        letter-spacing: normal;
    }

    .detail_equipment li {
        display: block;
        float: left;
        padding: 0 0 5px 5px;
    }
}

/* --------------------------
	* mod_table_row
* -------------------------- */
.sec_detail_data .mod_table_row th {
    width: 32%;
}

/* --------------------------
	* detail_update
* -------------------------- */
.sec_detail_data .detail_update {
    margin: 0 0 10px 0;
    padding: 0 10px;
}

.sec_detail_data .detail_update dl dt,
.sec_detail_data .detail_update dl dd {
    float: left;
    font-size: 12px;
    line-height: 1.6;
}

/* --------------------------
	* indication_rent
* -------------------------- */
.sec_detail_data .indication_rent {
    margin: 0 10px;
    border: 2px solid #d3d8e3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.sec_detail_data .indication_rent dt {
    font-weight: bold;
    color: #013b96;
}

.sec_detail_data .indication_rent dt .link_inner {
    display: block;
    padding: 0 10px;
}

.sec_detail_data .indication_rent dt .icon {
    display: block;
    padding: 10px 25px 10px 0;
    background-image: url(/static/sp/shared/images/icon/icn_expand_open.png);
    background-repeat: no-repeat;
    background-position: right center;
    -moz-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
}

.sec_detail_data .indication_rent .active .icon {
    background-image: url(/static/sp/shared/images/icon/icn_expand_close.png);
}

.sec_detail_data .indication_rent dd {
    display: none;
 /* 初期状態：非表示 */
    padding: 10px;
    border-top: 2px solid #f0f1f5;
}

.sec_detail_data .indication_rent dd p {
    font-size: 12px;
    line-height: 1.6;
}

/* ------------------------------------
	* mod_detail_option
* ------------------------------------ */

/* add nak 20151214 */
.mod_detail_option {
    margin-bottom: 15px;
    padding: 20px 10px;
    border-top: 1px solid #d3d8e3;
    border-bottom: 1px solid #d3d8e3;
}

.mod_detail_option.no_border {
    padding: 20px 10px 10px;
    border-bottom: 0px;
}

.mod_detail_option .ttl_detail_option {
	/*padding: 15px 10px 10px 10px;*/
    font-size: 16px;
    font-weight: bold;
}

.mod_detail_option .box_option {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #d3d8e3;
}

.mod_detail_option .box_option .thumb {
    box-sizing: border-box;
    width: 135px;
    height: auto;
    float: left;
}

.mod_detail_option .box_option .thumb img {
    width: 135px;
    height: auto;
}

.mod_detail_option .box_option .txt {
    margin-left: 145px;
}

.mod_detail_option .box_option .txt dt {
    float: left;
}

.mod_detail_option .box_option .txt dd {
    margin-left: 17px;
}

.mod_detail_option .box_option .txt .ttl dt, 
.mod_detail_option .box_option .txt .ttl dd {
    font-weight: bold;
    line-height: 1.3;
}

.mod_detail_option .box_option .txt .ttl dt {
    color: #e60039;
}

.mod_detail_option .box_option .monthlyfee {
    margin-top: 8px;
}

.mod_detail_option .box_option .txt dd {
    text-indent: 0.2em;
}

.mod_detail_option .box_option .txt p {
    margin-top: 8px;
}

.mod_detail_option .box_option .txt .detail {
    font-size: 12px;
    line-height: 1.3;
}

.mod_detail_option .caution {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #d3d8e3;
    text-align: right;
}

.mod_detail_option .box_add_option {
    margin-top: 15px;
}

.mod_detail_option .box_add_option .ttl {
    padding: 11px 10px 8px 10px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background-color: #e6013a;
    border-radius: 6px;
        /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
   /* Firefox用 */
}

.mod_detail_option .box_add_option .thumb {
    text-align: center;
}

.mod_detail_option .box_add_option .thumb img {
    width: 300px;
    height: 40px;
    margin-top: 20px;
}

/* / add nak 20151214 */


/* ------------------------------------
	* sec_detail_shop
* ------------------------------------ */
.sec_detail_shop {
    padding: 5px 10px 15px 10px;
}

/* --------------------------
	* box_head_detail_shop
* -------------------------- */
.sec_detail_shop .box_head_detail_shop {
    min-height: 73px;
    padding: 0 90px 0 0;
    background-size: 82px 73px;
    -moz-background-size: 82px 73px;
    -webkit-background-size: 82px 73px;
}

.sec_detail_shop .box_head_detail_shop .ttl_detail_shop {
    padding: 10px 0 5px 0;
    font-size: 16px;
    font-weight: bold;
}

.sec_detail_shop .box_head_detail_shop .lead_detail {
    font-size: 12px;
    line-height: 1.6;
}

/* --------------------------
	* box_detail_shopinfo
* -------------------------- */
.sec_detail_shop .box_detail_shopinfo {
    margin: 0 0 10px 0;
	/*position: relative;*/
}

.sec_detail_shop .box_detail_shopinfo:last-of-type {
    margin: 0;
}

.sec_detail_shop .box_detail_shopinfo_inner {
    overflow: hidden;
    border: 2px solid #4ab900;
    background: #ffffff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

/* box_information */
.sec_detail_shop .box_detail_shopinfo .box_information a {
    color: #111111;
}

.sec_detail_shop .box_detail_shopinfo .box_information .link_inner {
    padding: 10px;
}

.sec_detail_shop .box_detail_shopinfo .box_information .ttl_shopname {
    padding: 3px 0 8px 0;
    font-size: 16px;
    font-weight: bold;
}

.sec_detail_shop .box_detail_shopinfo .box_information .detail {
    padding: 0 20px 0 0;
    background: url(/static/sp/shared/images/arr_link_green.png) no-repeat right center;
    background-size: 8px 14px;
    -moz-background-size: 8px 14px;
    -webkit-background-size: 8px 14px;
}

.sec_detail_shop .box_detail_shopinfo .box_information .pic_shop {
    float: left;
    margin: 0 10px 5px 0;
    padding: 2px;
    border: 1px solid #c4c4c4;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.sec_detail_shop .box_detail_shopinfo .box_information .pic_shop img {
    width: 94px;
}

.sec_detail_shop .box_detail_shopinfo .box_information .txt_supplement {
    font-size: 12px;
    line-height: 1.6;
}

/* add nak 20151215 */
.sec_detail_shop .box_detail_shopinfo .box_information .btn_prcomment {
    float: left;
    text-align: center;
    display: inline-block;
    margin-left: 0px;
    margin-top: 10px;
}

.sec_detail_shop .box_detail_shopinfo .box_information .btn_prcomment a.mod_btn_prcomment {
    position: relative;
    display: block;
    margin: 0 auto 15px;
    padding: 2px 0px 2px 22px;
    min-height: 20px;
    color: #023b96;
    font-size: 14px;
    font-weight: bold;
}

.sec_detail_shop .box_detail_shopinfo .box_information .btn_prcomment a.mod_btn_prcomment:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 14px;
    top: 0;
    left: 0;
    background-image: url(/static/sp/detail/images/icon_prcomment_green.png);
    background-size: 18px 14px;
    background-repeat: no-repeat;
}
/* / add nak 20151215 */

/* box_inquiry */
.sec_detail_shop .box_detail_shopinfo .box_inquiry {
    overflow: hidden;
    padding: 10px 0;
    border-top: 1px solid #d3d8e3;
    background: #ecffe0;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
}

.sec_detail_shop .box_detail_shopinfo .box_inquiry .ttl_inquiry {
    margin: 0 0 8px 0;
    padding: 0 10px;
    font-weight: bold;
    color: #378900;
}

.sec_detail_shop .box_detail_shopinfo .box_inquiry .ttl_inquiry span {
    font-size: 16px;
}

.sec_detail_shop .box_detail_shopinfo .box_inquiry .list_inquiry {
    width: 280px;
    margin: 0 auto;
}

.sec_detail_shop .box_detail_shopinfo .box_inquiry .list_inquiry li {
    width: 86px;
    float: left;
    padding: 0 10px 0 0;
}

.sec_detail_shop .box_detail_shopinfo .box_inquiry .list_inquiry li:last-child {
    padding: 0;
}

.sec_detail_shop .box_detail_shopinfo .box_inquiry .list_inquiry li div {
    width: 100%;
    margin: 0;
    padding: 0;
}

.sec_detail_shop .box_detail_shopinfo .box_inquiry .list_inquiry .btn_inner {
    padding: 10px 0;
}

.sec_detail_shop .box_detail_shopinfo .box_inquiry .list_inquiry .icon {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    padding: 0;
}

.sec_detail_shop .box_detail_shopinfo .box_inquiry .list_inquiry .btn_txt {
    display: block;
    padding: 8px 0 0 0;
    font-size: 12px;
}

.sec_detail_shop .box_detail_shopinfo .box_inquiry .mod_btn_line_inquiry_disabled .btn_txt {
    color: #c6cad2;
}

.sec_detail_shop .box_detail_shopinfo .box_inquiry .txt_supplement {
    margin: 10px 0 0 0;
    padding: 0 10px;
    font-size: 12px;
    line-height: 1.6;
}

/* ------------------------------------
	* sec_detail_otherroom
* ------------------------------------ */
.sec_detail_otherroom {
}

/* --------------------------
	* ttl_detail_otherroom
* -------------------------- */
.sec_detail_otherroom .ttl_detail_otherroom {
    padding: 15px 10px 10px 10px;
    font-size: 16px;
    font-weight: bold;
}

/* box_otherroom */
.sec_detail_otherroom .box_otherroom {
    border-top: 1px solid #b5b5b5;
}

.sec_detail_otherroom .box_otherroom .link_inner {
    padding: 12px 15px 10px 15px;
}

/* list_otherroom */
.sec_detail_otherroom .list_otherroom {
    padding: 0 20px 0 0;
    background: url(/static/sp/shared/images/arr_link_blue.png) no-repeat right center;
    background-size: 8px 14px;
    -moz-background-size: 8px 14px;
    -webkit-background-size: 8px 14px;
}

.sec_detail_otherroom .list_otherroom .txt_otherroom {
    font-size: 14px;
    color: #111111;
    line-height: 1.4;
}

.sec_detail_otherroom .list_otherroom .detail_equipment {
    margin: 10px 0 0 0;
    text-align: left;
}

.sec_detail_otherroom .list_otherroom .detail_equipment li {
    padding: 0 6px 5px 0;
}

/* link_campaign */
.sec_detail_otherroom .link_campaign {
    display: table;
    width: 100%;
    margin: 10px 0 0 0;
}

.sec_detail_otherroom .link_campaign .pic_campaign {
    display: table-cell;
    width: 66px;
    vertical-align: middle;
}

.sec_detail_otherroom .link_campaign .pic_campaign img {
    width: 66px;
}

.sec_detail_otherroom .link_campaign .txt_campaign {
    display: table-cell;
    padding: 0 0 0 10px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.6;
}

/* status */
.sec_detail_otherroom .status {
    padding: 0 0 3px 0;
}

.sec_detail_otherroom .status .txt_visited,
.sec_detail_otherroom .status .txt_end {
    float: right;
    margin: 0 0 0 10px;
    padding: 4px 15px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #853abb;
    font-size: 10px;
    color: #ffffff;
}

/* link_more */
.sec_detail_otherroom .link_more {
    background: #eff2f4;
    border-top: 1px solid #b5b5b5;
    border-bottom: 1px solid #b5b5b5;
    font-weight: bold;
    text-align: center;
}

.sec_detail_otherroom .link_more .link_inner {
    display: block;
    padding: 8px 10px;
}

.sec_detail_otherroom .link_more .icon {
    display: block;
    padding: 10px 0;
    background: url(/static/sp/shared/images/arr_link_blue.png) no-repeat right center;
    background-size: 8px 14px;
    -moz-background-size: 8px 14px;
    -webkit-background-size: 8px 14px;
}

/* ------------------------------------
	* sec_detail_recommend
* ------------------------------------ */
.sec_detail_recommend {
    padding: 20px 0;
    border-bottom: 2px solid #d3d8e3;
}

.sec_detail_recommend .ttl_detail_recommend {
    padding: 0 10px 10px 10px;
    font-size: 16px;
    font-weight: bold;
}

/* --------------------------
	* slider_recommend
* -------------------------- */
.sec_detail_recommend .slider_recommend {
    padding: 15px 0 10px 0;
    background: #ede3c7;
}

.sec_detail_recommend .slider_recommend .htview {
    margin: 0 auto;
    overflow: hidden;
}

.sec_detail_recommend .slider_recommend .flipsnap {
	/*width: 2170px;
	margin: 0 0 0 10px;*/
    margin: 0 auto;
}

.sec_detail_recommend .slider_recommend .flipsnap li {
	/*width: 300px;*/
    margin: 0 10px 0 0;
    background: #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.sec_detail_recommend .slider_recommend .flipsnap li a {
    color: #111111;
}

.sec_detail_recommend .slider_recommend .flipsnap .link_inner {
    padding: 20px 20px 15px 20px;
}

.sec_detail_recommend .slider_recommend .flipsnap .ttl_name {
    margin: 0 0 15px 0;
    font-weight: bold;
}

.sec_detail_recommend .slider_recommend .flipsnap .box_inner {
    display: table;
    width: 100%;
}

.sec_detail_recommend .slider_recommend .flipsnap .pic_room {
    display: table-cell;
    width: 94px;
    padding: 0 10px 0 0;
    vertical-align: top;
}

.sec_detail_recommend .slider_recommend .flipsnap .pic_room p {
    padding: 2px;
    border: 1px solid #c4c4c4;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.sec_detail_recommend .slider_recommend .flipsnap .pic_room img {
    width: 94px;
}

.sec_detail_recommend .slider_recommend .flipsnap .txt_supplement {
    display: table-cell;
    padding: 3px 0 0 0;
    vertical-align: top;
}

.sec_detail_recommend .slider_recommend .flipsnap .txt_supplement .txt {
    margin: 5px 0 0 0;
    font-size: 12px;
    line-height: 1.4;
}

.sec_detail_recommend .slider_recommend .flipsnap .txt_supplement .mod_txt_pink {
    font-size: 16px;
}

.sec_detail_recommend .slider_recommend .flipsnap .txt_supplement .type {
    display: inline-block;
    padding: 3px 12px;
    color: #ffffff;
    background: #013b96;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    font-size: 10px;
    font-weight: normal;
}

/* controls */
.sec_detail_recommend .slider_recommend .controls button {
    margin: -30px 0 0 0;
    width: 25px;
    height: 50px;
}

.sec_detail_recommend .slider_recommend .controls button.prev {
    left: 5px;
}

.sec_detail_recommend .slider_recommend .controls button.next {
    right: 5px;
}

.sec_detail_recommend .slider_recommend .controls button:after {
    width: 25px;
    height: 50px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 25px 50px;
    -moz-background-size: 25px 50px;
    -webkit-background-size: 25px 50px;
}

.sec_detail_recommend .slider_recommend .controls button.prev:after {
    background-image: url(/static/sp/article/images/arr_btn_slider02_r.png);
}

.sec_detail_recommend .slider_recommend .controls button.next:after {
    background-image: url(/static/sp/article/images/arr_btn_slider02_l.png);
}

.sec_detail_recommend .slider_recommend .controls button[disabled] {
    display: none !important;
}

/* pointer */
.sec_detail_recommend .slider_recommend .pointer {
    margin: 10px 0 0 0;
}


/* ------------------------------------
	* modal window
* ------------------------------------ */
.mod_modal {
    width: 300px;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    border-radius: 10px;
}

/* --------------------------
	* box_modal_studylist
* -------------------------- */
.box_modal_studylist {
    background: #f9d129;
    border: 3px solid #000000;
    top: 55px;
}

.box_modal_studylist .box_inner {
    padding: 3px 5px 5px 5px;
}

.box_modal_studylist .box_modal_inner {
    padding: 3px 5px 5px 5px;
}

.box_modal_studylist .ttl_modal {
    display: table;
    margin: 0 auto;
    padding: 12px 5px 8px 30px;
    font-size: 16px;
    font-weight: bold;
    background: url(/static/sp/article/images/icn_modal_studylist_add.png) no-repeat left center;
    background-size: 23px 21px;
    -moz-background-size: 23px 21px;
    -webkit-background-size: 23px 21px;
}

.box_modal_studylist dl {
    text-align: center;
}

.box_modal_studylist dl img {
    width: 267px;
}

.box_modal_studylist dl dt {
    padding: 3px 0;
    background: #ffffff;
    border-bottom: 1px solid #d8dade;
}

.box_modal_studylist dl dd {
    padding: 8px 0;
    background: #b9effe;
}

/* --------------------------
	* box_modal_procomment
* -------------------------- */
.box_modal_procomment {
    background: #ffffff;
    border-radius: 10px;
	/*top: 40px;*/
}

.box_modal_procomment .box_inner {
    padding: 20px 10px;
    position: relative;
}

.box_modal_procomment .txt {
    line-height: 1.5;
}

/* --------------------------
	* box_modal_tel
* -------------------------- */
.box_modal_tel {
    background: #ffffff;
    border-radius: 10px;
	/*top: 40px;*/
}

.box_modal_tel .box_inner {
    padding: 20px 10px;
    position: relative;
}

.box_modal_tel .ttl_modal {
    font-size: 16px;
    font-weight: bold;
}

.box_modal_tel .box_detail {
    margin: 12px 0 0 0;
    padding: 12px 0 0 0;
    border-top: 1px solid #d3d8e3;
}

.box_modal_tel .box_detail .pic_shop {
    float: left;
    padding: 2px;
    border: 1px solid #c4c4c4;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.box_modal_tel .box_detail .pic_shop img {
    width: 94px;
}

.box_modal_tel .box_detail .box_txt {
    padding: 0 0 0 110px;
}

.box_modal_tel .box_detail .ttl_shopname {
    margin: 0 0 3px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
}

.box_modal_tel .box_detail .txt_supplement {
    font-size: 12px;
    line-height: 1.4;
}

.box_modal_tel .box_detail .mod_btn_tel_inquiry {
    display: block;
    margin: 0;
    padding: 10px 0 0 0;
    clear: both;
}

.box_modal_tel .box_detail .mod_btn_tel_inquiry .btn_inner {
    display: table;
    margin: 0 auto;
    padding: 0;
}

.box_modal_tel .box_detail .mod_btn_tel_inquiry .icon {
    background: url(/static/sp/shared/images/icon/icn_btn_tel_s.png) no-repeat left center;
    background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -webkit-background-size: 18px 18px;
    padding: 10px 0 8px 25px;
}

.box_modal_tel .box_detail .mod_btn_tel_inquiry .icon .tel_l {
    display: block;
}

.box_modal_tel .box_detail .txt_lead {
    font-size: 12px;
    line-height: 1.4;
    padding: 0 0 10px 0;
}

.box_modal_tel .box_detail .txt_name {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    padding: 0 0 3px 0;
}

.box_modal_tel .box_detail .txt_number {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 2px;
}

.box_modal_tel .box_detail .txt_number span {
    color: #ff48af;
    padding: 0 0 0 6px;
}

.box_modal_tel .box_detail .txt_note {
    font-size: 12px;
    line-height: 1.4;
    padding: 10px 0 0 0;
}

.box_modal_tel .box_detail .mod_landline {
    border-top: 1px solid #c4c4c4;
    margin-top: 10px;
}

.box_modal_tel .box_detail .mod_landline .txt_landline {
    background-color: #ffeef8;
    border-radius: 5px;
        /* CSS3草案 */
    -webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
   /* Firefox用 */
    margin: 10px 0;
    padding: 8px;
    color: #ff48af;
    font-size: 12px;
    line-height: 1.4;
}

/* --------------------------
	* box_modal_saveover
* -------------------------- */
.box_modal_saveover {
    background: #ffffff;
    border-radius: 10px;
}

.box_modal_saveover .box_inner {
    padding: 30px 30px 20px;
	/*position: relative;*/
}

.box_modal_saveover .ttl_modal {
    font-size: 16px;
    font-weight: bold;
}

.box_modal_saveover .box_detail {
    text-align: center;
}

.box_modal_saveover .box_detail .txt_caution {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
}

.box_modal_saveover .box_detail .txt_caution .attention {
    color: #ff48af;
}

.box_modal_saveover .box_detail .txt_note {
    font-size: 12px;
    line-height: 1.4;
    padding: 0 6px;
}

.box_modal_saveover .pic_bear {
    position: absolute;
    top: -60px;
    left: 83px;
}

.box_modal_saveover .pic_bear img {
    width: 169px;
}


/* --------------------------
	* box_mod_btn_selectplan
* -------------------------- */
/* add nak 20151213 */

.box_mod_btn_selectplan {
    margin: 15px auto;
    padding: 15px 0;
    background-color: #eff2f4;
}

.box_mod_btn_selectplan p {
    margin-bottom: 12px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.box_mod_btn_selectplan .mod_btn_selectplan {
    display: table;
    margin: 0 auto;
    width: 220px;
    min-height: 60px;
}

.box_mod_btn_selectplan .mod_btn_selectplan .mod_btn_all {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 16px 10px 10px;
}

.box_mod_btn_selectplan .mod_btn_selectplan .type_zero span,
.box_mod_btn_selectplan .mod_btn_selectplan .type_bnb span,
.box_mod_btn_selectplan .mod_btn_selectplan .type_monthly span {
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.box_mod_btn_selectplan .mod_btn_selectplan .type_zero {
    background-size: 97px 37px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/static/sp/detail/images/btn_select_type_doublezero.png);
}

.box_mod_btn_selectplan .mod_btn_selectplan .type_bnb {
    background-size: 111px 38px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/static/sp/detail/images/btn_select_type_bnb.png);
}

.box_mod_btn_selectplan .mod_btn_selectplan .type_monthly {
    background-size: 111px 25px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/static/sp/detail/images/btn_select_type_monthly.png);
}

.box_mod_btn_selectplan .mod_btn_selectplan .type_rent {
    font-size: 20px;
    font-weight: bold;
}


.mod_btn_selectplan{
	width: 100%;
}
.mod_btn_selectplan a{
	display: inline-block;
	width: 100%;
	border-radius: 4px;
	text-align: center;
	font-size: 12px;
}
.mod_btn_selectplan a.type_rent{
	border: 2px solid #073e93;
	color: #073e93;
}
.mod_btn_selectplan a.type_zero{
	border: 2px solid #1f8acc;
	color: #1f8acc;
}
.mod_btn_selectplan a span{
	font-size: 14px;
	font-weight: bold;
}

/* / add nak 20151213 */


/* --------------------------
	* box_modal_line
* -------------------------- */
.box_mod_btn_line {
	/*position: relative;*/
}

.box_modal_line {
    background: #ffffff;
    border-radius: 10px;
	/*top: 20px;*/
}

.box_modal_line .box_inner {
    padding: 20px 10px;
    position: relative;
}

.box_modal_line .ttl_modal {
    font-size: 16px;
    font-weight: bold;
}

.box_modal_line .pic_bear {
    width: 280px;
    position: absolute;
    top: -65px;
    text-align: center;
}

.box_modal_line .pic_bear img {
    width: 174px;
}

.box_modal_line .box_detail {
    margin: 12px 0 0 0;
    padding: 12px 0 0 0;
    border-top: 1px solid #d3d8e3;
}

.box_modal_line .box_detail .pic_shop {
    float: left;
    margin: 0 10px 0 0;
    padding: 2px;
    border: 1px solid #c4c4c4;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.box_modal_line .box_detail .pic_shop img {
    width: 94px;
}

.box_modal_line .box_detail .box_txt {
    padding: 0 0 0 110px;
}

.box_modal_line .box_detail .ttl_shopname {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    color: #378900;
}

.box_modal_line .box_detail .ttl_shopname a {
    color: #378900;
    text-decoration: underline;
}

.box_modal_line .box_detail .txt_shopid {
    margin: 0 0 5px 0;
    font-size: 12px;
    line-height: 1.4;
}

.box_modal_line .box_caption {
    margin: 12px 0 0 0;
    padding: 12px 0 0 0;
    border-top: 1px solid #d3d8e3;
}

.box_modal_line .box_caption .txt_caption {
    font-size: 12px;
    line-height: 1.4;
}

.box_modal_line .box_caption .txt_number {
    margin: 10px 0 0 0;
    font-size: 14px;
}


/*****************
# index
******************/
.article_index .sec_detail_shop {
    border-bottom: 2px solid #d3d8e3;
}

.article_index .article_outline {
    padding: 15px 10px;
    padding-top: 0px;
}

.article_index .article_outline .pic_room {
    width: 102px;
    float: left;
    margin-right: 10px;
}

.article_index .article_outline .pic_room p {
    border: 1px solid #E2E2E2;
    padding: 2px;
    width: 100px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.article_index .article_outline .pic_room p img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.article_index .article_outline .txt_supplement {
    float: left;
}

.article_index .article_outline .txt_supplement .type {
    display: inline-block;
    padding: 3px 12px;
    color: #ffffff;
    background: #013b96;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    font-size: 10px;
    font-weight: normal;
}

.article_index .article_outline .txt_supplement li {
    margin-top: 5px;
}

.article_index .article_outline .walking_time {
    margin-top: 10px;
    padding: 8px 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #ede4c7;
    font-size: 12px;
    line-height: 1.6;
}

.article_index .article_outline .walking_time li:before {
    content: "●";
}
/* box_otherroom */
.article_index .sec_detail_otherroom {
    margin-bottom: 10px;
    border-bottom: 1px solid #b5b5b5;
}

.article_index .sec_detail_otherroom .box_otherroom {
    display: table;
    width: 100%;
}

.article_index .sec_detail_otherroom .box_otherroom .inner_cell {
    display: table-cell;
}

.article_index .sec_detail_otherroom .box_otherroom .box_expand_inner {
    text-align: center;
    vertical-align: middle;
    width: 40px;
    background: #ECFFE1;
}

.article_index .sec_detail_otherroom .box_otherroom label {
    display: block;
}

.article_index .sec_detail_otherroom .box_otherroom label .and4_1 {
    margin: 10px 0 0 10px;
}

.article_index .sec_detail_otherroom .box_otherroom .box_expand_inner.active {
    background: #FEDEF0;
}

.article_index .sec_detail_otherroom .status .txt_end {
    background: #797979;
}

.article_index .sec_detail_otherroom .box_otherroom.post_exit .inner_cell {
    background: #EEE;
}

.article_index .sec_detail_otherroom .box_otherroom.post_exit .box_expand_inner label {
    display: none;
}

.article_index .sec_detail_otherroom .post_exit .list_otherroom {
    background: url();
}

.article_index #fixedSearchBtn .mod_box_area {
    text-align: center;
}

.article_index #fixedSearchBtn a {
    width: 145px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 13px;
}

.article_index #fixedSearchBtn .mod_box_area_ipnx a {
	padding-top: 17px;
	padding-bottom: 17px;
	font-size: 15px;
}

.article_index #fixedSearchBtn a:first-child {
    margin-right: 10px;
}


/*****************
# article_simple_type
******************/
.article_simple_type header#header .header_inner {
    color: #FFF;
    background: #0A3F94;
    text-align: center;
    padding-top: 18px;
    padding-bottom: 16px;
}

.article_simple_type header#header .header_inner h1 {
    font-size: 16px;
    font-weight: bold;
}

.article_simple_type header#header .header_inner .btn_back {
    font-size: 16px;
    font-weight: bold;
    color: #124292;
    background: #E7E8EC url(/static/sp/shared/images/arr_link_blue_l.png) no-repeat 8px center;
    background-size: 8px 14px;
    position: absolute;
    width: 65px;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    padding-top: 8px;
    padding-bottom: 9px;
    padding-left: 10px;
    left: 10px;
    top: 8px;
}

.article_simple_type .ttl_expand.none_label {
    padding: 15px 0px;
}

.article_simple_type .list_line {
    margin-top: 0px;
}

.mod_box_area {
/*	padding: 10px 0;*/
    background: #ffffff;
    border-bottom: 2px solid #d3d8e3;
}

/* sec_article_pic_list */
.sec_article_pic_list .box_expand_pic_list {
}

.box_expand_pic_list .ttl_expand {
    display: table;
    width: 100%;
    color: #013b96;
    background: #ede3c7;
    border-bottom: 1px solid #9b802e;
    font-size: 16px;
}

.box_expand_pic_list .ttl_expand .ttl_inner {
    display: table-cell;
    vertical-align: middle;
    padding: 15px 10px;
    font-weight: bold;
    color: #000000;
}

.box_expand_pic_list .ttl_expand .icon {
    display: block;
    padding: 0 20px 0 0;
    background: url(/static/sp/shared/images/icon/icn_expand_close.png) no-repeat right center;
    -moz-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
}

.box_expand_pic_list .ttl_expand .icon span {
    font-size: 12px;
}

.box_expand_pic_list .ttl_expand .close .icon {
    background-image: url(/static/sp/shared/images/icon/icn_expand_open.png);
}

/* list_expand */
.box_expand_pic_list .list_expand {
    width: 300px;
    margin: 0px auto;
    padding-bottom: 20px;
	/*display: none;  初期状態：非表示 */
}

.box_expand_pic_list .list_expand li {
	/*display: table;*/
    width: 300px;
    margin-top: 15px;
    text-align: center;
}

.box_expand_pic_list .list_expand li .article_img {
    vertical-align: middle;
    display: table-cell;
    height: 298px;
    width: 298px;
    border: 1px solid #C4C4C4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.box_expand_pic_list .list_expand li .article_img img {
    width: 294px;
    height: 315px;
	object-fit: contain;
}

.box_expand_pic_list .list_expand li .caption {
    margin-top: 10px;
}
/*170606*/
.box_expand_pic_list .list_expand li {
    padding-bottom: 10px;
    padding-top: 10px;
    border: 1px solid #C4C4C4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.box_expand_pic_list .list_expand li .article_img {
    border: none;
}
.box_expand_pic_list .list_expand li .img_caption {
	margin-top:10px;
}

/* video_slide */
.box_expand_pic_list .video_slide,
.box_expand_pic_list .video_slide li {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 1024px;
	border: none;
	border-radius: 0;
}
.box_expand_pic_list .video_slide .cri-liveact-player {
	width: 100%;
}

/* map */
.map h2 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 12px;
    margin-left: 10px;
}

.map .map_area {
	/*margin: 10px 10px 0px;*/
    margin: 10px auto 0px;
    text-align: center;
    width: 300px;
}

.map .btn_mappoint {
    margin-top: 10px;
    text-align: left;
}

.map .btn_mappoint a {
    font-size: 13px;
    font-weight: bold;
    color: #0A3F94;
    background: #EFF2F4 url(/static/sp/article/images/icn_mappoint.png) no-repeat 15px 6px;
    background-size: 10px 18px;
    padding: 9px 15px 9px 32px;
    display: inline-block;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

/* --------------------------
	* fixedSearchBtn
* -------------------------- */
#fixedSearchBtn {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 100;
}

#fixedSearchBtn .mod_box_area {
    text-align: center;
    padding: 15px 10px;
    background: #4d4d4d;
    border: none;
}

#fixedSearchBtn .mod_box_area_ipnx {
	padding: 15px 0 15px 0;
	background: #4d4d4d;
	border: none;
	position:relative;
	height:83px;
}

#fixedSearchBtn a {
    width: 145px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 14px;
}

#fixedSearchBtn .mod_box_area_ipnx a {
	padding-top: 17px;
	padding-bottom: 17px;
	font-size: 15px;
}

#fixedSearchBtn a:first-child {
    margin-right: 10px;
}

#fixedSearchBtn .off a {
    border-color: #C6CAD1;
    background-color: #FFFFFF;
    color: #72819B;
}

#fixedSearchBtn .off a:before {
    border-color: #FFFFFF;
}

#fixedSearchBtn a:first-child {
    margin-right: 10px;
}

/* --------------------------
	* モーダル地図
* -------------------------- */
#modal_map {
    display: none;
}

.open_modal_map a {
    position: relative;
    font-size: 14px;
    font-weight: bold;
}

/*.open_modal_map a:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 10px;
    height: 15px;
    background: #fff url(/static/sp/shared/images/icon/icn_btn_map_pink.png) no-repeat 0 0;
    background-size: 10px 15px;
}*/

/* add 150831 */
.sec_detail_otherroom .select_all {
    display: table;
    width: 100%;
    height: 45px;
    border-top: 1px solid #b5b5b5;
    background: #ecffe0;
}

.sec_detail_otherroom .select_all .box_check label {
    display: block;
    width: 40px;
    text-align: center;
}

.sec_detail_otherroom .select_all .box_check {
    display: table-cell;
    width: 40px;
    height: 45px;
    text-align: center;
    vertical-align: middle;
}

.sec_detail_otherroom .select_all .box_txt {
    display: table-cell;
    width: 100%;
    padding-left: 9px;
    vertical-align: middle;
}


/* add 150901 */
/* btn-この店舗の物件情報 */
.sec_detail_shop .box_detail_shopinfo .box_information .wrp_btn_dtlinfo {
    text-align: center;
}

.sec_detail_shop .box_detail_shopinfo .box_information .btn_dtlinfo {
    text-align: center;
    display: inline-block;
    margin-left: 10px;
}

.sec_detail_shop .box_detail_shopinfo .box_information .btn_dtlinfo:first-child {
    margin-left: 0;
}

.sec_detail_shop .box_detail_shopinfo .box_information .btn_dtlinfo a {
    position: relative;
    width: 130px;
    height: 40px;
    margin: 0 auto 15px;
    border-radius: 40px;
    font-size: 14px;
}

.sec_detail_shop .box_detail_shopinfo .box_information .btn_dtlinfo a:before {
    border-radius: 40px;
}

.sec_detail_shop .box_detail_shopinfo .box_information .btn_dtlinfo a span {
    display: inline-block;
    padding-top: 10px;
    color: #378900;
    font-weight: bold;
}

.sec_detail_shop .box_detail_shopinfo.no_link_arrow .box_information .detail {
    background-image: none;
}


/* 150916 add */
/* 営業スタッフコメント */
.box_sales_staff_comment {
    margin-bottom: 30px;
}

.box_sales_staff_comment .sales_staff_ttl {
    padding: 1px 0px;
    border-top: 1px solid #d3d8e3;
    border-bottom: 1px solid #d3d8e3;
}

.box_sales_staff_comment .sales_staff_ttl .inner {
    padding: 10px;
    background-color: #ede4c7;
    text-align: center;
    line-height: 1.2;
    font-size: 16px;
    font-weight: bold;
}

.box_sales_staff_comment .sales_staff_ttl .inner span {
    display: inline-block;
    text-align: left;
}

.box_sales_staff_comment .intro_person {
    margin-bottom: 10px;
}

.box_sales_staff_comment .intro_person .thumb {
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #c4c4c4;
    width: 100px;
    text-align: center;
    float: left;
}

.box_sales_staff_comment .intro_person .thumb img {
    width: 94px;
}

.box_sales_staff_comment .sales_staff_body {
    padding: 10px;
}

.box_sales_staff_comment .intro_person .name {
    margin-left: 115px;
}

.box_sales_staff_comment .intro_person .name .shop_name {
    font-size: 12px;
    color: #013b96;
    line-height: 1.4;
}

.box_sales_staff_comment .intro_person .name .person_name {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.2;
}

.box_sales_staff_comment .intro_txt {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.4;
}

.box_sales_staff_comment .sales_staff_blc {
    border-bottom: 1px solid #d3d8e3;
}


/* googlemapのリンク */
.gmap_link a {
    position: relative;
    font-size: 14px;
    font-weight: bold;
}

.cur {
    border: 3px #5b5bff solid
}

.div_panorama {
    padding: 20px 10px 20px 10px;
}

.div_header_panorama {
    color: #ffffff;
    background: #0a3f94;
    text-align: center;
    padding-top: 18px;
    padding-bottom: 16px;
}
/*add 171114 ss .star_img*/
span.star_img {
	margin-left:5px;
	vertical-align: bottom;
}

/* --------------------------
	* townpage_link_area_article
* -------------------------- */
.townpage_link_area_article {
	display: block;
	padding: 15px 10px;
	background: #ffffff;
	border-bottom: 1px solid #d3d8e2;}

.townpage_link_area_article .townpage_link_li li {
	display: inline-block;
	margin-right:10px;
	margin-bottom: 15px;
	padding: 0px 10px 0px 0px;
	background: #ffffff;
}

/* --------------------------
	* slider
* -------------------------- */
.bukken_slider {
	padding-bottom: 20px;
}

/* 貸出プラン相互リンク枠用 */
.box_plan_info {
    display: table;
    width: 100%;
    height: 45px;
    border-top: 1px solid #d3d8e2;
    background: #fff;
}
.plan_info_text {
    display: table-cell;
    width: 110px;
    padding-left: 9px;
    font-size: 12px;
    vertical-align: middle;
}
.w0_plan_btn, .tuujou_plan_btn {
    width: 100px;
    margin: auto;
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.w0_plan_btn {
    font-size: 16px;
    background-color: #0d89cc;
}
.tuujou_plan_btn {
    font-size: 16px;
    background-color: #163393;
}
.kagukaden_link {
    display: table-cell;
    vertical-align: middle;
    text-decoration: underline;
    font-size: 12px;
}
.w0_plan_info, .tuujou_plan_info {
	width: 90%;
    margin: auto;
	border-radius: 0.75rem;
	text-align: center;
	color: #fff;
	padding: 25px 0;
	font-size: 17px;
	text-decoration: underline;
}
.w0_plan_info{
    background-color: #0d89cc;
}
.tuujou_plan_info {
    background-color: #163393;
}
.w0_plan_info p, .tuujou_plan_info p {
    font-weight: bold;
}

/* --------------------------
	* box_modal_new_studylist
* -------------------------- */
.mod_modal.box_modal_new_studylist{
    box-shadow: none;
    padding-left: 10px;
}
.box_modal_new_studylist img{
	width: 100%;
}


/*画僧一覧_タイル表示化*/
.article_simple_type header#header .header_inner {
	background-color: #484848;
	text-align: left;
	padding: 13px 0 8px 30px
}
.article_simple_type header#header .header_inner .btn_back {
	position: relative;
	display: inline-block;
	width: auto;
	padding: 0;
	background-color: transparent;
	background-image: none;
	color: #fff;
	border-radius: 0;
	font-size: 14px;
	font-weight: normal;
	left: auto;
	top: auto;
}
.article_simple_type header#header .header_inner .btn_back::after {
	position: absolute;
	display: inline-block;
	content: "";
	top: 3px;
    left: -12px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	transform: rotate(-45deg);
}

.article_simple_type div#contentMain {
	background-color: #484848;
}

.sec_article_pic_list {
		background-color: #484848;
	padding: 0 5px 5px;
}
.box_expand_pic_list {
	width: 100%;

}
.box_expand_pic_list .ttl_expand,
.box_expand_pic_list .list_expand li .img_caption {
	display: none;
}

.box_expand_pic_list .list_expand {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
.box_expand_pic_list .list_expand li {
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
	border: none;
	border-radius: 0;
}
.box_expand_pic_list .list_expand li .article_img {
	vertical-align: middle;
    height: auto;
    width: 100%;
    border: none;
    border-radius: 0;
	display: inline-block;
}
.box_expand_pic_list .list_expand li .article_img img {
	width: 100%;
	height: auto;
	max-height: 300px;
}

/*表示切替*/
.btn-switch {
	display: flex;
	text-align: right;
	padding-right: 10px;
}
.btn-switch * {
	box-sizing: border-box;
}
.btn-switch div {
	position: relative;
	width: 36px;
	height: 30px;
	border: 1px solid #fff;
	padding: 6px 7px;
}
.btn-switch div span {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: #fff;
}
.btn-switch div::before,
.btn-switch div::after {
	position: absolute;
	display: inline-block;
	content: "";
}
.btn-switch .display-max {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.btn-switch .display-tile {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.btn-switch .display-tile::before,
.btn-switch .display-tile::after {
    width: 2px;
    height: 24px;
    background-color: #484848;
    top: 2px;
    left: 16px;
    z-index: 10;
}.btn-switch .display-tile::after {
	transform: rotate(90deg);
}
/*active*/
.btn-switch div.active {
	background-color: #fff;
}
.btn-switch div.active span {
	background-color: #484848;
}
.btn-switch div.active::before,
.btn-switch div.active::after {
	background-color: #fff;
}

.sec_article_pic_list.display-tile {
	position: relative;
}
.box_expand_pic_list.display-tile .list_expand li {
	margin: 0;
}
.box_expand_pic_list.display-tile .list_expand li .article_img {
	position: absolute;
	width: calc((100vw - 20px) / 3);
	height: calc((100vw - 20px) / 3);
}
.box_expand_pic_list.display-tile .list_expand li .article_img img {
	width: calc((100vw - 20px) / 3);
	height: calc((100vw - 20px) / 3);
	object-fit: cover;
}

/*画像クリック*/
.imgmodal__overlay * {
	box-sizing: border-box;
}
.imgmodal__overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.70);
	z-index: 1000;
	color: #fff;
}
.imgmodal__wrapper {
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.imgmodal__wrapper img {
	max-width: 90vw;
	max-height: 80vh;
}
.imgmodal__wrapper p {
	margin-top: 10px;
}
.imgmodal__wrapper::before,
.imgmodal__wrapper::after {
	position: absolute;
	display: inline-block;
	content: "";
	width: 30px;
	height: 2px;
	background-color: #fff;
	top: -22px;
	right: 0;
	transform: rotate(-45deg);
}
.imgmodal__wrapper::after {
	transform: rotate(45deg);
}

/*ロード中*/
.pic-loader-overlay {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 120%;
	background-color: rgba(0,0,0,0.50);
	top: 50%;
	transform: translateY(-50%);
	z-index: 1000;
}
.pic-loader-parts {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 3px solid rgba(255, 255, 255, 0.2);
	border-top: 3px solid #ffffff;
	position: absolute;
	animation: anime-pic-load 0.8s infinite linear;
}
@keyframes anime-pic-load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loader-overlay {
	position: fixed;
	display: none;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 120%;
	background-color: rgba(0,0,0,0.50);
	top: 50%;
	transform: translateY(-50%);
	z-index: 10000;
}
.loader-parts {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 3px solid rgba(255, 255, 255, 0.2);
	border-top: 3px solid #ffffff;
	position: absolute;
	animation: anime-load 0.8s infinite linear;
}
@keyframes anime-load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* --------------------------
	* mod_btn_back_oem_app
* -------------------------- */
.sec_detail_main .mod_btn_oem_app {
    text-align: center;
}

.sec_detail_main .mod_btn_oem_app .mod_btn_s.mod_btn_back_oem_app {
    max-width: 425px;
    width: 95%;
    margin-top: 10px;
    font-size: 15px;
    text-align: center;
    border-color: #013b96;
    color: #013b96;
}

.sec_detail_main .mod_btn_oem_app .mod_btn_s.mod_btn_back_oem_app .btn_inner {
    padding: 8px;
}

#fixedSearchBtn .mod_btn_back_oem_app {
    margin-top: 10px;
    height: 36px;
    width: 99%;
    padding-top: 9px;
}