@charset "UTF-8";
@import url(//fonts.googleapis.com/css2?family=Noto+Serif+JP);

/*-------top-------*/
#main { position: relative; }
#module_titleArea .social_wrap { top: -15px; right: 0; border: none; }
#module_titleArea .social_wrap li{margin:0 0 0 8px}
#main #content2 {margin: 0;padding: 0 0 70px;}
#main #contents_wrap{font-family: 'Noto Serif JP',sans-serif; font-size: 116.6%; }
#main #contents_wrap .container{max-width: 1174px;margin: 0 auto;padding-right: 13px;padding-left: 13px;}
#main .main_visual img { width: 100%; vertical-align: middle; }
#main .main_visual { margin-top: 73px; }
#main .main_visual_inner { position: relative; }
#main .main_visual .main_head { position: absolute; left: 50%; top: -9px; transform: translateX(-50%); max-width: 378px; width: 33%; }
#main .main_visual .upper_map { max-width: 1174px; margin: 0 auto; position: relative; z-index: -99; }
#main .main_visual .upper_map .item_type li { position: absolute; z-index: 99; }
#main .main_visual .upper_map .item_type li.food_ja { right: 18.9%; top: 25%; width: 11.244%; }
#main .main_visual .upper_map .item_type li.food_rus { right: 25.4%; top: 9%; width: 8.945%; }
#main .main_visual .upper_map .item_type li.food_es { left: 19%; top: 40%; width: 10.563%; }
#main .main_visual .upper_map .item_type li.food_uk { left: 15%; top: 9.1%; width: 9.2%; }
#main .main_visual .upper_map .item_type li.food_my { right: 12.5%; top: 65%; width: 11.414%; }
#main .main_visual .upper_map .item_type li.food_cn { right: 9.5%; top: 43%; width: 10.818%; }
#main .main_visual .upper_map .item_type li.food_fr { left: 22.7%; top: 22%; width: 9.711%; }
#main .main_visual .upper_map .item_type li.food_idn { right: 25.68%; top: 71%; width: 10.052%; }
#main .main_visual .upper_map .item_type li.food_mex { left: 25%; top: 61%; width: 9.285%; }
#main .main_visual .upper_map .item_type li.food_usa { left: 11%; top: 31%; width: 8.093%; }
#main .main_visual .upper_map .item_type li.food_thai { right: 24.2%; top: 46%; width: 8.093%; }
#main .main_visual .upper_map .item_type li.food_gem { left: 26.5%; top: 3.5%; width: 9.3%; }
#main .item_list_area { margin-top: 70px;  }
#main .item_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /*justify-content: center;*/ }
#main .item_list .item_block { width: 46%; margin-left: 8%; margin-top: 50px; }
#main .item_list .item_block:nth-child(2n-1) { margin-left: 0; }
#main .item_list .item_block:nth-child(-n+2) { margin-top: 0; }
#main .item_list .item_block[data-aos=fade-up]{transform:translate3d(0,50px,0)}
#main .item_list .item_block[data-aos^=fade][data-aos^=fade].aos-animate{transform:translateZ(0)}
#main .item_list .item_block img { width: 100%; vertical-align: middle; }
#main .item_list .item_block .item_link .item_image { overflow: hidden; }
#main .item_list .item_block .item_link .item_image .pic { -webkit-transition: .3s; transition: .3s; }
#main .item_list .item_block .item_link:hover .pic { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
#main .item_list .item_block .item_info { background-color: #fff; padding: 30px 20px 20px 22px; display: inline-block; width: calc(92.4% - 80px); position: relative; z-index: 2; margin-top: -56px;}
#main .item_list .item_block .item_info .vol { font-size: 129%; font-weight: bold; color: #333; position: relative; padding-bottom: 7px; display: inline-block; }
#main .item_list .item_block .item_info .vol:after { content: ""; width: 100%; height: 2px; background-color: #656565; position: absolute; left: 0; bottom: 0; }
#main .item_list .item_block .item_info .heading { font-size: 172%; color: #333; margin-top: 7px; }
#main .item_list .item_block .item_info .detail { text-align: right; margin-top: 20px; }
#main .item_list .item_block .item_info .detail_info { font-size: 100%; position: relative; color: #333; }
#main .item_list .item_block .item_link:hover .detail_info:before { -webkit-animation:link-arr-b .3s ease-out;animation:link-arr-b .3s ease-out; content: ""; width: 30px; height: 1px; background-color: #2c2c2c; position: absolute; left: -2.9em; top: 55%; }
#main .map_area { background: url(../img/img_map.jpg) no-repeat; background-position: 50% 50%; background-size: cover; margin-top: 55px; opacity: .5; }
#main .map { position: relative; height: 0; padding-bottom: 50%; }
#main .map .map-spots { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; }
#main .map .map-spots__item { position: absolute; opacity: 0; }
#main .map .map-spots__item img{will-change:transform;-webkit-transition:.3s;transition:.3s;}
#main .map .map-spots__item:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
#main .map .map_food .js-map { display:block;position:absolute;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out; z-index: -99; opacity: 0; }
#main .map .map_food.food_ja .map-spots__item { top: 38.1%; right: 9.2%; width: 9.375%; }
#main .map .map_food.food_rus .map-spots__item { top: 20%; right: 18%; width: 13.875%; }
#main .map .map_food.food_es .map-spots__item { top: 42%; right: 54.8%; width:9%; }
#main .map .map_food.food_uk .map-spots__item { top: 17.4%; left: 38.4%; width: 8.813%; }
#main .map .map_food.food_my .map-spots__item { top: 54.9%; right: 14%; width: 10.5625%; }
#main .map .map_food.food_cn .map-spots__item { top: 38%; right: 26.2%; width: 16.25%; }
#main .map .map_food.food_fr .map-spots__item { top: 38%; left: 46.37%; width: 7.65%; }
#main .map .map_food.food_idn .map-spots__item { top: 62%; left: 59.37%; width: 13.65%; }
#main .map .map_food.food_mex .map-spots__item { top: 52.3%; right: 74.5%; width: 9%; }
#main .map .map_food.food_usa .map-spots__item { top: 32.4%; left: 18.3%; width: 13%; }
#main .map .map_food.food_thai .map-spots__item { top: 48.5%; right: 20.8%; width: 17.2%; }
#main .map .map_food.food_gem .map-spots__item { top: 20%; left: 50.3%; width: 9%; }
#main .map .map-spots__item img { width: 100%; vertical-align: middle; }
#main .country_list_sp { display: none; }

#footer_button_area { margin-bottom: 40px; max-width:1174px; }
/*#footer_button_area .back_button { font-size: 87.5%; }*/
#footer_links.w980_center .container {max-width: 1174px;}

@-webkit-keyframes link-arr-b{0%{width:0}100%{width:30px}}
@keyframes link-arr-b{0%{width:0}100%{width:30px}}

@media screen and (max-width:767px){
#main #content2{padding-bottom: 30px;}
#category_title{float:none;padding-top:0;}
#category_title a{display:block;margin:20px;width:280px;height:20px;background:url(/club-me/common/image/ttl_cme1_x2.gif) 0 0/280px auto no-repeat}
#category_title img{display:none}
#main #contents_wrap { font-size: 16px; }
#main #contents_wrap .container { padding: 0; margin-left: 20px; margin-right: 20px; }
#main .main_visual { margin-top: 35px; }
#main .main_visual_inner { margin-left: -20px; margin-right: -20px; }
#main .main_visual .main_head { top: 0; max-width: 100%; width: auto; }
#main .main_visual .upper_map { max-width: 100%; margin: 0 auto; }
#main .main_visual .upper_map .item_type li.food_ja { right: 2%; top: 35%; width: 15%; }
#main .main_visual .upper_map .item_type li.food_rus { right: 11.7%; top: 5.8%; width: 13.87%; }
#main .main_visual .upper_map .item_type li.food_es { left: 9%; top: 49%; width: 14.2%; }
#main .main_visual .upper_map .item_type li.food_uk { left: 2.4%; top: 11.6%; width: 11.5%; }
#main .main_visual .upper_map .item_type li.food_my { right: 7%; top: 49%; width: 15.5%; }
#main .main_visual .upper_map .item_type li.food_cn { right: 7.5%; top: 20%; width: 15%; }
#main .main_visual .upper_map .item_type li.food_fr { left: 11.5%; top: 19.7%; width: 14.2%; }
#main .main_visual .upper_map .item_type li.food_idn { right: 13%; top: 68.8%; width: 12.85%; }
#main .main_visual .upper_map .item_type li.food_mex { left: 11%; top: 64%; width: 14%; }
#main .main_visual .upper_map .item_type li.food_usa { left: 2.3%; top: 32.3%; width: 13.5%; }
#main .main_visual .upper_map .item_type li.food_thai { right: 1.4%; top: 61%; width: 10.134%; }
#main .main_visual .upper_map .item_type li.food_gem { left: 15%; top: 1%; width: 14%; }
#main .item_list_area { margin-top: 23px; }
#main .item_list { display: block; }
#main .item_list .item_block { width: 100%; margin-left: 0; margin-top: 20px; }
#main .item_list .item_block+.item_block { margin-top: 30px; }
#main .item_list .item_block:nth-child(-n+1) { margin-top: 30px; }
#main .item_list .item_block .item_info { padding: 16px 10px 15px 0; width: calc(92.4% - 40px); margin-top: -44px;}
#main .item_list .item_block .item_info .vol { font-size: 75%; padding-bottom: 4px; }
#main .item_list .item_block .item_info .vol:after { content: ""; height: 1px; }
#main .item_list .item_block .item_info .heading { font-size: 100%; }
#main .item_list .item_block .item_info .detail { margin-top: 6px; }
#main .item_list .item_block .item_info .detail_info { font-size: 62.5%; }
#main .item_list .item_block .item_link:hover .detail_info:before { content: ""; width: 20px; right: 30px; }
#main .map_area { background: url(../img/img_map_sp.jpg) no-repeat; background-position: 50% 50%; background-size: cover; margin-top: 25px; }
#main .map { position: relative; height: 0; padding-bottom: 54.934%; }
#main .map .map-spots { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; }
#main .map .map-spots__item { display: none; }
#main .map .map_food.food_ja .js-map { display: none; }
#main .map .map_food.food_rus .js-map { display: none; }
#main .map .map_food.food_es .js-map { display: none; }
#main .map .map_food.food_uk .js-map { display: none; }
#main .country_list_sp { margin-top: 30px; display: block; }
#main .country_list_sp .list_btn { border: 1px solid #cfcab3; display: block;}
#main .country_list_sp .list_btn+.list_btn { margin-top: 11px; }
#main .country_list_sp .list_btn .btn_image { display: inline-block; position: relative; }
#main .country_list_sp .list_btn .btn_image:after { content: ""; position: absolute; right: 29px; top: 50%; transform: translateY(-50%); background: url(../img/arr.png) no-repeat center center; background-size: 6px auto; width: 6px; height: 10px;  }
#main .country_list_sp .list_btn img { width: 100%; vertical-align: middle; }

#footer_button_area { margin-bottom: 30px; }
#footer_button_area .container { margin-top: 20px; }
#footer_button_area .back_button { font-size: 133.333%; }
}

.bottomFunc {margin: 80px 0 0;}
.bottomBtn {margin: 0 auto;text-align: center;}
.bottomBtn a {-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;font-family: 'Noto Sans JP', sans-serif;color: #222;display: inline-block;max-width: 50%;padding: 12px 20px;background-color: #fff;border: 1px solid #dbdbdb;border-radius: 3px;font-size: 16px;text-decoration: none;transition: all 0.3s ease;line-height: 1.5;}
.bottomBtn a:hover {color: #c00 !important;background: #f5f5f5;}
.bottomBtn .inner {position: relative;display: inline-block;padding: 0 20px;text-align: left;}
.bottomBtn .inner::after {content: '';position: absolute;right: 0;top: calc(50% + 1px);-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;display: block;width: 7px;height: 7px;border-top: 2px solid #c00;border-right: 2px solid #c00;transform: translate(-50%, -50%) rotate(45deg);}
#bottomShare {display: flex;justify-content: center;margin: 48px 0 0;list-style-type: none;}
#bottomShare li#twitter .box .share,
#bottomShare li#facebook .box .share {width: 44px;height: 44px;margin: 0 13px;background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;outline: none;}
#bottomShare li#twitter .box .share {background-color: #1da1f2;background-image: url(/club-me/common/v0006/images/icon_twitter.svg);background-size: 25px auto;border-radius: 50%;}
#bottomShare li#facebook .box .share {background-image: url(/club-me/common/v0006/images/icon_facebook.svg);background-size: contain;}
@media only screen and (max-width: 767px) {
.bottomFunc{margin: calc(100vw/(750/80)) 0;}
.bottomBtn a {max-width: 90%;border-radius: 5px;font-size: calc(100vw/(750/30));}
.bottomBtn .inner::after {width: 9px;height: 9px;}
#bottomShare {margin: calc(100vw/(750/120)) 0 0;}
#bottomShare li#twitter .box .share,
#bottomShare li#facebook .box .share {width: calc(100vw/(750/88));height: calc(100vw/(750/88));margin: 0 calc(100vw/(750/40));}
#bottomShare li#twitter .box .share {background-size: calc(100vw/(750/50)) auto;}
}
@media only screen and (max-width: 350px) {
.bottomBtn a {font-size: 14px;}
}