@charset "UTF-8";

@media screen and (max-width:1650px){
	.top_catch_img{
		right:-650px;
	}
}

/*=============
SIZE: 1440
=============*/

@media screen and (max-width:1440px){
	.top_catch_img{
		right:-650px;
	}
	.top_catch_logo{
		right:-400px;
	}
	h1 img{
		width:180px;
	}
	.parallax {
		min-height: 55vh;
	}
}

/*=============
SIZE: 1250
=============*/

@media screen and (max-width:1250px){
	.gnav{
		display:none;
	}
}

/*=============
SIZE: 1024
=============*/

@media screen and (max-width:1024px){
	.fixed .logo img{
		width:70px;
	}
	.article_head{
		justify-content: center;
	}
	.head_en{
		margin-left:2em;
	}
	.top_side{
		display:none;
	}
	.top_main{
		width:100%;
	}
	.fasc_active{
		text-align:center;
	}
	.top_catch h2{
		text-align:left;
		font-size:44px;
	}
	.top_catch_img {
		right: -440px;
		width: 600px;
	}	
	.top_catch_logo {
	    top: 470px;
		right: -240px;
	}	
	.topdish_list:first-child .topdish_list_img{
		width:100%;
	}
	.topdish_list:first-child .topdish_textbox{
		width:100%;
		padding: 15px 0px;
	}
	.topdish_list:first-child .perform_box{
		display:-webkit-box;
		display:-ms-flexbox;	
		display:flex;
	}
	.topdish_list:first-child .topdish_perlist{
		margin-top: 0;
    	margin-left: 20px;
		display:block;
	}
	.topdish_list:first-child .topdish_list_title{
		font-size:20px;
	}
	.topdish_listbox ul{
		margin-top:10px;
	}
	.topdish_list:first-child .topdish_link{
		margin-top:0;
		margin-left:50px;
	}
	#about{
		padding-top:50px;
	}
	.topdish_listbox li.topdish_list{
		width:33.33%;
	}
	.topdish_listbox li.topdish_list:first-child{
		width:100%;
	}
	.topweb_listbox li{
		width:33.33%;
	}
	.ft_top a{
		padding:0;
		padding-right: 40px;
		padding-left: 15px;
	}
	.ft_bnr{
		padding-right:15px;
	}
	.ft_bnr img{
		width:80px;
	}
	.ft_menu li a{
		text-align:left;
	}
	.ft_navlist img{
		width:180px;
		margin-top:40px;
	}
	.ft_nav{
	    max-width: 625px;
	}
	.parallax{
		min-height:32vh;
	}

	.relation_img{
		height:25vh;
	}
	.artile_unlist li{
		text-align:left;
	}
	.news_box h3,
	.news_box h4,
	.news_box p{
		text-align:left;
	}
	.article_unhead{
		font-size:34px;
	}
	.top_catch_box p{
		max-width:450px;
		font-size:15px;
	}
	#news{
		padding-top:100px;
	}
	.top_youtube{
		padding:0 15px;
	}
}


/*=============
SIZE: 768
=============*/

@media screen and (max-width:770px){
	.news_box h5{
		font-size:16px;
	}
	#cursor,
	#sralker,
	#sralker_before{
		opacity:0;
	}
	.fixed .logo{
		width:140px;
	}
	.top_contents {
		margin-top:100px;
	}
	h1 img{
		width:150px;
	}
	.logo{
		padding:15px;
	}
	.menu_btn{
		width:auto;
	}
	.menu_btn_imgbox{
		width:100px;
	}
	.menu_btn_imgbox:before{
		font-size:12px;
		bottom:20px;
	}
	.chops:before{
		content:url("../images/chop_left_sp.png");
	    left: 42px;
  		top: 14px;	
	}
	.chops:after{
		content:url("../images/chop_right_sp.png");
		left: 52px;
    	top: 21px;
	}
	.topdish_listbox li.topdish_list:first-child{
		margin-top:20px;
	}
	.gnav-open .chops:before{
		left: 50px;
    	top: 18px;
	}
	.gnav-open .chops:after{
		left: 45px;
		top: 18px;		
	}
	.m_menu_navbox h2 img{
		width:200px;
	}
	.top_catch_img{
	    right: -200px;
    	width: 500px;
		z-index:-1;
	}
	.top_catch h2{
		font-size:40px;
		padding-right:0.5em;
		display:inline-block;
		max-width: 400px;
	}
	.top_catch_logo {
		top: 450px;
		right: 0;
		width: 200px;
		position: initial;
		text-align: center;
		margin: 40px auto -50px;
	}	
	.topdish_list:first-child .perform_box{
		margin-bottom:0;
	}
	.topnews_listbox ul{
		padding:0 15px;
	}
	.topnews_title{
		font-size:13px;
		line-height:1.5;
	}
	.topbnr_listTextbox{
		width:355px !important;
	}
	.topbnr_textsub{
		font-size:18px;
	}
	.topbnr_listImg {
    	width: calc(100% - 355px);
	}
	.topbnr_title{
		line-height:1.4;
		font-size:26px;
	}
	.topbnr_link {
		text-align: center;
	}
	.article_head{
		font-size:28px;
	}
	.head_en{
		font-size:15px;
		display:block;
		text-align:center;
		margin-top:10px;
		margin-left:2em;
		position: relative;
	}
	.topdish_listbox li{
		padding:10px;
	}
	.topdish_perlist li{
		padding:5px 10px;
	}
	.topdish_list_title{
		font-size:15px;
	}
	.topnews_listbox ul{
		padding:0 20px;
	}
	.parallax{
		min-height: inherit;
		height:240px;
	}
	.relation_text{
		font-size:20px;
	}
	.un_headbox_text p{
		font-size:14px;
	}
	.artile_unlist li {
		width: calc(50% - 30px);
		margin: 20px 15px;
	}	
	.artile_unlistbox{
		padding:0 15px 20px;
	}
	.relation_img {
		height: 145px;
	}	
	.relation_text .article_unhead_icon{
		margin-top:-30px;
	}
	.relation_text .article_unhead_icon img{
		width:80px;
	}
	.article_unhead_icon img{
		width:80px;
	} 
	.news_head h2{
		font-size:22px;
	}
	.news_head{
		padding-top:40px;
	}
	.news_box h3{
		font-size:24px;
	}
	.news_box h4{
		font-size:20px;
	}
	.news_box p{
		font-size:15px;
	}
	.topbs_textbox h4{
		font-size:18px;
	}
	.topbs_textlist_r{
		padding-right:50px;
	}
	.moviepage_title{
		font-size:21px;
	}
	.tokyokaigi_data p{
		margin-left:0;
	}
	.tokyokaigi_text{
		font-size:15px;
	}
	.spmovie_roll{
		font-size:13px;
	}
	.spmovie_name{
		font-size:18px;
	}
	.spmovie_profile{
		font-size:14px;
	}
	.spmovie_data{
		padding:0 20px
	}
	.spmovie_single01 .spmovie_profile{
		padding:0 20px;
	}
	.spmovie_single01 .spmovie_data02{
		width:100%;
		margin-left:0;
	}
	.list li{
		width:31.33%;
		margin:0.5% 1% 1%;
		text-align:left;
	}
	.youtube_video iframe {
		width: 100%;
		height: 160px;
	}	
	.relation li{
		width: calc(50% - 30px);
	}
	.search-box label{
		font-size:14px;
	}
	.uht_link a{
		font-size:12px;
	}
	.article_unhead{
		font-size:26px;
	}
}


/*=============
SIZE: 470
=============*/

@media screen and (max-width:470px){
	.page_linkbtn_text{
		width: 100%;	
	}
	.head_en {
		width: 50%;
		margin-left: 0;
		margin-top: 20px;
	}
	.menu_btn {
		top: 5px;
		right: 5px;
	}	
	.fixed .logo{
		width:auto;
		opacity:0;
	}
	.fixed .fix_header:before{
		display:none;
	}
	.pc_only{
		display:none;
	}

	.sp_only{
		display:block;
	}
	h1 img{
		width:90px;
	}
	.menu_btn{
		top:10px;
		right:10px;
	}
	.m_menu_graphic{
		display:none;
	}
	.m_menu_nav{
		width:100%;
	}
	.m_menu_nav02{
		padding-left:20px;
	}
	.m_menu_nav02 a{
		font-size:18px;
	}
	.m_menu_nav02 .en{
		font-size: 11px;
		display: block;
		margin-left: 0;
	}
	.menu_btn_imgbox{
		width:80px;
	}
	.chops:before {
		content: url(../images/chop_left_sp.png);
		left: 32px;
		top: 8px;
	}	
	.chops:after {
		content: url(../images/chop_right_sp.png);
		left: 42px;
		top: 14px;
	}
	.menu_btn_imgbox:before {
		font-size: 10px;
		bottom: 13px;
	}	
	.gnav-open .chops:after {
		left: 36px;
		top: 10px;
	}	
		.gnav-open .chops:before {
		left: 40px;
		top: 10px;
	}
	.headCopy{
		display:none;
	}
	.top_catch_img {
		right: -50px;
		width: 300px;
		z-index: -1;
	}
	.top_catch h2{
		font-size:7vw;
		margin-bottom:30px;
		background: none;
	}
	.top_catch_box{
		padding-top:210px;
	}
	.top_catch_box p{
		line-height:1.8;
	}
	.top_catch_logo {
		top: auto;
		bottom:0;
		right: auto;
		left:50%;
		width: 140px;
		transform:translate(-50%,0);
	}	
	.top_catch{
		padding-bottom:180px;
	}
	.article_head{
		-ms-flex-wrap:wrap;
		flex-wrap: wrap;
	}
	.head_icon{
		width:100%;
		text-align:center;
		margin:0 0 30px;
	}
	.topnews_listbox li{
		width:48%;
		margin:1% 1% 20px;
	    padding-right: 23px;
	}
	.topnews_data{
		font-size:16px;
	}
	.topnews_data .year{
		font-size:10px;
	}
	.topnews_title{
		padding:0;
		font-size:12px;
		width:120%;
	}
	.topbnr_list{
		display:block;
	}
	.topbnr_listTextbox{
		width:100% !important;
	}
	.topbnr_listImg{
		width:100%;
		height:130px;
	}
	.topbnr_listboxEntry{
		padding:0 20px;
	}
	.topbnr_listTextbox,
	.topbnr_list:nth-child(even) .topbnr_listTextbox{
		padding: 10px 0;
	}
	.topbnr_textsub{
		font-size:15px;
	    text-align: left;
    	padding-left: 10px;	
	}
	.topbnr_title{
		padding:20px 0;
		font-size:24px;
	}
	.topbnr_list{
		border:1px solid #ccc;
		padding:10px;
		border-radius:10px;
	}
	.topbnr_list{
		margin:20px 0;
	}
	.img_ring:before{
		display:none;
	}
	.img_ring,
	.topbnr_list:nth-child(2) .img_ring{
		position: absolute;
		top: -22px;
		right: 25px;
		left: auto;
		transform: rotate(-90deg);
		display: inline-block;
		z-index: 5;
	}	
	.topbnr_list:nth-child(even) .img_ring img{
		transform: rotate(360deg);
	}
	#about{
		padding-top:50px;
	}
	.article_head{
		text-align: center;
		font-size: 22px;
		width: 330px;
		margin: 0 auto;
		line-height: 1.4;
	}
	.sp_title{
		width:100%;
		font-weight: bold;
	}
	.topdish_listbox ul{
		padding:0 20px;
		margin-top:30px;
	}
	.topdish_listbox li{
		padding:0;
	}
	.topdish_list_img img{
		width:auto;
		max-width:100%;
	}
	.topdish_list:first-child .topdish_list_img{
		width: 100%;
		padding-right:23px;
	}
	.topdish_list:first-child .topdish_list_img span:before{
		width:100px;
		height:46px;
	}
	.topdish_list:first-child .topdish_list_img:before{
		font-size:12px;
	}
	.topdish_list:first-child .perform_box{
		display:block;
	}
	.topdish_list:first-child .topdish_textbox{
		padding:5px ;
	}
	.topdish_list_title{
		padding:5px 0;
		margin-bottom: 0;
	}
	.topdish_list:first-child .perform_box{
		margin:5px 0;
	}
	.topdish_list:first-child .perform_box{
		font-size:16px;
	}
	.topdish_list:first-child .topdish_list_title{
		font-size:17px;
	}
	.topdish_list:first-child .topdish_perlist li{
		font-size:16px;
		padding:5px 0;
	}
	.topdish_list:first-child .topdish_perlist{
		margin-left:0;
	}
	.topdish_link{
		display:none;
	}
	.topdish_listbox ul{
		justify-content: space-between;
	}
	.topdish_listbox li.topdish_list{
		width:48%;
	}
	.topdish_list:nth-child(4){
		display:none;
	}
	.topdish_listbox li.topdish_list:first-child{
		margin-bottom:30px;
	}
	.topdish_list_title{
		font-size:14px;
	}
	.perform_box{
		margin-top:10px;
		margin-left:0;
	}
	.topdish_listbox ul {
		padding: 30px 20px 0;
		margin-top: 5px;
	}	
	.topdish_perlist{
		padding: 0 0 0 0.5em !important;
	}
	.topdish_perlist li{
		font-size:12px;
		padding:3px 0;
	}
	.page_linkbtn{
		width:90%;
		margin:0 auto;
	}
	.page_linkbtn a{
		font-size:18px;
		text-align:left;
		line-height:35px;
		padding-left:1em;
		width:100%;
	}
	.topweb_listbox ul{
		justify-content: space-between;
	}
	.topweb_listbox li{
		width:48%;
		padding:0;
	}
	.topweb_listbox{
		padding:0 20px;
	}
	.topweb_list:nth-child(3){
		display:none;
	}
	.topweb_listbox li p{
		max-height:140px;
		overflow:hidden;
		font-size:13px;
	}
	.ft_nav{
		text-align:center;
	}
	.ft_nav li{
		width:100%;
	}
	.ft_menu{
		border:none;
		padding-left:0;
	}
	.ft_menu li a{
		text-align:center;
		margin:40px 0;
	}
	.m_menu_copy{
		margin-left:0;
	}
	.under_contents{
		padding:0 20px;
	}
	.un_catch li{
		width:100%;
	}
	.un_catch li:nth-child(2){
		margin-top:10px;
	}
	.un_catch{
		margin-top:125px;
	}
	.parallax{
		height:160px;
	}
	.un_headbox_title{
		margin-top:-40px;
	}
	.article_unhead{
		font-size:24px;
	}
	.un_headbox_text{
		margin-top:30px !important;
	}
	.artile_unlistbox{
		margin-top:50px;
	}
	.ws_title:before {
		width: 15px;
		height: 18px;
		position: absolute;
		left: 0;
		top: 15.5px;
	}	
	.ws_title {
		padding: 10px 0 10px 25px;
		font-size: 16px;
	}
	.artile_unlistbox{
		padding:0 0 20px;
	}
	.artile_unlist li {
		width: 100%;
		margin: 20px 20px;
	}	
	/*.artile_unlist li a{
		display:flex;
	}
	.ws_head{
		width:110px;
		margin-right:10px;
		border:none;
	}
	.topweb_textbox{
		width: calc(100% - 120px);
	}*/
	.ws_head{
		max-width:94%;
		margin:0 auto;
	}
	.ws_text{
		font-size:13px;
	}
	.bread{
		font-size:15px;
	}
	.relation li{
		width:100%;
		margin:15px 0 ;
	}
	.relation_text .sp_title{
		margin:10px 0 -10px;
		font-size:15px;
	}
	.relation_img{
		height: 110px;
    	width: calc(100% - 225px);
	}
	.relation_img01,
	.relation_img02,
	.relation_img03,
	.relation_img04{
		background-size:auto 100%;
	}
	.relation li a{
		display:-webkit-box;
		display:-ms-flexbox;	
		display:flex;
	}
	.relation_text{
		width:215px;
		text-align:center;
	}
	.relation_text .head_en{
		width:125px;
	}
	.relation_text .article_unhead_icon img{
		width:50px;
	}
	.relation_text .article_unhead_icon{
		margin-top:0;
	}
	.relation_text{
		font-size:18px;
		margin-left:10px;
	}
	.relation{
		margin:50px auto 0;
	}
	.rec_listtitle{
		font-size:15px;
		line-height: 1.5;
	}
	.rec_listbox{
		font-size:13px;
	}
	.rec_listbox:before{
		font-size:13px;
	}
	.artile_unlistbox h4{
		font-size:15px;
	}
	.news_head{
		padding:210px 0 0 0;
	}
	.news_head_title h4{
		right:auto;
		left:50%;
		top:0;
		transform:translate(-50%,0);
		font-size:28px;
	}
	.news_head_title .head_en{
		width:110px;
	}
	.news_head h2{
		font-size:18px;
		line-height:1.5;
	}
	.news_head h2 br{
		display:none;
	}
	.news_box h3{
		font-size:20px;
	}
	.news_box h4{
		font-size:18px;
	    padding-left: 18px;
	}
	.news_box p{
		font-size:14px;
	}
	.news_box h4:before{
		width:10px;
		top:16px;
	}
	.ftCopy{
		padding:30px 0 100px;
		font-size:10px;
	}
	.news_form li{
		width:100%;
		margin:1%;
	}
	.ft_sns{
		display:none;
	}
	.sns {
		position: fixed;
		right: 0;
		bottom: 0;
		z-index: 100;
		display: flex;
		width: 100%;
	}	
	.sns li {
		margin: 0;
		width: 33.33%;
		border-radius: 0;
	}
	.sns li a{
		text-align:center;
	    padding: 5px 10px;
	}
	.moviepage_title{
		font-size:20px;
	}
	.tokyokaigi_data{
		width:100%;
	}
	.tokyokaigi_text{
		width:100%;
		font-size:15px;
	}
	.special_movie{
		margin-top:-30px;
	}
	.tokyokaigi_catch{
		margin-left:0 !important;
		font-size:18px !important;
		padding: 0.5em 0 !important;
	}
	.moviepage {
		margin-top: 140px !important;
	}	
	.moviepage_title span{
		font-size:24px !important;
	}
	.spmovie_inner{
		margin:10px;
	}
	/*.spmovie_data01 img{
		width:120px;
	}*/
	.spmovie_data02 {
		width: 100%;
		margin:0;
	}	
	.spmovie_box{
		padding:5px 0;
	}
	.spmovie_data{
		padding:0;
	}
	.chef_movie_youtube{
		width:100%;
		margin:5px 0;
	}
	.spmovie_single01{
		width:100%;
	}
	.spmovie_single02{
		width:100%;
		margin-top:20px;
	}
	.chef_movie_youtube iframe{
		width:100%;
		height:180px;
	}
	.spmovie_single02 iframe{
		width:100%;
		height:180px;
	}
	.spmovie_single01 .spmovie_profile {
		padding:0;
	}
	.spmovie .spmovie_box{
		margin:30px 0;
	}
	.special_movie .moviepage_title{
		font-size:16px;
	}
	.topbs_textbox h4{
		padding:0 20px;
	}
	.topbs_textlist_l,
	.topbs_textlist_r{
		width:100%;
		padding:10px 20px;
	}
	.topbs_textlist_l{
		text-align:center;
	}
	.topbs_textlist_l img{
		max-width:260px;
	}
	.topbs_textlist_r{
		margin-right:0;
	}
	.dish_name{
		padding:0 10px;
		font-size:18px;
	}
	.spmovie_profile span{
		font-size:11px;
	}
	.spmovie_profile{
		font-size:13px;
	}
	.topbs_main_inner div{
		width:76%;
		margin:-20px auto;
	}	
	.subcatch_title{
		line-height:1.3;
		padding-top:0.3em;
	}
	.link_list li{
		width:100%;
	}
	.link_list01{
		font-size:24px;
		padding:0;
	}
	.link_list02{
		padding-left:0;
		padding-top:10px;
		font-size:13px;
	}
	.sp_link a{
		margin:10px 0;
		width:100%;
	}
	.ft_top a{
		font-size:16px;
	}
	.search-box label{
		padding:0 10px;
	    font-size: 12px;	
	}
	.list li{
		width:48%;
	}
	.youtube_box{
		padding:15px 10px;
	}
	.youtube_video iframe{
		height:110px;
	}
	.list_item_title{
		font-size:12px;
		margin-bottom:10px;
	}
	.list_iten_cat{
		font-size:11px;
	}
	.youtube_video{
		margin-top:-3px;
		padding:0;
	}
	.top_youtube{
		padding:0;
	}
	.topbnr_listbox{
		margin-top:50px;
	}
}









