@charset "utf-8";
body {
    font-size: 16px;
    font-family: "Roboto", "Noto Sans JP", "Droid Sans", "Verdana", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
    overflow-x: hidden;
}
header {
    position: fixed;
    height :32vw;/*追加*/
    top: 0;
    left: 0;
    z-index: 9999;
}
header .header_wrap {
    width: 100vw;
    height :32vw;/*追加*/
    margin: 0 auto;
    position: relative;
}
header .header_lang{/*左上部　言語　追加*/
    top :3vw;
    left :3vw;
    position: absolute;
    z-index: 99;
}
header .header_lang p{/*追加*/
    background-color: transparent;
    font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
    letter-spacing:.2em;
    line-height: 3;
    border: solid 1px #898989;
}
header .header_lang p a:hover{/*追加*/
    opacity: 0.5;
}
header .header_menu {/*右上部　メニュー　追加*/
    top :3vw;
    right :3vw;
    position: absolute;
    z-index: 99;
}
header .header_menu ul{
    width: 20vw;
}
header .header_menu ul li{/*追加*/
    background-color: transparent;
    font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
    letter-spacing:.2em;
    line-height: 3;
    float: left;
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
/*color: #fff;*/
}
header .header_menu ul li a:hover{/*追加*/
    opacity: 0.5;
}

section {
    width: 80vw;
    margin: 8vw auto;
}

/*#container{
    background: #000;
}*/
/*------------------------------全体*/
/*----------------------------------------------タブレット*/
@media (min-width: 641px) and (max-width: 999px) {
section {
    width: 90vw;
}
header .header_lang p{/*追加*/
    letter-spacing:.1em;
    line-height: 2.5;
}
header .header_menu ul{
    width: 25vw;
}
header .header_menu ul li{
    letter-spacing:.1em;
    line-height: 2.5;
}
}

/*------------------------------全体*/
/*----------------------------------------------スマホ*/
@media (max-width: 640px) {
section {
    width: 100vw;
    margin: 10vw auto;
}
header .header_wrap{
    height :35vw;/*追加*/
}
header .header_lang p{/*追加*/
    font-size: 3vw;
    letter-spacing: 0;
    line-height: 3;
}
header .header_menu {

}
header .header_menu ul{
    width: 38vw;
}
header .header_menu ul li{
    font-size: 3vw;
    letter-spacing: 0;
    line-height: 3;
}
}
/*------------------------------ここからヘッダー*/
/*-----------------------------------PC*/
header .logo_img {
    width: 17vw;
    margin: 0.5vw 0 0 2vw;
    float: left;
}
/*　ヘッダー　検査キット一覧の購入ボタン*/
header .top_buy_btn {
    /*background-image: url('../img/buy_btn.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position:center;  */

    width: 30vw;
    height: 5vw;
    position: relative;
    /*line-height: 5vw;*/
    /*background: #103D7E;*/
    /*padding:0.7em 3%;*/
    /*margin:5vw 5vw 5vw 5vw;*/
    color: #fff;
    font-size: 1.3vw;/*1.5vw*/
    float: right;/*left*/
    transition: all 0.5s;
}
/*header .top_buy_btn:hover{*/
    /*background-image: url('../img/buy_btn_hover.png');*/
/*}*/
header .top_buy_btn_in {
    background-color: rgb(75, 190,202);
    background-image: linear-gradient(90deg, rgb(75, 190,202) 0%, rgb(150,87,160) 100%);
    border-radius: 1.5em;

    height:4vw;
    width: 25vw;
    line-height: 4vw;

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;

    /*margin:0.5vw 2.5vw 0.5vw 2.5vw;/**/
    /*padding:0 auto;*/
    text-align: center;
}
header .top_buy_btn_in:hover {
    background-color: rgb(158,225,232);
    background-image: linear-gradient(90deg, rgb(158,225,232) 0%, rgb(201,159,207) 100%);
}

header .top_buy_btn img {
    width: 2vw;
    /*margin: 1.5vw 0.5vw 0 5vw;*/
    margin: 1.5vw 0.5vw 0 5vw;
    color: #FFC6BA;
    float: left;
}

/*------------------------------ヘッダー*/
/*----------------------------------------------タブレット*/
@media (min-width: 641px) and (max-width: 999px) {
header .logo_img {
    width: 20vw;
    margin: 0.5vw 0 0 4vw;
}
header .top_buy_btn {
    width: 40vw;/*25vw*/
    height: 6vw;
    /*line-height: 6vw;*/
    font-size: 1.4vw;
}
header .top_buy_btn_in {
    width: 30vw;/*25vw*/
    height: 5vw;
    line-height: 5vw;
}

header .top_buy_btn img {
    width: 2vw;
    margin: 2vw 0.5vw 0 6vw;
}
}

/*------------------------------ヘッダー*/
/*----------------------------------------------スマホ*/
@media (max-width: 640px) {
header .logo_img {
    width: 45vw;
    margin: 1.5vw 0 0 2vw;/*1.5vw 0 0 2vw*/
}
header .top_buy_btn {
    width: 45vw; /*40vw*/
    height: 14vw;
    /*line-height: 8vw;*/
    /*text-align: left;*/
    font-size: 2.4vw;
}
header .top_buy_btn_in {
    width: 40vw;/*25vw*/
    height: 7vw;
    line-height: 7vw;
}
/*header .top_buy_btn p {
    width: 56%;
    margin: 3vw 0 0;
}*/
header .top_buy_btn img {
    width: 6vw;
    margin: 3.5vw 2vw 0 6vw;
}
}
/*------------------------------ここからメインイメージ*/
/*-----------------------------------PC*/
#main_view {
    display: block;
    width: 100vw;
    height: 52vw;/*33wv*/
    margin: 32vw auto 0;/*0 auto 0*/
    padding: 3vw 0 0 3vw;/*3vw 0 0 10vw*/
    background-image: url("../img/kensa_mv_bg.png");
    background-color: #000;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.kitbox_img {
    display: none;
    width: 18vw;/*変更前50vw*/
    position: absolute;
    top: -18vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    /*変更前　bottom: -8vw;
    right: 5vw;*/
}
#main_view_sp {
    display: none;
}

h1 {
    text-align: center;
    color: #DDAE61;
    font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
    font-size: 2.1vw;/*2.3vw;*/
    line-height: 2.2em;
    letter-spacing: 0em;/*0.3em*/
    font-weight: 400;
}
.important_dot {
    padding-top: .4em;
    background-position: top left -2px;
    background-repeat: repeat-x;
    background-size: 1.27em .3em;
    background-image: radial-gradient(.1em .1em at center center, #31619D, #31619D 100%, transparent);
}
.border,.border2{
    text-shadow:#fff 2px 2px 5px, #fff -2px 2px 5px, #fff 2px -2px 5px, #fff -2px -2px 5px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px, #fff 2px 0px 2px, #fff 0px 2px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px,
        4px 4px 4px #ffc6ba,-4px -4px 4px #ffc6ba,4px -4px 4px #ffc6ba,-4px 4px 4px #ffc6ba,5px 5px 5px #ffc6ba,-5px -5px 5px #ffc6ba,5px -5px 5px #ffc6ba,-5px 5px 5px #ffc6ba,7px 7px 7px #ffc6ba,-7px -7px 7px #ffc6ba,7px -7px 7px #ffc6ba,-7px 7px 7px #ffc6ba,14px 14px 14px #ffc6ba,-14px -14px 14px #ffc6ba,14px -14px 14px #ffc6ba,-14px 14px 14px #ffc6ba;
}
#main_view a {
    text-decoration: none;
}
.mv_buy_btn_sp {
    display: none;
}
.mv_buy_btn {
    display: block;
    width: 25vw;
    height: 5.5vw;
    line-height: 5vw;
    font-size: 1.2vw;
    text-align: center;
    margin: 5vw 0 0;/*11vw 0 0*/
    color: #103D7E;
    border: 2px solid #103D7E;
    border-radius: 5px;
    transition: all 0.5s;
}
.mv_buy_btn i {
    margin-left: 1.5vw
}
.mv_buy_btn:hover {
    box-shadow: 1px 1px 5px #929292;
    background: #fff;
    opacity: 0.8;
}
/*追加　家庭用ボタン*/
#main_view .top_family_btn {
    width: 5em;                           /* 幅指定 */
    /*height: 1.5em;*/                          /* 高さ指定 */
    border: solid 2px #1EA1FF;                 /* 枠線指定 */
    background-color: #1EA1FF;                 /* 背景色指定 */
    border-radius: 5px 5px 5px 5px;    /* 角丸指定 */
    display: inline-block;
    text-align: center;
}
#main_view .top_family_btn p{
    /*color:#fff;*/
    margin:auto;
}
#main_view .mess{
    text-align: center;
    font-size: 1.6vw;
    line-height: 2em;
    letter-spacing: 0em;/*0.3em*/
    color: #DDAE61;
    font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
    /*追加*/
    font-weight: normal;
}

/*------------------------------メインイメージ*/
/*----------------------------------------------タブレット*/
@media (min-width: 641px) and (max-width: 999px) {
#main_view {
    height: 40vw;
    padding: 5vw 0 0 5vw;
}
.kitbox_img {
    width: 16vw;/*48vw*/
    /*bottom:-8vw;削除*/
}
h1 {
    font-size: 2.5vw;
}

.mv_buy_btn {
    width: 35vw;
    height: 7vw;
    line-height: 6.5vw;
    font-size: 1.6vw;
    margin: 10vw 0 0;
}
.mv_buy_btn i {
    margin-left: 1.5vw
}
.mv_buy_btn:hover {
    box-shadow: 1px 1px 5px #929292;
    background: #fff;
    opacity: 0.8;
}
}

/*------------------------------メインイメージ*/
/*----------------------------------------------スマホ*/
@media (max-width: 640px) {
#main_view {
    display: none;
}
#main_view_sp {
    display: block;
    width: 100vw;
    height: 100vw;/*100vw*/
    margin: 43vw auto 0;
    padding: 23vw 0 0 1vw;/*15vw 0 0 0*/
    /*background-image: url("../img/kensa_mv_bg_sp.jpg");*/
    background-image: url("../img/kensa_mv_bg_sp.png");
    background-color: #000;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

h1 {
    font-size: 3.5vw;/**/
    line-height: 1.5em;
    font-weight: 400;
}
.kitbox_img {
    width: 28vw;/*95vw*/
    position: absolute;
    bottom: -9vw;
    right: 3vw;
}

.important_dot {
    padding: 0.5em 0;
    background-repeat: repeat-x;
    background-size: 1.25em 0.2em;
    background-position: top left;
    /*background-image: -webkit-gradient(radial,center center,0,center center,1.5,from(#31619D),color-stop(0.5,#31619D),color-stop(0.9,transparent),to(transparent));*/
    background-image: -webkit-radial-gradient(center center, 0.1em 0.1em, #31619D, #31619D 95%, transparent 95%, transparent);
    background-image: radial-gradient(0.1em 0.1em at center center, #31619D, #31619D 95%, transparent);
}
.border,.border2{
text-shadow:#fff 2px 2px 5px, #fff -2px 2px 5px, #fff 2px -2px 5px, #fff -2px -2px 5px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px, #fff 2px 0px 2px, #fff 0px 2px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px,
        4px 4px 4px #ffc6ba,-4px -4px 4px #ffc6ba,4px -4px 4px #ffc6ba,-4px 4px 4px #ffc6ba,5px 5px 5px #ffc6ba,-5px -5px 5px #ffc6ba,5px -5px 5px #ffc6ba,-5px 5px 5px #ffc6ba,7px 7px 7px #ffc6ba,-7px -7px 7px #ffc6ba,7px -7px 7px #ffc6ba,-7px 7px 7px #ffc6ba,14px 14px 14px #ffc6ba,-14px -14px 14px #ffc6ba,14px -14px 14px #ffc6ba,-14px 14px 14px #ffc6ba;
}
.href_kits {
    text-decoration: none;
}
.mv_buy_btn {
    display: none;
}
.mv_buy_btn_sp {
    display: block;
    width: 60vw;/*90vw*/
    height: 10vw;/*18vw*/
    line-height: 10vw;
    font-size: 4vw;/*4.5vw*/
    margin: 4vw 3vw 0;/*15vw 5vw 0*/
    text-align: center;
    color: #103D7E;
    border: 2px solid #103D7E;
    border-radius: 5px;
    transition: all 0.5s;
}
.mv_buy_btn_sp i {
    margin-left: 1.5vw
}

/*追加　家庭用ボタン*/
#main_view_sp .top_family_btn {
    width: 5em;                           /* 幅指定 */
    /*height: 1.5em;*/                          /* 高さ指定 */
    border: solid 2px #1EA1FF;                 /* 枠線指定 */
    background-color: #1EA1FF;                 /* 背景色指定 */
    border-radius: 5px 5px 5px 5px;    /* 角丸指定 */
    display: inline-block;
    text-align: center;
}
#main_view_sp .top_family_btn p{
    /*color:#fff;*/
    margin:auto;
}
#main_view_sp .mess{
    margin-top: 2.5vw;
    text-align: center;
    font-size: 1.3vw;
    line-height: 2.5em;
    letter-spacing: 0em;/*0.3em*/
    color: #DDAE61;
    font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
    /*追加*/
    font-weight: normal;
}
}

/*------------------------------ここから特徴*/
/*-----------------------------------PC*/
.message_body {
    margin-top: 2em;
    text-align: center;
    font-size: 1.6vw;
    color:#001266;
}

.feature_cont{
    width:calc((100% - 6% ) / 4);
    height:calc((100% - 5% ) / 4);
    margin-right:2%;
    padding:2%;
    border:1px solid #B2C0FF;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    float:left;
    background-color: #fff;
}
.feature_cont:last-child{
   margin-right:0;
}
.feature_title_numner{
    color:#001266;
    text-align: center;
    font-size:2vw;
    border-bottom:5px solid #B2C0FF;
}
.feature_title{
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-size:1.6vw;
    font-weight: bold;
    text-align: center;
    margin:0.7vw 0;
    color:#001266;
}

.feature_cont p{
    font-size:1.1vw;
    text-align: justify;
    text-justify: inter-ideograph;
}

.feature_cont img{
    width:100%;
    height:13vw;
    margin-top:1vw;
    object-fit: cover;
}
.feature_cont2{
    width:calc((100% - 6% ) / 2);
    height:calc((100% - 5% ) / 4);
    margin-right:2%;
    padding:2%;
    border:1px solid #B2C0FF;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    float:left;
    background-color: #fff;
}
.center_img{
    margin: 0 auto;
    width:80%;
    height:13vw;
    border:1px solid #B2C0FF;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    background-color: #fff;
}
.center_img img{
    height:11vw;
}
.center_in{
    margin:1vw 3vw;
}
.pc_br{
    display: none;
   }


/*------------------------------特徴*/
/*----------------------------------------------タブレット*/
@media (min-width: 641px) and (max-width: 999px) {

.feature_title_numner{
    font-size:3vw;
    border-bottom:5px solid #B2C0FF;;
}
.feature_title{
    font-size:1.8vw;
    margin:1vw 0;
}

.feature_cont p{
    font-size:1.6vw;
}

.feature_cont img{
    height:16vw;
}

}

/*------------------------------特徴*/
/*----------------------------------------------スマホ*/
@media (max-width: 640px) {
    .message_body {
        margin: 1em 5% 0 5%;
        font-size: 2.6vw;/*2.6vw*/
    }
/*.feature_cont{
    width:90%;
    height:100%;
    margin:4% 5%;
    padding:6%;
    border:1px solid #B8B8B8;
    float:inherit;
}*/

.feature_cont{
    width:calc((100% - 6% ) / 2);
    height:calc((100% - 5% ) / 1);
    margin-right:2%;
    margin-bottom: 4%;
    padding:2%;
    border:1px solid #B2C0FF;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    float:left;
    background-color: #fff;
}

.feature_title_numner{
    font-size:4vw;
    /*border-bottom:4px solid #B8B8B8;*/
}
.feature_title{
    font-size:3vw;
    margin:2vw 0;
}

.feature_cont p{
    font-size:2.5vw;
    line-height:1.4em;
}

.feature_cont img{
    /*display: none;*/
    height:50vw;
}
.center_img{
    margin:0 auto;
    width:70%;
    height:90vw;
    border:1px solid #B2C0FF;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    background-color: #fff;
    text-align: center;
}

.center_in{
    height: 90%;
    margin-top:2vw;
}
.center_img img{
    height:40vw;
}

.pc_br{
    display:block;
   }

}
/*------------------------------ここからキット一覧*/
/*-----------------------------------PC*/
#kensa_sp_wrap {
    display: none;
}
#kensa_pc_wrap {
    display: block;
}
h3 {
    font-size: 1.5vw;
    color: #103D7E;
    font-weight: 600;
    text-align: center;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    margin: 5vw 0;
}
h3 span {
    margin-top: 10vw;
    margin-bottom: 10vw;
    display: block;
    font-size: 2.0vw;
    font-weight: 400;
    color: #fff;
    font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
}
/*.important_text{
    background: #EBEBEB;
    text-align: center;
    padding:1vw;
    font-size:1vw;
}*/
.kit_box {
    border: 1px solid #B2C0FF;;
    padding: 2%;
    border-radius: 5px;
    margin: 3vw 0;
}
.kit_box img, .kit_text_wrap, .kensa_list {
    float: left;
}
.kit_box img {
    width: 30%;/*25%*/
    height: 24%;
    object-fit: contain;
}
.kit_text_wrap {
    width: 38%;/*50%*/
    margin: 0 1%;
}
.kit_text_wrap .kit_title {
    font-size: 1.8vw;
    font-weight: 500;
    color:#001266;
    background:#fff;/*#E8F5FF;*/
    padding:5px 10px;
}
.icon_color {
    color: #B8B8B8;
}
.kit_text_wrap p {
    color:#001266;
    font-size: 1.3vw;
    text-align: justify;
    text-justify: inter-ideograph;
}
.kit_text_wrap ul{

    margin-top: 1vw;
    color:#001266;
    font-size: 1.4vw;
}

.kit_text_wrap dl {
    float: left;
    width: 80%;/*30%*/
    /*margin: 1.5vw 0 0 1vw;*/
    margin: 1.5vw 0 o 1vw;
    text-align: center;
}
.kit_text_wrap dl:nth-child(1) {
    margin-left: 0vw;
}
.kit_text_wrap dt {
    background: #666666;
    color: #fff;
    font-size: 1.3vw;
    padding: 0 0 0 5%;
}
.kit_text_wrap dd {
    font-size: 2.0vw;
    font-weight: 700;
    padding: 0 0 0 5%;
}
.tax {
    font-size: 1.2vw;
}
.souryou {
    float: left;
    padding: 1% 1.5%;
    line-height: 1.2em;
    text-align: center;
    font-size: 1.4vw;
    border: 2px solid #000;
    margin: 1.5vw 0 0 1vw;
    ;
}
.kensa_list {
    width: 30%;/*23%*/
    padding: 1.5%;
    /*background: #F2F2F2;*/


    /*border-radius: 5px 5px 5px 5px; */   /* 角丸指定 */
    display: inline-block;
    text-align: center;
}
.kensa_list p {
    font-size: 1.2vw;
    color:#fff;
    text-align: center;
    border: solid 2px #1EA1FF;                 /* 枠線指定 */
    background-color: #1EA1FF;                 /* 背景色指定 */
}
.kensa_list li {
    padding: 1% 3%;
    margin: 1.5% 1%;
    font-size: 1vw;
    background: #D8CAA4;
    border-radius: 3px;
    float: left;
}
.kensa_list ul .nodo_list {
    background: #CCB480;
}
/*キット一覧の購入ボタン*/
.kensa_list .btn{
    background-color: rgb(75, 190,202);
    background-image: linear-gradient(90deg, rgb(75, 190,202) 0%, rgb(150,87,160) 100%);
    border-radius: 1.5em;
    width:95%;
    height: 3em;
    float: left;
    /*padding: 1% 3%;*/
    padding: 0.7em 3%;
    /*margin: 1.5% 1%;*/
    margin: 35% 1% 1% 1%;
    font-size: 1.2vw;
    color:#fff;
}
.kensa_list .btn:hover{
    background-color: rgb(158,225,232);
    background-image: linear-gradient(90deg, rgb(158,225,232) 0%, rgb(201,159,207) 100%);
}

.kit_btn_wrap {
    margin: 2vw 0 0 0;
}
.kit_btn_wrap a {
    display: block;
    transition: all 0.5s;
}
.kit_btn_wrap a:hover {
    opacity: 0.7;
}
.m_kit_btn, .w_kit_btn, .m_kit_btn p, .w_kit_btn p, .m_kit_btn div, .w_kit_btn div {
    float: left;
}
.m_kit_btn p, .w_kit_btn p {
    background: #BDCCD4;
    width: 12.3vw;
    height: 4.5vw;
    text-align: center;
    padding: 0.8vw 0 0 0;
    color: #31619D;
    font-size: 1.1vw;
    font-weight: 600;
    border-radius: 5px 0 0 5px;
    box-shadow: 1px 1px 5px #BCBCBC;

    border: solid 2px #1EA1FF;                 /* 枠線指定 */
    background-color: #1EA1FF;                 /* 背景色指定 */
}
.w_kit_btn p {
    background: #FFC6BA;
    margin: 0 0 0 2vw;
    color: #FF5C5C;
}
.buy_btn {
    background: linear-gradient(#31619D, #103D7E, #31619D);
    width: 25vw;
    height: 4.5vw;
    line-height: 4.5vw;
    color: #fff;
    text-align: center;
    border-radius: 0 5px 5px 0;
    box-shadow: 1px 1px 5px #BCBCBC;
    font-size: 1.3vw;
}

/*------------------------------ついか*/
.kit_btn_wrap2 {
    width:90%;
    margin: 0vw auto 0;
}
.kit_btn_wrap2 a {
    display: block;
    transition: all 0.5s;
}
.kit_btn_wrap2 a:hover {
    opacity: 0.7;
}
.buy_btn2 {
    background: linear-gradient(#31619D, #103D7E, #31619D);
    width: 32vw;
    height: 4.5vw;
    line-height: 4.5vw;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    margin:1vw;
    box-shadow: 1px 1px 5px #BCBCBC;
    font-size: 1.3vw;
}
/*------------------------------ついかここまで*/

.buy_btn_w {
    background: linear-gradient(#FF4C59, #A9363B, #FF4C59);
}

/*------------------------------キット一覧*/
/*----------------------------------------------タブレット*/
@media (min-width: 641px) and (max-width: 999px) {
h3 {
    font-size: 1.7vw;
}
h3 span {
    font-size: 3.5vw;
}
.kit_text_wrap .kit_title {
    font-size: 2vw;
}
.kit_text_wrap p {
    font-size: 1.5vw;
}
.kit_text_wrap dl {
    margin: 1vw 0 0 1vw;
}
.kit_text_wrap dl:nth-child(1) {
    margin-left: 0vw;
}
.kit_text_wrap dt {
    font-size: 1.5vw;
}
.kit_text_wrap dd {
    font-size: 2vw;
}
.tax {
    font-size: 1.5vw;
}
.souryou {
    padding: 1.5% 2%;
    margin: 1vw 0 0 1vw;
    ;
}
.kensa_list {
    padding: 1%;
}
.kensa_list p {
    font-size: 1.3vw;
}
.kensa_list li {
    font-size: 1vw;
}
/*キット一覧の購入ボタン*/

/*------------------------------ついか*/
.kit_btn_wrap2 {
    width:100%;
    margin: 0vw auto 0;
}
.kit_btn_wrap2 a {
    display: block;
    transition: all 0.5s;
}
.kit_btn_wrap2 a:hover {
    opacity: 0.7;
}
.buy_btn2 {
    background: linear-gradient(#31619D, #103D7E, #31619D);
    width: 41vw;
    height: 5vw;
    line-height: 5vw;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    margin:1vw;
    box-shadow: 1px 1px 5px #BCBCBC;
    font-size: 1.5vw;
}
    .buy_btn_w {
    background: linear-gradient(#FF4C59, #A9363B, #FF4C59);
}
/*------------------------------ついかここまで*/
.m_kit_btn p, .w_kit_btn p {
    width: 14vw;
    padding: 0.5vw 0 0 0;
    font-size: 1.2vw;
}
.buy_btn {
    width: 28vw;
    font-size: 1.5vw;
}




}

/*------------------------------キット一覧*/
/*----------------------------------------------スマホ*/
@media (max-width: 640px) {

#kensa_sp_wrap {
    display: block;
}
#kensa_pc_wrap {
    display: none;
}
/* ラジオボタンを全て消す */
input[name="tab_item"] {
    display: none;
}
/* 選択されているタブのコンテンツのみを表示 */
/*#sample01:checked ~ #sample01_content, #sample02:checked ~ #sample02_content {
    display: block;
}*/
/* 選択されているタブのスタイルを変える */
div.tabs-sample input:checked + .tab_item {
    background-color: #000;
    color: #fff;
}
/* タブ切り替え全体のスタイル（任意） */
div.tabs-sample {
    width: 100vw;/*100vw*/
    margin: 0 auto;
    padding-top: 0;/*10px*/
}
/* タブ切り替えの中身のスタイル（任意） */
.tab_content {
    /*display: none;  ←のみ必ず必要 */
    padding-top: 0;/*20vw*/
}
.kitmenu_btn_m div, .kitmenu_btn_w div, .kitmenu_btn_m i, .kitmenu_btn_w i, .kitmenu_btn_m, .kitmenu_btn_w {
    float: left;
}
.kitmenu_btn_m, .kitmenu_btn_w {
    width: calc(100% / 2);
    display: inline-block;
    height: 22vw;
    text-align: center;
    font-size: 4.5vw;
    padding: 5vw 0 0 7vw;
    background: #B8D1E4;
    color: #333;
}
.kitmenu_btn_w {
    background: #FFC6BA;
}
.kitmenu_btn_m span, .kitmenu_btn_w span {
    font-size: 4vw;
}
.kitmenu_btn_m i, .kitmenu_btn_w i {
    font-size: 10vw;
    margin: 1vw 0 0 8vw;
}
.tabs-sample input[type="radio"]:checked + label .kitmenu_btn_m {
    color: #E4E4E4;
    background: #87AAC4;
}
.tabs-sample input[type="radio"]:checked + label .kitmenu_btn_w {
    color: #E4E4E4;
    background: #DC9A8D;
}
h3 {
    font-size: 3.5vw;
    margin: 0.5vw 0;/*5vw 0*/
}
h3 span {
    font-size: 5.5vw;
    font-weight: 600;
}
#sample01_content .kits_ul, #sample02_content .kits_ul {
    background: #FFF;/*#f2f2f2*/
    padding: 4vw 0;/*10vw 0*/
}
.kit_box {
    width: 90vw;
    padding: 5%;
    border-radius: 0;
    margin: 0 5vw 10vw;
    background: #fff;
    position: relative;
}
/*#sample01_content .kit_box::before {
    content: "男性用";
    background: #B8D1E4;
    padding: 1% 2%;
    font-weight: 500;
    font-size: 4.5vw;
    position: absolute;
    top: 0;
    left: 0;
}*/
/*#sample02_content .kit_box::before {
    content: "女性用";
    background: #FFC6BA;
    padding: 1% 2%;
    font-weight: 500;
    font-size: 4.5vw;
    position: absolute;
    top: 0;
    left: 0;
}*/
.kit_box img, .kit_text_wrap, .kensa_list {
    float: inherit;
}
.kit_box img {
    width: 100%;
    height: 24%;
    object-fit: contain;
}
.kit_text_wrap {
    width: 100%;
    margin: 0 auto;
}
.kit_text_wrap .kit_title {
    font-size: 5vw;
    /*background:#E8F5FF;*/
    padding:3px 5px;
    text-align: center;
}

   .kit_text_wrap .kit_title_w {
        background:#FFEBE8;
    }
    .icon_color{
        color:#5E5E5E;
        margin-right:5px;
    }
.kit_text_wrap p {
    font-size: 3.2vw;/**/
}
.kit_text_wrap ul{
    font-size: 3.2vw;
}
.kit_text_wrap dl {
    float: left;
    width: 49%;
    margin: 2vw 0 0 1vw;
}
.kit_text_wrap dl:nth-child(1) {
    margin-left: 0vw;
}
.kit_text_wrap dt {
    font-size: 4vw;
    padding: 0 0 0 5%;
}
.kit_text_wrap dd {
    font-size: 6vw;
}
.tax {
    font-size: 4vw;
}
.souryou {
    float: inherit;
    padding: 1.5% 1.5%;
    line-height: 1.2em;
    font-size: 4.5vw;
}
.kensa_list {
    width: 100%;
    padding: 1.5%;
    background: #F2F2F2;
    margin: 3vw 0 5vw;
}
.kensa_list p {
    font-size: 4vw;
    font-weight: 500;
}
.kensa_list li {
    padding: 0.5% 2%;
    margin: 1% 1%;
    font-size: 3.5vw;
    border-radius: 2px;
}
.kensa_list ul .nodo_list {
    background: #CCB480;
}
/*キット一覧の購入ボタン*/

.kit_btn_wrap {
    margin: 2vw 0 0 0;
}
.kit_box a {
    text-decoration: none;
}
.m_kit_btn, .w_kit_btn, .m_kit_btn p, .w_kit_btn p, .m_kit_btn div, .w_kit_btn div {
    float: inherit;
}
.buy_btn {
    background: linear-gradient(#31619D, #103D7E, #31619D);
    width: 100%;
    height: 15vw;
    line-height: 15vw;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    box-shadow: 1px 1px 5px #BCBCBC;
    font-size: 4.5vw;
}
.buy_btn_w {
    background: linear-gradient(#FF4C59, #A9363B, #FF4C59);
}
/*キット一覧の購入ボタン*/
.kitbuybtn{
    background-color: rgb(75, 190,202);
    background-image: linear-gradient(90deg, rgb(75, 190,202) 0%, rgb(150,87,160) 100%);
    border-radius: 1.5em;
    width:95%;
    height: 8vw;
    line-height: 8vw;
    /*float: left;*/
    /*padding: 1% 3%;*/
    margin: 4vw 2% 2vw 2%;
    font-size: 3.5vw;
    color:#fff;
    text-align: center;
}
.kitbuybtn:hover{
    background-color: rgb(158,225,232);
    background-image: linear-gradient(90deg, rgb(158,225,232) 0%, rgb(201,159,207) 100%);
}
}
/*------------------------------ここから郵送検査のながれ*/
/*-----------------------------------PC*/
.flow_pc_wrap {
    display: block;
}
.flow_sp_wrap {
    display: none;
}
#flow ol {
    list-style: none;
}
.flow_box {
    width: 35%;/*29%*/
    height: 32vw;
    margin: 7%;/*2%*/
    float: left;
    font-size: 1.3vw;
    position: relative;
    background: #fff;
    box-shadow: 1px 1px 10px #D5D5D5;
}
.flow_box h4 {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-weight: 600;
    font-size: 1.8vw;
    padding: 7% 30% 7% 20%;
    background: #001266;/*#F2F2F2;*/
    color: #fff;/*#31619D;*/
    border: solid 1px #001266;
    border-radius: 5px 5px 0 0;
}
.flow_box img {
    width: 90%;
    height: 45%;
    object-fit: cover;
    margin: -2vw 5% 0;/*1.5vw 5% 0*/
}
.flow_box p {
    width: 90%;
    height: 10vw;
    font-size: 1.3vw;
    margin: 1vw 5% 0;
    text-align: justify;
    text-justify: inter-ideograph;
}
.flow_box::after {
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
    font-size: 4.5vw;
    font-weight: 900;
    color: #31619D;
    position: absolute;
    top: 45%;
    right: -5.5vw;/*2.5vw*/
}
.flow_box:nth-child(2n)::after {
    content: "";
}

/*------------------------------郵送検査のながれ*/
/*----------------------------------------------タブレット*/
@media (min-width: 641px) and (max-width: 999px) {
.flow_box {
    height: 41vw;
}
.flow_box h4 {
    font-size: 1.9vw;
}
.flow_box img {
    width: 90%;
    height: 45%;
    object-fit: cover;
    margin: 1.5vw 5% 0;
}
.flow_box p {
    height: 14vw;
    font-size: 1.6vw;
    line-height: 1.5em;
}
.flow_box::after {
    font-size: 5vw;
    right: -3vw;
}
}

/*------------------------------郵送検査のながれ*/
/*----------------------------------------------スマホ*/
@media (max-width: 640px) {
#flow {
    overflow-x: hidden;
}
.flow_pc_wrap {
    display: none;
}
.flow_sp_wrap {
    display: block;
}
#flow ol {
    list-style: none;
    position: relative;
}
    .slide_text{
        display: block;
        text-align: center;
        font-size:4.5vw;
    }

.slick-prev {
    font-size: 7vw;
    position: absolute;
    top: 45%;
    left: 2vw;
    z-index: 9;
}
.slick-next {
    font-size: 7vw;
    position: absolute;
    top: 45%;
    right: 2vw;
    z-index: 9;
}
    .slick-prev.slick-disabled {
    visibility: hidden;
}
.slick-next.slick-disabled {
    visibility: hidden;
}
.flow_box {
    width: 80vw;
    height: 115vw;
    margin: 5vw 10vw;
    float: left;
    font-size: 4vw;
    position: relative;
}
.flow_box h4 {
    font-size: 5vw;
}
.flow_box img {
    width: 90%;
    height: 45%;
    margin: 1.5vw 5% 0;
}
.flow_box p {
    width: 90%;
    height: 40vw;
    line-height:1.7em;
    font-size: 4vw;/*4.5vw*/
    margin: 1vw 5% 0;
}
.flow_box::after {
    content: "";
}
.flow_box:nth-child(3n)::after {
    content: "";
}
}

/*------------------------------ここから鍵かっこ枠　PC*/
.parenthesis {
    margin: 0 auto;
    position: relative;
    width: 70%;/*500px;*/
    padding: 3% 5%;/*15px 30px;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
.parenthesis p{
    color:#001266;
    font-size: 2.1vw;
    font-weight: 500;
}


.parenthesis::before,
.parenthesis::after {
    position: absolute;
    content: '';
    width: 10vw;/*20px;*/
    height: 6vw;/*50px;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.parenthesis::before {
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #B2C0FF;
    border-left: 1px solid #B2C0FF;
}
.parenthesis::after {
    top: 0;
    right: 0;
    border-top: 1px solid #B2C0FF;
    border-right: 1px solid #B2C0FF;
}

/*-------------------カギかっこ枠　スマホ*/
@media (max-width: 640px) {
.parenthesis {
width: 88%;
    }
.parenthesis p{
    font-size: 3.4vw;
}
}
/*------------------------------ここまで　鍵かっこ枠*/


/*------------------------------ここから　サービスついて*/
/*-----------------------------------PC*/
#inspection {
    /*background-image: url("../img/gme_inspection_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;*/
    background-color: #000;
    width: 100vw;
    height: 25vw;/*40vw*/
}
.inspection_wrap {
    width: 40vw;
    margin: 0 39% 0 3%;
    padding: 5vw 0;
    /*color: #fff;*#fff*/
}

.inspection_wrap p{
    color:#001266;
    font-size: 2.1vw;
    font-weight: 500;
    text-shadow: #fff 2px 2px 5px, #fff -2px 2px 5px, #fff 2px -2px 5px, #fff -2px -2px 5px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px, #fff 2px 0px 2px, #fff 0px 2px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px;
}

.inspection_h2_pc{
    display: block;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-size: 2.5vw;
    line-height: 1.8em;
    letter-spacing: 0.1em;
    margin: 0 0 4vw;
    text-shadow: #fff 2px 2px 5px, #fff -2px 2px 5px, #fff 2px -2px 5px, #fff -2px -2px 5px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px, #fff 2px 0px 2px, #fff 0px 2px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px;
}
.inspection_h2_sp{
    display: none;
}
.important {
    color: #FFC6BA;
}
.inspection_wrap ul li {
    width: 65%;
    height: 5.5vw;
    font-size: 1.3vw;
    font-weight: 200;
    line-height: 1.6em;
    text-indent: -1.3vw;
    text-align: justify;
    text-justify: inter-ideograph;
}

.inspection_wrap ul li:nth-child(2){
    height: 4vw;
}

.inspection_wrap ul li:nth-child(3){
    height: 4vw;
}
/*------------------------------サービス　について*/
/*----------------------------------------------タブレット*/
@media (min-width: 641px) and (max-width: 999px) {
#inspection {
    height: 35vw;
}
.inspection_wrap {
    width: 90vw;
}
.inspection_h2_pc {
    font-size: 3vw;
}
.inspection_wrap ul li {
    width: 75%;
    height: 4vw;
    font-size: 1.7vw;
}
}

/*------------------------------サービス　について*/
/*----------------------------------------------スマホ*/
@media (max-width: 640px) {
    #inspection {
    /*background-color: #9BC0CC;
    background-image: url("../img/gme_inspection_bg.jpg");
    width: 100vw;*/
    height:60vw;
}
.inspection_wrap {
    width: 80vw;
    margin: 0 auto;
    padding: 10vw 0;
    color: #000;/*FFF*/
    font-weight: 900;
}
.inspection_h2_sp {
    display: block;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-size: 4vw;/*6vw*/
    line-height: 1.8em;
    letter-spacing: 0.1em;
    margin: 0 0 5vw;
    text-align: justify;
    text-justify: inter-ideograph;
    text-shadow: #fff 2px 2px 5px, #fff -2px 2px 5px, #fff 2px -2px 5px, #fff -2px -2px 5px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px, #fff 2px 0px 2px, #fff 0px 2px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px;
}
.inspection_h2_pc{
    display: none;
}

.inspection_wrap p{
    font-size: 3.2vw;
}

.inspection_wrap ul li {
    width: 100%;
    height: 27vw;
    font-size: 4.7vw;
    font-weight: 300;
    line-height: 1.6em;
    text-indent: none;
    text-indent: -5vw;
}

    .inspection_wrap ul li:nth-child(2) {
        height:26vw;
    }

.inspection_wrap ul li:nth-child(3){
    height:  27vw;
}

}
/*------------------------------ここからお問い合わせ*/
/*-----------------------------------PC*/
.inq_title {
    text-align: center;
    font-size: 1.4vw;
}
.inq_wrap {
    width: 80%;
    margin: 2vw 10% 0;
}
.inq_box {
    width: 80%;/*45%*/
    margin: 3vw 2.5% 3vw 2.5%;/*0 2.5%*/
    float: left;
}
.inq_box span {
    font-size: 1.6vw;
    font-weight: 500;
}
.phone {
    font-size: 1.5vw;/*4vw*/
    font-weight: 500;
    color: #103D7E;
}
.phone i {
    font-size: 3.5vw;
    margin-right: 0.5vw;
}

    .phone a{
        text-decoration: none;
       color: #103D7E;
    }
.tel {
    /*font-size: 1.75vw;
    font-weight: 500;
    color: #4D4D4D;*/
}
.inq_time {
    width: 100%;
    color: #103D7E;/*#666;*/
    text-align: left;/*center;*/
    font-size: 1.75vw;/*1.3vw;*/
    font-weight: 500;
    /*border: 2px solid #666;*/
}
.mail {
    width: 100%;
    height: 5vw;/*6vw*/
    line-height: 5vw;/*6vw*/
    text-align: center;
    color: #000;/*#fff;*/
    font-size: 1.2vw;
    background: #fff;/*000;*/
    border: solid 1px #ccc;
    border-radius: 5px;
    /*margin: 8vw 0 15vw 0;*/
    transition: all 0.5s;
}
.mail:hover {
    box-shadow: 1px 1px 5px #fff;
    background-color: #000;/*fff;*/
    color:#fff;/*fff*/
    opacity: 1;
}
.inq_box a {
    text-decoration: none;
    display: block;
}

/*------------------------------お問い合わせ*/
/*----------------------------------------------タブレット*/
@media (min-width: 641px) and (max-width: 999px) {
.inq_title {
    font-size: 1.8vw;
}
.inq_box span {
    font-size: 1.9vw;
}
.phone {
    font-size: 4.65vw;
}
.phone i {
    font-size: 3.8vw;
}
.tel {
    /*font-size: 1.95vw;
    margin-bottom: 0.2vw;*/
}
.inq_time {
    font-size: 1.6vw;
}
.mail {
    /*margin: 1.5vw 0;0.8vwから1.5vwに変更*/
    height: 7vw;
    line-height: 7vw;
    font-size: 1.2vw;
}
}

/*------------------------------お問い合わせ*/
/*----------------------------------------------スマホ*/
@media (max-width: 640px) {
    .inq_title {
    font-size: 4.5vw;
}
.inq_wrap {
    width: 86vw;
    margin: 5vw auto 0;
}
.inq_box {
    width: 100%;
    margin: 0 0 5vw;
    float:inherit;
}
.inq_box span {
    font-size: 5vw;
    font-weight: 500;
}
.phone {
    font-size: 4.5vw;/*12vw*/
    font-weight: 900;
}
.phone i {
    font-size: 9.5vw;
    margin-right: 1vw;
}

.tel {
    /*font-size: 5vw;*/
}
.inq_time {
    font-size:4vw;/*5vw*/
}
.mail {
    width: 90%;
    height: 14vw;
    line-height: 14vw;
    font-size: 3.0vw;
    margin: 3vw 0;
}

}
/*------------------------------ここからフッター*/
div#footer_info {
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  background-image: url(../img/bg_01.png);
  background-repeat: repeat;
  background-position: 0 0;
}
@media only screen and (max-width: 1080px) {
  div#footer_info {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
@media only screen and (max-width: 680px) {
  div#footer_info {
    padding-top: 32px;
    padding-bottom: 48px;
  }
}
div#footer_info span {
  color: #ffffff;
}
div#footer_info div.footer_info_wrap {
  width: 80%;/*80%;*/
  margin-left: auto;
  margin-right: auto;
  display: table;
}
@media only screen and (max-width: 1300px) {
  div#footer_info div.footer_info_wrap {
    width: 86%;
  }
}
@media only screen and (max-width: 1080px) {
  div#footer_info div.footer_info_wrap {
    width: 80%;
    display: block;
  }
}
div#footer_info div.footer_info_wrap div#shop_info {
  display: /*block;*/table-cell;
  vertical-align: top;
  width: 50%;/*100px;*/
  padding-right: 55px;
  border-right: 1px solid #2b2b2b;
  box-sizing: border-box;
}
@media only screen and (max-width: 1080px) {
  div#footer_info div.footer_info_wrap div#shop_info {
    display: block;
    border-right: none;
    padding-right: 0;
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #2b2b2b;
  }
}
@media only screen and (max-width: 680px) {
  div#footer_info div.footer_info_wrap div#shop_info {
    padding-top: 12px;
    margin-top: 12px;
  }
}

div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap {
  display: block;/*inline-block;*/
}
@media only screen and (max-width: 1080px) {
  div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap {
    display: block;
  }
}
div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap .shop_info_table {/*追加*/
  width: 100%;
  display: table;
}
@media only screen and (max-width: 1080px) {
  div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap .shop_info_table {
    width: 100%;
    display: table;
  }
}
@media only screen and (max-width: 680px) {
  div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap .shop_info_table {
    display: block;/*block;*/
  }
}
div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap .shop_info_table .shop_info_l {/*追加*/
  display: table-cell;
  width: 50%;
  vertical-align: top;/*bottom;*/
}
@media only screen and (max-width: 1080px) {
  div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap .shop_info_table .shop_info_l {
    display: table-cell;
    width: 50%;
    vertical-align: middle;/*bottom;*/
  }
}
@media only screen and (max-width: 680px) {
  div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap .shop_info_table .shop_info_l {
    display: table-cell;/*block;*/
    margin-left: auto;
    margin-right: auto;
    width: 50%;/*100%;*/
  }
}
div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap .shop_info_table .shop_info_r {/*追加*/
  display: table-cell;/*table-cell;*/
  width: 50%;
  text-align: center;/*right;*/
  vertical-align: bottom;
}
div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap .shop_info_table .shop_info_r img {/*追加*/
    width :130px;
}
@media only screen and (max-width: 680px) {
  div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap .shop_info_table .shop_info_r img{/*追加*/
     width :100px;
  }
}
@media only screen and (max-width: 1080px) {
  div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap .shop_info_table .shop_info_r {
    display: table-cell;/*table-cell;*/
    width: 50%;
    text-align: center;/*right;*/
    vertical-align: bottom;
  }
}
@media only screen and (max-width: 680px) {
  div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap .shop_info_table .shop_info_r {
    display: table-cell;/*block;*/
    width: 50%;/*50%*/
    text-align: center;/*left;*/
    vertical-align: bottom;/*追加*/
  }
}
div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap div.logo {
  margin-bottom: 25px;
}
div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap div.logo img {
  display: block;
}
@media only screen and (max-width: 1080px) {
  div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap div.logo img {
    width: 200px;
    height: 39px;
  }
}
@media only screen and (max-width: 680px) {
  div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap div.logo img {
    width: 180px;
    height: 35px;
  }
}
div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap p.add_jp {
  display: block;
  white-space: nowrap;
}
div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap p.add_jp br {
  display: none;
}
@media only screen and (max-width: 1080px) {
  div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap p.add_jp br {
    display: none;
  }
}
@media only screen and (max-width: 680px) {
  div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap p.add_jp br {
    display: block;
  }
}
div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap p.add_jp span.wrap {
  display: inline-block;
  font-size: 12px;
  line-height: 2;
  letter-spacing: 0.16em;
}
@media only screen and (max-width: 1080px) {
  div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap p.add_jp span.wrap {
    font-size: 12px;
    letter-spacing: 0.1em;
  }
}
@media only screen and (max-width: 680px) {
  div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap p.add_jp span.wrap {
    font-size: 11px;
    letter-spacing: 0.1em;
  }
}
div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap p.add_jp span.wrap span {
  opacity: 0.8;
  vertical-align: top;
  font-family: Arial;
  font-weight: lighter;
  position: relative;
  top: 0px;
  display: inline-block;
}
@media only screen and (max-width: 680px) {
  div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap p.add_jp span.wrap span {
    top: -1px;
  }
}
div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap p.add_en {
  padding-top: 12px;
  display: block;
}
div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap p.add_en span {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.1em;
  font-size: 10px;
  color: #737373;
  line-height: 1.7;
}
@media only screen and (max-width: 1080px) {
  div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap p.add_en span {
    line-height: 1.6;
  }
}
div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap div.footer_sns {
  display: table;
  margin-top: 12px;
}
@media only screen and (max-width: 1080px) {
  div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap div.footer_sns {
    display: none;
  }
}
div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap div.footer_sns div.footer_sns_l {
  display: table-cell;
  vertical-align: middle;
  width: 50px;
}
div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap div.footer_sns div.footer_sns_l p.sns_text {
  white-space: nowrap;
  display: block;
  position: relative;
  padding-right: 16px;
}
div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap div.footer_sns div.footer_sns_l p.sns_text:after {
  content: "";
  background-color: #2b2b2b;
  width: 1px;
  height: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -5px;
}
div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap div.footer_sns div.footer_sns_l p.sns_text span {
  font-family: Times New Roman, serif;
  font-size: 11px;
  line-height: 2;
  letter-spacing: 0.2em;
}
div#footer_info div.footer_info_wrap div#shop_info div.shop_info_wrap div.footer_sns div.footer_sns_r {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}
div#footer_info div.footer_info_wrap div#reserve_info {
  display: table-cell;
  vertical-align: top;
  padding-left: 4%;
}
@media only screen and (max-width: 1080px) {
  div#footer_info div.footer_info_wrap div#reserve_info {
    display: block;
    width: 100%;
    padding-left: 0;
  }
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap {
  padding-top: 12px;
}
@media only screen and (max-width: 1080px) {
  div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap {
    padding-top: 0;
  }
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap p.reserve_tit {
  display: block;
  margin-bottom: 32px;
  text-indent: -0.5em;
}
@media only screen and (max-width: 1080px) {
  div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap p.reserve_tit {
    display: none;
  }
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap p.reserve_tit span.wrap {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.1em;
  position: relative;
  z-index: 1;
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap p.reserve_tit span.wrap span {
  font-size: 15px;
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table {
  display: table;
  width: 100%;
  margin-bottom: 13px;
}
@media only screen and (max-width: 680px) {
  div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table {
    display: block;
    width: 100%;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 680px) {
  div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table .dl_wrap {
    display: block;
    width: 100%;
    margin-bottom: 16px;
  }
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table .dl_wrap dl {
  width: 100%;
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table .dl_wrap dl dt {
  font-size: 13px;
  display: block;
  letter-spacing: 0.15em;
  line-height: 2;
  margin-bottom: 6px;
}
@media only screen and (max-width: 1080px) {
  div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table .dl_wrap dl dt {
    font-size: 12px;
  }
}
@media only screen and (max-width: 680px) {
  div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table .dl_wrap dl dt {
    font-size: 11px;
    margin-bottom: 4px;
  }
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table .dl_wrap dl dd {
  display: block;
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table .dl_wrap dl dd a.reserve_link {
  border: 1px solid #404040;
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 979px) {
  div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table .dl_wrap dl dd a.reserve_link:hover:after {
    opacity: 1;
  }
  div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table .dl_wrap dl dd a.reserve_link:hover span.wrap:after {
    opacity: 0;
  }
  div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table .dl_wrap dl dd a.reserve_link:hover span.wrap:before {
    opacity: 1;
  }
  div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table .dl_wrap dl dd a.reserve_link:hover span.wrap span {
    color: #231815;
  }
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table .dl_wrap dl dd a.reserve_link:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #1f1f1f;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  opacity: 0.5;
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table .dl_wrap dl dd a.reserve_link:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
  -moz-transition: opacity 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
  -o-transition: opacity 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
  -ms-transition: opacity 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
  transition: opacity 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table .dl_wrap dl dd a.reserve_link span.wrap {
  padding: 24px 20px;
  display: block;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1080px) {
  div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table .dl_wrap dl dd a.reserve_link span.wrap {
    padding: 20px;
  }
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table .dl_wrap dl dd a.reserve_link span.wrap span {
  line-height: 2;
  font-size: 14px;
  letter-spacing: 0.11em;
  line-height: 24px;
  -webkit-transition: color 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
  -moz-transition: color 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
  -o-transition: color 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
  -ms-transition: color 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
  transition: color 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
}
@media only screen and (max-width: 1080px) {
  div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table .dl_wrap dl dd a.reserve_link span.wrap span {
    font-size: 14px;
  }
}
@media only screen and (max-width: 680px) {
  div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table .dl_wrap dl dd a.reserve_link span.wrap span {
    font-size: 12px;
  }
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table div.reserve_info_l {
  display: table-cell;
  vertical-align: top;
  width: 50%;
}
@media only screen and (max-width: 680px) {
  div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table div.reserve_info_l {
    display: block;
    width: 100%;
  }
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table div.reserve_info_l .dl_wrap {
  padding-right: 10px;
}
@media only screen and (max-width: 680px) {
  div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table div.reserve_info_l .dl_wrap {
    padding-right: 0;
  }
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table div.reserve_info_l .dl_wrap dl dd a.reserve_link span.wrap span {
  position: relative;
  display: inline-block;
  padding-right: 24px;
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table div.reserve_info_l .dl_wrap dl dd a.reserve_link span.wrap span:after {
  content: "";
  width: 13px;
  height: 10px;
  background-image: url(../img/common/link_w.png);
  background-image: url(../img/common/link_w.svg);
  background-repeat: no-repeat;
  background-size: 12px 9px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 0px;
  opacity: 1;
  z-index: 2;
  opacity: 0.8;
  background-position: 0 0;
  -webkit-transition: opacity 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
  -moz-transition: opacity 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
  -o-transition: opacity 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
  -ms-transition: opacity 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
  transition: opacity 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table div.reserve_info_l .dl_wrap dl dd a.reserve_link span.wrap span:before {
  content: "";
  width: 13px;
  height: 10px;
  background-image: url(../img/common/link_b.png);
  background-image: url(../img/common/link_b.svg);
  background-repeat: no-repeat;
  background-size: 12px 9px;
  position: absolute;
  background-position: 0 0;
  top: 50%;
  margin-top: -4px;
  right: 0px;
  opacity: 1;
  z-index: 1;
  opacity: 0.8;
  -webkit-transition: opacity 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
  -moz-transition: opacity 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
  -o-transition: opacity 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
  -ms-transition: opacity 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
  transition: opacity 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table div.reserve_info_r {
  display: table-cell;
  vertical-align: top;
  width: 50%;
}
@media only screen and (max-width: 680px) {
  div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table div.reserve_info_r {
    display: block;
    width: 100%;
  }
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table div.reserve_info_r .dl_wrap {
  padding-left: 10px;
}
@media only screen and (max-width: 680px) {
  div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table div.reserve_info_r .dl_wrap {
    padding-left: 0;
  }
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table div.reserve_info_r .dl_wrap dl dd a.reserve_link span.wrap span {
  font-family: Times New Roman, serif;
  font-size: 16px;
  padding-right: 0;
  font-style: italic;
  letter-spacing: 0.16em;
}
@media only screen and (max-width: 1080px) {
  div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table div.reserve_info_r .dl_wrap dl dd a.reserve_link span.wrap span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 680px) {
  div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap div.reserve_info_table div.reserve_info_r .dl_wrap dl dd a.reserve_link span.wrap span {
    font-size: 14px;
  }
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap p.text_jp {
  display: block;
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap p.text_jp span {
  line-height: 1.7;
  font-size: 12px;
  letter-spacing: 0.1em;
  display: block;
  position: relative;
}
@media only screen and (max-width: 1080px) {
  div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap p.text_jp span {
    letter-spacing: 0.06em;
    font-size: 11px;
    right: 0;
  }
}
@media only screen and (max-width: 680px) {
  div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap p.text_jp span {
    font-size: 10px;
    line-height: 2;
  }
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap p.text_jp span span {
  color: #B54434;
  display: inline-block;
  font-weight: bold;
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap p.text_en {
  padding-top: 4px;
  display: block;
}
div#footer_info div.footer_info_wrap div#reserve_info div.reserve_info_wrap p.text_en span {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.1em;
  font-size: 10px;
  color: #737373;
  line-height: 1.6;
}

/*------------------------------ここからフッター&Copyright*/
footer {
  width: 100%;
}
footer div.footer_wrap {
  height: 80px;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 680px) {
  footer div.footer_wrap {
    height: 64px;
  }
}
footer div.footer_wrap p.copyright {
  display: block;
  text-align: center;
}
footer div.footer_wrap p.copyright span {
  font-family: Times New Roman, serif;
  font-size: 10px;
  letter-spacing: 0.1em;
  color: #ababab;/*#000000;*/
  line-height: 80px;
  display: inline-block;
}
@media only screen and (max-width: 680px) {
  footer div.footer_wrap p.copyright span {
    line-height: 64px;
    letter-spacing: 0.06em;
    font-size: 9px;
  }
}

/*------------------------------ここから ポップアップwindow内*/

#concept {
  width: 100%;
  position: relative;
}
#concept .concept_wrap {
  width: 100%;
  display: table;
}
#concept .concept_wrap .concept_l {
  display: table-cell;
  width: 50%;
  padding-right: 6%;
}

#concept .concept_wrap .concept_left {
  display: table-cell;
  vertical-align: middle;
  width: 30%;
  padding-left: 7%;
  padding-right: 0;
}

#concept .concept_wrap .concept_l.menu {
  vertical-align: middle;
  width: 40%;
  padding-left: 7%;
  padding-right: 0;
}
#concept .concept_wrap .concept_l.access {
  vertical-align: middle;
  width: 50%;
  padding-left: 6%;
  padding-right: 0;
}
#concept .concept_wrap .concept_l,
#concept .concept_wrap .concept_r{
  display: table-cell;
  vertical-align: top;
}

#concept .concept_wrap .concept_right{
  display: table-cell;
  vertical-align: middle;/*top*/
}


#concept  .pic_01 {
  margin-bottom: 24px;
}

#concept .concept_wrap .w30{
    padding-left: 4%;
    padding-right: 0;
    width:30%;
}

#concept .concept_wrap .w10{
    padding-left: 4%;
    padding-right: 0;
    width:13%;
}

#concept .concept_wrap .w70{
    width:70%;
}

#concept .concept_wrap .w90{
    width:90%;
}
@media only screen and (max-width: 680px) {
#concept .concept_wrap .w70{
    padding-left: auto;
    padding-right: auto;
    width:100%;
}
#concept .concept_wrap .w90{
    padding-left: auto;
    padding-right: auto;
    width:100%;
}
}
@media only screen and (max-width: 680px) {
#concept .concept_wrap .w30{
    padding-left: 0;
    padding-right: auto;
    width:100%;
}
#concept .concept_wrap .w10{
    padding-left: 0;
    padding-right: auto;
    width:14%;
}
}
#concept .concept_wrap .w20{
    padding-left: 6%;
    padding-right: 1%;
    width:20%;
}
#concept .concept_wrap .w80{
    width:80%;
}
@media only screen and (max-width: 680px) {
#concept .concept_wrap .w80{
    padding-left: auto;
    padding-right: auto;
    width:100%;
}
}
@media only screen and (max-width: 680px) {
#concept .concept_wrap .w20{
    padding-left: auto;
    padding-right: auto;
    width:100%;
}
}


@media only screen and (max-width: 1080px) {
  body .concept_r {
    display:block !important;/*変更前 none !important;*/
  }
}

@media only screen and (max-width: 680px) {
  body .concept_r {/*追加*/
    display: block !important;
  }
}

@media only screen and (max-width: 1080px) {
  body .concept_l {
    display: none !important;
  }
}
body #sp_menu,
body #sp_menu2 {
  display: none;
  padding-top: 28px;
}
@media only screen and (max-width: 1080px) {
  body #sp_menu,
  body #sp_menu2 {
    display: block;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 680px) {
  body #sp_menu,
  body #sp_menu2 {
    margin-bottom: 36px;
  }
}

p.menu_name {
  display: block;
  margin-bottom: 8px;
}
@media only screen and (max-width: 680px) {
  p.menu_name {
    margin-bottom: 6px;
    text-align: center;
  }
}
p.menu_name span.wrap {
  display: inline-block;
  font-size: 18px;
  line-height: 1.7;
  font-weight: bold;
  letter-spacing: 0.1em;
  display: inline-block;
  position: relative;
}
p.menu_name span.wrap:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #9c9c9c;
  bottom: -4px;
  left: 0;
  position: absolute;
}
@media only screen and (max-width: 680px) {
  p.menu_name span.wrap:after {
    bottom: -3px;
  }
}
@media only screen and (max-width: 1080px) {
  p.menu_name span.wrap {
    font-size: 16px;
  }
}
@media only screen and (max-width: 680px) {
  p.menu_name span.wrap {
    font-size: 15px;
  }
}
p.menu_name span.wrap span {
  display: inline-block;
  font-size: 0.9em;
}


body .concept_r p.lead_text span.wrap span.dps_sp{
    display: none;
}

@media only screen and (max-width: 680px) {
body .concept_r p.lead_text{
    font-size: 0.7em;
}
}

@media only screen and (max-width: 680px) {
  p.menu_name span.wrap span {
    padding-left: 12px;
  }
}

p.menu_name_en {
  display: block;
  margin-bottom: 28px;
}
@media only screen and (max-width: 680px) {
  p.menu_name_en {
    text-align: center;
    margin-bottom: 24px;
  }
}
p.menu_name_en span.wrap {
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.1em;
  line-height: 2;
  color: #737373;
  font-size: 10px;
}
@media only screen and (max-width: 680px) {
  p.menu_name_en span.wrap {
    letter-spacing: 0.02em;
  }
}

div.pearing {
  margin-top: 16px;
  display: block;
  display: inline-block;
}

p.drink_tit {
  margin-bottom: 2px;
  display: block;
  display: inline-block;
}
p.drink_tit span {
  display: block;
  line-height: 2;
  font-size: 13px;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 1080px) {
  p.drink_tit span {
    font-size: 12px;
  }
}
@media only screen and (max-width: 680px) {
  p.drink_tit span {
    font-size: 11px;
    letter-spacing: 0em;
  }
}
p.drink_tit span span {
  display: inline-block;
  padding-left: 12px;
}

p.drink_text span {
  display: block;
  line-height: 1.9;
  font-size: 13px;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 1080px) {
  p.drink_text span {
    font-size: 12px;
  }
}
@media only screen and (max-width: 680px) {
  p.drink_text span {
    font-size: 11px;
    letter-spacing: 0em;
  }
}
/*--ポップアップwindow内 ここまで ----*/








.clearfix:after {
    content: "";
    display: block;
    clear: both;
}