@charset "utf-8";
/* CSS Document */

.pc { display:none; }
.sp { display:block; }

.fs12vw { font-size:calc(12 * 0.22vw); }
.fs14vw { font-size:calc(14 * 0.2vw); }
.fs16vw { font-size:calc(16 * 0.22vw); }
.fs18vw { font-size:calc(18 * 0.18vw); }
.fs20vw { font-size:calc(20 * 0.18vw); }
.fs24vw { font-size:calc(24 * 0.17vw); }
.fs26vw { font-size:calc(26 * 0.18vw); }
.fs28vw { font-size:calc(28 * 0.2vw); }
.fs30vw { font-size:calc(30 * 0.15vw); }
.fs32vw { font-size:calc(32 * 0.15vw); }
.fs36vw { font-size:calc(36 * 0.2vw); }
.fs40vw { font-size:calc(40 * 0.15vw); }
.fs48vw { font-size:calc(48 * 0.15vw); }
.fs50vw { font-size:calc(50 * 0.15vw); }
.fs56vw { font-size:calc(56 * 0.14vw); }
.fs100vw { font-size:calc(100 * 0.13vw); }

header#header nav.pc { display:none; }
header#header nav { padding: 8em 0 2em 0;}
header#header nav a { display: inline-block; margin: 0.8em auto 0.8em auto;text-align: center; color: #FFF;font-size: 1.8em;}

header#header .logo img { width:10.3125vw; }

main #fv .swiper-slide { height:min(130vw, 1011px); }

main #fv .slide01 { background-image:url(../img/slide_sp01.jpg); }
main #fv .slide02 { background-image:url(../img/slide_sp02.jpg); }
main #fv .slide03 { background-image:url(../img/slide_sp03.jpg); }

main #fv .fv_text { bottom: 30vw; height: 41vw;}
main #fv .fv_text img { width:28vw; }

.ttl { padding: 0 0 1em 0;}

section#about { background: url(../img/about_top_bg_sp.png) top center / contain no-repeat; }

section#about .about_first .text { -ms-writing-mode: tb-lr; writing-mode:lr-tb; float:none; }
section#about .about_first .first_title { width:96%; margin: 0 auto 1em auto; text-align:center; }
section#about .about_first .about_right_img { display:none; }
section#about .about_first .about_left_img { display:none; }

section#about .about_first .read1 { width:94%; margin: 1em auto 1em auto; text-align:center; }
section#about .about_first .read2 { width:94%; margin: 1em auto 1em auto; }

section#about .about_first .en { top: 2.5em; bottom: 0; left: 2vw; }


section#about .about_second { -ms-writing-mode: tb-lr; writing-mode:lr-tb; width: 100%; margin:0; padding: 1em 0 1em 0; background: url(../img/about_bottom_sp_bg.png) top 7em center / contain no-repeat;}
section#about .about_second header { display:block; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; width:94%; margin:auto;}
section#about .about_second article { width:94%; margin:auto; }

section#about .about_second .about_map { width: 49vw; margin-left: 5vw; margin-right: 5vw; }


section#about .about_second header .second_slug { margin-top:2em; font-size: calc(16* 0.18vw); }
section#about .about_second header p { margin-top:1em; margin-right: 0.5em; font-size: calc(32* 0.18vw); }

section#about .about_second article { -ms-writing-mode: tb-lr; writing-mode:lr-tb; width:94%; margin: 1em auto 1em auto; }
section#about .about_second .read2 {  }

section#gift header { padding: 3em 0 0.1em 0;}

section#gift header ul { max-width: 100%; }
section#gift header ul li { margin: 1vw 1vw 2em 1vw; width: 22%; }
section#gift header ul li .num { top: -1.2em; }

.items.content_left { padding: 0;}
.items.content_right { padding: 0;}

.items { background: linear-gradient(180deg, #f5f3eb 0%, #f5f3eb 3.5em, #FFF 3.5em, #FFF); }
.items .text { width: 100%;}


.items .item_name.left { padding: 6em 0 1em 0; margin: 0 0.2em 0 4%; max-width: 17vw; }
.items .item_name.right { padding: 6em 0 1em 0; margin: 0 4% 0 0; max-width: 17vw; }
 .items .item_name ruby { line-height: 1; }
.items .item_name rt { line-height: 1; }
.items .item_name span.slug { height: 17em;padding: 1em 0 min(11vw, 320px) 0;line-height: 1.5;}
.items .item_name em { line-height: 1; padding: 0 0.25em 0 0; }
.items .item_catch { padding: 8.5em 0 0 3%;font-size: calc(32* 0.148vw);}
.items .item_catch.catch07 { padding: 8.5em 0 0 2%;font-size: calc(32* 0.132vw);}
.items .item_catch.right { float: left; margin: 0 0 0 4%; }
.items .item_img { width: 100%; margin: 1em 0 1.2em 0; }
.items .describe { width: 94%; margin: auto; }
.items .portal { padding: 2em 0 2.5em 0;}
.items .portal a { width: 48%;}


section#gift { padding: 0 0 3em 0; }
section#use { padding: 2.5em 0 2.5em 0;}

section#use .use_wrapper { padding: 1em; }


section#use .box figcaption { width: 100%; float:none;}
section#use .box .thumb { width: 100%; float:none;}

section#use .box { padding: 1em 0 1em 0;}



section#use .use_btn { width: 100%; margin: 0.8em auto 0.8em auto;}



section#tax { padding: 2.5em 0 2.5em 0;}
section#tax .obi { width: 28vw;}
section#tax .summary { text-align:left; margin: 1em 6% 1em 6%; }


section#tax .tax_box { width:90%; margin: 2em auto 2em auto;}

section#tax .tax_box .step { display: block; width: 100%; line-height: 1.5; }

section#tax .tax_box .step img.triangle { width: 5.154vw; height: 7.029vw; rotate: 90deg; text-align: center; display: block;}
section#tax .tax_box .step dd .icon { width: 16vw; }

section#tax .tax_box .step dt .title { font-size: calc(24* 0.24vw); }
section#tax .tax_box .step dd { font-size: calc(16* 0.26vw);  padding: 0.5em 0 0.5em 0; }

section#tax .tax_box .type .link_btn { width: 80%; }

section#tax .tax_box .type .link_btn .icon { width: 0.5em; }

section#tax .tax_box .type .ol { margin: 1em auto 0 auto; }
section#tax .tax_box .type .red { margin: 0 auto 1em auto; }
section#tax .tax_box .type .fs20vw { font-size: calc(20* 0.2vw); }


section#tax .topicks { width:80%; }
section#tax .topicks .icon { width: 0.5em; }


footer#footer { padding: 2em 0 4em 0;}
footer#footer .low_inner { width: 92%; }
footer#footer .info_name { margin: 0 0 1em 0; }
footer#footer .info_name .fs36vw {  font-size: calc(36* 0.17vw); }
footer#footer address { font-size:calc(18 * 0.22vw); }
footer#footer .tel { margin:0.5em 0 0.5em 0; font-size:calc(24 * 0.2vw); }
footer#footer .map { width:100%; height: 12em; margin-top:1em; }

#ptop { width: 12vw; bottom: 1.2em; right: 1.2em;}