@charset "UTF-8";
@media screen and (min-width: 769px) {html { font-size: 625%; }}
@media screen and (max-width: 768px) {html { font-size: calc(100vw / 7.68); }}
/* ******************************************************************
モバイルファースト
****************************************************************** */

/* ==================================================================
共通スタイル
================================================================== */
body {
    position: relative;
    background: url('../img/cmn_bg_ptrn.jpg') repeat-y center 0/21.60rem auto #eaeaea;
    overflow-x: hidden;
}
.header {
    height: 2.19rem;
    background-image: url('../img/cmn_header_bg.png'), url('../img/cmn_header_bg_ptrn.png');
    background-repeat: no-repeat, repeat-x;
    background-position: center 0, 0 0;
    background-size: auto 1.98rem, contain;
}
.contents { padding: .40rem 0; }
.inner {
    width: 7.68rem;
    max-width: 768px;
    margin: 0 auto;
}
.contents > .inner {
    padding: 0 .22rem .30rem;
}
.sec_ttl {
    -webkit-filter: drop-shadow(0 0 .04rem rgba(0,0,0,0.8));
            filter: drop-shadow(0 0 .04rem rgba(0,0,0,0.8));
}
.btn_top {
    width: 4.72rem;
    margin: 0 auto;
}

.btn_lang_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.btn_lang {
    width: 3.84rem;
    margin: 0 auto;
    border: .023rem solid rgba(210, 170, 0, .9);
    border-radius: .10rem;
    padding: .13rem .30rem;
    margin-bottom: .32rem;
    line-height: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)),to(rgba(60,60,60,1)));
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(60,60,60,1) 100%);
}
/* ==================================================================
ヘッダー
================================================================== */


/* ==================================================================
フッター
================================================================== */
.footer {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.85)),to(rgba(50,50,50,.85)));
    background: linear-gradient(to bottom, rgba(0,0,0,.85) 0%,rgba(50,50,50,.85) 100%);
    color: #fff;
    font-size: .20rem;
    text-align: center;
    padding: .25rem 0 .20rem;
}
.btn_faq {
    display: inline-block;
    min-width: 2.60rem;
    border: .023rem solid rgba(210, 170, 0, .9);
    border-radius: .10rem;
    padding: .13rem .30rem;
    margin-bottom: .16rem;
    line-height: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)),to(rgba(60,60,60,1)));
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(60,60,60,1) 100%);
}
.pp_link {
    margin-bottom: .16rem;
}
.lang_select {
    display: block;
    font-size: .26rem;
    color: #000;
    line-height: 1;
    padding: .6em 1.4em .5em .8em;
    width: 4.52rem;
    max-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto .32rem;
    border: 1px solid #000;
    -webkit-box-shadow: 0 0 0 1px #fff;
            box-shadow: 0 0 0 1px #fff;
    background-color: #fff;
    background-image: url('../img/cmn_pulldawn.png');
    background-repeat: no-repeat;
    background-position: right 0 top 0;
    background-size: contain;
    border-radius: 0 !important;
}
.lang_select::-ms-expand {
    display: none;
}
.lang_select:hover {
    border-color: #888;
}
.lang_select:focus {
/*     border-color: #aaa;
    -webkit-box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
            box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none; */
}
.lang_select option {
    font-weight:normal;
}
*[dir="rtl"] .lang_select, :root:lang(ar) .lang_select, :root:lang(iw) .lang_select {
    background-position: left .7em top 50%, 0 0;
    padding: .6em .8em .5em 1.4em;
}

/* ==================================================================
クッキーポリシー
================================================================== */
#attention {
    display: none;
    color: #847C7C;
    font-size: .16rem;
}
#attention.act {
    display: block;
    position: fixed;
    text-align: center;
    bottom: 0;
    width: 100%;
    -webkit-box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.2);
    z-index: 999;
}
#eu_cookie {
    display: none;
}
#eu_cookie.act {
    zoom: 1;
    display: block;
    text-align: left;
    background: #EFEFEF;
    padding: 5px 75px;
}
#eu_cookie.act::before, #eu_cookie.act::after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020";
}
#eu_cookie.act .btn {
    display: inline-block;
    border-radius: 4px;
    line-height: 14px;
    background: #828282;
    color: #FFF;
    text-decoration: none;
    padding: 6px 5px 2px 5px;
    font-size: 14px;
    -webkit-box-shadow: 0px 4px 0px #646464;
            box-shadow: 0px 4px 0px #646464;
    margin-bottom: 10px;
}
#eu_cookie.act button {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    padding: 3px 8px;
    border: none;
    border-radius: 4px;
    background: #DDDDDD;
    font-style: normal;
    -webkit-box-shadow: 0px 4px 0px #a0a0a0;
            box-shadow: 0px 4px 0px #a0a0a0;
    cursor: pointer;
    margin-bottom: 10px;
}
#eu_cookie.act::after {
    clear: both;
}

/* ==================================================================
ページトップボタン
================================================================== */
.btn_pagetop {
    width: .42rem;
    min-width: 36px;
    right: calc(((100vw - 7.68rem) / 2) - .50rem);
    z-index: 9999;
}
@media screen and (max-width: 768px) {
    .btn_pagetop {
        right: .10rem;
    }
}

/* ==================================================================
PC用スタイル
================================================================== */
@media screen and (min-width: 769px) {

}