@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url(https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);



/*********************************
 *
 * 全ページ共通
 *
 *********************************/
html * {box-sizing:border-box; word-break:break-all;}
body {background:#fff; color:#867360; font-family:'Noto Serif JP', serif; font-size:3.2vw; font-weight:400;}

/* a */
a {color:#867360; text-decoration:none;}

/* clearfix */
.cf:before, .cf:after {content:""; display:block; overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}

/* fit */
.object-fit-img {object-fit:contain; font-family:'object-fit: contain;'}



/*********************************
 *
 * HEADER / SEARCH / NAV
 *
 *********************************/ 
#or_header {/*height:80vw;*/}
#or_header * {margin:0; padding:0;}
#or_header img {width:100%; height:auto;}

#or_header .member {padding:0.7em 0; background:#efe3e0; color:#9a7e8e; font-family:'Noto Sans JP', sans-serif; font-size:3vw; font-weight:500; line-height:1; text-align:center;}
#or_header .inner {position:relative;}
#or_header .inner h1.logo {width:25%; max-width:202px; margin:0 auto; padding-top:15px; text-align:center;}
#or_header .inner .lead {padding:9px 0 0 0; color:#836b75; font-size:2.4vw; letter-spacing:0.03em; font-weight:300; text-align:center;}
#or_header .inner .sys_nav {position:absolute; display:flex; align-items:center; justify-content:space-between; width:26%; top:4vw; right:3%; color:#9a7e8e; font-size:2.2vw; letter-spacing:0.05em; text-align:center;}
#or_header .inner .sys_nav a {color:#9a7e8e;}
#or_header .inner .sys_nav li {width:50%;}
#or_header .inner .sys_nav li img {width:80%;}
#or_header .inner .sys_nav li p {margin-top:3px;}
#or_header .info {margin-top:12px; background:#fbf8f7; color:#c593ab; font-family:'Noto Sans JP', sans-serif; font-size:2vw;}
#or_header .info dl {display:flex; align-items:center; width:100%; margin:0 auto; border-left:1px dotted #c593ab; text-align:center;}
#or_header .info dl dd {width:25%; padding:15px 1em 10px 1em; border-right:1px dotted #c593ab; line-height:1.3; text-align:center;}
#or_header .info dl dd:last-child {border:0;}
#or_header .info dl dd img {width:auto; height:8vw;}
#or_header .info dl dd p {margin-top:0.5em;}
#or_header .info dl dd span {font-size:75%; font-weight:300;}
#or_header .search {padding:11px 0; font-family:'Noto Sans JP', sans-serif; text-align:center;}
#or_header .inner .nav_btn {position:absolute; width:10vw; height:10vw; top:4vw; left:3%; background:#fdfcf9;}
#or_header .inner .nav_btn a {display:block; width:10vw; height:10vw;}
#or_header .inner .nav_btn span {position:relative; display:block; width:7.8vw; border:1px solid #9a7e8e; transition:0.2s;}
#or_header .inner .nav_btn span:nth-child(1) {top:2vw; left:1vw;}
#or_header .inner .nav_btn span:nth-child(2) {top:4vw; left:1vw;}
#or_header .inner .nav_btn span:nth-child(3) {top:6vw; left:1vw;}

/* nav */
#nav {display:none; position:fixed; overflow-y:scroll; top:46vw; left:0; width:100%; height:100%; padding:0 0 22vw 0; background:#efe3e0; font-family:'Noto Sans JP', sans-serif; font-size:3.5vw; letter-spacing:0.03em; text-align:center; z-index:15;}
#nav * {margin:0; padding:0;}
#nav ul {width:70%; margin:0 auto; line-height:1.4;}
#nav ul li {}
#nav ul li span {font-size:70%;}
#nav ul a {display:block; padding:0.7em 0 0.8em 0; border-bottom:1px dotted #9a7e8e; color:#9a7e8e;}
	
/* or_search */
#or_search {padding:0.6em 0; background:#e1e5e4; font-family:'Noto Sans Japanese', sans-serif;}
#or_search * {margin:0; padding:0;}
#or_search img {width:100%; height:auto;}
#or_search .inner {display:flex; width:92%; margin:0 auto; justify-content:space-between; align-items:center;}
#or_search .search_box .search {overflow:hidden; width:60vw; background:#fff; border-radius:0.7em;}
#or_search .search_box .search input.searchbox {width:52vw; padding:0 0 0 1em; background:#fff; border:0; line-height:2.4;}
#or_search ::placeholder {color:#bbb;}
#or_search input:focus {background:#fff; border:0; outline:none;}
#or_search input:-webkit-autofill {animation-name:onAutoFillStart; transition:background-color 50000s ease-in-out 0s;}
#or_search .search_box .search input.btn {width:6vw; height:6vw; background:url(../images/search_icon.png) right center no-repeat; background-size:60% auto; border:0; text-indent:-99999px;}
#or_search .inner p {width:32%;}



/*********************************
 *
 * CONTENTS
 *
 *********************************/
#or_contents {}
#or_contents * {margin:0; padding:0;}
#or_contents img {width:100%; height:auto;}

/*
#pagetop {width:1000px; margin:0 auto; text-align:right;}
	#pagetop a {display:inline-block; padding:0 40px 0 0; background:url(../images/f_pagetop.png) right center no-repeat; color:#000; font-size:16px; font-weight:bold; line-height:31px;}
*/


/*********************************
 *
 * FOOTER
 *
 *********************************/
#or_footer {}
#or_footer * {margin:0; padding:0;}
#or_footer .calendar {width:88%; margin:0 auto; padding:40px 0;}
#or_footer .f_info {padding:5vw 0; background:url(../images/top/atn_bg.png); color:#94062d;}
#or_footer .f_info a {border-bottom:1px solid #94062d; color:#94062d;}
#or_footer .f_info h3 {text-align:center;}
#or_footer .inner {}
#or_footer .f_info dl {width:88%; margin:6vw auto 0 auto; line-height:1.7;}
#or_footer .f_info dl dt {padding:0.5em 0; background:#fffefe; border-radius:0.2em; font-size:3.6vw; letter-spacing:0.05em; font-weight:700; text-align:center;}
#or_footer .f_info dl dd {padding:1.2em 0 0 0; text-align:left;}
#or_footer .f_info dl dd p {padding:1em 0 0 0;}
#or_footer .f_info .copy {margin-top:9vw; padding-top:5vw; border-top:1px solid #94062d; font-size:2.8vw; text-align:center;}


/*********************************
 *
 * トップページ
 *
 *********************************/
/* slider */
#slider {}
#slider * {margin:0; padding:0;}
#slider img {width:100%; height:auto;}
#slider .slick-slide {opacity:0.5; transition:0.3s;}
#slider .slick-current {opacity:1;}
#slider .slick-slide a:hover {display:block; opacity:0.7;}
#slider .slick-prev,
#slider .slick-next {display:none;}
.item_slider {}
.item_slider .slick-prev {display:block; top:32.5%; left:-2%; width:4vw; height:4vw; background:url(../images/arrow_r.svg) center top no-repeat; background-size:contain; transform:scale(-1, 1);}
.item_slider .slick-next {display:block; top:36%; right:-2%; width:4vw; height:4vw; background:url(../images/arrow_r.svg) center top no-repeat; background-size:contain;}

/* top_categiry */
#or_contents .top_cate {padding-top:5vw;}
#or_contents .top_cate .inner {width:88%; margin:0 auto;}
#or_contents .top_cate ul {display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:1vw;}
#or_contents .top_cate ul li {width:47.5%; margin-top:4vw;}

/* top_atn */
#or_contents .top_atn {margin-top:10vw; padding:6vw 0 10vw 0; background:url(../images/top/atn_bg.png); background-size:25% auto; color:#94062d; font-size:3vw;}
#or_contents .top_atn .inner {width:88%; margin:0 auto; text-align:center;}
#or_contents .top_atn .inner a {border-bottom:1px solid #94062d; color:#94062d;}
#or_contents .top_atn .inner .ttl {margin-top:5vw; padding:0.3em 0; background:#fdfbf8; border-radius:0.2em; font-size:3.6vw;}
#or_contents .top_atn .inner .ttl + p {margin-top:1em; line-height:1.6;}

/* top_news */
#or_contents .top_news {margin-top:5vw;}
#or_contents .top_news .inner {width:88%; margin:0 auto;}
#or_contents .top_news dl {font-size:2.8vw;}
#or_contents .top_news dl dt {padding-top:1.5em; color:#5a3715; font-size:3.6vw;}
#or_contents .top_news dl dt span {color:#c593ab; font-size:75%; font-weight:400;}
#or_contents .top_news dl dd {padding:1em 0 1.2em 0; border-bottom:1px dotted #cdc3b8; color:#867360; font-weight:300; line-height:1.6;}

/* top_newItem */
#or_contents .top_newItem {margin-top:9vw; text-align:center;}
#or_contents .top_newItem .inner {width:94%; margin:0 auto;}
#or_contents .top_newItem .inner ul {margin-top:5vw; padding-left:4%; line-height:1.6;}
#or_contents .top_newItem .inner ul li {float:left; margin-right:1%;}
#or_contents .top_newItem .inner ul li .name {margin-top:1em;}

/* top_column */
#or_contents .top_column {margin-top:9vw; padding-top:8vw; border-top:1px solid #ded7d0; text-align:center;}
#or_contents .top_column .inner {width:88%; margin:0 auto;}
#or_contents .top_column .inner ul {margin:6vw 0 0 0; line-height:1.6;}
#or_contents .top_column .inner ul li {float:left; width:30.2%; margin-right:calc(9.4% / 2)}
#or_contents .top_column .inner ul li:nth-child(3n) {margin-right:0;}
#or_contents .top_column .inner ul li .name {margin-top:1em;}

/* top_brand */
#or_contents .top_brand {margin-top:12vw; padding-top:10vw; border-top:1px solid #ded7d0; color:#5a3715;}
#or_contents .top_brand .inner {}
#or_contents .top_brand .inner h2 {padding-bottom:4vw !important; text-align:center;}
#or_contents .top_brand .inner .brand_box {position:relative; display:flex; align-items:center; margin-top:1px; font-size:2.8vw;}
#or_contents .top_brand .inner .brand_box.text_l {justify-content:flex-end;}
#or_contents .top_brand .inner .brand_box .text {position:absolute; width:70%; padding:1.5em 2em 2em 2em; background:rgba(255,255,255,0.8);}
#or_contents .top_brand .inner .brand_box.text_l .text {left:0;}
#or_contents .top_brand .inner .brand_box.text_r .text {right:0;}
#or_contents .top_brand .inner .brand_box .text .name {font-size:2.6vw; line-height:1.6;}
#or_contents .top_brand .inner .brand_box .text .name span {font-size:5vw; font-weight:500;}
#or_contents .top_brand .inner .brand_box .text .note {margin-top:1em; font-weight:300; line-height:1.7;}
#or_contents .top_brand .inner .brand_box .text .btn {margin-top:1.5em;}
#or_contents .top_brand .inner .brand_box .text .btn a {display:block; padding:0.8em 0; border:1px solid #5a3715; text-align:center;}
#or_contents .top_brand .inner .brand_box .img {}

/* top_ranking */
#or_contents .top_ranking {margin-top:10vw;}
#or_contents .top_ranking .inner {width:94%; margin:0 auto;}
#or_contents .top_ranking .inner ul {margin-top:5vw; padding-left:4%; line-height:1.6; text-align:center;}
#or_contents .top_ranking .inner ul li {position:relative; float:left; margin-right:1%; padding-top:3.5vw;}
#or_contents .top_ranking .inner ul li .name {margin-top:1em;}
#or_contents .top_ranking ul li p.num {position:absolute; top:0; left:calc(50% - 3.5vw); text-align:center;}
#or_contents .top_ranking ul li p.num span {display:flex; align-items:center; justify-content:center; width:7vw; height:7vw; padding-right:1vw; background:#bebebe; border-radius:50%; color:#fff; font-size:22px; font-style:italic; line-height:1.6;}
#or_contents .top_ranking ul li.rank1 p.num span {background:#f3db3a;}
#or_contents .top_ranking ul li.rank2 p.num span {background:#c0ced5;}
#or_contents .top_ranking ul li.rank3 p.num span {background:#d98d75;}
#or_contents .top_ranking ul li .name {margin-top:1em;}

/* top_bis */
#or_contents .top_bis {margin-top:10vw; padding-top:7vw; border-top:1px solid #ded7d0;}
#or_contents .top_bis .inner {width:94%; margin:0 auto;}
#or_contents .top_bis .inner ul {margin-top:5vw; padding-left:4%; line-height:1.6; text-align:center;}
#or_contents .top_bis .inner ul li {position:relative; float:left; margin-right:1%;}
#or_contents .top_bis .inner ul li .name {margin-top:1em;}

/* top_recommend */
#or_contents .top_recommend {margin-top:11vw; padding-top:8vw; border-top:1px solid #ded7d0;}
#or_contents .top_recommend .inner {width:94%; margin:0 auto;}
#or_contents .top_recommend .inner ul {margin-top:5vw; padding-left:4%; line-height:1.6; text-align:center;}
#or_contents .top_recommend .inner ul li {position:relative; float:left; margin-right:1%;}
#or_contents .top_recommend .inner ul li .name {margin-top:1em;}

/* top_media */
#or_contents .top_media {margin-top:11vw; padding-top:8vw; border-top:1px solid #ded7d0;}
#or_contents .top_media .inner {width:94%; margin:0 auto;}
#or_contents .top_media .inner ul {margin-top:5vw; padding-left:4%; line-height:1.6; text-align:center;}
#or_contents .top_media .inner ul li {position:relative; float:left; margin-right:1%;}
#or_contents .top_media .inner ul li .name {margin-top:1em;}
.top_media .item_slider .slick-prev {top:42%;}
.top_media .item_slider .slick-next {top:45%;}

/* top_ig */
#or_contents .top_ig {margin-top:11vw; padding:9vw 0 11vw 0; background:#d1abaa; color:#fff; font-family:'Noto Sans JP', sans-serif; text-align:center;}
#or_contents .top_ig .inner {width:88%; margin:0 auto;}
#or_contents .top_ig .inner ul {margin:8vw auto 0 auto;}
#or_contents .top_ig .inner ul li {float:left; width:22%; margin-right:calc(12%/ 3);}
#or_contents .top_ig .inner ul li:nth-child(4n) {margin-right:0;}
#or_contents .top_ig .inner .lead {margin-top:5vw; font-size:4.4vw; font-weight:800;}
#or_contents .top_ig .inner .btn {margin-top:5vw;}
#or_contents .top_ig .inner .btn a {display:block; padding:0.5em 0; border:2px solid #fff; color:#fff;}