@charset "UTF-8";
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold; }
html { font-size: 62.5%; }

body { margin: 0; padding: 0; font-family: "游ゴシック Medium", "YuGothic M", YuGothic, "Yu Gothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.8; -webkit-text-size-adjust: 100%; color: #333333; font-size: 14px; font-size: 1.4rem; text-align: left; font-weight: normal; position: relative; }

img { border: 0; vertical-align: bottom; max-width: 100%; height: auto; }

a { color: #333333; text-decoration: none; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; -webkit-transition: ease-in-out 0.5s; transition: ease-in-out 0.5s; display: block; }
a:hover, a:focus { outline: none; }

ol, ul { list-style: none; margin: 0px; padding: 0px; }

table, tr, th, td { border-collapse: collapse; font-size: 100%; vertical-align: top; border-spacing: 0; }

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea { -webkit-appearance: none; }

.wrapper { margin: 0 auto; overflow: hidden; display: block; }
@media screen and (max-width: 768px) { .wrapper { margin: 50px auto 0; } }

@media screen and (max-width: 768px) { .pc { display: none !important; } }

.sp { display: none !important; }
@media screen and (max-width: 768px) { .sp { display: block !important; } }

/*----------------------------------------------------
コンテンツ共通
----------------------------------------------------*/
.mb10 { margin-bottom: 10px; }
@media screen and (max-width: 768px) { .mb10 { margin-bottom: 5px; } }

.mb25 { margin-bottom: 25px; }
@media screen and (max-width: 768px) { .mb25 { margin-bottom: 15px; } }

.mb50 { margin-bottom: 50px; }
@media screen and (max-width: 768px) { .mb50 { margin-bottom: 25px; } }

.mb75 { margin-bottom: 75px; }
@media screen and (max-width: 768px) { .mb75 { margin-bottom: 50px; } }

.red { color: #cc0000; }

.price, .name { font-size: 13px; line-height: 1.6; }
@media screen and (max-width: 768px) { .price, .name { font-size: 10px; } }
.price span, .name span { font-size: 10px; }

.gray_back { display: inline-block; background: #f0f0f0; padding: 15px; }

.mail_line { display: block; border-top: dashed 1px #707070; padding: 5px 0; }
.mail_line:last-of-type { border-top: none; border-bottom: dashed 1px #707070; }

h2.title_left { font-family: "Montserrat", "游ゴシック Medium", "YuGothic M", YuGothic, "Yu Gothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 30px; font-weight: 100; letter-spacing: 0.1em; margin-bottom: 75px; }
@media screen and (max-width: 768px) { h2.title_left { font-size: 24px; text-align: center; margin-bottom: 50px; } }
h2.title_left span { color: #c9b386; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 14px; font-weight: bold; margin-left: 25px; }
@media screen and (max-width: 768px) { h2.title_left span { display: block; font-size: 12px; margin-left: 0; } }

h2.title_center { font-family: "Montserrat", "游ゴシック Medium", "YuGothic M", YuGothic, "Yu Gothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 30px; font-weight: 100; text-align: center; letter-spacing: 0.1em; line-height: 2; margin-bottom: 75px; }
@media screen and (max-width: 768px) { h2.title_center { font-size: 24px; margin-bottom: 50px; } }
h2.title_center span { display: block; color: #c9b386; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 14px; font-weight: bold; }
@media screen and (max-width: 768px) { h2.title_center span { font-size: 12px; } }

.btn a { width: 35%; position: relative; padding: 20px 15px; text-align: center; letter-spacing: 0.5em; cursor: pointer; margin: 0 auto; }
@media screen and (max-width: 768px) { .btn a { width: 75%; letter-spacing: 0.1em; } }
.btn a::after, .btn a::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid #c9b386; transition: transform 0.2s; }
.btn a::after { transform: translate(3px, 3px); }
.btn a::before { transform: translate(-3px, -3px); }
.btn a:hover { color: #fff; background: #c9b386; }
.btn a:hover::after, .btn a:hover::before { transform: translate(0); }

.aniv { padding: 10px 0; }
.aniv p { font-size: 12px; text-align: center; letter-spacing: 0.1em; }
.aniv p::before { content: ''; background: url("../img/common/2019_emblem.png") center center no-repeat; background-size: cover; display: inline-block; width: 50px; height: 54px; margin-right: 15px; vertical-align: middle; }
@media screen and (max-width: 768px) { .aniv p::before { width: 20px; height: 22px; margin-right: 10px; vertical-align: bottom; } }

main { margin: 0; }

/*----------------------------------------------------
pagetop
----------------------------------------------------*/
#pagetop { position: fixed; right: 25px; bottom: 75px; z-index: 9985; }
#pagetop a { position: relative; display: inline-block; padding: 25px 0 0 0; font-family: "Montserrat", "游ゴシック Medium", "YuGothic M", YuGothic, "Yu Gothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #c9b386; letter-spacing: 0.1em; }
#pagetop a::before, #pagetop a::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; }
#pagetop a::before { left: 3px; width: 25px; height: 25px; border-top: 1px solid #c9b386; border-right: 1px solid #c9b386; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/*----------------------------------------------------
header_pc
----------------------------------------------------*/
.header_pc .head_top { position: relative; width: 100%; max-width: 1000px; margin: 0 auto 0px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; padding: 35px 0; }
.header_pc .head_top h1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 250px; }
.header_pc .head_top h1 a:hover img { opacity: 0.8; -moz-transition: ease-in-out 0.7s; -o-transition: ease-in-out 0.7s; -webkit-transition: ease-in-out 0.7s; transition: ease-in-out 0.7s; }
.header_pc .head_top h1 a img { -moz-transition: ease-in-out 0.7s; -o-transition: ease-in-out 0.7s; -webkit-transition: ease-in-out 0.7s; transition: ease-in-out 0.7s; }
.header_pc .head_top ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-end; justify-content: flex-end; }
.header_pc .head_top ul li { margin-right: 10px; }
.header_pc .head_top ul li:first-child { width: 100%; font-family: "Montserrat", "游ゴシック Medium", "YuGothic M", YuGothic, "Yu Gothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: right; margin-bottom: 5px; }
.header_pc .head_top ul li:first-child a { display: inline-block; }
.header_pc .head_top ul li:first-child a:hover { color: #c9b386; }
.header_pc .head_top ul li:last-child { margin-right: 0; }
.header_pc .head_top ul li:not(:first-child) a { display: inline-block; width: 30px; height: 30px; border-radius: 50%; background: #f8f5ef; font-size: 16px; text-align: center; }
.header_pc .head_top ul li:not(:first-child) a:hover { background: #c9b386; }
.header_pc .head_top ul li:not(:first-child) a i { vertical-align: middle; }
.header_pc nav { background: #f8f5ef; }
.header_pc nav.is-fixed { position: fixed; top: 0; left: 0; z-index: 2; width: 100%; z-index: 9999; }
.header_pc nav .n_wrap { width: 100%; max-width: 1000px; margin: 0 auto 0px; display: flex; justify-content: space-between; position: relative; }
.header_pc nav .n_wrap .n_icon { width: 100%; }
.header_pc nav .n_wrap .n_icon .n_link { position: relative; font-family: "Montserrat", "游ゴシック Medium", "YuGothic M", YuGothic, "Yu Gothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; line-height: 1.5; padding: 15px 0; -moz-transition: ease-in-out 0.7s; -o-transition: ease-in-out 0.7s; -webkit-transition: ease-in-out 0.7s; transition: ease-in-out 0.7s; }
.header_pc nav .n_wrap .n_icon .n_link:not(:last-child):after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); opacity: 0; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.header_pc nav .n_wrap .n_icon .n_link:hover:after { opacity: 1; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.header_pc nav .n_wrap .n_icon:hover .mdd_wrap .mdd_inner { max-height: 500px; }
.header_pc nav .n_wrap .n_icon .mdd_wrap { position: absolute; top: 100%; left: 0; width: 100%; z-index: 999; }
.header_pc nav .n_wrap .n_icon .mdd_wrap .mdd_inner { width: 100%; max-width: 1000px; margin: 0 auto 0px; max-height: 0; background: #fff; overflow: hidden; -moz-transition: max-height 0.7s ease; -o-transition: max-height 0.7s ease; -webkit-transition: max-height 0.7s ease; transition: max-height 0.7s ease; }
.header_pc nav .n_wrap .n_icon .mdd_wrap .mdd_inner .cate_wrap { padding: 35px; }
.header_pc nav .n_wrap .n_icon .mdd_wrap .mdd_inner .cate_wrap p { font-size: 12px; font-weight: bold; margin-bottom: 15px; }
.header_pc nav .n_wrap .n_icon .mdd_wrap .mdd_inner .cate_wrap ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 35px; }
.header_pc nav .n_wrap .n_icon .mdd_wrap .mdd_inner .cate_wrap ul:last-of-type { margin-bottom: 0; }
.header_pc nav .n_wrap .n_icon .mdd_wrap .mdd_inner .cate_wrap ul li { width: 25%; margin-bottom: 15px; }
.header_pc nav .n_wrap .n_icon .mdd_wrap .mdd_inner .cate_wrap ul li:nth-last-child(-n+4) { margin-bottom: 0; }
.header_pc nav .n_wrap .n_icon .mdd_wrap .mdd_inner .cate_wrap ul li a { display: -webkit-flex; display: flex; -webkit-align-items: baseline; align-items: baseline; }
.header_pc nav .n_wrap .n_icon .mdd_wrap .mdd_inner .cate_wrap ul li a:hover { color: #c9b386; }
.header_pc nav .n_wrap .n_icon .mdd_wrap .mdd_inner .cate_wrap ul li a .ct_img { width: 30px; margin-right: 10px; }
.header_pc nav .n_wrap .n_icon .mdd_wrap .mdd_inner .cate_wrap ul li a .ct_name { font-size: 12px; line-height: 1.5; }

/*----------------------------------------------------
header_sp
----------------------------------------------------*/
.header_sp .main_fixed { width: 100%; position: fixed; top: 0; left: 0; z-index: 9985; }
.header_sp .main_fixed .mf_inner { position: relative; background: #f8f5ef; padding: 10px; }
.header_sp .main_fixed .mf_inner h1 { width: 100%; max-width: 130px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.header_sp .main_fixed .mf_inner .mf_flex { display: flex; justify-content: space-between; align-items: center; }
.header_sp .main_fixed .mf_inner .mf_flex .h_search { vertical-align: middle; margin-left: 45px; }
.header_sp .main_fixed .mf_inner .mf_flex .h_search a { line-height: 1; }
.header_sp .main_fixed .mf_inner .mf_flex .h_search a i { color: #c9b386; font-size: 20px; }
.header_sp .main_fixed .mf_inner .mf_flex .h_cart { width: 30px; height: 30px; background: #fff; text-align: center; border-radius: 50%; }
.header_sp .main_fixed .mf_inner .mf_flex .h_cart i { color: #c9b386; font-size: 16px; padding: 7px 0; }
.header_sp .menu-trigger { display: inline-block; width: 30px; height: 25px; vertical-align: middle; cursor: pointer; position: fixed; top: 12px; left: 10px; z-index: 9985; transform: translateX(0); transition: transform .5s; }
.header_sp .menu-trigger.active { transform: translateX(250px); }
.header_sp .menu-trigger.active span { background-color: #c9b386; }
.header_sp .menu-trigger.active span:nth-of-type(1) { transform: translateY(9px) rotate(-45deg); }
.header_sp .menu-trigger.active span:nth-of-type(2) { opacity: 0; }
.header_sp .menu-trigger.active span:nth-of-type(3) { transform: translateY(-13px) rotate(45deg); }
.header_sp .menu-trigger span { display: inline-block; box-sizing: border-box; position: absolute; left: 0; width: 100%; height: 3px; background-color: #c9b386; }
.header_sp .menu-trigger span:nth-of-type(1) { top: 0; }
.header_sp .menu-trigger span:nth-of-type(2) { top: 11px; }
.header_sp .menu-trigger span:nth-of-type(3) { bottom: 0; }
.header_sp nav { width: 250px; height: 100%; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 9999; transform: translate(-250px); transition: all .5s; overflow: scroll; }
.header_sp nav.open { transform: translateZ(0); }
.header_sp nav #nav-content .nc_top { padding: 10px; }
.header_sp nav #nav-content .nc_top p { font-size: 12px; font-weight: bold; letter-spacing: 0.05em; margin-bottom: 10px; }
.header_sp nav #nav-content .nc_top p span { color: #790000; }
.header_sp nav #nav-content .nc_inner { font-size: 12px; }
.header_sp nav #nav-content .nc_inner h2 { color: #fff; font-family: "Montserrat", "游ゴシック Medium", "YuGothic M", YuGothic, "Yu Gothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-color: #333; padding: 5px 10px; letter-spacing: 0.1em; line-height: 1; }
.header_sp nav #nav-content .nc_inner ul li { border-bottom: dotted 1px #333; }
.header_sp nav #nav-content .nc_inner ul li:last-child { border-bottom: none; }
.header_sp nav #nav-content .nc_inner ul li a { color: #000; text-decoration: none; background: #f8f5ef; padding: 10px; }
.header_sp nav #nav-content .nc_inner ul li a i { width: 10px; color: #c9b386; text-align: center; margin-right: 10px; }

.overlay { content: ""; display: block; width: 0; height: 0; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; z-index: 9995; opacity: 0; transition: opacity .5s; }
.overlay.open { width: 100%; height: 100%; opacity: 1; }

/*----------------------------------------------------
header_news
----------------------------------------------------*/
.header_news ul li { background: #202566; padding: 10px 0; border-bottom: solid 1px #fff; }
.header_news ul li:first-child { background: #202566; border: none; -moz-transition: ease-in-out 0.7s; -o-transition: ease-in-out 0.7s; -webkit-transition: ease-in-out 0.7s; transition: ease-in-out 0.7s; }
.header_news ul li:first-child:hover { background: #414bca; -moz-transition: ease-in-out 0.7s; -o-transition: ease-in-out 0.7s; -webkit-transition: ease-in-out 0.7s; transition: ease-in-out 0.7s; }
.header_news ul li:first-child a { color: white; }
.header_news ul li:first-child a::before, .header_news ul li:first-child a::after { content: ''; display: inline-block; width: 54px; height: 10px; }
@media screen and (max-width: 768px) { .header_news ul li:first-child a::before, .header_news ul li:first-child a::after { display: none; } }
.header_news ul li:first-child a::before { background: url("../img/index/deco_left.png?0521") center center no-repeat; background-size: cover; margin-right: 25px; }
.header_news ul li:first-child a::after { background: url("../img/index/deco_right.png?0521") center center no-repeat; background-size: cover; margin-left: 25px; }
.header_news ul li:first-child a span { font-size: 12px; margin-left: 10px; }
@media screen and (max-width: 768px) { .header_news ul li:first-child a span { display: block; font-size: 10px; margin-right: 0; } }
.header_news ul li:last-child { border: none; }
.header_news ul li a { color: #fff; text-align: center; letter-spacing: 0.1em; }
@media screen and (max-width: 768px) { .header_news ul li a { font-size: 12px; } }

/*----------------------------------------------------
footer
----------------------------------------------------*/
footer .sns { background: #e4d9c2; }
footer .sns ul { width: 100%; max-width: 1000px; margin: 0 auto 0px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; padding: 25px 0; }
@media screen and (max-width: 768px) { footer .sns ul { width: 100%; margin: 0 auto 0px; padding: 0 10px; padding: 15px 0; } }
footer .sns ul li { width: 23%; margin-right: 2%; }
@media screen and (max-width: 768px) { footer .sns ul li { width: 50px; } }
footer .sns ul li:last-child { margin-right: 0; }
footer .sns ul li a { font-family: "Montserrat", "游ゴシック Medium", "YuGothic M", YuGothic, "Yu Gothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 16px; padding: 5px 10px; text-align: center; border: solid 1px #333; }
@media screen and (max-width: 768px) { footer .sns ul li a { width: 50px; height: 50px; padding: 8px; border: none; background: #fff; border-radius: 50%; } }
footer .sns ul li a:hover { color: #fff; background: #333; }
footer .sns ul li a:hover .icon_img::before { opacity: 1; -moz-transition: ease-in-out 0.7s; -o-transition: ease-in-out 0.7s; -webkit-transition: ease-in-out 0.7s; transition: ease-in-out 0.7s; }
footer .sns ul li a:hover .icon_img img { opacity: 0; -moz-transition: ease-in-out 0.7s; -o-transition: ease-in-out 0.7s; -webkit-transition: ease-in-out 0.7s; transition: ease-in-out 0.7s; }
footer .sns ul li a i { font-size: 24px; vertical-align: sub; margin-right: 25px; }
@media screen and (max-width: 768px) { footer .sns ul li a i { font-size: 30px; margin-right: 0; } }
footer .sns ul li a .icon_img { position: relative; }
footer .sns ul li a .icon_img::before { content: ''; background: url("../img/common/room_icon_02.png") center center no-repeat; background-size: cover; display: inline-block; width: 20px; height: 20px; position: absolute; top: 1px; left: 0; opacity: 0; -moz-transition: ease-in-out 0.7s; -o-transition: ease-in-out 0.7s; -webkit-transition: ease-in-out 0.7s; transition: ease-in-out 0.7s; }
@media screen and (max-width: 768px) { footer .sns ul li a .icon_img::before { width: 23px; height: 23px; top: -1px; } }
footer .sns ul li a .icon_img img { width: 20px; vertical-align: middle; margin-right: 25px; -moz-transition: ease-in-out 0.7s; -o-transition: ease-in-out 0.7s; -webkit-transition: ease-in-out 0.7s; transition: ease-in-out 0.7s; }
@media screen and (max-width: 768px) { footer .sns ul li a .icon_img img { width: 23px; margin: 0; } }
footer .f_wrap { color: #fff; background: #202566; }
footer .f_wrap .f_top { width: 100%; max-width: 1000px; margin: 0 auto 0px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; padding: 75px 0; }
@media screen and (max-width: 768px) { footer .f_wrap .f_top { width: 100%; margin: 0 auto 0px; padding: 0 10px; display: block; padding: 50px 10px; } }
footer .f_wrap .f_top .f_content:first-of-type { width: 30%; }
@media screen and (max-width: 768px) { footer .f_wrap .f_top .f_content:first-of-type { width: 100%; } }
footer .f_wrap .f_top .f_content:nth-child(2) { width: 65%; }
@media screen and (max-width: 768px) { footer .f_wrap .f_top .f_content:nth-child(2) { width: 100%; } }
footer .f_wrap .f_top .f_content:last-child { width: 100%; }
footer .f_wrap .f_top .f_content h2 { border-bottom: solid 1px #fff; margin-bottom: 25px; }
@media screen and (max-width: 768px) { footer .f_wrap .f_top .f_content h2 { margin-bottom: 15px; } }
footer .f_wrap .f_top .f_content ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 12px; }
@media screen and (max-width: 768px) { footer .f_wrap .f_top .f_content ul.f_cash { margin-bottom: 25px; } }
footer .f_wrap .f_top .f_content ul.f_cash li { margin-right: 10px; margin-bottom: 10px; }
footer .f_wrap .f_top .f_content ul.f_cash li a { color: #333; background: #fff; border-radius: 25px; padding: 0 5px; }
footer .f_wrap .f_top .f_content ul.f_cash li a:hover { background: #c9b386; }
@media screen and (max-width: 768px) { footer .f_wrap .f_top .f_content ul.f_guide { margin-bottom: 25px; } }
footer .f_wrap .f_top .f_content ul.f_guide li { width: 50%; }
@media screen and (max-width: 768px) { footer .f_wrap .f_top .f_content ul.f_guide li { width: 100%; } }
@media screen and (max-width: 768px) { footer .f_wrap .f_top .f_content ul.f_guide li:first-child { margin-bottom: 15px; } }
footer .f_wrap .f_top .f_content ul.f_guide li h3 { font-weight: bold; margin-bottom: 5px; }
footer .f_wrap .f_top .f_content ul.f_guide li p span { display: inline-block; background: #790000; border-radius: 25px; padding: 0 10px; margin-bottom: 5px; }
footer .f_wrap .f_top .f_content ul.f_guide li p a { display: inline; color: #fff; text-decoration: underline; }
footer .f_wrap .f_top .f_content ul.f_guide li p a:hover { color: #c9b386; }
footer .f_wrap .f_top .f_content ul.f_contact { -webkit-justify-content: space-between; justify-content: space-between; }
footer .f_wrap .f_top .f_content ul.f_contact li { width: 30%; }
@media screen and (max-width: 768px) { footer .f_wrap .f_top .f_content ul.f_contact li { width: 100%; } }
@media screen and (max-width: 768px) { footer .f_wrap .f_top .f_content ul.f_contact li:first-child { margin-bottom: 25px; } }
footer .f_wrap .f_top .f_content ul.f_contact li:not(:first-child) { position: relative; font-size: 18px; text-align: center; background: none; color: #fff; border: 1px solid #c9b386; padding: 10px 25px; margin: 10px; z-index: 1; }
footer .f_wrap .f_top .f_content ul.f_contact li:not(:first-child):after { content: ''; position: absolute; top: -5px; left: -5px; width: 100%; height: 100%; border: 1px solid #c9b386; z-index: -1; }
footer .f_wrap .f_top .f_content ul.f_contact li:not(:first-child) h3 { font-size: 14px; font-weight: bold; line-height: 1; }
footer .f_wrap .f_top .f_content ul.f_contact li:not(:first-child) a { color: #fff; }
footer .f_wrap .f_bottom { width: 100%; max-width: 1000px; margin: 0 auto 0px; padding-bottom: 15px; }
@media screen and (max-width: 768px) { footer .f_wrap .f_bottom { width: 100%; margin: 0 auto 0px; padding: 0 10px; padding-bottom: 15px; } }
footer .f_wrap .f_bottom ul { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 25px; }
@media screen and (max-width: 768px) { footer .f_wrap .f_bottom ul { -webkit-justify-content: flex-start; justify-content: flex-start; } }
footer .f_wrap .f_bottom ul li { margin-right: 25px; }
@media screen and (max-width: 768px) { footer .f_wrap .f_bottom ul li { width: 50%; margin-right: 0; margin-bottom: 15px; } }
footer .f_wrap .f_bottom ul li:last-child { margin-right: 0; }
footer .f_wrap .f_bottom ul li a { color: #fff; }
@media screen and (max-width: 768px) { footer .f_wrap .f_bottom ul li a { font-size: 12px; } }
footer .f_wrap .f_bottom ul li a:hover { color: #c9b386; }
footer .f_wrap .f_bottom ul li a:hover span { background: #c9b386; -moz-transition: ease-in-out 0.7s; -o-transition: ease-in-out 0.7s; -webkit-transition: ease-in-out 0.7s; transition: ease-in-out 0.7s; }
footer .f_wrap .f_bottom ul li a span { display: inline-block; width: 25px; height: 25px; border-radius: 50%; background: #fff; text-align: center; margin-right: 10px; -moz-transition: ease-in-out 0.7s; -o-transition: ease-in-out 0.7s; -webkit-transition: ease-in-out 0.7s; transition: ease-in-out 0.7s; }
@media screen and (max-width: 768px) { footer .f_wrap .f_bottom ul li a span { vertical-align: middle; } }
footer .f_wrap .f_bottom ul li a span i { color: #333; font-size: 14px; font-weight: 900; }
@media screen and (max-width: 768px) { footer .f_wrap .f_bottom ul li a span i { vertical-align: middle; padding-top: 2px; } }
footer .f_wrap .f_bottom ul li a span img { padding: 7px; }
footer .f_wrap .f_bottom .copy { font-family: "Montserrat", "游ゴシック Medium", "YuGothic M", YuGothic, "Yu Gothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 10px; text-align: center; letter-spacing: 0.1em; }

/*----------------------------------------------------
main_slide
----------------------------------------------------*/
.main_slide_inner .slider01 { width: 100%; margin: 0 auto 25px; }
@media screen and (max-width: 768px) { .main_slide_inner .slider01 { margin: 0 auto 50px; } }
.main_slide_inner .slider01 .slick-slide:not(.slick-center) { -webkit-filter: opacity(70%); filter: opacity(70%); -moz-transition: linear 0.2s; -o-transition: linear 0.2s; -webkit-transition: linear 0.2s; transition: linear 0.2s; }
@media screen and (max-width: 768px) { .main_slide_inner .slider01 .slick-slide:not(.slick-center) { -webkit-filter: opacity(100%); filter: opacity(100%); } }
.main_slide_inner .slider01 .slick-slide img { width: 100%; height: auto; }
.main_slide_inner .slider01 .slide-dots { position: absolute; bottom: 25px; display: block; width: 100%; text-align: center; }
@media screen and (max-width: 768px) { .main_slide_inner .slider01 .slide-dots { bottom: -25px; } }
.main_slide_inner .slider01 .slide-dots li { display: inline-block; margin: 0 10px; }
@media screen and (max-width: 768px) { .main_slide_inner .slider01 .slide-dots li { margin: 0 2.5px; } }
.main_slide_inner .slider01 .slide-dots li.slick-active button::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #333; }
.main_slide_inner .slider01 .slide-dots li button { position: relative; text-indent: -9999px; background: none; border: none; cursor: pointer; }
.main_slide_inner .slider01 .slide-dots li button:hover::before { background: #333; }
.main_slide_inner .slider01 .slide-dots li button::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #999; text-indent: 0px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.main_slide_inner .sub_slide { width: 100%; max-width: 1000px; margin: 0 auto 0px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
@media screen and (max-width: 768px) { .main_slide_inner .sub_slide { width: 100%; margin: 0 auto 0px; padding: 0 10px; display: block; } }
.main_slide_inner .sub_slide .slider02 { position: relative; width: 50%; }
@media screen and (max-width: 768px) { .main_slide_inner .sub_slide .slider02 { width: 100%; margin-bottom: 15px; } }
.main_slide_inner .sub_slide .slider02 .slick-slide { padding: 0 15px; }
.main_slide_inner .sub_slide .slider02 .prev-arrow, .main_slide_inner .sub_slide .slider02 .next-arrow { width: 0; height: 0; border-style: solid; background: none; padding: 0; z-index: 10; }
.main_slide_inner .sub_slide .slider02 .prev-arrow { position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-width: 5px 8px 5px 0; border-color: transparent #c9b386 transparent transparent; }
.main_slide_inner .sub_slide .slider02 .next-arrow { position: absolute; top: 50%; right: 0; transform: translateY(-50%); border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #c9b386; }
.main_slide_inner .sub_slide .search_area { text-align: right; }
@media screen and (max-width: 768px) { .main_slide_inner .sub_slide .search_area { text-align: left; } }
.main_slide_inner .sub_slide .search_area form { position: relative; margin-bottom: 10px; }
.main_slide_inner .sub_slide .search_area form #keyword { width: 100%; border: solid 1px #cdcdcd; padding: 5px 35px 5px 10px; }
.main_slide_inner .sub_slide .search_area form button { position: absolute; top: 50%; right: 5px; transform: translateY(-50%); background: none; border: none; }
.main_slide_inner .sub_slide .search_area ul { display: -webkit-flex; display: flex; }
.main_slide_inner .sub_slide .search_area ul li { margin-right: 5px; }
.main_slide_inner .sub_slide .search_area ul li a { font-size: 12px; background: #f8f5ef; padding: 0 10px; border-radius: 25px; }
.main_slide_inner .sub_slide .search_area ul li a:hover { background: #c9b386; color: #fff; }

/*----------------------------------------------------
ranking
----------------------------------------------------*/
.rank_content { padding: 125px 0 0; }
@media screen and (max-width: 768px) { .rank_content { padding: 50px 0 0; } }
.rank_content ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 75px; }
@media screen and (max-width: 768px) { .rank_content ul { margin-bottom: 50px; } }
.rank_content ul li { width: 25%; position: relative; }
@media screen and (max-width: 768px) { .rank_content ul li { width: 40%; } }
.rank_content ul li:nth-child(-n+2) { width: 40%; margin-bottom: 75px; }
@media screen and (max-width: 768px) { .rank_content ul li:nth-child(-n+2) { width: 90%; margin-bottom: 50px; } }
.rank_content ul li:nth-child(2) { width: 40%; }
.rank_content ul li::before { content: ''; display: inline-block; width: 50px; height: 50px; position: absolute; top: -15px; left: -15px; z-index: 10; }
@media screen and (max-width: 768px) { .rank_content ul li::before { width: 30px; height: 30px; } }
.rank_content ul li:first-child::before { background: url("../img/common/ranking_01.png") center center no-repeat; background-size: cover; }
.rank_content ul li:nth-child(2)::before { background: url("../img/common/ranking_02.png") center center no-repeat; background-size: cover; }
.rank_content ul li:nth-child(3)::before { background: url("../img/common/ranking_03.png") center center no-repeat; background-size: cover; }
.rank_content ul li:nth-child(4)::before { background: url("../img/common/ranking_04.png") center center no-repeat; background-size: cover; }
.rank_content ul li:last-child::before { background: url("../img/common/ranking_05.png") center center no-repeat; background-size: cover; }
.rank_content ul li a:hover .zoom img { transform: scale(1.1); -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
.rank_content ul li a .zoom { max-width: 400px; max-height: 400px; overflow: hidden; margin-bottom: 25px; box-shadow: 10px 10px #fff; }
@media screen and (max-width: 768px) { .rank_content ul li a .zoom { max-width: 768px; max-height: 768px; box-shadow: 5px 5px #fff; margin-bottom: 10px; } }
.rank_content ul li a .zoom img { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }

/*----------------------------------------------------
sale_top
----------------------------------------------------*/
.sale_top { background: #f8f5ef; /* ドットにする時 background-image: radial-gradient(#fff 20%, transparent 0), radial-gradient(#fff 20%, transparent 0); background-position: 0 0, 5px 5px; background-size: 10px 10px; /ドットにする時 */ }
.sale_top .st_content_full a { background: url("../img/sale/200321_1920.jpg") center center no-repeat; background-size: cover; display: block; width: 100%; height: 600px; }
@media screen and (max-width: 768px) { .sale_top .st_content_full a { background: url("https://image.rakuten.co.jp/vitafelice/cabinet/sale/200321_600.jpg") center center no-repeat; background-size: contain; height: 0; padding-top: 60%; } }
.sale_top .st_content_center { width: 100%; max-width: 1000px; margin: 0 auto 0px; padding: 100px 0; }
@media screen and (max-width: 768px) { .sale_top .st_content_center { width: 100%; margin: 0 auto 0px; padding: 0 10px; padding: 25px 10px; } }
.sale_top .st_content_center .st_banner { text-align: center; margin-bottom: 50px; }
@media screen and (max-width: 768px) { .sale_top .st_content_center .st_banner { margin-bottom: 25px; } }
.sale_top .st_content_center .st_banner a img { width: 100%; }

/*----------------------------------------------------
sale_banner
----------------------------------------------------*/
.sale_banner .sb_fixed { position: fixed; left: 0; bottom: 0; width: 100%; background: #68a5b0; z-index: 100; }
.sale_banner .sb_fixed ul { width: 100%; max-width: 1000px; margin: 0 auto 0px; }
.sale_banner .sb_fixed ul li a { text-align: center; }
.sale_banner .popup #c-modal_bg { position: fixed; top: 0; left: 0; z-index: 9990; width: 100%; height: 100%; cursor: pointer; background: rgba(0, 0, 0, 0.6); }
.sale_banner .popup #c-modal { position: fixed; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: 650px; max-height: 100vh; overflow: scroll; padding: 50px 50px 25px 50px; background: #fff; z-index: 9999; }
@media screen and (max-width: 768px) { .sale_banner .popup #c-modal { width: 80%; max-width: 500px; padding: 25px 25px 15px 25px; } }
.sale_banner .popup .c-modal_check { padding: 25px 0 5px; text-align: center; cursor: pointer; }
@media screen and (max-width: 768px) { .sale_banner .popup .c-modal_check { font-size: 12px; padding: 15px 0 5px; } }
.sale_banner .popup #c-modal_close { cursor: pointer; }
.sale_banner .popup #c-modal_close p { font-family: "Montserrat", "游ゴシック Medium", "YuGothic M", YuGothic, "Yu Gothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 18px; text-align: center; }
.sale_banner .popup #c-modal_close p i { margin-right: 10px; }

/*----------------------------------------------------
sale_top,sale_banner 共通
----------------------------------------------------*/
ul.coupon { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
ul.coupon.sale_1coupon li { width: 75%; }
@media screen and (max-width: 768px) { ul.coupon.sale_1coupon li { width: 100%; } }
ul.coupon.sale_1coupon li:last-child { margin-bottom: 0; }
ul.coupon.sale_2coupon li { width: 47.5%; margin-right: 2.5%; }
@media screen and (max-width: 768px) { ul.coupon.sale_2coupon li { width: 100%; margin-right: 0; } }
ul.coupon.sale_2coupon li:nth-child(2n) { margin-right: 0; }
ul.coupon.sale_2coupon li:nth-last-child(-n+2) { margin-bottom: 0; }
@media screen and (max-width: 768px) { ul.coupon.sale_2coupon li:nth-last-child(-n+2) { margin-bottom: 15px; } }
@media screen and (max-width: 768px) { ul.coupon.sale_2coupon li:last-child { margin-bottom: 0; } }
ul.coupon.sale_3coupon li { width: 31.5%; margin-right: 2.75%; }
ul.coupon.sale_3coupon li:nth-child(3n) { margin-right: 0; }
ul.coupon.sale_3coupon li:nth-last-child(-n+3) { margin-bottom: 0; }
ul.coupon.sale_4coupon li { width: 22.75%; margin-right: 3%; }
@media screen and (max-width: 768px) { ul.coupon.sale_4coupon li { width: 47.5%; margin-right: 2.5%; } }
ul.coupon.sale_4coupon li:nth-child(4n) { margin-right: 0; }
ul.coupon.sale_4coupon li:nth-last-child(-n+4) { margin-bottom: 0; }
@media screen and (max-width: 768px) { ul.coupon.sale_4coupon li:nth-last-child(-n+4) { margin-bottom: 15px; } }
@media screen and (max-width: 768px) { ul.coupon.sale_4coupon li:nth-child(2n) { margin-right: 0; } }
@media screen and (max-width: 768px) { ul.coupon.sale_4coupon li:nth-last-child(-n+2) { margin-bottom: 0; } }
ul.coupon li { margin-bottom: 25px; }
@media screen and (max-width: 768px) { ul.coupon li { margin-bottom: 15px; } }
ul.coupon li img { width: 100%; }

/*----------------------------------------------------
fixed_right
----------------------------------------------------*/
.fixed_right .fixed_vitasele { width: 125px; filter: drop-shadow(-3px 5px 10px rgba(0, 0, 0, 0.1)); -moz-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; position: fixed; top: 195px; right: -20px; }
.fixed_right .fixed_vitasele:hover { right: 0; }
.fixed_right .fixed_review { width: 125px; filter: drop-shadow(-3px 5px 10px rgba(0, 0, 0, 0.1)); -moz-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; position: fixed; top: 415px; right: -20px; }
.fixed_right .fixed_review:hover { right: 0; }