@charset "UTF-8";
@import url(reset.css);
@import url(lib.css);
html > body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  color: #000000;
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  margin: 0; }
  html > body a {
    color: #cccccc; }
  html > body img {
   /*max-width: 100%; */
    height: auto;
    vertical-align: bottom; }

@media all and (-ms-high-contrast: none) {
  html > body {
    font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif; } }
.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }







/****************************************

  共通設定

*****************************************/

/* Common
--------------------- */

body {
  font-family: Meiryo, sans-serif;
  font-size: 15px;
        letter-spacing: -1px;
  color: #333;
  line-height: 1.6;
/*  background: #c1272d;*/
        -webkit-text-size-adjust: 100%;
}

a {
  color: #333;
  text-decoration: underline;
}
/*
a:hover {
  text-decoration: none;
  display: block;
  background: #fff;
}
*/
a:hover img {
  -moz-opacity: 0.8;
  opacity: 0.8;
}

img, video, object {
  /*max-width: 100%;*/
  height: auto;
  vertical-align: bottom;
  border: none;
}

.red{
    color: #c1272d;
}

/* Clearfix
--------------------- */

.clearfix {
  zoom: 1;
}

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

.clear {
  clear: both;
}


/* Pagetop
--------------------- */

#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#page-top a:hover{
    background: inherit;
}
#page-top .top_return{
    margin-bottom: 15px;
}
/*#page-top a.totop {
  display: block;
  color: #fff;
  font-size: 40px;
  text-decoration: none;
  background: rgba(0,0,0,0.50);
  border-radius: 40px;
    text-align: center;
    width: 60px;
    height:60px;
    line-height: 1.4;
    margin:0 auto;
}*/

#page-top a.totop:hover {
/*  text-decoration: none;
  background: rgba(0,0,0,0.75);*/
}

/* wrap（サイト幅の最小設定）
--------------------- */
/*.wrap {
    width: 1068px;
    margin: 0 auto;
}*/




/****************************************

  header

*****************************************/

header {
    height: 109px;
}

header li.logo {
    padding: 0 0 0 158px;
}

header ul li {
    float: left;
}


/****************************************

  key_v

*****************************************/

#key_v {
    background: url(images/key_v_bg.png) no-repeat scroll center top, rgba(0, 0, 0, 0) url(images/key_v_bg2.jpg) repeat scroll left top;
    /*height: 862px;*/
    margin-left: auto;
    margin-right: auto;
    /* margin-top: -109px; */
    /* min-width: 1305px; */
}

#key_v_sp {
    background: rgba(0, 0, 0, 0) url(images/key_v_bg2.jpg) repeat scroll left top;
    margin-left: auto;
    margin-right: auto;
}
.navbox {
    position: relative;
    margin-top: 10px;
    padding-bottom: 10px;
}
.navbox .nav .navbtn {
    padding-bottom: 10px;
}
#key_v .wrap {
    background: none;
}
#key_v .wrap h1 {
    /*padding: 0 0 0 158px;*/
}
#key_v .wrap .nav {
    /*padding: 0 0 0 158px;*/
}
#key_v .wrap .i-catch {
    padding: 0px 0 0 0;
    position: absolute;
    bottom: 0;
    right: 30px;
}

/****************************************

  cta

*****************************************/
.cta {
    height: 773px;
}
/*.cta.cta2{
    height: 610px;
}*/


.cta .wrap {
    background: url("images/cta_bg.png") no-repeat scroll center top, rgba(0, 0, 0, 0) url("images/cta_top_bg2.png") repeat-y scroll center top;
    height: 773px;
}
/*
.cta.top .wrap{
    background: url("images/cta_top_bg.png")  no-repeat top right 180px ,
        url("images/cta_bg.png") no-repeat top center ,
        url("images/cta_top_bg2.png") no-repeat top center;
}
*/
.cta.top .wrap {
    background: url("images/cta_bg.png") no-repeat scroll right 180px top, 
    url("images/cta_bg.png") no-repeat scroll center top, 
    rgba(0, 0, 0, 0) url("images/cta_top_bg2.png") repeat-y scroll center top;
    height: 773px;
}
/*
.cta .wrap h1 {
    padding: 55px 0 0 94px;
}
*/
.cta .wrap h1 {
    padding: 55px 0 0 231px;
}

.cta .wrap .button a img{
    margin: 395px 0 0 614px;
}
/*
.cta .wrap .button .img_btn{
    margin: 395px 0 0 614px;
}
*/

.cta .wrap .button .img_btn {
    margin: 532px 0 0 744px;
}
/*.cta.cta2 .wrap{
    background: url("images/cta_bg.png") no-repeat top -6px center ,
            url("images/cta2_bg.png") no-repeat top center;
}*/
.cta.cta2 .wrap {
    background: url("images/cta_bg.png") no-repeat scroll center top -6px, rgba(0, 0, 0, 0) url("images/cta2_bg.png") repeat-y scroll center top;
    height: 767px;
}
/*
.cta.cta2 .wrap h1 {
    padding: 49px 0 0 94px;
}
*/

.cta.cta2 .wrap h1 {
    padding: 52px 0 0 222px;
}
.cta.cta2 .wrap .button a img{
    margin: 395px 0 0 614px;
}
.cta.cta2 .wrap .button .img_btn{
    margin: 532px 0 0 744px;
}

/****************************************

    section

*****************************************/




/* pc */
@media screen and (min-width : 616px ){
    .bnkday_copy01 {
        margin-top: -22px;
    }
}

/* sp */
@media screen and (max-width: 735px) {
}



/* pc */
@media screen and (min-width : 616px ){
.item .input_cart form select{
    width: 30%;
    font-size: 1.4rem;
    }
}
/* sp */
@media screen and (max-width: 735px) {
.item .input_cart form select{
    width: 100%;
    font-size: 1.4rem;
    }    
}




.cart_layout01 {
    width: 84.9%;
    margin-left: 8%;
}

.boxinner {
    width: 83.3%;
    margin-left: auto;
    margin-right: auto;
}


/* pc */
@media screen and (min-width : 616px ){
    .input_cart{
        font-size: 2.0rem;
    }
    .input_cart p{}
    #kikaku02 .column2_box{height: 800px;}
    .selectform p{font-size: 2.0rem;}
}

/* sp */
@media screen and (max-width: 735px) {
    .input_cart {
        font-size: 1.2rem;
    }
    .input_cart p{}
    .selectform p{font-size: 1.2rem;}
}


.input_cart p {
}


.input_cart.carttype01{}



#section01{
    text-align: center;
}


#section01 .content01{
    height: 484px;
    background: url("images/section01_con01_bg.png") no-repeat top center;
}
#section01 .content01 ul {
    padding: 70px 0 0 280px;
}
#section01 .content01 li{
    float: left;
}
#section01 .content03 .voice{
    background: url("images/section01_con03_bg.png") no-repeat top center;
}
#section01 .content03 ul{
    height: 227px;
    width: 810px;
    overflow-y: scroll;
    margin: 0 auto;
    text-align: left;
    background: #fff;
    padding: 30px 25px;
}
#section01 .content03 ul p{
    text-align: right;
}
#section01 .content03 ul li{
    margin-bottom: 25px;
    border-bottom: 1px #eee dotted;
    padding-bottom: 10px;
}


.cart_layout01 .item01{width: 48.6%;}
.cart_layout01 .item02{width: 69%;}


















/****************************************

  section01

*****************************************/

#section01{
    text-align: center;
}


#section01 .content01{
    height: 484px;
    background: url("images/section01_con01_bg.png") no-repeat top center;
}
#section01 .content01 ul{
    padding: 70px 0 0 280px;
}
#section01 .content01 li{
    float: left;
}
#section01 .content03 .voice{
    background: url("images/section01_con03_bg.png") no-repeat top center;
}
#section01 .content03 ul{
    height: 227px;
    width: 810px;
    overflow-y: scroll;
    margin: 0 auto;
    text-align: left;
    background: #fff;
    padding: 30px 25px;
}
#section01 .content03 ul p{
    text-align: right;
}
#section01 .content03 ul li{
    margin-bottom: 25px;
    border-bottom: 1px #eee dotted;
    padding-bottom: 10px;
}
/****************************************

  section02

*****************************************/

#section02{
    text-align: center;
}

/****************************************

  section03

*****************************************/

#section03{
    text-align: center;
}

/****************************************

  section04

*****************************************/

#section04{
    text-align: center;
}

/****************************************

  section05

*****************************************/

#section05{
    text-align: center;
}


/****************************************

  footer

*****************************************/


/*grid-template*/
.grid {
    display: grid;
    grid-column-gap: 1%;
    grid-row-gap: 1%;
    justify-items: stretch;
    align-items: stretch;
 }

#footer_contents_wrap {
    background: #fff;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0;
}
#footer_items {
    grid-template-areas: "footer_contents_item01 footer_contents_item02 footer_contents_item03";
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    background: #fff;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    padding: 1%;
    font-size: 12px;
    border: solid 1px #555;
}


#footer_items p {
    padding-left: 6px;
    padding-right: 6px;
}
.footer_contents_ttl {
    /* grid-area: footer_contents_ttl; */
    margin-left: auto;
    margin-right: auto;
    width: 98.2%;
}
.footer_contents_item01{grid-area: footer_contents_item01;}
.footer_contents_item02{grid-area: footer_contents_item02;}
.footer_contents_item03{grid-area: footer_contents_item03;}

.foot_link{
    width: 940px;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
    font-size: 0.7rem;
}
.foot_link li {
    width: 33%;
    float: left;
    color: #fff;

}

.foot_link li:last-child {
    /* float: right; */
    font-size: 12px;
    /* text-align: right; */
    color: #c1272d;
}

.foot_contbox {
    border: solid 1px #aaa;
    padding: 1%;
    margin: 0% 1% 4% 1%;
}






/* pc */
@media screen and (min-width : 616px ){
    footer {
        margin: auto;
        text-align: left;
    }
}

/* sp */
@media screen and (max-width: 735px) {
    #sp_footinfo {
        background: url(images/back2.jpg) repeat-y;
        background-size: 100% auto;
        text-align: left;
    }
    #sp_footinfo .inner {
        width: 100%;
        background: url(images/sec16_back.png) repeat-y;
        background-size: 100% auto;
        padding: 10px 25px 20px;
        box-sizing: border-box;
        overflow: hidden;
    }
    #sp_footinfo .inner h2 {
        background: #313131;
        color: #fff;
        border-radius: 2px;
        margin: 20px auto;
        padding: 5px;
    }
    #sp_footinfo .inner h2:before {
        content: '● ';
        margin: 0 5px 0 0;
        color: #9e9e9e;
    }
    #sp_footinfo .inner h3 {
        margin: 15px auto 5px;
        font-weight: bold;
    }
    #sp_footinfo .inner p {
        margin: 0 auto 10px;
    }
    #sp_footinfo table {
        border-collapse: collapse; 
        width: 100%;
        margin-bottom: 2em;
    }
    #sp_footinfo table th {
        border: 1px #222 solid;
        padding: 15px 20px;
        vertical-align: middle;
        font-weight: normal;
        text-align: center;
    }
    #sp_footinfo table td {
        border: 1px #222 solid;
        padding: 15px 20px;
        vertical-align: middle;
    }
    #sp_footinfo .notice {
        border: 1px #222 solid;
        padding: 5px 15px;
        margin-bottom: 40px;
    }
    #sp_footinfo a {
        color: #c1272d;
    }
    #sp_footinfo .nuline {
        text-decoration: none;
    }

    footer {
        background: url(images/back2.jpg) repeat-y;
        background-size: 100% auto;
        text-align: center;
        color: #fff;
        padding: 1.5em 0 3em;
    }
    footer ul {
        overflow: hidden;
        margin: 0 auto;
    }
    footer ul li {
        width: 90%;
        margin: 0 5%;
    }
    footer ul li a {
        display: block;
        margin: 0 auto 20px;
        padding: 15px;
        color :#fff;
        border: 2px #fff solid;
        text-decoration: none;
    }
    @media (max-width:420px) {
        header{
            padding-top: 2vw;
        }
    }
    .foot_fix {
        position: fixed;
        bottom: 0;
        max-width: 640px;
    }
    .foot_fix_btn {
        width: 100%;
    }

    .head_fix01{
        display: inline;
        width: 26.6%;
    }
    .head_fix02{
        display: inline;
        width: 13.2%;
    }
    .head_fix03{
        display: inline;
        width: 13.2%;
    }
    .head_fix04 {
        display: inline;
        width: 35%;
    }

}

/****************************************

    commonstyle

*****************************************/
/*___________ 【共通style】 ___________ */
/*スマホ用とPC用に自動で画像のサイズを縮小・拡大*/
img {
    max-width: 100%;
    height:auto;
}
/*■■■■■オンマウスで画像が透過■■■■■*/
a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
} {
opacity: 0.6;
filter: alpha(opacity=60);
}
/*オンマウスで画像が透過させない*/
a:hover img.opa100 {
opacity: 1.0;
filter: alpha(opacity=100);
}


/*■■■■■float関連■■■■■*/
.l{float: left;}/*float　left*/
.r{float: right;}/*float　right*/
.c{clear: both;}/*clear　both*/


/*■■■■■font関連　揃え関連■■■■■*/
.b{font-weight: bold;}/*太字*/
.red{color: red;}/*赤字*/
.tyuigaki {
 margin-left: 1em;
 text-indent: -1em;
}/*注意書き*/
.center{ text-align:center;}/*中央揃え*/
.textr{ text-align:right;}/*右揃え*/
.textl{ text-align:left;}/*左揃え*/
.bottom{
    position : absolute ;
    bottom : 0 ;}/*下揃え*/
    /*
    ※.bottomの使用前提：親要素をposition:relative;にしてください。
    */
.top{vertical-align:top;}/*上揃え*/
.middle{vertical-align:middle;}/*中央揃え*/
.mannaka {
    margin: auto;
}/*真ん中に配置*/
.mannaka img {
    display: block;
    margin: auto;
}
.mark_y{background: none repeat scroll 0 0 #ffff00;}/*マーカー*/
.ul{text-decoration: underline;}/*アンダーライン*/


/*■■■■■position プロパティを使用した位置の調整■■■■■*/
.mother {position: relative;z-index: 1;}
.nest1 {position: absolute;z-index: 2;}/*最下層*/
.nest2 {position: absolute;z-index: 3;}
.nest3 {position: absolute;z-index: 4;}
    /* ※nestのboxに対して topなどをあてる*/


/*■■■■■枠線■■■■■*/
.box{}
.box_bg{}


/*■■■■■マージンによる余白（px）■■■■■*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}
.mr100{margin-right:100px;}

/*■■■■■マージンによる余白（%）■■■■■*/
.mt1p{margin-top:1%;}
.mt2p{margin-top:2%;}
.mt3p{margin-top:3%;}
.mt4p{margin-top:4%;}
.mt5p{margin-top:5%;}
.mt6p{margin-top:6%;}
.mt7p{margin-top:7%;}
.mt8p{margin-top:8%;}
.mt9p{margin-top:9%;}
.mt10p{margin-top:10%;}
.mb1p{margin-bottom:1%;}
.mb2p{margin-bottom:2%;}
.mb3p{margin-bottom:3%;}
.mb4p{margin-bottom:4%;}
.mb5p{margin-bottom:5%;}
.mb6p{margin-bottom:6%;}
.mb7p{margin-bottom:7%;}
.mb8p{margin-bottom:8%;}
.mb9p{margin-bottom:9%;}
.mb10p{margin-bottom:10%;}
.ml1p{margin-left:1%;}
.ml2p{margin-left:2%;}
.ml3p{margin-left:3%;}
.ml4p{margin-left:4%;}
.ml5p{margin-left:5%;}
.ml6p{margin-left:6%;}
.ml7p{margin-left:7%;}
.ml8p{margin-left:8%;}
.ml9p{margin-left:9%;}
.ml10p{margin-left:10%;}
.mr1p{margin-right:1%;}
.mr2p{margin-right:2%;}
.mr3p{margin-right:3%;}
.mr4p{margin-right:4%;}
.mr5p{margin-right:5%;}
.mr6p{margin-right:6%;}
.mr7p{margin-right:7%;}
.mr8p{margin-right:8%;}
.mr9p{margin-right:9%;}
.mr10p{margin-right:10%;}

/*■■■■■paddingによる余白(px)■■■■■*/
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}
.pl80{padding-left:80px;}
.pl90{padding-left:90px;}
.pl100{padding-left:100px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr60{padding-right:60px;}
.pr70{padding-right:70px;}
.pr80{padding-right:80px;}
.pr90{padding-right:90px;}
.pr100{padding-right:100px;}

/*■■■■■paddingによる余白(%)■■■■■*/
.pt1p{padding-top:1%;}
.pt2p{padding-top:2%;}
.pt3p{padding-top:3%;}
.pt4p{padding-top:4%;}
.pt5p{padding-top:5%;}
.pt6p{padding-top:6%;}
.pt7p{padding-top:7%;}
.pt8p{padding-top:8%;}
.pt9p{padding-top:9%;}
.pt10p{padding-top:10%;}
.pb1p{padding-bottom:1%;}
.pb2p{padding-bottom:2%;}
.pb3p{padding-bottom:3%;}
.pb4p{padding-bottom:4%;}
.pb5p{padding-bottom:5%;}
.pb6p{padding-bottom:6%;}
.pb7p{padding-bottom:7%;}
.pb8p{padding-bottom:8%;}
.pb9p{padding-bottom:9%;}
.pb10p{padding-bottom:10%;}
.pl1p{padding-left:1%;}
.pl2p{padding-left:2%;}
.pl3p{padding-left:3%;}
.pl4p{padding-left:4%;}
.pl5p{padding-left:5%;}
.pl6p{padding-left:6%;}
.pl7p{padding-left:7%;}
.pl8p{padding-left:8%;}
.pl9p{padding-left:9%;}
.pl10p{padding-left:10%;}
.pr1p{padding-right:1%;}
.pr2p{padding-right:2%;}
.pr3p{padding-right:3%;}
.pr4p{padding-right:4%;}
.pr5p{padding-right:5%;}
.pr6p{padding-right:6%;}
.pr7p{padding-right:7%;}
.pr8p{padding-right:8%;}
.pr9p{padding-right:9%;}
.pr10p{padding-right:10%;}

/* ■■■■■clearfix ■■■■■*/
.clearfix{zoom:1;}
.clearfix:after{
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
    font-size: 0.1em;
}
/* WinIE7 MacIE5 */
.clearfix{
    display:inline-table;
    zoom:100%;
}
/* WinIE5-6 */
/* Hides from IE-mac \*/
* html html .clearfix{
    height:1px;
}
.clearfix{display:block;}
/*■クリアフィックスによるカラム分け■*/
.twocolumns{width: 100%;}
.threecolumns{width: 100%;}
.fourcolumns{width: 100%;}
.twocolumns .l{width:50%;}
.threecolumns .l{width:33.3%;}
.fourcolumns .l{width:25%;}
.twocolumns .r{width:50%;}
.threecolumns .r{width:33.3%;}
.fourcolumns .r{width:25%;}

/*■フォントサイズ■*/
.fs_s{font-size: 1.4em;}
.fs_m{font-size: 1.6em;}
.fs_l{font-size: 1.8em;}
.fs05rem{font-size:0.5rem;}
.fs06rem{font-size:0.6rem;}
.fs07rem{font-size:0.7rem;}
.fs08rem{font-size:0.8rem;}
.fs09rem{font-size:0.9rem;}
.fs10rem{font-size:1.0rem;}
.fs11rem{font-size:1.1rem;}
.fs12rem{font-size:1.2rem;}
.fs13rem{font-size:1.3rem;}
.fs14rem{font-size:1.4rem;}
.fs15rem{font-size:1.5rem;}
.fs16rem{font-size:1.6rem;}
.fs17rem{font-size:1.7rem;}
.fs18rem{font-size:1.8rem;}
.fs19rem{font-size:1.9rem;}
.fs20rem{font-size:2.0rem;}

/*■flexbox■*/
.flexbox{
  display: flex;
  justify-content: center;
}/*中央揃え*/

.flexbox_sa {
  display: flex;
  justify-content: space-around;
}/*均等揃え*/

.flexbox_sb {
  display: flex;
  justify-content: space-between;
}/*両端揃え*/


.flexbox_fs {
  display: flex;
  justify-content: flex-start;
}/*左揃え*/

.flexbox_orikaeshi {
  flex-wrap: wrap;
}/*折返しあり*/

/*■flexboxによるカラム分け■*/
.column1_box .item {width: 100%;}
.column2_box .item {width: 48%;}
.column3_box .item {width: 32%;}
.column4_box .item {width: 23%;}

/* pc */ 
@media screen and (min-width : 616px ){ 
  .is-sp { 
  display: none; 
  } 
} 
/* sp */ 
@media screen and (max-width: 735px) { 
  .is-pc { 
  display: none; 
  } 
} 
/*___________ 【共通styleここまで】 ___________ */














/*商品詳細ページfixbutton　左側*/
#fixbtns_left {
    position: fixed;
    top: 10px;
    left: 20px;
    width: 130px;
}
#fixbtns_left img {
    width: 100%;
}
/*小さいモニタの場合非表示にする*/
 @media screen and (max-width: 1220px) {
#fixbtns_left {
    visibility: hidden;
}
}


.copy {
    text-align: center;
    font-weight: bold;
    color: #c1272d;
    background: #fff;
    font-size: 2.2rem;
    padding: 0.2% 0;
    border-bottom: solid 2px;
    margin: 2% 8%;
    border-top: solid 2px;
}
.period {
    text-align: center;
    font-weight: bold;
    color: #c1272d;
    background: #fff;
    font-size: 1.2rem;
    text-decoration: underline;
}












.spfixbuttons {
/* box-shadow */
box-shadow:0px -7px 20px -3px #e2e2e5;
    background: rgb(193,39,45,0.9);
    position: fixed;
    bottom: 0;
}
.spfixbuttons .btn{}
.spfixbuttons .btn.btn01{
    width: 50%;
}
.spfixbuttons .btn.btn02{
    width: 50%;
}
.foof-fixboxpc {
    position: fixed;
    bottom: 0;
    width: 360px;
    left: 0;
}





.spfixbuttons {
/* box-shadow */
box-shadow:0px -7px 20px -3px #e2e2e5;
    background: rgb(193,39,45,0.9);
    position: fixed;
    bottom: 0;
}
.spfixbuttons .btn{}
.spfixbuttons .btn.btn01{
    width: 50%;
}
.spfixbuttons .btn.btn02{
    width: 50%;
}
.foof-fixboxsp {
    position: fixed;
    bottom: 0px;
    width: 100%;
    padding: 2% 0;
    left: 0;
  background-color: rgba(53.3,1.6,2,0.5);
}
.foof-fix{
    width: 80%;
}
  

#mainNavi.active {
    width: 97%;
    position: fixed;
    padding: 0 15px;
    background: #ffffff;
    top: 0;
    left: 0;
    z-index: 9999;
    box-shadow: 0px 0px 4px 2px #c9c9c9;
    -moz-box-shadow: 0px 0px 4px 2px #c9c9c9;
    -webkit-box-shadow: 0px 0px 4px 2px #c9c9c9;
    border-bottom: 1px #cccccc solid;
}
.headerbox {
    padding: 3px 0;
}
#mainNavi.active img {
    width: 100%;
}
#mainNavi .l {
    /* width: 100%; */
    padding-top: 2%;
}
#mainNavi.active img {
    width: 100%;
}
#mainNavi .r {
    /* display: none; */
}
#mainNavi.active img {
    width: 100%;
}



@media screen and (max-width: 736px) {
  #foof-fixbox.is-pc {
    visibility: hidden;
}
}

@media screen and (min-width : 616px ){
  #foof-fixbox.is-sp {
    visibility: hidden;
}
}









html{background: #fdf6eb}
#wrap {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    
/* box-shadow */
box-shadow:0px 0px 22px -9px #555555;
/* border-radius */
border-radius:0px 0px 0px 0px ;
}
footer{
    text-align: center;
    background: #333;
    color: #fff;
}

.container {
    max-width: 960px;
    margin: 0 auto;
    background: #fff;
    padding: 2% 0;
}
.container img{
    max-width: 100%;
    height:auto;
}

.d-none{display: none;}

.hader_sp{    padding: 2%;}
.hader_sp .logo{width: 30%;}
.hader_sp .tel{width: 60%;}
/*
.mainV {
    width: 100%;
    height: 610px;
    margin: 0 auto;
    overflow: hidden;
    background: #EDEADB;
}
.mainV div {
    width: 900px;
    margin: 0 auto;
    position: relative;
}
.mainV img {
    top: 80px;
    left: 50%;
    margin-left: -960px;
    display: block;
    position: absolute;
    z-index: 0;
    width: 1920px !important;
}


.mainV_sp img {
    padding-top: 8%;
}
*/


.inbox {
    padding-right: 4%;
    padding-left: 4%;
}

.item_period {
    font-size: 1.6rem;
}



.ttl {
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #c1272d;
    font-size: 2.2rem;
    padding: 1% 0;
    margin-left: 4%;
    margin-right: 4%;
    margin-bottom: 2%;
}


.foof-fixbox {
    position: fixed;
    bottom: 0px;
    z-index: 11;
}

.head-fixbox{
    position: fixed;
    top: 0px;
    z-index: 10;
}

.footfix {
    padding-top: 1%;
    padding-bottom: 1%;
    width: 960px;
    margin: 0 auto 0 auto;
}

.footfix img{
    max-width:100%;
}

.event_fix {
    box-shadow: 0px -4px 36px 3px #4a0f16;
    background-color: rgba(74, 15, 22,0.8);
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 3;
}



/* ==============================
  PC用
============================== */
    /* ■□ヘッダー共通バナー□■ */
  iframe#banner-main-pc {
        margin: 0;
        width: 980px;
        height: 1250px;/* 高さを適宜調節してください */
}
iframe.header_iframe{
        height:1250px;/* 高さを適宜調節してください */
    }
    
/* 一言コメント */
iframe#abstract {
    margin: 0;
    width: 450px !important;
    overflow: scroll;
    height: 620px;
}

.btn_fixb {
    position: fixed;
    bottom: 0;
}