@charset "utf-8";
/*****************************************
    original.css
    企業固有のスタイルを指定
******************************************/
/*==========================================================================================================================
　■PCMODE
　～900px
============================================================================================================================*/
@font-face{
    font-family:recop-iconfont;
    src:
    url("option/font/recop-iconfont.eot?") format('eot'),
    url("option/font/recop-iconfont.woff") format('woff'),
    url("option/font/recop-iconfont.ttf") format('truetype');
}
/*******************************
★各種外寸幅設定
*******************************/
body#pagetop {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    background-color: #ffffff!important;
    font-size: 16px;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    -ms-font-family: "メイリオ"!important;
}
div#container {
    width: 100%;
    overflow: hidden;
}
#header .content,
#main .content,
#footer .content .free {
    box-sizing: border-box;
    max-width: 1000px;
    width: auto;
}
#main .content{margin-bottom: 0!important;}
#mainContent {
    width: 100%;
    max-width: 535px;
    float: none;
    margin: 0 auto;
}
/*----------------------
/*エントリーフォーム
------------------------*/
#formContent div.entryFlow {font-size: 11px;}
/*----------------------
可変画像
------------------------*/
.v_img {
    height: auto;
    max-width: 100%;
    width: auto;
}
ul#socialObj{font-size: 11px;}
/*******************************
■各種表示対応
********************************/
/*PC*/
.pc_block,
.pt_block,
.ps_block {display: block!important;}
.pc_inline,
.pt_inline,
.ps_inline {display: inline!important;}
.tb_block,
.ts_block {display: none!important;}
.tb_inline,
.ts_inline {display: none!important;}
.sp_block,
.sp_inline {display: none!important;}
.sp_block2,
.sp_inline2 {display: none!important;}
@media screen and (max-width:900px) {
/*TAB*/
.pc_block,
.ps_block
.pc_inline,
.ps_inline {display: none!important;}
.tb_block,
.ts_block {display: block!important;}
.tb_inline,
.ts_inline {display: inline!important;}
}
@media screen and (max-width:768px) {
/*SP*/
.pt_block,
.pt_inline,
.tb_block,
.tb_inline {display: none!important;}
.ps_block,
.sp_block {display: block!important;}
.ps_inline,
.sp_inline {display: inline!important;}
}
@media screen and (max-width:480px) {
.sp_block2 {display: block!important;}
.sp_inline2 {display: inline!important;}
}


/*******************************
■共通項目（PC）
********************************/

/*=============================*/
/*【btn_locasma】
/* 位置情報検索
/*=============================*/
#btn_locasma{
    position:relative;
}
/*位置情報検索*/
#btn_locasma a {
    background-color: #ECA42F;
    border: 1px solid #ECA42F;
    font-size: 1.5em;
    display: block;
    color: #fff !important;
    text-align: center;
}
#btn_locasma:hover a {
    background-color:#fff;
    color:#ECA42F!important;
}
#btn_locasma a:before {
    content: "";
    position: absolute;
    left: 10px;top: 0;bottom: 0;margin: auto;
    background-image: url(../images/findmap_ico.png);
    background-size: contain;
}
#btn_locasma:hover a:before {background-image: url(../images/findmap_ico2.png);}

/*トップページ用*/
#btn_locasma._top{
    margin: .5em auto;
    max-width: 540px;
}
#btn_locasma._top a{
    line-height: 3em;
}
#btn_locasma._top a:before{
    width: 40px;
    height: 40px;
}
/*一覧ページ用*/
#btn_locasma._area{
    margin: .5em auto .5em 0;
    max-width: 320px;
}
#btn_locasma._area a{
    line-height: 2em;
}
#btn_locasma._area a:before{
    width: 30px;
    height: 30px;
}

/*******************************
■ヘッダー（PC）
********************************/
#header{
    border-bottom:5px solid #E8390D;
}

/*=============================*/
/*【#h_wrapper】
/*テーブルで横並び
/*=============================*/
#h_wrapper{
    box-sizing:border-box;
    display: table;
    padding: 10px;
    table-layout: fixed;
    width: 100%;
}
#h_wrapper > *{
    display: table-cell;
    vertical-align:bottom;
}
/*（左端）ロゴ*/
#h_wrapper .h_logo{
    width: 200px;
    position: relative;
    z-index: 100;
}
#h_wrapper .h_logo img:hover{opacity: .6;}
/*（右端）H1*/
#h_wrapper h1{
    text-align:right;
    font-size: 14px;
}
/*改行対応*/
#h_wrapper h1 *{
    display: inline-block;
    margin:0 .5em;
}


/*******************************
■フッター（PC）
********************************/
#footer{
    background-color:#F2F2F2;
}
#footer .free{
    padding: 10px;
    font-size: 12px;
}
#footer .free * {
    color:#333!important;
}

/*=============================*/
/*【#f_floatBtn】
/*フロートボタン
/*=============================*/
/*フロートボタン*/
#f_floatBtn{
    position:fixed;
    right: 5px;
}
#f_floatBtn img{
    width: auto;
    height: auto;
    max-width: 100%;
}

/*=============================*/
/*【#f_wrapper】
/*テーブルで横並び
/*=============================*/
#f_wrapper{
    text-align: center;
}
#f_wrapper > p {
    margin: 0.5em;
    line-height: 1.5;
}

/*powered by リクオプ*/


/*===========================================================================================================================
　■TABMODE
　900～768px
============================================================================================================================*/
@media screen and (max-width:1000px){
/*******************************
■共通項目（TAB）
********************************/
#main .content{
    margin-left:10px;
    margin-right:10px;
}

/*******************************
■ヘッダー（TAB）
********************************/



/*******************************
■フッター（TAB）
********************************/



}
/*===========================================================================================================================
　■SPMODE
　768px～
============================================================================================================================*/
@media screen and (max-width:768px){
/*******************************
■共通項目（SP）
********************************/
body#pagetop {font-size: 14px;}

/*******************************
■ヘッダー（SP）
********************************/

    /*=============================*/
    /*【#h_wrapper】
    /*横並び解除でロゴ上、h1下配置
    /*=============================*/
    #h_wrapper {
        display: block;
        padding: 1em;
    }
    #h_wrapper > *{
        margin:auto;
        display: block;
        text-align: center!important;
    }
    #h_wrapper > h1{
        padding:.5em 0 0;
    }
/*******************************
■フッター（SP）
********************************/

    /*=============================*/
    /*【#f_wrapper】
    /*横並び解除で全中央揃え
    /*=============================*/
    #f_wrapper,
    #f_wrapper > *,
    #footer .recop{
        display: block;
        text-align:center!important;
    }

    #f_floatBtn {
        width: 48px;
    }

}
/*===========================================================================================================================
　■SPMODE_2(フォントサイズ調整など)
　480px～
============================================================================================================================*/
@media screen and (max-width:480px){
	#btn_locasma {
		margin-bottom:1em!important;
	}
	#btn_locasma a{
		font-size: 1.2em;
	}
	#btn_locasma a:before{
		width: 30px;
		height: 30px;
	}
}