@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&subset=japanese');
.ff_noto{font-family: 'Noto Sans JP', sans-serif;}

body {
color: #000;
background-color: white;
font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
font-weight: 400;
font-size: 1.6rem;
line-height: 2.0;
letter-spacing: .1em;
overflow-x: hidden
}
a {
color: #000;
text-decoration: none;
display: block
}

img, video, object {
max-width: 100%;
height: auto;
vertical-align: bottom;
border: none;
}
section {
clear: both;
position: relative;
}
#wrapper {
overflow: hidden;
max-height: none;
}
.wrapper {
clear: both;
position: relative;
margin-left: auto;
margin-right: auto;
}

@media screen and (min-width: 768px) {/*pc*/
.sp{display:none;}
.pc{display:block;}
a[href^="tel:"] {pointer-events:none}
html,body,#wrapper,#main{min-width:1080px;}
body {
font-size: 1.6rem;
line-height: 2.25
}
.wrapper {
width: 1000px;
}
    a,
    a img {
    transition: .3s;
    }
}
@media screen and (max-width: 767px) {/*sp*/
.sp{display:block;}
.pc{display:none;}
body {
font-size: 1.2rem;
line-height: 2;
}
.wrapper {
padding-left: 9.6%;
padding-right: 9.6%;
}
}

.bg-slider > div{
z-index: 0 !important;
}

/* sns */
.sns_list {
display: flex;
}
.sns_list li {}
.sns_list li a {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
display: block;
width: 18px;
height: 18px
}
.sns_list li a:hover {opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)";}
.sns_list .twitter a {background-image: url(../img/common/sns_tw.png)}
.sns_list .instagram a {background-image: url(../img/common/sns_in.png)}
.sns_list .facebook a {background-image: url(../img/common/sns_fb.png)}
.sns_list .twitter a:hover {background-image: url(../img/common/sns_tw_hover.png)}
.sns_list .instagram a:hover {background-image: url(../img/common/sns_in_hover.png)}
.sns_list .facebook a:hover {background-image: url(../img/common/sns_fb_hover.png)}

.logo,
.logo_first{
background-color: #e8ddce;
display: flex;
justify-content: center;
align-items: center;
}

/*hover*/
#header .logo:hover,
#header .logo a:hover,
#header .logo a:hover img,
.logo_first:hover,
.logo_first a:hover,
.logo_first a:hover img {
opacity: 0.70;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}


/* =====================================
layout 
===================================== */
#header {
font-family: Arial, Helvetica, "sans-serif";
font-style: italic;
line-height: 1;
position: fixed;
top: 0;
left: 0;
width: 100%;

z-index: 1000;
}
@media screen and (min-width: 768px) {/*pc*/
#header {
background-color: #f9f9f9;
height: 116px;
    transition:.3s;
}
#home #header {
top: -120px;
}
#home #header.fixed {
top: 0;
}
#header .wrapper {
display: flex;
}
#header .logo {
color: #252525;
font-size: 1.2rem;
letter-spacing: .08em;
width: 200px;
height: 116px
}
#header .logo a,
#header .logo span {
display: flex;
align-items: center;
justify-content: center;
background-color: #e8ddce;
width: 200px;
height: 116px
}
#header .logo img {
width: 137px
}
#header .free img {
width: 193px;
position: absolute;
margin: 15px 0 0 428px;
}
#header .header_right {
display: flex;
flex-direction: column;
width: calc(1000px - 200px);
height: 116px
}    
#header .sns_list {
justify-content: flex-end;
margin-right: 16px;
margin-top: 30px
}
.mv_nav .sns_list {
justify-content: flex-end;
margin-right: 30px;
}
#header .sns_list li,
.mv_nav .sns_list li{
margin-left: 36px
}
#header .sns_list li a,
.mv_nav .sns_list li a{
width: 18px;
height: 18px;
}
#header .sns_list li.twitter a,
.mv_nav .sns_list li.twitter a{
width: 23px;
height: 19px;
}

#header .nav_list,
.mv_nav .nav_list{
margin-top: auto;
display: flex;
font-size: 1.4rem
}
#header .nav_list li,
.mv_nav .nav_list li{
flex: 1;
margin: 0 1px
}
#header .nav_list li a,
.mv_nav .nav_list li a{
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 56px;
}
.mv_nav .nav_list li a{
height: 64px;
}
#header .nav_list li a:hover,#header .nav_list li a:hover img,
.mv_nav .nav_list li a:hover,.mv_nav .nav_list li a:hover img{
opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)";}
#header .nav_list li a::after,
.mv_nav .nav_list li a::after{
content: "";
display: block;
position: absolute;
left: 0;
bottom: -1px;
width: 0;
height: 3px;
background-color: #ea0000;
transition: width 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
#header .nav_list li a:hover::after,
.mv_nav .nav_list li a:hover::after{
width: 100%
}

}
@media screen and (max-width: 767px) {/*sp*/
    #header {
    background-color: #fff;
    border-bottom: solid .5px #313131;
    height: 70px;
    top: -70px;
    }
    #home #header {
    background-color: transparent;
    border-bottom: solid .5px #fff;
        transition:.3s;
    }
    #home #header.fixed {
    background-color: #fff;
    border-bottom: solid .5px #313131;
        top: 0;
    }
    #header.is-open,
    #header.fixed.is-open,
    #home #header.is-open,
    #home #header.fixed.is-open{
    background-color: rgba(209,192,165,1)!important;
    border-bottom: solid .5px #fff!important;
    }
    @keyframes headerSp {
    0% {top: -70px;}
    100% {top: 0px;}
    }
    #header.is-show {
    animation-name: headerSp;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-delay: 0s;
    }
    #home #header.is-show {
    animation-delay: 6s;
    }
    #header .wrapper {
    padding: 0
    }
    #header .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 69px
    }
    #header .logo a {
    width: 100%;
    height: 69px;
    display: flex;
    justify-content: center;
    align-items: center;
    }
    #header .logo img {
    width: 115px
    }
}

/* SP nav */
@media screen and (max-width: 767px) {/*sp*/ 
.icon-animation {
width: 69px;
height: 69px;
display: block;
cursor: pointer;
position: absolute;
right: 0;
text-align: center;
top: 0;
}
.icon-animation span {
width: 22px;
height: 2px;
display: block;
background: #fff;
background: #4b4b4b;
position: absolute;
left: 50%;
top: 50%;
margin-left: -11px;
}
#home .icon-animation span {
background: #fff;
}
#home #header.fixed .icon-animation span {
background: #4b4b4b;
}
.icon-animation .top {
top: 28px;
animation: active-menu-bar01_c 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards
}
.icon-animation .bottom {
top: 42px;
animation: active-menu-bar03_c 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards
}
.is-open .icon-animation span {
background: #fff!important;
}
.is-open .icon-animation span.middle {
background: rgba(51, 51, 51, 0)!important;
}
.is-open .top {
animation: active-menu-bar01 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards
}
.is-open .bottom {
animation: active-menu-bar03 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}
@keyframes active-menu-bar01 {
0% {transform:translateY(0) rotate(0)}
50% {transform:translateY(7px) rotate(0)}
100% {transform:translateY(7px) rotate(45deg)}
}
@keyframes active-menu-bar01_c {
0% {transform:translateY(7px) rotate(45deg)}
50% {transform:translateY(7px) rotate(0)}
100% {transform:translateY(0) rotate(0)}
}
@keyframes active-menu-bar03 {
0% {transform:translateY(0) rotate(0)}
50% {transform:translateY(-7px) rotate(0)}
100% {transform:translateY(-7px) rotate(-45deg)}
}
@keyframes active-menu-bar03_c {
0% {transform:translateY(-7px) rotate(-45deg)}
50% {transform:translateY(-7px) rotate(0)}
100% {transform:translateY(0) rotate(0)}
}

#nav {
display: none;
overflow: auto;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(209,192,165,1);
z-index: 900;
line-height: 1;
}
#nav .wrapper {
padding: 170px 39px 100px;
}
#nav .nav_top {
width: 356px;
margin-left: auto;
margin-right: auto;
margin-bottom: 74px
}
#nav .drawer_nav_wrapper {
width: 100%;
padding-top: 70px;
padding-bottom: 60px;
position: relative;
z-index: 1100;
}
.drawer_nav {
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}

@keyframes example {
0% {
opacity: 0;
transform: translate(-100px);
}
100% {
opacity: 1;
transform: translate(0);
}
}
@keyframes nav_item_close {
0% {
opacity: 1;
transform: translate(0);
}
100% {
opacity: 0;
transform: translate(-100px);
}
}

.drawer_nav {}
.nav_item_sns {
padding-top: 30px
}
.nav_item, 
.nav_item_sns {
opacity: 0;
}
.is-open .nav_item:nth-child(1) {animation: example 0.5s ease 0.2s forwards;}
.is-open .nav_item:nth-child(2) {animation: example 0.5s ease 0.3s forwards;}
.is-open .nav_item:nth-child(3) {animation: example 0.5s ease 0.4s forwards;}
.is-open .nav_item:nth-child(4) {animation: example 0.5s ease 0.5s forwards;}
.is-open .nav_item:nth-child(5) {animation: example 0.5s ease 0.6s forwards;}
.is-open .nav_item:nth-child(6) {animation: example 0.5s ease 0.7s forwards;}
.is-open .nav_item:nth-child(7) {animation: example 0.5s ease 0.8s forwards;}
.is-open .nav_item:nth-child(8) {animation: example 0.5s ease 0.9s forwards;}
.is-open .nav_item_sns {animation: example 0.4s ease 1.0s forwards;}

.drawer_nav li a{
font-family: Arial, Helvetica, "sans-serif";
font-style: italic;
font-size: 1.5rem;
line-height: 1.2;
color: #a40000;
background-color: #e8ddce;
display: block;
position: relative;
padding: 13px 36px;
border-bottom: solid 1px rgba(209,192,165,1.0);
}
#nav .sns_list {
justify-content: center;
margin-bottom: 46px
}
#nav .sns_list li {
margin: 0 13px
}
#nav .sns_list li a {
width: 19px;
height: 19px;
}
#nav .sns_list li.twitter a {
width: 23px;
height: 20px;
}
}

#main {}
#home #main {
padding-top: 0
}
@media screen and (min-width: 768px) {/*pc*/
#main {
padding-top: 260px
}
}
@media screen and (max-width: 767px) {/*sp*/
#main {
padding-top: 120px
}
}

#footer {
background-color: #f0e9e0
}
#footer .copyright {
font-family: Arial, Helvetica, "sans-serif";
letter-spacing: .1em;
color: white;
background-color: black;
text-align: center;
}
@media screen and (min-width: 768px) {/*pc*/
#footer {
padding-top: 100px
}
#footer .sns_list {
justify-content: center;
margin-bottom: 46px
}
#footer .sns_list li {
margin: 0 22px
}
#footer .sns_list li a {
width: 29px;
height: 29px;
}
#footer .sns_list li.twitter a {
width: 36px;
height: 31px;
}
#footer .menu_list ul {
display: flex;
justify-content: center;
margin-bottom: 36px
}
#footer .menu_list li {
margin: 0 40px
}
#footer .menu_list a {
display: block;
}
#footer .menu_list a:hover {
color: #a40000;
text-decoration:underline
}
#footer .copyright {
font-size: 1.4rem;
padding-top: 42px;
padding-bottom: 35px
}
}
@media screen and (max-width: 767px) {/*sp*/
#footer {
padding-top: 50px
}
#footer .sns_list {
justify-content: center;
margin-bottom: 30px
}
#footer .sns_list li {
margin: 0 12px
}
#footer .sns_list li a {
width: 22px;
height: 22px;
}
#footer .sns_list li.twitter a {
width: 27px;
height: 23px;
}
#footer .menu_list {
display: flex;
justify-content: center;
margin-bottom: 30px
}
#footer .menu_list li {
font-size: 1.5rem;
margin-bottom: 6px
}
#footer .menu_list a {
display: block;
}
#footer .menu_list a:hover {
color: #a40000;
text-decoration:underline
}
#footer .copyright {
padding-top: 13px;
padding-bottom: 13px
}
}

@keyframes fadeIn {
from {
opacity:0;
}
to {
opacity:1;
}
}


/* FV
===================================== */
/* fv_copy */
.mv_sec {
width: 100vw;
height: 100vh;
background-position: center center;
background-size: cover;
position: relative;
}
.mv_sec .copy {
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 50%;
display: flex;
justify-content: space-between;
flex-direction: row-reverse
}
.mv_sec .copy {
width: 162px;
height: 244px;
margin-top: -186px;
}
.mv_sec .copy div {
width: 40px;
}
@media screen and (min-width: 768px) {/*pc*/
.logo_first {
position:fixed;
top: -120px;
left:0;
transition:.3s;
opacity:1;
z-index:100;
width: 237px;
height: 116px
}
.logo_first a {
display: flex;
justify-content: center;
align-items: center;
width: 237px;
height: 116px
}
.logo_first img {
width: 137px
}
@keyframes fadeIn_logo {
from {top: -120px;}
to {top: 0;}
}
.is-show .logo_first {
animation-name: fadeIn_logo;
animation-duration: 1s;
animation-delay: 6s;
animation-fill-mode: forwards;
}
.logo_first.fixed {
opacity: 0
}

.mv_sec {
min-width: 1080px;
}
.mv_nav {
background-color: white;
}
.mv_nav .wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.mv_nav .nav_list {
width: 790px
}
}

/* ▼Tablet
/* ------------------------------------ */
@media all and (min-width: 768px) and (orientation: portrait) {/* tablet 縦向き*/
.mv_sec .copy {
margin-top: -8px;
}
}
@media all and (min-width: 768px) and (orientation: landscape) {/* tablet 横向き*/
.mv_sec .copy {
margin-top: -100px;
}
}

/* ▼SP
/* ------------------------------------ */
@media screen and (max-width: 767px) and (orientation: portrait) {/*sp 縦向き*/
.mv_sec .copy {
width: 128px;
height: 180px;
margin-top: -54px;
}
.mv_sec .copy div {
width: 32px
}
}
@media screen and (max-width: 767px) and (orientation: landscape) {/*sp 横向き*/
.mv_sec .copy {
width: 96px;
height: 138px;
margin-top: -37px;
}
.mv_sec .copy div {
width: 23px
}
}



/* fv_scrool */
@keyframes anime_scrool {
0%{top:0;opacity:0}
10%{top:10px;opacity:1}
50%{top:10px;opacity:1}
90%{top:30px;opacity:0}
100%{top:0;opacity:0}
}
.scrool {
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: 0;
text-align: center;
line-height: 1;
width: 50px;
height: 76px;
z-index: 10;
}
.scrool .text{
margin: auto;
width: 48px
}
.scrool .arrow {
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 20px;
}
.scrool .arrow::after {
animation-name: anime_scrool;
animation-duration: 2s;
animation-iteration-count: infinite;
content: "";
background: url(../img/scroll_arrow.png)no-repeat;
background-size:contain;
width: 31px;
height: 19px;
margin: auto;
position: absolute;
left: 0;
right: 0;
}
@media screen and (max-width: 767px) {/*sp*/
@keyframes anime_scrool {
0%{top:0;opacity:0}
10%{top:5px;opacity:1}
50%{top:5px;opacity:1}
90%{top:15px;opacity:0}
100%{top:0;opacity:0}
}
.scrool {
width: 25px;
height: 38px;
}
.scrool .text{
width: 24px;
}
.scrool .arrow {
top: 14px;
}
.scrool .arrow::after {
width: 16px;
height: 16px;
}
}

/* FVｱﾆﾒｰｼｮﾝ */
.mv_sec .copy div,
.mv_sec .scrool{
opacity: 0
}
.mv_sec.is-show .copy div,
.mv_sec.is-show .scrool {
animation-name: fadeIn;
animation-duration: 2s;
animation-fill-mode: forwards;
}
.mv_sec.is-show .copy .copy1 {
animation-delay: 0s;
}
.mv_sec.is-show .copy .copy2 {
animation-delay: 2s;
}
.mv_sec.is-show .copy .copy3 {
animation-delay: 4s;
}
.mv_sec.is-show .scrool {
animation-delay: 6s;
}



/* =====================================
common
===================================== */
.en {
font-family: Arial, Helvetica, "sans-serif";
}
a.txt_link {
transition: .3s
}
a.txt_link:hover {
text-decoration: underline
}
h2.heading {
text-align: center;
color:#656821;
line-height: 1;
}
.heading_sub {
text-align: center;
color: #1f1f1f;
font-family: 'Noto Sans JP', sans-serif;
line-height: 1;
background-position: center top;
background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {/*pc*/
.heading_sub {
font-size:1.4rem;
background-size: 76px auto;
background-image: url(../img/heading_sub_bg.png);
padding-top: 72px;
padding-bottom: 40px
}
h2.heading {
font-size:3.2rem;
}
}
@media screen and (max-width: 767px) {/*sp*/
.heading_sub {
font-size:1.2rem;
background-size: 57px auto;
background-image: url(../img/heading_sub_bg_sp.png);
padding-top: 47px;
padding-bottom: 24px
}
h2.heading {
font-size:1.9rem;
}
}

/* 画像ロールオーバーアニメーション */
@media screen and (min-width: 768px) {/*pc*/
.js__hover-photo>* {
display: block;
width: 100%;
height: 100%;
height: auto;
position: relative;
overflow: hidden
}
.js__hover-photo>*:after {
content: "";
display: block;
background-color: rgba(255,255,255,0.5);
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: -100%;
margin: auto;
transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), top 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.js__hover-photo:hover>*:after {
-webkit-transform: scale(1);
transform: scale(1);
top: 0;
opacity: 1
}
}


/*modal*/
.modal_open {cursor : pointer;}
.modal_box {
position: fixed;
display: none;
z-index: 7777;
max-width: 1000px;
margin: 0;
background: #fff;
}
.modal_box a {
cursor: pointer;
}
.modal_close {
display: block;
text-align: center;
font-weight: bold;
background-color: rgba(0,0,0,.2)
}
.modal_close::after {
content: "×";
color: white;
}
.modal_bg {
z-index: 6666;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 120%;
background-color: rgba(0,0,0,0.8);
}
.modal_box .img img {
width: 100%
}
@media screen and (min-width: 768px) {/*pc*/
.modal_close {
position: absolute;
right: 0;
top: 0;
padding: 0;
width: 60px;
height: 60px;
line-height: 60px;
font-size: 50px;
transition: .3s;
cursor: pointer;
}
.modal_close:hover {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}
}
/*IEのみx位置修正*/
@media screen and (-ms-high-contrast: none) {
.modal_close {padding: 8px 0 0 5px;}
}
@media screen and (max-width: 767px) {/*sp*/
.modal_box {
width: 100%;
height: 100vh;
overflow-y: scroll;
}
.modal_close {
position: fixed;
right: 0;
top: 0;
width: 46px;
height: 46px;
line-height: 46px;
font-size: 30px;
}
}

.modal_story {
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
line-height: 1.75;
}

/*miki*/
@media screen and (max-width: 767px) {/*sp*/
.modal_story .miki_box {
padding: 280px 30px 30px;
background: url(../img/miki_sp_bg.jpg) no-repeat;
overflow:auto;
background-size: contain;
}
.modal_story .miki_text {
font-size: 1.4rem;
width: 100%;
padding: 0;
}
.modal_story .miki_text h1 {
font-size: 2.6rem;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
}
/*not30sec*/
@media screen and (max-width: 767px) {/*sp*/
.modal_story .not30sec_box {
padding: 280px 30px 30px;
background: url(../img/not30sec_sp_bg.jpg) no-repeat;
overflow:auto;
background-size: contain;
}
.modal_story .not30sec_text {
font-size: 1.4rem;
width: 100%;
padding: 0;
}
.modal_story .not30sec_text h1 {
font-size: 2.6rem;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
}

/*saya*/
@media screen and (max-width: 767px) {/*sp*/
.modal_story .saya_box {
padding: 280px 30px 30px;
background: url(../img/saya_sp_bg.jpg) no-repeat;
overflow:auto;
background-size: contain;
}
.modal_story .saya_text {
font-size: 1.4rem;
width: 100%;
padding: 0;
}
.modal_story .saya_text h1 {
font-size: 2.6rem;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
}

/*haru*/
@media screen and (max-width: 767px) {/*sp*/
.modal_story .haru_box {
padding: 280px 30px 30px;
background: url(../img/haru_sp_bg.jpg) no-repeat;
overflow:auto;
background-size: contain;
}
.modal_story .haru_text {
font-size: 1.4rem;
width: 100%;
padding: 0;
}
.modal_story .haru_text h1 {
font-size: 2.6rem;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
}

.modal_aboutsig {}
.modal_aboutsig .box_first {
color: white;
background: url(../img/common/modal_aboutsig_bg.png);
}
.modal_aboutsig .box_second {
background-color: white
}
.modal_aboutsig .head {
display: inline-block;
border: solid 3px #fff;
}
@media screen and (min-width: 768px) {/*pc*/
.modal_aboutsig {
font-size: 1.6rem;
line-height: 1.75
}
.modal_aboutsig .box_first {
font-size: 2.4rem;
line-height: 1.5;
padding: 50px 50px 35px
}
.modal_aboutsig .head {
font-size: 1.6rem;
padding: 20px 40px;
margin-bottom: 20px;
white-space: nowrap
}
.modal_aboutsig .head .en {
font-size: 1.4rem;
margin-left: 30px
}
.modal_aboutsig .box_second {
padding: 35px 50px 50px
}
}
/*IE修正*/
@media screen and (-ms-high-contrast: none) {
.modal_aboutsig .head {font-size: 1.8rem; padding: 23px 40px 17px;}
}
@media screen and (max-width: 767px) {/*sp*/
.modal_aboutsig {
font-size: 1.2rem;
line-height: 2
}
.modal_aboutsig .box_first {
font-size: 1.2rem;
padding: 40px 26px 26px
}
.modal_aboutsig .head {
font-size: 1.5rem;
padding: 1px 25px;
margin-bottom: 24px;
border: solid 1.5px #fff;
}
.modal_aboutsig .head .en {
display: none
}
.modal_aboutsig .box_second {
padding: 26px 26px 40px
}
}

@media screen and (max-width: 767px) and (orientation: portrait) {/*sp 縦向き*/
.modal_aboutsig .box_first {
padding: 80px 26px 26px
}
}

.modal_form {}
@media screen and (min-width: 768px) {/*pc*/
.modal_form {
width: 1000px;
padding: 50px
}
}
@media screen and (max-width: 767px) {/*sp*/
.modal_form {
padding: 40px 26px 60px
}
}


/* ================================================
form
================================================ */
form.cmxform label.error, label.error {
    color: red;
}
.form_sec {
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.form_sec .mark {color: #cc0000;}
@media screen and (min-width: 768px) {
.form_sec .wrapper {
width: 840px;
padding-bottom: 100px
}
.form_sec h2.pagetitle {
margin-bottom: 110px
}
.form_sec p.gift_m{
margin: -60px 0 50px;
}
}
@media screen and (max-width: 767px) {/*sp*/
.form_sec .wrapper {
padding-bottom: 50px
}
.form_sec h2.pagetitle {
margin-bottom: 50px
}
.form_sec p.gift_m{
margin: 0 0 50px;
}
}

form {
margin-left: auto;
margin-right: auto
}
input[type="text"],
input[type="email"],
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
width: 100%;
border: 1px solid #aeaeae;
padding: 10px;
line-height: 1.6;
}
input:focus,
textarea:focus {
border-color: #ccc;
box-shadow: 0 0 5px rgba(0,0,0,0.2)
}
input[type="submit"],
form button {
display: block;
text-align: center;
border: none;
cursor: pointer;
color: #fff;
background: #b29873;
-webkit-transition-duration:0.2s;
transition-duration: 0.2s;
border-radius: 5px;
}
form button:hover {
opacity: 0.8;
}
form button.form_button {
position: relative;
font-size: 14px;
letter-spacing: .3em;
width: 226px;
height: 44px;
padding: 0 10px;
margin-top: 20px;
margin-left: auto
}
::placeholder-shown {color: #aeaeae;}
::-webkit-input-placeholder {color: #aeaeae;}
:-moz-placeholder {color: #aeaeae; opacity: 1;}
::-moz-placeholder {color: #aeaeae; opacity: 1;}
:-ms-input-placeholder {color: #aeaeae;}
form .form_table dl {
width: 100%;
margin: auto;
}
form .form_table dt {
font-weight: bold;
}
form .form_table dd {}
form .form_table dd.pre {border-bottom: 1px solid #000000;}
form .form_title {
font-weight: bold;
text-align: center
}
@media screen and (min-width: 768px) {/*pc*/
input[type="text"],
input[type="email"],
textarea {
font-size: 1.4rem;
padding: 2px 10px;
}
input[type="text"].short {
max-width: 48%;
margin-right: 2%;
}
input[type="text"].short:last-child {
margin-right: 0;
}
textarea {
margin-top: 6px;
height: 150px;
}

form {
width: 740px;;
}
.form_table dl {
width: 100%;
padding: 6px 0;
display: table;
}
.form_table dt, .form_table dd {
display: table-cell;
vertical-align: top;
}
.form_table dt {
font-weight: bold;
font-size: 1.6rem;
width: 165px;
padding-right: 10px;
}
.form_table dd {
width: 455px;
}
}
@media screen and (max-width: 767px) {
input[type="text"],
input[type="email"],
textarea {
font-size: 16px;
font-size: 1.4rem;
padding: 6px 10px;
border: .5px solid #aeaeae;
}
input[type="text"].short {
width: 49%;
}
input[type="text"].short:last-child {
float: right
}
textarea {
height: 200px;
}
form button.form_button {
width: 100%;
height: 36px;
margin-top: 10px;
border-radius: 3px
}
form {}
.form_table dl {
padding: 5px 0;
}
.form_table dt, .form_table dd {
font-size: 1.2rem;
}
.form_table dt {
margin-bottom: 1px
}
}

/*message*/
.sec0 {
background-color: #e8ddce
}
.sec0 .wrapper {
display: flex;
justify-content: center;
}
@media screen and (min-width: 768px) {/*pc*/
.sec0 .wrapper {
line-height: 30px;
padding-top: 143px;
padding-bottom: 140px
}
}
@media screen and (max-width: 767px) {/*sp*/
.sec0 .wrapper {
line-height: 1.5;
padding-top: 56px;
padding-bottom: 54px
}
}


/*STORY*/
.sec1 {
background-color: #fff
}
.sec1 .noshow {
display:none
}
.sec1 .txt1 {
text-align: center
}
@media screen and (min-width: 768px) {/*pc*/
.sec1 .wrapper {
padding-top: 100px;
padding-bottom: 85px
}
.sec1 h2.heading {
margin-bottom: 8px
}
.sec1 .txt1 {
margin-bottom: 65px
}
.sec1 ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.sec1 ul li {
width: 490px;
line-height: 150%;
text-align: center;
margin-bottom: 24px
}
.sec1 li .js__hover-photo>*:after {
border-radius: 18px
}
}
@media screen and (max-width: 767px) {/*sp*/
.sec1 .wrapper {
padding-top: 54px;
padding-bottom: 24px;
}
.sec1 h2.heading {
margin-bottom: 8px;
}
.sec1 .txt1 {
margin-bottom: 50px;
}
.sec1 li {
text-align: center;
margin-bottom: 24px;
}
}


/*ABOUT SIG.*/
.sec2 {
background-color: #e8ddce
}
.sec2 ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.sec2 ul li {
text-align: center;
}
.sec2 li h3 {
letter-spacing: .2em;
line-height: 1;
}
@media screen and (min-width: 768px) {/*pc*/
.sec2 .wrapper {
width: 840px;
padding-top: 100px;
padding-bottom: 120px
}
.sec2 .heading_sub {
background-image: url(../img/heading_sub_bg2.png);
}
.sec2 h2.heading {
margin-bottom: 60px
}
.sec2 .txt1 {
margin-bottom: 65px
}
.sec2 ul {}
.sec2 ul li {
width: 311px;
margin-left: 60px;
margin-bottom: 100px
}
.sec2 ul li:nth-child(even){
margin-right: 60px;
}
.sec2 li .en {
font-size:1.4rem;
}
.sec2 .txt2 {
margin-top: -30px
}
}
@media screen and (max-width: 767px) {/*sp*/
.sec2 .wrapper {
padding-top: 50px;
padding-bottom: 44px
}
.sec2 .heading_sub {
background-image: url(../img/heading_sub_bg2_sp.png);
}
.sec2 h2.heading {
margin-bottom: 54px
}
.sec2 .txt1 {
line-height: 30px;
margin-bottom: 40px
}
.sec2 ul {}
.sec2 ul li {
width: 45%;
margin-bottom: 34px
}
.sec2 li .js__hover-photo>*:after {
border-radius: 18px;
}
.sec2 li h3 {
font-size:1.3rem;
margin-top: 15px;
margin-bottom: 2px;
}
.sec2 li .en {
line-height: 1.2
}
.sec2 .txt2 {
line-height: 30px;
margin-top: 20px
}
}

/*IMAGE GALLERY*/
.sec3 {
background-color: #fff
}
.sec3 .txt1 {
text-align: center
}
.sec3 .wrap ul {
display: flex;
flex-wrap: wrap
}
.sec3 .wrap ul li {
width: 33%;
margin-bottom:1px;
margin-right:1px;
}
.sec3 .wrap ul li:nth-last-child(3){
margin-bottom:1px;
margin-left:1px;
}
.sec3 .wrap ul li.half {
width: 50%
}
@media screen and (min-width: 768px) {/*pc*/
.sec3 .wrapper {
padding-top: 100px;
padding-bottom: 145px
}
.sec3 h2.heading {
margin-bottom: 8px
}
.sec3 .txt1 {
margin-bottom: 74px
}
.sec3 .wrap {
display: flex
}
.sec3 .wrap .box_left,
.sec3 .wrap .box_right{
flex: 1
}    
}
@media screen and (max-width: 767px) {/*sp*/
.sec3 .wrap ul li {
width: 100%;
margin-bottom:1px;
text-align:center;
}
.sec3 .wrapper {
padding-top: 50px;
padding-bottom: 50px
}
.sec3 h2.heading {
margin-bottom: 8px
}
.sec3 .txt1 {
margin-bottom: 40px
}
}


/*ABOUT US*/
.sec4 {
background-color: #e8ddce
}
.sec4 .txt1 {
text-align: center
}
.sec4 h3 {
font-family: 'Noto Sans JP', sans-serif;
font-weight: bold;
background-repeat: no-repeat;
background-position: left center;
letter-spacing: .14em;
display: inline-block;
margin: auto
}
/*firefox修正*/
@-moz-document url-prefix() {.sec4 h3 {display: block;}}
.sec4 h3.white {
background-image: url(../img/sec4_icon_white.png)
}
.sec4 h3.black {
background-image: url(../img/sec4_icon_black.png)
}
@media screen and (min-width: 768px) {/*pc*/
.sec4 {
line-height: 1.875
}
.sec4 .wrapper {
padding-top: 100px;
padding-bottom: 120px
}
.sec4 .heading_sub {
background-image: url(../img/heading_sub_bg2.png);
}
.sec4 h2.heading {
margin-bottom: 6px
}
.sec4 .txt1 {
margin-bottom: 60px
}
.sec4 .txt2 {
margin-bottom: 90px
}
.sec4 h3 {
font-size: 1.8rem;
line-height: 1.7;
background-size: 42px auto;
padding-left: 82px;
margin-left: 80px;
margin-bottom: 48px
}
.sec4 .box_wrap {
display: flex;
justify-content: space-between
}
.sec4 .box {
width: 46%
}
}
@media screen and (max-width: 767px) {/*sp*/
.sec4 .wrapper {
padding-top: 50px;
padding-bottom: 5px
}
.sec4 .heading_sub {
background-image: url(../img/heading_sub_bg2_sp.png);
}
.sec4 h2.heading {
margin-bottom: 6px
}
.sec4 .txt1 {
margin-bottom: 44px
}
.sec4 .txt2 {
margin-bottom: 40px
}
.sec4 h3 {
font-size: 1.5rem;
line-height: 1.6;
background-size: 39px auto;
padding-left: 60px;
margin-left: 40px;
margin-bottom: 44px
}
.sec4 .box_wrap {}
.sec4 .box {
margin-bottom: 44px
}
}

/*Sig. Price*/
.sec5 {
background-color: #fff
}
.sec5 .txt1 {
text-align: center
}

.sec5　img {
	width: 100%;
	height: auto;
}
#mainImg {
	width: 750px;
	float: left;
}
#rightImg {
	margin-left: 5px;
	width: 245px;
	float: right;
}
#subImg li {
	width: 100%;
	border: 0px;
	margin-bottom: 5px;
}
#subImg li:nth-child(3) {
	margin-bottom: 0;
	}
#subImg li.current {
	opacity:0.5;
}

#mainimg {
	margin-top:150px;
	width: 750px;
	float: left;
}
#rightimg {
	margin-top:150px;
	margin-left: 5px;
	width: 245px;
	float: right;
}
#subimg li {
	width: 100%;
	border: 0px;
	margin-bottom: 5px;
}
#subimg li:nth-child(3) {
	margin-bottom: 0;
	}
#subimg li.current {
	opacity:0.5;
}

.sec5 .name {
margin-top: 50px;
font-weight: bold;
font-size: 2.2rem;
text-align: center;
line-height: 120%;
}
.sec5 .sub_name {
font-size: 1.4rem;
font-weight: normal;
}
.sec5 .price {
text-align: center;
font-size: 1.8rem;
}
.sec5 .tax {
font-size: 1.0rem;
}
.sec5 table {
  margin-top: 50px;
  width: 850px;
  border-collapse: collapse;
  border: solid 2px #EDE4DB;
  margin-left: auto;
  margin-right: auto;
}
.sec5 table th {
  border: solid 1px #ffffff;
  background: #EDE4DB;
  padding: 15px 0;
}
.sec5 table td {
  border: solid 1px #EDE4DB;
  font-size: 1.8rem;
}
.sec5 table .mark {
  font-size: 1.8rem;
  font-weight: bold;
}

@media screen and (min-width: 768px) {/*pc*/
.sec5 .wrapper {
padding-top: 100px;
padding-bottom: 100px
}
.sec5 h2.heading {
margin-bottom:6px
}
.sec5 .txt1 {
margin-bottom: 110px
}
}
@media screen and (max-width: 767px) {/*sp*/
.sec5 .wrapper {
padding-top: 50px;
padding-bottom: 30px
}
.sec5 h2.heading {
margin-bottom: 6px
}
.sec5 .txt1 {
margin-bottom: 45px
}

img {
	width: 100%;
	height: auto;
}
#mainImg {
	width: 100%;
}
#rightImg {
	margin: 5px 0 0;
	width: 100%;
}
#subImg{
    display: flex;
    justify-content: space-between;
}
#subImg li {
	width: 32%;
}
#mainImg{height: 54.5vw}

#mainimg {
	margin-top: 70px;
	width: 100%;
}
#rightimg {
	margin: 5px 0 0;
	width: 100%;
}
#subimg{
    display: flex;
    justify-content: space-between;
}
#subimg li {
	width: 32%;
}
#mainimg{height: 54.5vw}

.sec5 .name {
margin-top: 30px;
font-size: 1.8rem;
}
.sec5 .sub_name {
font-size: 1.2rem;
}
.sec5 .price {
font-size: 1.4rem;
}

.sec5 .tax {
font-size: 0.8rem;
}

.sec5 table {
  margin: 30px 0 20px;
  width: 100%;
}
.sec5 table th {
  padding: 10px 0;
}
.sec5 table td {
  font-size: 1.2rem;
}
.sec5 table .mark {
  font-size: 1.4rem;
  font-weight: bold;
}
}


/*お問い合わせ*/
.sec6 {
background-color: #f0e9e0
}
.sec6 .txt1 {
text-align: center
}
.sec6 .tel {
line-height: 1;
margin-left: auto;
margin-right: auto
}
.sec6 ul {}
.sec6 ul li {}
.sec6 ul a {
display: flex;
align-items: center;
justify-content: center;
color: #ea0000;
border: solid 1px #ea0000;
}
.sec6 ul a:hover {
color: white;
background-color: #ea0000
}
.sec6 .mark {
margin-top: 50px;
line-height: 200%;
text-align: center;
}
.sec6 h2.heading {
color:#000;
}
@media screen and (min-width: 768px) {/*pc*/
.sec6 .wrapper {
padding-top: 120px;
padding-bottom: 30px
}
.sec6 h2.heading {
margin-bottom: 74px
}
.sec6 .txt1 {
margin-bottom: 96px
}
.sec6 .tel {
width: 422px;
margin-bottom: 116px
}
.sec6 ul {
display: flex;
justify-content: space-between
}
.sec6 ul li {
width: 280px;
font-size: 2.4rem;
line-height: 1.25
}
.sec6 ul a {
height: 148px;
border-radius: 18px;
border: solid 3px #ea0000;
}
}
@media screen and (max-width: 767px) {/*sp*/
.sec6 .wrapper {
padding-top: 50px;
padding-bottom: 17px
}
.sec6 h2.heading {
margin-bottom: 52px
}
.sec6 .txt1 {
margin-bottom: 28px
}
.sec6 .tel {
width: 213px;
margin-bottom: 44px
}
.sec6 ul {}
.sec6 ul li {
font-weight: bold;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 35px
}
.sec6 ul li:last-of-type {
margin-bottom: 0
}
.sec6 ul a {
height: 90px;
border-radius: 10px;
} 
.sec6 ul a:hover {
color: white;
background-color: #ea0000
}
.sec6 .mark {
margin-top: 20px;
}
}



/*注文の流れ*/
.sec7 {
background-color: #e8ddce
}
.sec7 .txt1 {
text-align: center
}
@media screen and (min-width: 768px) {/*pc*/
.sec7 {
line-height: 1.875
}
.sec7 .wrapper {
padding-top: 100px;
padding-bottom: 120px
}
.sec7 .heading_sub {
background-image: url(../img/heading_sub_bg2.png);
}
.sec7 h2.heading {
margin-bottom: 6px
}
.sec7 .txt1 {
margin-bottom: 60px
}
.sec7 .txt2 {
margin-bottom: 60px
}
.sec7 h3 {
width: 100%;
padding: 40px;
margin: 0 0 20px; 
text-align: center;
font-size: 2.0rem;
font-weight: bold;
color: #fff;
background: #CCA57E;
border: solid 0 #fff;
border-radius: 10px;
}
.sec7 .box_wrap {
display: flex;
justify-content: space-between
}
.sec7 .box {
width: 23%
}
.sec7 .box .day {
margin-top: 30px;
border: solid 1px #000;
text-align: center;
}
}
@media screen and (max-width: 767px) {/*sp*/
.sec7 .wrapper {
padding-top: 50px;
padding-bottom: 5px
}
.sec7 .heading_sub {
background-image: url(../img/heading_sub_bg2_sp.png);
}
.sec7 h2.heading {
margin-bottom: 6px
}
.sec7 .txt1 {
margin-bottom: 44px
}
.sec7 .txt2 {
margin-bottom: 40px
}
.sec7 h3 {
width: 100%;
padding: 15px;
margin: 0 0 10px; 
text-align: center;
font-size: 1.6rem;
font-weight: bold;
color: #fff;
background: #CCA57E;
border: solid 0px #fff;
border-radius: 7px;
}
.sec7 .box_wrap {}
.sec7 .box {
margin-bottom: 44px
}
.sec7 .box .day {
margin-top: 15px;
border: solid 1px #000;
text-align: center;
}
}


/*よくある質問*/
.sec8 {
background-color: #ffffff
}
.sec8 .txt1 {
text-align: center
}
@media screen and (min-width: 768px) {/*pc*/
.sec8 {
line-height: 1.875
}
.sec8 .wrapper {
padding-top: 100px;
padding-bottom: 120px
}
.sec8 h2.heading {
margin-bottom: 6px
}
.sec8 .txt1 {
margin-bottom: 60px
}
.sec8 h3 {
width: 100%;
padding: 10px 20px;
margin: 0 0 10px; 
font-size: 1.6rem;
font-weight: bold;
color: #fff;
background: #CCA57E;
border: solid 1px #fff;
border-radius: 5px;
}
.sec8 .box_wrap {}
.sec8 .box {
width: 80%;
margin: 30px auto 0; 
}
}
@media screen and (max-width: 767px) {/*sp*/
.sec8 .wrapper {
padding-top: 50px;
padding-bottom: 5px
}
.sec8 h2.heading {
margin-bottom: 6px
}
.sec8 .txt1 {
margin-bottom: 44px
}
.sec8 h3 {
width: 100%;
padding: 5px 10px;
margin: 0 0 10px; 
font-size: 1.2rem;
font-weight: bold;
color: #fff;
background: #CCA57E;
border: solid 1px #fff;
border-radius: 5px;
}
.sec8 .box_wrap {
margin-bottom: 40px;
}
.sec8 .box {
width: 100%;
margin: 15px auto 0; 
}
}


h2.pagetitle {
font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
text-align: center;
}
@media screen and (min-width: 768px) {
h2.pagetitle {
font-size: 3.6rem;
line-height: 1.2;
}
}
@media screen and (max-width: 767px) {
h2.pagetitle {
font-size: 1.8rem;
line-height: 1.4;
}
}


/* Company Info */
.campany_sec {
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
@media screen and (min-width: 768px) {
.campany_sec .wrapper {
width: 840px;
padding-bottom: 100px
}
.campany_sec h2.pagetitle {
margin-bottom: 110px
}
.campany_sec dl {
display: table;
width: 100%;
border-bottom: solid 1px #d1c0a5;
padding: 10px 0
}
.campany_sec dl:last-of-type {
border-bottom: none
}
.campany_sec dt,
.campany_sec dd {
display: table-cell
}
.campany_sec dl dt {
font-weight: bold;
font-size: 1.8rem;
width: 336px;
padding-left: 128px;
padding-right: 10px
}
}
@media screen and (max-width: 767px) {/*sp*/
.campany_sec .wrapper {
padding-bottom: 50px
}
.campany_sec h2.pagetitle {
margin-bottom: 50px
}
.campany_sec dl {
width: 100%;
}
.campany_sec dl dt,
.campany_sec dl dd{
font-size: 1.2rem;
padding: 3px 0;
border-bottom: solid .5px #d1c0a5;
}
.campany_sec dl dt {
font-weight: bold;
}
.campany_sec dl dd {
padding-left: 67px
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe,.ggmap object,.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}


/* Privacy Policy */
.privacy_sec {
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.privacy_sec address a {
font-weight: bold;
color: #d40000;
}
@media screen and (min-width: 768px) {/*pc*/
.privacy_sec  {
font-size: 1.4rem;
line-height: 2.14;
}
.privacy_sec .wrapper {
width: 840px;
padding-bottom: 100px
}
.privacy_sec h2.pagetitle {
margin-bottom: 125px
}
.privacy_sec .txt {
font-weight: bold;
font-size: 1.8rem;
margin-top: 25px
}
.privacy_sec address {
margin-top: 60px
}
.privacy_sec address a:hover {
text-decoration: underline
}
}
@media screen and (max-width: 767px) {
.privacy_sec .wrapper {
padding-bottom: 50px
}
.privacy_sec h2.pagetitle {
margin-bottom: 68px
}
.privacy_sec .txt {
font-weight: bold;
font-size: 1.5rem;
margin-top: 20px
}
.privacy_sec address {
margin-top: 50px
}
.privacy_sec address a {
font-size: 1.5rem;
text-decoration: underline
}
.privacy_sec .btn {
margin-top: 10px
}
}


/* About Sale */
.aboutsale_sec {
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
@media screen and (min-width: 768px) {/*pc*/
.aboutsale_sec  {
font-size: 1.4rem;
line-height: 2.14;
}
.aboutsale_sec .wrapper {
width: 840px;
padding-bottom: 20px
}
.aboutsale_sec h2.pagetitle {
margin-bottom: 115px
}
.aboutsale_sec h3 {
text-align: center;
font-weight: bold;
font-size: 1.8rem;
width: 310px;
margin: auto auto 64px;
border: solid 3px #000;
padding: 5px 5px 4px;
}
.aboutsale_sec article {
margin-bottom: 80px
}
.aboutsale_sec .txt {
font-weight: bold;
font-size: 1.8rem;
margin-top: 70px;
margin-bottom: 4px
}
}
/* IE修正 */
@media screen and (-ms-high-contrast: none) {
.aboutsale_sec h3 {padding: 10px 5px 4px;}
}
@media screen and (max-width: 767px) {/*sp*/
.aboutsale_sec .wrapper {
padding-bottom: 10px
}
.aboutsale_sec h2.pagetitle {
margin-bottom: 50px
}
.aboutsale_sec h3 {
text-align: center;
font-weight: bold;
font-size: 1.5rem;
width: 190px;
margin: auto auto 46px;
border: solid 1.5px #000;
}
.aboutsale_sec article {
margin-bottom: 50px
}
.aboutsale_sec .txt {
font-weight: bold;
font-size: 1.5rem;
margin-top: 40px;
}
}


/* Premium */
.premium_sec {
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
@media screen and (min-width: 768px) {/*pc*/
.premium_sec  {
font-size: 1.4rem;
line-height: 2.14;
}
.premium_sec .wrapper {
width: 840px;
padding-bottom: 20px
}
.premium_sec h2.pagetitle {
margin-bottom: 115px
}
.premium_sec .show_img {
text-align: center;
margin: 100px 0;
}
.premium_sec h3 {
text-align: center;
font-size: 1.8rem;
color: #FF0000;
width: 310px;
margin: auto auto 30px;
border: solid 1px #FF0000;
padding: 5px 5px 4px;
}
.premium_sec article {
margin-bottom: 80px
}
.premium_sec article p {
text-align: center;
margin-bottom: 80px;
}
.premium_sec table {
margin: 0 auto 20px;
border-collapse: collapse;
}
.premium_sec th,td {
text-align: center;
width: 20%;
border: solid 1px;
padding: 10px;
}
.premium_sec .bold {
font-weight: bold;
}
.premium_sec .tax {
margin-bottom: 100px;
text-align: right;
}
.premium_sec .price {
margin-bottom: 100px;
text-align: center;
}
}
/* IE修正 */
@media screen and (-ms-high-contrast: none) {
.premium_sec h3 {padding: 10px 5px 4px;}
}
@media screen and (max-width: 767px) {/*sp*/
.premium_sec .wrapper {
padding-bottom: 10px
}
.premium_sec h2.pagetitle {
margin-bottom: 50px
}
.premium_sec .show_img {
text-align: center;
margin: 50px 0;
}
.premium_sec h3 {
text-align: center;
color: #FF0000;
font-size: 1.4rem;
width: 240px;
margin: auto auto 20px;
border: solid 1px #FF0000;
}
.premium_sec article {
margin-bottom: 50px
}
.premium_sec article p {
text-align: center;
margin-bottom: 40px;
}
.premium_sec table {
margin: 0 auto 20px;
border-collapse: collapse;
}
.premium_sec th,td {
text-align: center;
vertical-align: middle;
width: 33%;
border: solid 1px;
padding: 10px;
}
.premium_sec .bold {
font-weight: bold;
}
.premium_sec .tax {
margin-bottom: 50px;
text-align: right;
}
.premium_sec .price {
margin-bottom: 50px;
text-align: center;
}
}


@media screen and (min-width:641px){
.footer_area{
	display: none;
}	
}
@media screen and (max-width:640px){
.footer_area {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255,255,255,0.7);
	z-index: 10000;
}
.footer_area .footer_area_inner {
	font-size:1.6rem;
	color: #ffffff;
    position: relative;
	text-align:center;
    width: 100%;
    margin: 0px auto;
    padding: 5px 0;
	margin-right: 0px;
}
.footer_area .footer_area_inner a:link {color: #000;}
             a:visited { color: #000; }
             a:hover { color: #000; }
             a:active { color: #000; }
}
}