@charset "utf-8";

/* 
-------------------------- トップページ  --------------------------
*/

#top_loading_zone{
	background: #ffffff;
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;	
}

#top_loading_wrap{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 150px;
	margin: -80px 0 0 -75px;
	text-align: center;
}

#top_loading_logo{
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 100px;
	height: 71px;
	background: url(../img/template/loading_logo.gif) no-repeat;
	background-size: 100px 71px;
	margin: 0 0 24px 0;
}

#top_loading_bar_wrap{
	width: 100%;
	height: 1px;
	position: relative;
	background: #e6e6e6;	
}

#top_loading_bar{
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	background: #000000;
	height: 1px;
	transition: all 1s cubic-bezier(.92,.36,.61,.45) 0s;
	-webkit-transition: all 1s cubic-bezier(.92,.36,.61,.45) 0s;
	-moz-transition: all 1s cubic-bezier(.92,.36,.61,.45) 0s;
	-o-transition: all 1s cubic-bezier(.92,.36,.61,.45) 0s;
	-ms-transition: all 1s cubic-bezier(.92,.36,.61,.45) 0s;
}

#top_loading_zone.active #top_loading_bar{
	width: 100%;
}

/* #top_pr_wrap */

#top_pr_wrap{
}

#top_pr_main{
	margin: 0 334px 0 0;	
}

#top_pr_sub{
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
}

/*
@media screen and (max-width: 900px) {
	#top_pr_main{ margin: 0;}	
	#top_pr_sub{ margin: 30px 0 0 0; width: 300px; position: static;}
}*/

@media screen and (max-width: 767px) {
	#top_pr_main{ margin: 0;}
	#top_pr_sub{ position: static; text-align: center; margin: 20px 0 0 0; width: auto;}
}

@media screen and (max-width: 700px) {
	#top_pr_main .main_content_in{ width: 73%;}
	/*#top_pr_main .max3 > .cms_list_wrap .cms_list{ width: 46.5%; margin: 0 7% 0 0;}
	#top_pr_main .max3 > .cms_list_wrap .cms_list:nth-child(2){ margin: 0;}*/
	#top_pr_main .max3 > .cms_list_wrap .cms_list{ margin-bottom: 0 !important;}
	#top_pr_main .max3 > .cms_list_wrap .cms_list:nth-child(3){ display: none;}
}

/* #top_area_wrap */

#top_area_wrap{
		
}

#top_area_wrap{
	text-align: center;
}

@media screen and (max-width: 700px) {
	/*#top_area_wrap .main_content_in{ width: 73%; max-width: 220px;}*/
}

/* #top_shops_main */

#top_shops_main{
	margin: 0 334px 0 0;	
}

#top_shops_sub{
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
}

@media screen and (max-width: 767px) {
	
}

@media screen and (max-width: 767px) {
	#top_shops_main{ margin: 0;}
	#top_shops_sub{ margin: 30px auto 0 auto; width: auto; position: static;}
}

@media screen and (max-width: 767px) {
	#top_shops .main_content_in{ }	
}

/* #top_trend_main */

#top_trend_main{
	margin: 0 334px 0 0;
}

#top_pr_main .first_img img{
	top: 0px !important;
}

#top_trend .first_img img{
	top: 0px !important;
}

#page_street_style_data .page_ranking .first_img img{
	top: 0px !important;
}

#top_pr_main .cms_list_figure_content figure{
	background-position: center top !important;
}

#top_trend .cms_list_figure_content figure{
	background-position: center top !important;
}

#page_street_style_data .page_ranking .cms_list_figure_content figure{
	background-position: center top !important;
}

#top_trend_sub01{
	margin: 0 334px 0 0;	
}

#top_trend_sub02{
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
}

@media screen and (max-width: 767px) {
	#top_trend_main{ margin: 0 0 4% 0;}
	#top_trend_sub01{ margin: 0; float: left; width: 61%;}
	#top_trend_sub02{ margin: 0; float: right; width: 35%; position: static;}
}

@media screen and (max-width: 700px) {
	#top_trend .main_content_in{ max-width: none;}
	/*#top_trend_main{ margin: 0 auto 10% auto; max-width: 400px;}*/
	#top_trend_sub01{ margin: 0 auto 10% auto; float: none; width: auto;}
	#top_trend_sub02{ margin: 0 auto; float: none; width: auto; position: static;}
}

/* #top_event */

@media screen and (max-width: 767px) {
	#top_accordion{ padding-left: 0; padding-right: 0;}
	#top_accordion .accordion_content{ padding: 0 30px;}
}

/* #top_event */

#top_event{
	margin-top: 0px;	
}

/* #top_newtribe */

#top_newtribe{
	margin-bottom: 0px;	
}

#top_newtribe_sub{
	margin: 30px 0 0 0;	
}

#top_streetstyle .title_parts01.title_type02 span{
	font-size: 240%;
}

.en #top_streetstyle .title_parts01.title_type02 span{
	/*font-size: 150%;*/
	font-size: 200%;
}

.ko #top_streetstyle .title_parts01.title_type02 span{
	/*font-size: 150%;*/
	font-size: 190%;
}

/* 
-------------------------- イベント一覧  --------------------------
*/

#page_event_top01{}
#page_event_top02{}

/* 
-------------------------- イベント詳細  --------------------------
*/

#page_event_detail{}
#page_event_detail .cms_input_wrap{
	padding: 0;
}

/* 
-------------------------- ニュートライブ一覧  --------------------------
*/

#page_newtribe_top01{}
#page_newtribe_top02{}

/* 
-------------------------- ニュートライブ詳細  --------------------------
*/

#page_newtribe_detail{}

#page_newtribe_detail .cms_input_zone{
	min-height: 360px;
}

/* 
-------------------------- ニュートライブデーター  --------------------------
*/

#page_newttribe_data{
		
}

/* 
-------------------------- 店舗トップページ  --------------------------
*/

#page_shops_top01{}
#page_shops_top02{ /*max-height: 600px;*/}
#page_shops_top03 .cms_list_wrap{ text-align: left !important;}

@media screen and (max-width: 700px) {
	#page_shops_top03 .cms_list{ width: 100%; margin: 0 0 10% 0 !important;}
	#page_shops_top03 .cms_list:last-child{ margin: 0 !important;}
}

/* 
-------------------------- 店舗詳細  --------------------------
*/

#page_shops_detail{}
#page_shops_detail .cms_input_zone{ min-height: 700px;}
/* 
-------------------------- 店舗詳細ギャラリー  --------------------------
*/

#page_shops_detail_gallery{}

/* 
-------------------------- 店舗詳細スタッフ  --------------------------
*/

#page_shops_detail_staff{}

/* 
-------------------------- 店舗カテゴリー  --------------------------
*/

#page_shops_category{}

/* 
-------------------------- 店舗検索ページ  --------------------------
*/

#page_shops_search{
	margin: 0 0 30px 0;
}

/* 
-------------------------- 店舗カテゴリー  --------------------------
*/

#page_shops_category{}
@media screen and (max-width: 700px) {
#page_shops_category02{
	padding-bottom: 0px;
}
#page_shops_category03{ padding-top: 0px;}
}

/* 
-------------------------- ストリートスタイルトップページ  --------------------------
*/

#page_street_style_top{
}

/* 
-------------------------- ストリートスタイル地域  --------------------------
*/

#page_street_style_area01{ }
#page_street_style_area02{ }

/* 
-------------------------- ストリートスタイルデーター  --------------------------
*/

#page_street_style_data{}

#page_street_style_data .page_head{
	min-height: 1300px;	
}

#page_street_style_data .page_head{
		
}

/* 
-------------------------- トレンドトップページ  --------------------------
*/


#page_trend_top01{}
#page_trend_top02{}
#page_trend_top03{}

#page_trend_top01 .cms_list_figure_content figure{
	background-position: center top !important;
}

#page_trend_top02 .cms_list_figure_content figure{
	background-position: center top !important;
}

#page_trend_top03 .cms_list_figure_content figure{
	background-position: center top !important;
}

#page_trend_top01 .first_img img{
	top: 0px !important;
}

#page_trend_top02 .first_img img{
	top: 0px !important;
}

#page_trend_top03 .first_img img{
	top: 0px !important;
}

@media screen and (max-width: 700px) {
	#page_trend_top03 .cms_list{ width: 100%; margin: 0 0 10% 0 !important;}
	#page_trend_top03 .cms_list:last-child{ margin: 0 !important;}
}

/* 
-------------------------- トレンド詳細  --------------------------
*/

#page_trend_detail .page_main{ margin-top: 0;}

/*
#page_trend_detail .first_img img{
	top: 0px !important;
}*/

#page_trend_detail .cms_list_figure_content figure{
	background-position: center top !important;
}

#page_trend_detail .cms_input_zone{ min-height: 1555px;}
#page_trend_detail .cms_input_zone.trend_ad{ min-height: 0;}

.trend_input img{ cursor: pointer;}
/* 
-------------------------- スナップサーチ一覧  --------------------------
*/

#snapsearch .cms_list_title{
	margin-bottom: 0;	
}

#snapsearch #btn_search{
	margin: 0 0 23px 0;
}

#page_snapsearch{
	padding-top: 15px;	
}

#search_keyword_box_wrap{
	display: none;
	position: relative;
	border-bottom: 1px solid #e6e6e6;
	background: #f5f5f5;
	padding: 13px 16px 10px 115px;
	margin: 0 0 23px 0;
}

p#search_keyword_box_title{
	position: absolute;
	top: 13px;
	left: 16px;
	font-size: 110%;
}

#search_keyword_box_list p{
	font-size: 110%;
	display: inline-block;
	vertical-align: top;
	margin: 0 15px 0 0;
}

#search_keyword_box_list li{
	font-size: 110%;
	display: inline-block;
	vertical-align: top;
	margin: 0 15px 0 0;
}

#search_keyword_box_list a{
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 0 20px;
}

#search_keyword_box_list a:after{
	content: "";
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
	background: url(../img/template/icon_search_close.png) no-repeat;
	background-size: 12px 12px;
	top: 50%;
	margin: -6px 0 0 0;
	left: 0;
}

#no_result{
	margin: 130px 0;
	text-align: center;	
}

#no_result h2{
	font-size: 180%;
	margin: 0 0 30px 0;
}

#no_result {
	font-size: 140%;
}

@media screen and (max-width: 767px) {
	
}

@media screen and (max-width: 700px) {
	#search_keyword_box_wrap{ padding-left: 16px;}
	p#search_keyword_box_title{ position: static; margin: 0 0 10px 0;}
}

/* 
------------------------------ スタイルアリーナについて ------------------------------
*/

#page_aboutus{}

/* 
------------------------------ 広告掲載について ------------------------------
*/

#page_advertisement{}
#page_advertisement_contact{}

.ad_head{
	margin-bottom: 40px;	
}

/* 
------------------------------ プライバシーポリシー ------------------------------
*/

#page_policy{}

.privacy_in{
	margin: 0 0 25px 0;
}

.privacy_in p,
.privacy_in h3,
.privacy_in li{
	font-size: 130%;
	line-height: 1.84;
}

/* 
------------------------------ サイトご利用上の注意 ------------------------------
*/

#page_termsofuse{}

/* 
------------------------------ アドバンスド ------------------------------
*/

#page_advanced01{
	
}

page_advanced02{
		
}

#page_advanced01 .advanced_main_visual{
	position: relative;	
}

#page_advanced01 .advanced_main_visual figure{
	position: relative;
	z-index: 1;
}

#page_advanced01 .advanced_visual_text{
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #ffffff;
	text-align: center;
}

#page_advanced01 .advanced_visual_text:after{
	content: "";
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}

#page_advanced01 .advanced_visual_text_in{
	display: inline-block;
	vertical-align: middle;
	width: 90%;
}

#page_advanced01 .advanced_visual_text_in h2 span{
	font-size: 400%;
	font-family: "Playfair Display",serif;
	line-height: 1;
	display: block;
	margin: 0 0 10px 0;
}

#page_advanced01 .advanced_visual_text_in h2 small{
	font-size: 120%;
	display: block;
	margin: 0 0 18px 0;
	line-height: 1;
	font-family: YuMincho, '游明朝',"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif;
}

#page_advanced01 .advanced_visual_text_in p{
	text-align: left;
	display: inline-block;
	font-size: 140%;
	line-height: 1.71;
}

@media screen and (max-width: 700px) {
	#page_advanced01 .advanced_visual_text_in h2 span{ font-size: 200%; margin: 0 0 5px 0;}
	#page_advanced01 .advanced_visual_text_in h2 small{ font-size: 110%; margin: 0 0 5px 0;}
	#page_advanced01 .advanced_visual_text_in p{ font-size: 100%;}	
}