@charset "utf-8";
/* ichioshi style css */

html {
scroll-padding-top: 100px;
}
/*-------------------------------------------------
TOPページ
-------------------------------------------------*/

.page_ichioshi_top .content {
padding: 10px 0 0;
}
#Loader {
background: white;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
}
#Loader #progress {
background: #FCC800;
width: 0;
height: 3px;
position: fixed;
top: 0;
left: 0;
display: block;
}
#Loader {
transition: all 1s ease;
}
.load-complete #Loader {
opacity: 0;
}
.top_mv {
width: 100%;
height: 100vh;
position: relative;
}
.top_mv_inline {
width: 100%;
height: 100%;
min-height: 680px;
position: absolute;
top: 0;
left: 0;
}
.main_logo {
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
z-index: 10;
}
.main_logo h1 {
max-width: 738px;
height: auto;
}

@media all and (max-width : 820px ){
.main_logo h1 {
width: 600px;
}
}

@media all and (max-width : 767px ){
.main_logo h1 {
width: 300px;
}
}

.top_mv_slide {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.top_mv_slide_item {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.top_mv_slide_item::after {
content: '';
background: url("../img/dc/bg_bullet.png") left top repeat;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.top_mv_slide_item .item_image {
background-position: center center;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}
.top_mv_slide_item .item_image--standby {
	transform: scale(1.1);
}
.top_mv_slide_item .item_image--animate {
	animation: mv_slide 6000ms linear;
}

@keyframes mv_slide {
0% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}

.top_mv_slide_item .item_image img {
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
visibility: hidden;
}
.top_mv_slide_item .item_image--pc {
display: block;
}
.top_mv_slide_item .item_image--sp {
display: none;
}
.top_mv_slide_thumb {
background-color: #fff;
width: 100px;
height: 4px;
position: absolute;
bottom: 40px;
right: 80px;
z-index: 99;
overflow: hidden;
border-radius: 4px;
}

@media all and (max-width : 820px ){
.top_mv_slide_thumb {
right: 30px;
}
}

.top_mv_slide_thumb span {
background-color: #8E7742;
width: 0;
height: 4px;
display: block;
border-radius: 4px;
}
.top_mv_scroll {
font-family: "Libre Baskerville", serif;
font-size: 1.2rem;
font-weight: 400;
color: #fff;
padding-bottom: 40px;
position: absolute;
bottom: 0;
left: 48.5%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
z-index: 99;
animation: anim-to-mv-scroll 2.5s ease infinite;
}

@keyframes anim-to-mv-scroll {
0% {
transform: translateY(0);
opacity: 1;
}
50% {
transform: translateY(15px);
opacity: .8;
}
80% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(0);
opacity: 1;
}
}

.top_mv_scroll::before {
background-color: #fff;
width: 1px;
height: 35px;
position: absolute;
bottom: 0;
left: 50%;
content: '';
}
.top_mv_navwrap {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}


@media all and (max-width : 767px ){
.top_mv {
height: 100dvh;
}
.top_mv_slide_item .item_image--pc {
display: none;
}
.top_mv_slide_item .item_image--sp {
display: block;
}
.top_mv_slide_thumb {
width: 80px;
bottom: 25px;
right: 25px;
}
.top_mv_navwrap {
height: 100%;
min-height: 480px;
}
.top_mv_scroll {
left: 45.5%;
font-size: 1.0rem;
}
}


/*-------------------------------------------------
TOP セクションタイトル
-------------------------------------------------*/

.top_title_box {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 40px;
}
.top_title_jp {
font-family: vdl-yotag, sans-serif;
font-weight: 400;
font-size: 2.4em;
letter-spacing: 0.25em;
color: #111;
line-height: 100%;
margin-bottom: 10px;
}
.top_title_en {
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 1.1rem;
letter-spacing: 0.05em;
line-height: 100%;
color: #8F6D48;
position: relative;
padding-bottom: 25px;
}
.top_title_en::after {
content: "";
display: block;
width: 10px;
height: 1px;
background-color: #999;
position: absolute;
bottom: 0;
left: 50%;
}

@media all and (max-width : 1260px ){
.top_title_jp {
font-size: 2.2em;
letter-spacing: 0.2em;
}
}

@media all and (max-width : 820px ){
.top_title_jp {
font-size: 2.0em;
}
}

@media all and (max-width : 767px ){
.top_title_box {
margin-bottom: 30px;
}
.top_title_jp {
font-size: 1.6em;
}
.top_title_en {
font-size: 1.0rem;
padding-bottom: 20px;
}
}


/*-------------------------------------------------
開催概要
-------------------------------------------------*/

.sec_outline {
padding: 80px 0;
}
.sec_copy {
font-family: 'F+UD TsukuMin R';
font-weight: 400;
font-size: 2.4rem;
letter-spacing: 0.2em;
line-height: 100%;
margin-bottom: 50px;
text-align: center;
display: block;
}
.outline_txt {
font-size: 1.5rem;
line-height: 210%;
text-align: center;
display: block;
margin-bottom: 80px;
}

@media all and (max-width : 820px ){
.sec_copy {
font-size: 2.0rem;
margin-bottom: 30px;
}
.outline_txt {
font-size: 1.4rem;
line-height: 180%;
margin-bottom: 50px;
}
}

.outline_imgbox {
display: flex;
flex-wrap: wrap;
padding-right: 0px;
margin-right: 0px;
}
.outline_imgbox li {
width: calc( 25% - 60px / 4);
margin-right: 10px;
margin-bottom: 10px;
}
.outline_imgbox li:nth-child(4n) {
margin-right: 0px;
}

@media all and (max-width : 767px ){
.sec_outline {
padding: 30px 0;
}
.sec_copy {
font-size: 1.6rem;
letter-spacing: 0.1em;
line-height: 160%;
margin-bottom: 20px;
}
.outline_txt {
font-size: 1.2rem;
line-height: 160%;
margin-bottom: 30px;
}
.outline_imgbox li {
width: calc( 33.333333% - 20px / 3);
margin-right: 10px;
margin-bottom: 10px;
}
.outline_imgbox li:nth-child(4n) {
margin-right: 10px;
}
.outline_imgbox li:nth-child(3n) {
margin-right: 0px;
}
}


/*-------------------------------------------------
募集期間
-------------------------------------------------*/

.sec_period {
padding: 60px 0 100px;
background: #8E7742;
}
.sec_period .top_title_jp,
.sec_period .top_title_en {
color: #fff;
}
.period_title {
font-family: 'F+UD TsukuMin R';
font-weight: 400;
font-size: 3.0rem;
color: #fff;
text-align: center;
margin-bottom: 20px;
}
.period_title span {
font-family: "Libre Baskerville", serif;
font-weight: 400;
font-size: 4.6rem;
margin: 0 5px;
}
.period_txt {
font-size: 1.4rem;
color: #fff;
text-align: center;
display: block;
}

@media all and (max-width : 1024px ){
.period_title {
font-size: 2.4rem;
margin-bottom: 20px;
}
.period_title span {
font-size: 4.0rem;
}
}

@media all and (max-width : 820px ){
.period_title {
font-size: 2.0rem;
margin-bottom: 20px;
}
.period_title span {
font-size: 3.6rem;
}
}

@media all and (max-width : 767px ){
.sec_period {
padding: 30px 0 20px;
}
.period_title {
font-size: 1.4rem;
margin-bottom: 10px;
}
.period_title span {
font-size: 2.2rem;
margin: 0 3px;
}
.period_txt {
font-size: 1.1rem;
}
}



/*-------------------------------------------------
投票方法
-------------------------------------------------*/

.sec_howto {
padding: 80px 0;
}
.step_box_wrap {
display: flex;
flex-wrap: wrap;
}
.step_box {
width: calc(50% - 30px / 2);
border: solid 1px #ddd;
margin-right: 30px;
padding-bottom: 40px;
}
.step_box:nth-child(2) {
margin-right: 0px;
}
.step_title {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 2.2rem;
color: #fff;
display: block;
text-align: center;
padding: 10px;
line-height: 100%;
background: #8E7742;
margin-bottom: 20px;
}
.step_title span {
font-size: 3.2rem;
}
.tb_hidden {
display: none;
}
.step_txt {
font-size: 2.0rem;
font-weight: 700;
line-height: 160%;
text-align: center;
padding: 0 20px;
}

@media all and (max-width : 1150px ){
.step_txt {
font-size: 1.6rem;
}
}

@media all and (max-width : 820px ){
.step_txt {
font-size: 1.4rem;
}
.tb_hidden {
display: block;
}
}

.step_txt span {
color: #D13239;
}
.step_img {
width: 80%;
margin: 20px auto 0px;
}
.step_vote {
max-width: 400px;
margin: 50px auto 30px;
padding: 0 20px;
}
.step_img img,
.step_vote img {
width: 100%;
}
.step_cation {
padding: 0 30px;
}
.step_cation li {
font-size: 1.4rem;
margin-bottom: 6px;
padding-left: 20px;
position: relative;
}
.step_cation li::before {
content: "※";
position: absolute;
left: 0;
top: 0;
}

@media all and (max-width : 820px ){
.step_cation li {
font-size: 1.3rem;
}
}

@media all and (max-width : 767px ){
.sec_howto {
padding: 40px 0 30px;
}
.step_box {
width: 100%;
margin-right: 0px;
padding-bottom: 20px;
margin-bottom: 20px;
}
.step_title {
font-size: 1.8rem;
margin-bottom: 20px;
}
.step_title span {
font-size: 2.4rem;
}
.step_txt {
font-size: 1.35rem;
letter-spacing: 0.05em;
}
.step_img {
width: 90%;
}
.step_vote {
margin: 30px auto 30px;
padding: 0 40px;
}
.step_cation li {
font-size: 1.2rem;
}
}

.step_cation .bg_yellow {
position: relative;
display: inline-block;
}
.step_cation .bg_yellow::before {
content: "";
width: calc(100% + 0.5rem);
height: 1.1rem;
border-radius: 0.3rem;
background-color: #ffe34d;
position: absolute;
top: 13px;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
.ichioshi2025 .btn-arrow-l::after {
right: 15px !important;
transform: translateY(-50%) rotate(135deg);
}




/*-------------------------------------------------
商品
-------------------------------------------------*/

.sec_prize {
width: 100%;
background: #F2F2ED;
padding: 80px 0 100px;
}
.prize_head_txt {
font-size: 1.6rem;
display: block;
text-align: center;
margin: 30px 0 10px;
}
.prize_box {
background: #fff;
border: solid 10px #ddd;
padding: 40px 0;
}
.prize_title {
font-family: 'F+UD TsukuMin R';
font-weight: 400;
font-size: 2.4rem;
line-height: 180%;
display: block;
text-align: center;
letter-spacing: 0.25em;
margin-bottom: 30px;
}
.prize_title span {
color: #D00A1D;
}
.prize_imgbox {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.prize_imgbox li {
width: 100%;
}
.prize_imgbox img {
width: 100%;
}
.prize_under_txt {
font-size: 1.2rem;
text-align: right;
display: block;
margin-bottom: 20px;
}
.prize_cation_txt {
font-size: 1.4rem;
line-height: 180%;
}

@media all and (max-width : 1040px ){
.prize_imgbox,
.prize_cation_txt {
padding: 0 20px;
}
.prize_under_txt {
padding-right: 20px;
}
}

@media all and (max-width : 767px ){
.sec_prize {
padding: 40px 0 50px;
}
.prize_head_txt {
font-size: 1.2rem;
margin: 20px 0 0px;
}
.prize_box {
background: #fff;
border: solid 10px #ddd;
padding: 20px 0px;
}
.prize_title {
font-size: 1.6rem;
letter-spacing: 0.1em;
margin-bottom: 20px;
}
.prize_imgbox,
.prize_cation_txt {
padding: 0 0px;
}
.prize_under_txt {
padding-right: 0px;
text-align: left;
margin-bottom: 10px;
}
.prize_cation_txt {
font-size: 1.2rem;
line-height: 160%;
}
}


/*-------------------------------------------------
投票カテゴリ
-------------------------------------------------*/

.sec_vote_category {
padding: 100px 0;
}

@media all and (max-width : 767px ){
.sec_vote_category {
padding: 50px 0 20px;
}
.sec_vote_category .sec_copy {
font-size: 1.55rem;
}
}


/*-------------------------------------------------
注意事項
-------------------------------------------------*/

.sec_guideline {
padding: 80px 0;
background: #F2F2ED;
}
.guide_title {
background: #8E7742;
font-family: vdl-yotag, sans-serif;
font-weight: 400;
font-size: 1.6em;
letter-spacing: 0.1em;
padding: 15px 0;
color: #fff;
line-height: 100%;margin-bottom: 40px;
display: block;
text-align: center;
}
.purpose {
padding-left: 35px;
padding-bottom: 50px;
margin-left: 10px;
}
.purpose li { 
padding: 3px 30px 3px 5px;
display:list-item;
list-style-type: decimal;
}
.guide_txt {
font-size: 1.4rem;
line-height: 180%;
margin-left: 20px;
margin-bottom: 30px;
}

@media all and (max-width : 767px ){
.sec_guideline {
padding: 40px 0;
}
.guide_title {
font-size: 1.4em;
padding: 13px 0;
margin-bottom: 20px;
}
.purpose {
padding-bottom: 40px;
margin-left: 0px;
}
.purpose li { 
font-size: 1.2rem;
}
.guide_txt {
font-size: 1.2rem;
line-height: 170%;
margin-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
}




/*-------------------------------------------------
下層ページ　header
-------------------------------------------------*/

.lower_title_box {
width: 100%;
height: 100px;
background: rgba(255,255,255,0.8);
backdrop-filter: blur(5px);
position: fixed;
z-index: 100;
}
.lower_logo {
max-width: 602px;
height: auto;
margin: 14px auto;
}

@media all and (max-width : 820px ){
.lower_title_box {
height: 90px;
}
.lower_logo {
max-width: 500px;
margin: 18px auto;
}
}

@media all and (max-width : 767px ){
.lower_title_box {
height: 60px;
}
.lower_logo {
max-width: 300px;
margin: 15px auto;
}
}

.lower_logo img {
width: 100%;
}
.bg_imgbox {
background: url("../img/ichioshi/title_bg.jpg") ;
height: 320px;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
margin-top: 100px;
}
.bg_imgbox::before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 320px;
background-color: rgba(0,0,0,0.45)
}
.title_box {
color: #fff;
z-index: 10;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.page_title {
font-family: 'F+UD TsukuMin R';
font-weight: 400;
font-size: 2.8rem;
letter-spacing: 0.4em;
line-height: 100%;
margin-bottom: 14px;
padding: 0 35px 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.page_sub_title {
font-family: "Libre Baskerville", serif;
font-weight: 400;
font-size:1.0rem;
line-height: 100%;
letter-spacing: 0.1em;
text-align: center;
}

@media all and (max-width : 820px ){
.bg_imgbox {
height: 280px;
margin-top: 90px;
}
.bg_imgbox::before {
height: 280px;
}
.page_title {
font-size: 2.4rem;
}
}

@media all and (max-width : 767px ){
.bg_imgbox {
background: url("../img/ichioshi/title_bg_sp.jpg") ;
height: 100px;
background-size: cover;
margin-top: 60px;
}
.bg_imgbox::before {
height: 100px;
}
.title_box {
top: 45%;
}
.page_title {
font-size: 1.5rem;
letter-spacing: 0.2em;
margin-bottom: 10px;
padding: 0 35px 10px;
white-space: nowrap;
}
.page_sub_title {
font-size:0.8rem;
}
}


/*-------------------------------------------------
パンくず 
-------------------------------------------------*/

.pankuzu {
padding-top: 15px;
padding-right: 20px;
display: flex;
justify-content: flex-end;
font-family: 'F+UD TsukuMin R';
font-weight: 400;
font-size: 1.2rem;
}

@media screen and (max-width: 1260px) {
.pankuzu {
margin-left: 20px;
}
}
.pHome,
.p01{
margin-right: 10px;
}
.pHome a {
text-decoration: none;
color: #111;
letter-spacing: 0.1em;
}
.p02 {
padding-top: 2px;
padding-right: 10px;
}
.p02 a {
text-decoration: none;
color: #111;
}

@media all and (max-width : 767px ){
.pankuzu {
display: none;
}
}


/*-------------------------------------------------
コンテンツ領域
-------------------------------------------------*/

.content {
padding: 30px 0 50px;
}

@media all and (max-width : 767px ){
.content {
padding: 30px 0 0px;
}
}

.box {
max-width: 980px;
margin: 0 auto;
}
.box_s {
max-width: 980px;
margin: 0 auto;
}
@media all and (max-width : 980px ){
.box_s {
padding: 0 20px;
}
}

.box_m {
max-width: 1260px;
margin: 0 auto;
}
@media all and (max-width : 1260px ){
.box_m {
padding: 0 20px;
}
}

.box_l {
width: 100%;
margin: 0 auto;
}


/*-------------------------------------------------
Fooeter
-------------------------------------------------*/

footer {
width: 100%;
background-color: #000;
}
.footer_inner {
max-width: 980px;
margin: 0 auto;
padding: 30px 0 10px;
color: #fff;
}
.foot_logo {
max-width: 90px;
height: auto;
margin: 0 auto 20px;
}
.foot_maintitle {
font-family: 'F+UD TsukuMin R';
font-weight: 400;
font-size: 1.4rem;
text-align: center;
margin-bottom: 20px;
letter-spacing: 0.4em;
}
.foot_credit {
font-size: 1.0rem;
text-align: center;
line-height: 180%;
margin-bottom: 20px;
letter-spacing: 0.2em;
}
.copyright {
font-family: "Libre Baskerville", serif;
font-weight: 400;
font-size: 0.8rem;
text-align: center;
display: block;
letter-spacing: 0.1em;
}
.page_top {
width: 50px;
height: 50px;
position: fixed;
right: 20px;
bottom: 80px;
background: #8E7742;
opacity: 0.9;
border-radius: 50%;
z-index: 999;
}
.page_top a{
position: relative;
display: block;
width: 50px;
height: 50px;
text-decoration: none;
}
.page_top a::before{
font-family: 'Font Awesome 5 Free';
font-weight: 700;
content: '\f106';
font-size: 16px;
color: #fff;
position: absolute;
width: 30px;
height: 30px;
top: 0px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}

@media all and (max-width : 767px ){
.footer_inner {
padding: 20px 0 10px;
}
.foot_logo {
max-width: 80px;
height: auto;
margin: 0 auto 15px;
}
.foot_maintitle {
font-size: 1.1rem;
margin-bottom: 15px;
}
.copyright {
font-size: 0.8rem;
letter-spacing: 0;
}
.page_top {
width: 40px;
height: 40px;
position: fixed;
right: 20px;
bottom: 80px;
opacity: 0.9;
border-radius: 50%;
z-index: 999;
}
.page_top {
width: 40px;
height: 40px;
position: fixed;
right: 10px;
bottom: 60px;
}
.page_top a{
width: 40px;
height: 40px;
}
.page_top a::before{
top: 1px;
}
}


/* モジュールパーツ
-------------------------------------------------- */

.line_effect {
text-decoration: none;
}
.u_line_wht,
.u_line_blk {
position: relative;
z-index: 1;
}
.u_line_wht:after {
content: '';
position: absolute;
left: 0;
bottom: -8px;/*テキストからの距離*/
width: 0%;/*初期状態では下線非表示*/
height: 1px;/*下線の高さ*/
background: #ccc;/*下線の色*/
z-index: -1;
transition: all 0.3s;/*アニメーション速度*/
}
.u_line_blk:after {
content: '';
position: absolute;
left: 0;
bottom: -8px;/*テキストからの距離*/
width: 0%;/*初期状態では下線非表示*/
height: 1px;/*下線の高さ*/
background: #222;/*下線の色*/
z-index: -1;
transition: all 0.3s;/*アニメーション速度*/
}
.line_effect:hover .u_line_wht:after,
.line_effect:hover .u_line_blk:after{
width: 100%;/*hover時に表示*/
}

/*-------------------------------------------------
btn
-------------------------------------------------*/

/* ボタン共通設定 */
.link_btn {  
position: relative; /*矢印の基点とするためrelativeを指定*/
font-family: vdl-yotag, sans-serif;
 font-style: normal;
 font-weight: 500;
font-size: 1.8rem;
letter-spacing: 0.2em;
text-decoration: none; /*ボタンの形状*/
display: inline-block;
color:#fff;
padding: 15px 110px 15px 110px;
background-color: #222;
border-radius: 5px;
text-align: center;
outline: none;
transition: ease .3s; /*アニメーションの指定*/
}
.link_btn:hover {
background:#8E7742;
color:#fff;
transition: ease .3s;
}
.btn_arrow::after{ /* 矢印が右に移動して現在地に戻る */
content: '';
position: absolute;/*絶対配置で矢印の位置を決める*/
top:44%;
right: 20px;
width: 8px; /*矢印の形状*/
height: 8px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
transition: ease .3s;
}
.btn_arrow:hover::after { /*hoverした際のアニメーション*/
right: 15px;
transition: .3s;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.btn_arrow_left::after{ /* 矢印が右に移動して現在地に戻る */
content: '';
position: absolute;/*絶対配置で矢印の位置を決める*/
top:44%;
left: 20px;
width: 8px; /*矢印の形状*/
height: 8px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(-135deg);
transition: ease .3s;
}
.btn_arrow_left:hover::after { /*hoverした際のアニメーション*/
left: 15px;
transition: .3s;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.link_btn_box {
display: flex;
justify-content: center;
}

@media all and (max-width : 767px ){
.link_btn {  
font-size: 1.2rem;
font-weight: 400;
padding: 10px 40px 10px 40px;
}
.btn_arrow::after { 
top:44%;
right: 15px;
width: 6px; /*矢印の形状*/
height: 6px;
}
}

/*-------------------------------------------------
sec_title_box
-------------------------------------------------*/

.sec_title_jp {
font-family: 'F+UD TsukuMin R';
font-weight: 400;
font-size: 2.0rem;
line-height: 100%;
letter-spacing: 0.2em;
margin-bottom: 15px;
padding-left: 40px;
position: relative;
white-space: nowrap;
}
.sec_title_jp::before {
content: "";
position: absolute;
left: 0px;
top: 50%;
display: inline-block;
background-color: #8F6D48;
width: 30px;
height: 1px;
}
.sec_subtitle_en {
font-family: "Libre Baskerville", serif;
font-weight: 400;
font-size: 1.0rem;
letter-spacing: 0.05em;
color: #8F6D48;
line-height: 100%;
margin-left: 40px;
}
.sec_title_box {
margin-bottom: 30px;
}

@media all and (max-width : 767px ){
.sec_title_jp {
font-size: 1.6rem;
letter-spacing: 0.1em;
margin-bottom: 10px;
padding-left: 40px;
}
.sec_subtitle_en {
font-size: 0.8rem;
}
}
















/* スポット一覧ページ
-------------------------------------------------- */

/*-------------------------------------------------
エントリー件数
-------------------------------------------------*/

.search-number {
font-family: vdl-yotag, sans-serif;
font-weight: 400;
font-size: 2.8rem;
margin-bottom: 50px;
padding: 20px 0;
border-top: 1px dotted #d1d1d1;
border-bottom: 1px dotted #d1d1d1;
}
.search-number ul {
display: flex;
align-items: center;
justify-content: space-between;
font-family: 'F+UD TsukuMin R';
font-weight: 400;
font-size: 1.4rem;
}

@media all and (max-width : 820px ){
.search-number ul {
font-size: 1.3rem;
}
}

.search-number ul li:first-child {
width: 70%;
}
.search-number dl,
.search-number dl dd {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.search-number ul li:last-child {
flex: 1 0 0;
text-align: right;
}
.search-number ul li:last-child dl {
display: flex;
align-items: center;
justify-content: flex-end;
}
.search-number ul li:last-child dl dt {
display: flex;
}
.search-number ul li:last-child dl dd {
color: #C6C1AB;
}
.search-number em {
padding-left: 0.2em;
font-size: 5rem;
font-family: "Libre Baskerville", serif;
font-weight: 400;
font-style: normal;
line-height: 1;
color: #C6C1AB;
}

@media all and (max-width : 820px ){
.search-number em {
padding-left: 0.1em;
font-size: 3rem;
}
}

@media all and (max-width : 767px ){
.search-number {
font-size: 2.0rem;
margin: 0 0 25px;
padding: 10px 0;
}
.search-number ul {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-direction: column;
font-size: 1.1rem;
}
.search-number ul li {
margin-bottom: 10px;
}
.search-number ul li:first-child {
width: 100%;
font-size: 1.1rem;
}
.search-number ul li:last-child dl dt {
display: flex;
font-size: 1.1rem;
}
.search-number em {
padding-left: 0.1em;
font-size: 2.4rem;
}
}


/*-------------------------------------------------
スポット一覧表示
-------------------------------------------------*/

.spot_box_wrap {
display: flex;
flex-wrap: wrap;
}
.spot_box {
width: calc(33.3333333% - 60px / 3);
margin-right: 30px;
margin-bottom: 30px;
padding-bottom: 30px;
border: solid 1px #ddd;
}
.spot_box:nth-child(3n) {
margin-right: 0;
}
.spot_img {
width: 100%;
margin-bottom: 20px;
position: relative;
aspect-ratio: 3 / 2;
object-fit: cover;
background: #000;
overflow: hidden;
	}
.spot_img img {
width: 100%;
aspect-ratio: 3 / 2;
object-fit: cover;
transition-duration: 0.7s;	
}
.spot_img img:hover {
transform: scale(1.05);	
transition-duration: 0.7s;	
opacity: 0.8;
}
.spot_category {
display: flex;
margin-left: 15px;
margin-bottom: 20px;
}
.spot_category li {
font-family: vdl-yotag, sans-serif;
font-weight: 400;
font-size: 1.3rem;
padding: 13px 15px 12px;
line-height: 10%;
}
.cate_area {
background-color: #8E7742;
color: #fff;
border-radius: 3px;
margin-right: 10px;
}
.cate_spot {
color: #111;
border: solid 1px #111;
border-radius: 3px;
}
.spot_box h4 {
font-family: vdl-yotag, sans-serif;
font-weight: 400;
font-size: 2.0rem;
letter-spacing: 0.15em;
margin: 0 0 15px 15px;
padding-right: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.spot_read {
font-size: 1.3rem;
line-height: 180%;
padding: 0 15px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}


@media all and (max-width : 1024px ){
.spot_category {
margin-left: 10px;
margin-bottom: 15px;
}
.spot_category li {
font-size: 1.2rem;
padding: 13px 15px 12px;
}
.spot_box h4 {
font-size: 1.8rem;
letter-spacing: 0.1em;
margin: 0 0 10px 10px;
padding-right: 10px;
}
.spot_read {
font-size: 1.2rem;
}
}


@media all and (max-width : 820px ){
.spot_box_wrap {
padding-bottom: 30px;
margin-bottom: 40px;
}
.spot_box {
width: calc(33.3333333% - 40px / 3);
margin-right: 20px;
margin-bottom: 20px;
padding-bottom: 20px;
}
.spot_category li {
font-size: 1.1rem;
padding: 12px 10px 11px;
}
.spot_box h4 {
font-size: 1.6rem;
}
}

@media all and (max-width : 767px ){
.spot_box_wrap {
margin-bottom: 0px;
padding-bottom: 0px;
}
.spot_box {
width: 100%;
margin-right: 0px;
margin-bottom: 20px;
padding-bottom: 20px;
}
.spot_img {
margin-bottom: 15px;
}
.spot_category {
display: flex;
margin-left: 15px;
margin-bottom: 10px;
}
.spot_category li {
font-size: 1.1rem;
padding: 10px 15px 10px;
line-height: 10%;
}
.spot_box h4 {
font-size: 1.8rem;
margin: 0 0 5px 15px;
padding-right: 10px;
}
.spot_read {
font-size: 1.2rem;
line-height: 180%;
padding: 0 15px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
}


/*-------------------------------------------------
other category
-------------------------------------------------*/

.theme_box_wrap {
display: flex;
flex-wrap: wrap;
}
.theme_box {
width: calc(33.333333% - 40px / 3);
margin-right: 20px;
margin-bottom: 30px;
}
.theme_box:nth-child(3n) {
margin-right: 0px;
}
.theme_imgbox {
position: relative;
}
.theme_imgbox a::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
opacity: 0.35;
z-index: 5;
background: #000;
transition: opacity 0.3s ease 0s;
}
.theme_img {
position: relative;
background: #000;
overflow: hidden;
}
.theme_img img {
width: 100%;
transition-duration: 0.7s;
}
.theme_imgbox a:hover .theme_img img {
transform: scale(1.05);
transition-duration: 0.7s;
}
.theme_title_box_wrap {
display: flex;
align-items: center;
position: absolute;
left: 35px;
top: 50%;
transform: translateY(-50%);
z-index: 5;
}
.theme_number {
position: relative;
font-family: "Libre Baskerville", serif;
font-weight: 400;
font-size: 1.1em;
line-height: 100%;
margin-bottom: 10px;
padding-left: 40px;
color: #fff;
}
.theme_number::before {
content: "";
display: inline-block;
position: absolute;
left: 0px;
top: 7px;
background-color: #fff;
width: 32px;
height: 1px;
}
.theme_jp_title {
font-family: 'F+UD TsukuMin R';
font-weight: 400;
font-size: 1.6em;
color: #fff;
letter-spacing: 0.3em;
line-height: 100%;
margin-bottom: 15px;
}

@media all and (max-width : 820px ){
.theme_jp_title {
font-size: 1.4em;
letter-spacing: 0.2em;
}
}

.theme_en_title {
font-family: "Libre Baskerville", serif;
font-weight: 400;
font-size: 1.0rem;
color: #fff;
letter-spacing: 0.1em;
line-height: 100%;
}
.theme_link_btn {
z-index: 3;
display: block;
width: 40px;
height: 40px;
margin-left: 15px;
position: relative;
border-width: 1px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.3);
border-image: initial;
border-radius: 50%;
transition: all 0.5s ease 0s;
}
.theme_link_btn::before {
position: absolute;
z-index: 2;
display: block;
content: "";
top: 0px;
left: 13px;
bottom: 0px;
width: 6.5px;
height: 6.5px;
transform: rotate(45deg);
margin: auto;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transition: all 0.12s ease-in 0s;
}
.theme_imgbox a:hover .theme_link_btn {
opacity: 1;
background-color: #8E7742;
border: solid 1px #8E7742;
transition: all 0.5s ease 0s;
}
.sec_other_category {
margin-bottom: 30px;
}

@media all and (max-width : 767px ){
.sec_theme_inner {
padding: 50px 20px 30px;
}
.theme_box {
width: 100%;
margin-right: 0px;
margin-bottom: 20px;
}
.theme_box:nth-child(3n) {
margin-right: 0px;
}
.theme_number {
font-size: 1.1em;
padding-left: 28px;
}
.theme_number::before {
content: "";
position: absolute;
left: 0px;
top: 6px;
width: 20px;
height: 1px;
}
.theme_jp_title {
font-size: 1.5em;
letter-spacing: 0.2em;
}
.theme_en_title {
font-size: 1.0rem;
}
}


/* スポット詳細ページ
-------------------------------------------------- */

.page-spot .box_s {
padding: 0px 0 80px;
}
.vote_btn {
max-width: 471px;
height: auto;
margin: 50px auto 60px;
}
.vote_btn img {
width: 100%;
}

@media all and (max-width : 980px ){
.page-spot .box_s {
padding: 0px 20px 60px;
}
}

@media all and (max-width : 767px ){
.vote_btn {
max-width: 280px;
margin: 30px auto 40px;
}
}


/* 投票フォームページ
-------------------------------------------------- */

.head_title_wrap {
display: flex;
align-items: flex-end;
margin-bottom: 30px;
}
.head_title_wrap dt {
font-family: 'F+UD TsukuMin R';
font-weight: 400;
font-size: 2.0rem;
letter-spacing: 0.2em;
line-height: 100%;
margin-right: 15px;
}
.head_title_wrap dd {
font-family: "Libre Baskerville", serif;
font-weight: 400;
font-size: 0.8rem;
color: #A48A5F;
line-height: 100%;
}
.head_txt {
font-size: 1.4rem;
line-height: 200%;
margin-bottom: 20px;
}
.cation_txt {
font-size: 1.2rem;
}
.cation_txt span {
color: #AB8D53;
font-weight: 700;
}
.bg_highlight {
background-color: #A48A5F;
color: #fff;
}

/*-------------------------------------------------
step
-------------------------------------------------*/

.step{
display:table;
width:100%;
padding:0;
margin:0 auto;
overflow:hidden;
margin-bottom: 50px;
margin-top: 50px;
}
.step li{
display:table-cell;
position:relative;
background: #999;
padding: 0.5em 0.5em 0.5em 2em;
color: #fff;
}
.step li:last-child{
padding-right: 1em;
}
.step li:last-child:before,
.step li:last-child:after{
display:none;
}
.step li:before,
.step li:after{
content: "";
position: absolute;
width: 0;
height: 0;
margin: auto;
}
.step li:before{
top:-20px;
right:-1em;
border-style: solid;
border-color: transparent transparent transparent #fff;
border-width: 40px 0 40px 1em;
z-index: 10;
}
.step li:after{
top:-20px;
right:-.8em;
border-style: solid;
border-color: transparent transparent transparent #999;
border-width: 40px 0 40px 1em;
z-index: 10;
}
.step li.is-current{
background: #8E7742;
font-weight: bold;
}
.step li.is-current:after{
border-color: transparent transparent transparent #8E7742;
}

@media all and (max-width : 767px ){
.step{
display:table;
width:100%;
margin-top: 30px;
margin-bottom: 10px;
}
.step li{
font-size: 1.0rem;
display:table-cell;
position:relative;
padding: 0.5em 0.5em 0.5em 2em;
color: #fff;
}
.step li:before{
top:-26px;
right:-1em;
border-style: solid;
border-color: transparent transparent transparent #fff;
border-width: 40px 0 40px 1em;
z-index: 10;
}
.step li:after{
top:-26px;
right:-.8em;
border-style: solid;
border-width: 40px 0 40px 1em;
z-index: 10;
}
}


/*-------------------------------------------------
フォームレイアウト
-------------------------------------------------*/

.vote_form {
margin-bottom: 50px;
}
.entry_form {
margin-bottom: 30px;
width: 100%;
}
.form_list_box {
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
display: flex;
align-items: center;
}

/*-------------------------------------------------
ラジオボタン
-------------------------------------------------*/

.radioBox {
max-width: 650px;
width: 100%;
line-height: 250%;
display: flex;
}
.radioBox>label {
display: block;
}
.my-radio {
position: relative;
margin: 0.5em ; /* 前後のスペース */
padding-left: 28px;
padding-right: 10px;
cursor: pointer;
user-select: none;
font-size: 1.3rem;
letter-spacing: 0.1em;
}
/* inputは非表示にする */
.my-radio input {
display: none;
}
/* 常に表示する枠線の円 */
.radio-mark {
position: absolute;
top: 10px; /* 上からの位置 */
left: 0;
height: 18px; /* 大きさ */
width: 18px; /* 大きさ */
border: solid 2px #EFEFEF; /* 線 */
background: #EFEFEF;
border-radius: 50%;
box-sizing: border-box;
}
/* 選択時に重ねる円 */
.radio-mark:after {
content: "";
position: absolute;
background: #000; /* 色 */
border-radius: 50%;
top: 2px;
bottom: 2px;
left: 2px;
right: 2px;
opacity: 0; /* 透明にしておく */
}
/* 選択時に重ねた円の透明を解除 */
.my-radio input:checked + .radio-mark:after {
opacity: 1;
}

.form_list_title {
width: 100%;
max-width: 220px;
letter-spacing: 0.1em;
font-weight: 500;
font-size: 1.4rem;
}
.form_required {
font-size: 1.0rem;
font-weight: 500;
color: #AB8D53;
position: relative;
top: -7px;
left: -1px;
}
.input_regular_box {
border: 1px solid #ddd;
border-radius: 6px;
padding: 10px;
height: 40px;
flex: 1;
width: 100%;
max-width: 600px;
background: #fff;
font-size: 1.4rem;
background: #f7f6f6;
}
.input_small_box {
border: 1px solid #ddd;
border-radius: 6px;
margin-left: 40px;
margin-right: 10px;
padding: 10px;
height: 48px;
flex: 1;
width: 100%;
max-width: 200px;
background: #fff;
font-size: 1.4rem;
background: #f7f6f6;
}
.comment_box {
border: 1px solid #ddd;
border-radius: 6px;
padding: 10px;
height: 200px;
flex: 1;
width: 100%;
max-width: 600px;
background: #fff;
font-size: 1.4rem;
background: #f7f6f6;
}

.privacy_txt {
text-align: center;
}
.privacy_txt a {
color: #A48A5F;
text-decoration: underline;
}
.privacy_txt a:hover {
text-decoration: none;
}
button {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
}
.form_btn_wrap .contact_btn {
font-family: vdl-yotag, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 1.6rem;
max-width: 380px;
background: #222;
border-radius: 5px;
color: #fff;
width: 100%;
padding: 12px 20px;
position: relative;
letter-spacing: 0.2em;
transition: all 0.3s;
}
.form_btn_wrap .contact_btn:hover {
background-color: #8E7742;
color: #fff;
transition: all 0.3s;
cursor: pointer;
}
.form_btn_wrap .btnRev {
max-width: 300px;
margin: 0 10px;
}
.form_btn_wrap .btnSnd {
max-width: 300px;
margin: 0 10px;
}
.form_btn_wrap {
max-width:640px;
display: flex;
justify-content: center;
margin: 50px auto 0;
}


@media all and (max-width : 820px ){
.input_regular_box,
.radioBox,
.input_small_box,
.birthday,
.comment_box {
margin-left: 0px;
}
.input_regular_box,
.comment_box {
max-width: 510px;
}
}

@media all and (max-width : 768px ){
.input_regular_box,
.comment_box {
max-width: 470px;
}
}


@media all and (max-width : 767px ){
.head_title_wrap {
display: flex;
align-items: flex-start;
flex-direction: column;
margin-bottom: 20px;
}
.head_title_wrap dt {
font-size: 1.8rem;
letter-spacing: 0.15em;
margin-right: 10px;
margin-bottom: 10px;
}
.head_title_wrap dd {
font-size: 1.0rem;
margin-left: 2px;
}
.head_txt {
font-size: 1.2rem;
line-height: 180%;
margin-bottom: 15px;
}
.cation_txt {
font-size: 1.0rem;
}
.entry_form {
margin: 20px auto 20px;
width: 100%;
}
.form_list_box {
padding-top: 15px;
padding-bottom: 10px;
display: flex;
align-items: flex-start;
flex-direction: column;
}
.form_list_title {
width: 100%;
max-width: 300px;
font-size: 1.3rem;
padding-left: 5px;
margin-bottom: 6px;
letter-spacing: 0.05em;
}
.input_regular_box {
padding: 10px 10px;
margin-left: 0px;
height: 48px;
width: 100%;
max-width: 600px;
font-size: 1.3rem;
}
.input_small_box {
margin-left: 0px;
height: 38px;
font-size: 1.3rem;
}
.age_box {
display: flex;
align-items: center;
}
.comment_box {
margin-left: 0px;
padding: 30px 10px;
font-size: 1.3rem;
}
.my-radio {
position: relative;
margin: 10px 0 ; 
padding-left: 25px;
padding-right: 10px;
font-size: 1.2rem;
letter-spacing: 0.05em;
line-height: 180%;
}
.radio-mark {
height: 15px;
width: 15px;
position: absolute;
top: 5px;
}
.privacy_txt {
text-align: left;
font-size: 1.1rem;
}
.form_btn_wrap .btnRev {
margin: 0 5px;
}
.form_btn_wrap .btnSnd {
margin: 0 5px;
}
.form_btn_wrap {
width: 100%;
margin: 30px auto 0px;
}
.form_btn_wrap .contact_btn {
font-size: 1.2rem;
letter-spacing: 0.1em;
max-width: 300px;
padding: 10px 10px;
}
.btn_arrow_left::after{ 
top:42%;
left: 15px;
width: 6px; /*矢印の形状*/
height: 6px;
}
}


/*-------------------------------------------------
結果発表ページ
-------------------------------------------------*/

.wrapper {
position: relative;
}
/*.wrapper::after {
content: "";
display: block;
background: #000;
opacity: 0.75;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 10;
}*/
.top_mv_slide_thumb {
z-index: 9;
}
.end_txt {
font-family: 'Noto Sans Japanese';
font-weight: 700;
font-size: 4.0rem;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
z-index: 11;
white-space: nowrap;
}

@media all and (max-width : 1024px ){
.end_txt {
font-size: 3.0rem;
}
}

@media all and (max-width : 767px ){
.end_txt {
font-size: 1.6rem;
}
}

.sec_result {
padding: 80px 0;
}
.result_banner {
width: 100%;
margin-bottom: 70px; 
}
.end_txt02 {
font-size: 2.4rem;
font-weight: 700;
text-align: center;
display: block;
letter-spacing: 0.1em;
line-height: 200%;
margin-bottom: 40px;
}
.vote_num {
display: flex;
align-items: flex-end;
justify-content: center;
margin-bottom: 50px;
color: #CC0000;
position: relative;
padding: 0 10px;
}
.vote_num::after {
content: "";
display: inline-block;
background:#F5CE45;
width: 430px;
height: 25px;
position: absolute;
bottom: 0;
z-index: -1;
}
.vote_num dt {
font-size: 4.0rem;
font-weight: 700;
line-height: 140%;
letter-spacing: 0.1em;
}
.vote_num dd {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 7.0rem;
line-height: 100%;
letter-spacing: 0.05em;
}
.end_txt03 {
font-size: 2.2rem;
font-weight: 700;
color: #CC0000;
text-align: center;
display: block;
letter-spacing: 0.1em;
line-height: 200%;
margin-bottom: 100px;
}

@media all and (max-width : 1024px ){
.end_txt02 {
font-size: 2.0rem;
line-height: 180%;
}
.end_txt03 {
font-size: 2.0rem;
line-height: 180%;
margin-bottom: 80px;
}
}

@media all and (max-width : 820px ){
.end_txt02 {
font-size: 1.8rem;
letter-spacing: 0.05em;
}
.end_txt03 {
font-size: 1.8rem;
letter-spacing: 0.05em;
margin-bottom: 60px;
}
}

.result_box {
width: 100%;
background: #F9F8F6;
padding-bottom: 80px;
margin-bottom: 100px;
}
.result_box:last-of-type {
margin-bottom: 0px;
}
.result_title {
display: block;
padding: 15px 0;
font-family: "vdl-yotag", sans-serif;
font-weight: 500;
color: #fff;
font-size: 3.6rem;
letter-spacing: 0.25em;
line-height: 100%;
text-align: center;
margin-bottom: 30px;
}
.result_box .cate01 {
background: #707070;
}
.result_box .cate02 {
background: #8E7742;
}
.result_box .cate03 {
background: #9B1B1B;
}
.crown_box {
margin-bottom: 20px;
}
.crown_icon {
max-width: 125px;
height: auto;
margin: 0 auto 15px;
}
.result_jp_title {
font-family: "vdl-yotag", sans-serif;
font-weight: 500;
color: #93763E;
font-size: 3.0rem;
letter-spacing: 0.1em;
display: flex;
align-items: center;
line-height: 100%;
margin-bottom: 5px;
position: relative;
}
.result_jp_title::before,
.result_jp_title::after {
content: "";
height: 1px;
flex-grow: 1;
background-color: #ccc;
z-index: 10;
}
.result_jp_title::before {
 margin-right: 1rem;
}
.result_jp_title::after {
 margin-left: 1rem;
}
.result_en_title {
font-family: "vdl-yotag", sans-serif;
font-weight: 500;
color: #93763E;
font-size: 1.6rem;
letter-spacing: 0;
text-align: center;
}
.crown_box01 .result_jp_title {
font-size: 4.0rem;
}
.result_imgbox {
position: relative;
margin-bottom: 20px;
}
.result_img {
width: 100%;
position: relative;
background: #000;
overflow: hidden;
}
.result_img img {
width: 100%;
height: 100%;
object-fit: cover;
transition-duration: 0.7s;	
}
.result_img img:hover {
transform: scale(1.05);	
transition-duration: 0.7s;	
opacity: 0.8;
}
.result_imgbox .spot_category {
position: absolute;
right: 10px;
bottom: 15px;
margin-bottom: 0px;
}
.result_cap {
font-size: 1.5rem;
letter-spacing: 0.1em;
line-height: 180%;
}
.result_underbox_wrap {
margin: 60px 0 0px;
display: flex;
}
.result_underbox {
width: calc(50% - 40px / 2);
margin-right: 40px;
}
.result_underbox:nth-child(2) {
margin-right: 0px;
}

@media all and (max-width : 820px ){
.result_underbox {
width: calc(50% - 30px / 2);
margin-right: 30px;
}
}

@media all and (max-width : 767px ){
.sec_result {
padding: 20px 0;
}
.result_banner {
width: 100%;
margin-bottom: 20px; 
}
.vote_num {
margin-bottom: 20px;
}
.vote_num::after {
width: 220px;
height: 12px;
}
.vote_num dt {
font-size: 2.0rem;
line-height: 160%;
}
.vote_num dd {
font-size: 4.0rem;
}
.end_txt02 {
font-size: 1.4rem;
line-height: 160%;
letter-spacing: 0.05em;
margin-bottom: 20px;
}
.end_txt03 {
font-size: 1.4rem;
letter-spacing: 0.05em;
line-height: 160%;
margin-bottom: 30px;
}
.result_box {
padding-bottom: 10px;
margin-bottom: 40px;
}
.result_title {
padding: 10px 0;
font-size: 2.0rem;
margin-bottom: 20px;
}
.crown_box {
margin-bottom: 15px;
}
.crown_icon {
max-width: 70px;
margin: 0 auto 10px;
}
.result_jp_title {
font-size: 1.8rem;
margin-bottom: 0px;
}
.result_en_title {
font-size: 1.2rem;
}
.crown_box01 .result_jp_title {
font-size: 2.0rem;
}
.result_imgbox .spot_category {
position: absolute;
right: 5px;
bottom: 10px;
margin-bottom: 0px;
}
.result_cap {
font-size: 1.2rem;
}
.result_underbox_wrap {
margin: 30px 0 0px;
display: flex;
flex-direction: column;
}
.result_underbox {
width: 100%;
margin-right: 0px;
margin-bottom: 30px;
}
.result_imgbox .spot_category li {
margin-right: 5px;
}
}