﻿/* overwrite main.css */
a.enlarge {
	margin: 0;
}

/* for TAB and PC */
@media all and (min-width: 768px){
	#hed .g_menu {
		display: block !important;
	}
}


/* for TAB */
@media all and (min-width: 768px) and (max-width: 1024px){

	body {
		-webkit-text-size-adjust: 100%;
		width: auto;
	}
	#wrapper, #page, #page-inner{
		width: 764px;
	}
	#hed, #head, .footer-banner, #footer, #end-footer {
		width: 760px;
	}
	#sec_main, #sec_main h2 {
		width: 640px;
/*		width: 753px; */
	}
	.style-box, .back-number, .style_back_index,
	.culture-box, .culture-box_s, .culture-box_ss {
		width: 750px;
	}

	/* header */

	#head_right, #head_right .skip{
		width: 445px;
	}
	.g_menu {
		width: 760px;
		background-size: 760px;
		padding-left: 0;
	}
	.g_menu li.home a, .g_menu li.fashion a, .g_menu li.lifestyle a,
	.g_menu li.sci-tech a, .g_menu li.pop a, .g_menu li.food a, 
	.g_menu li.street a, .g_menu li.fas-design a, .g_menu li.tech-life a {
		margin-left: 13px;
	}
	.g_menu li.home a:hover {
		margin-left: 13px;
	}

	.sizechange {
		display: none;
	}

	/* footer */

	.footer-banner {
		padding: 0;
		display: none;
	}
	#footer {
		background-size: 760px;
	}

	#end-footer {
		height: 55px;
		margin: 10px 0 0 0;
	}
	#end-footer ul li{
		display: none;
	}
	#end-footer ul li.top{
		display: block;
	}
	#end-footer p {
		margin: 5px 0;
		padding: 0;
	}

	/* main contents */

	#sec_main {
		margin: 0 0 0 5px;
	}
	#sec_main .h2_text {
		width: 753px;
		background-size: 753px;
	}
	
	#sec_main h2 img, #sec_main h3 img {
		width: 753px;
		height: auto;
	}

	.culture-box.to_content img{
		height: auto;
	}

	.culture-box.to_content .to_w180{
		width:176px;
	}
	.culture-box.to_content .to_w226{
		width:221px;
	}
	/*.culture-box.to_content .to_w240{
		width:372px;
	}*/
	.culture-box.to_content .to_w280{
		width:274px;
	}
	.culture-box.to_content .to_w286{
		width:280px;
	}
	.culture-box.to_content .to_w360{
		width:353px;
	}
	.culture-box.to_content .to_w370{
		width:363px;
	}
	.culture-box.to_content .to_w380{
		width:372px;
	}
	
	.culture-box.to_content .to_w420{
		width:412px;
	}
	.culture-box.to_content .to_w460{
		width:451px;
	}
	.culture-box.to_content .to_w480{
		width:470px;
	}
	.culture-box.to_content .to_w510{
		width:500px;
	}
	.culture-box.to_content .to_w600{
		width:588px;
	}
	.culture-box.to_content .to_w640{
		width:627px;
	}
	.culture-box.to_content .to_w760{
		width:745px;
	}
	.culture-box.to_content .to_ml20{
	margin-left:4%;
}
	.Mizuhiki .culture-box.to_content .to_fl {
		margin-right:2%;
	}
}


/* for SP */
#sp_menu_bt {
	display: none;
	position: absolute;
	left: 0;
	top: 80px;
	width: 95px;
	height: 22px;
	text-indent: -9999px;
}
#sp_menu_bt.open {
	background: url(../images/sp_menu.gif) no-repeat;
	margin: 0;
}
#sp_menu_bt.close {
	background: url(../images/sp_menu_close.gif) no-repeat;
	margin: 0;
}

@media all and (max-width: 767px){
	* {
		box-sizing: border-box;
	}
	body {
		-webkit-text-size-adjust: 100%;
		min-width: 320px;
		width: 100%;
	}
	#wrapper, #page, #page-inner, #hed, #head, 
	#sec_main, #sec_main h2, .footer-banner, #footer, #end-footer, 
	.style-box, .back-number, .style_back_index,
	.culture-box, .culture-box_s, .culture-box_ss {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	#page {
		padding-left: 2px;
		padding-right: 2px;
	}

	#sp_menu_bt {
		display: block;
	}


	/* header */

	#hed .g_menu {
		display: none;
		position: absolute;
		left: 0;
		top: 102px;
		background: none;
		background-color: #fff;
		box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.2);
		height: auto;
		width: 180px;
		border: 1px solid #888;
		padding-bottom: 10px;
		z-index: 999;
	}

	.sizechange {
		display: none;
	}

	h1 img {
		padding-left: 10px;
	}

	#head_right {
		width: 100%;
	}
	#head_right .skip {
		display: none;
	}
	.g_menu ul{
		display: block;
		width: inherit !important;
	}
	.g_menu ul li {
		display: block;
		width: inherit !important;
	}
	.g_menu li a{
		margin-left: 0 !important;
		width: inherit !important;
	}

	p.pankuzu {
		display: none;
	}

	/* footer */

	.footer-banner {
		padding: 0;
		display: none;
	}
	#footer {
		height: auto;
		background: #6c6c6c;
		padding-bottom: 5px;
	}
	#footer .g_menu{
		display: none;
	}
	#end-footer {
		height: 55px;
	}
	#end-footer ul li{
		display: none;
	}
	#end-footer ul li.top{
		display: block;
	}
	#end-footer p {
		margin: 5px 0;
		padding: 0;
	}

	/* main contents */

	div.enlarge-photo {
		display: none;
	}

	#sec_main {
		margin: 0;
		max-width: 760px;
	}

	#sec_main h2, #sec_main h3 {
		overflow: hidden;
		clear: both;
	}
	#sec_main .h2_text h2 {
		width: auto;
	}
	#sec_main .h2_text h2 br {
		display: none;
	}
	#sec_main #h2 img, #sec_main h3 img {
		width: 760px;
	}

	#sec_main .h2_text {
		width: 100%;
		height: auto;
		padding: 0 0 0 0;
		background-position: right bottom;
		background-size: auto 70px;
		margin: 0 auto 10px auto;
	}

	#sec_main .h2_text h2 {
		padding: 20px 70px 33px 5px;
		font-size: 16px;
	}

	#sec_main .h2_text .to_h2line2 {
		margin: auto;
	}
 .h2_food,
 .h2_culture,

	.culture-box.to_content {
		padding: 0 7px 30px 7px;
	}
	.culture-box.to_content .to_w180, .culture-box.to_content .to_w226,.culture-box.to_content .to_w240,
	.culture-box.to_content .to_w280, .culture-box.to_content .to_w286, 
	.culture-box.to_content .to_w360, .culture-box.to_content .to_w370, 
	.culture-box.to_content .to_w380, .culture-box.to_content .to_w420, 
	.culture-box.to_content .to_w480, .culture-box.to_content .to_w460,
	.culture-box.to_content .to_w510, .culture-box.to_content .to_w600, 
	.culture-box.to_content .to_w640, .culture-box.to_content .to_w760 {
		box-sizing: border-box;
		width: 100%;
		height: auto;
	}
	/* ohirune */
	.ohirune .culture-box.to_content .to_w280,
	.ohirune .culture-box.to_content .to_w286, .ohirune .culture-box.to_content .to_w360,
	.ohirune .culture-box.to_content .to_w370, .ohirune .culture-box.to_content .to_w380,
	.ohirune .culture-box.to_content .to_w420, .ohirune .culture-box.to_content .to_w480, 
	.ohirune .culture-box.to_content .to_w510, .ohirune .culture-box.to_content .to_w600, 
	.ohirune .culture-box.to_content .to_w640, .ohirune .culture-box.to_content .to_w760 {
		box-sizing: border-box;
		max-width: 48%;
		margin-right: 2%;
		height: auto;
	}
	.ohirune .culture-box.to_content .to_w180 {
		max-width: 35%;
	}
	 .ohirune .culture-box.to_content .to_w226 {
	 	max-width: 30%;
 	}
	.ohirune .culture-box.to_content .to_w460 {
		margin-right: 0;
		margin-bottom: 0;
		max-width: 60%;
	}
/* anime */	
	.anime .culture-box.to_content .to_w280, 
	.anime .culture-box.to_content .to_w286, .food .culture-box.to_content .to_w286, 
	.anime .culture-box.to_content .to_w420,
	.anime .culture-box.to_content .to_w480, .food .culture-box.to_content .to_w480
	.anime .culture-box.to_content .to_w510, .food .culture-box.to_content .to_w510
	.anime .culture-box.to_content .to_w600, .food .culture-box.to_content .to_w600
	.anime .culture-box.to_content .to_w640, .food .culture-box.to_content .to_w640 {
		box-sizing: border-box;
		width: 60%;
		max-width: 100%;
		height: auto;
	}
	.anime .culture-box.to_content .to_w360, .food .culture-box.to_content .to_w360,
	.anime .culture-box.to_content .to_w370, .food .culture-box.to_content .to_w370,
	.anime .culture-box.to_content .to_w380, .food .culture-box.to_content .to_w380 {
		width: 48%;
	}
	.anime .culture-box.to_content .to_w226,.food .culture-box.to_content .to_w226 {
		width: 30%;
	}
	.anime .culture-box.to_content .to_w180 {
		width: 45%;
	}	
	.anime .culture-box.to_content .to_w460, .food .culture-box.to_content .to_w460  {
		width: 65%;
	 }
	 .anime .culture-box.to_content .to_w760, .food .culture-box.to_content .to_w760 {
		 width: 100%;
	 }
	 .anime .culture-box.to_content .to_fl, .food .culture-box.to_content .to_fl {
		margin-right: 2%;
	}
	.food .culture-box.to_content .to_w180 {
		width: 25%;
	}
	.food .culture-box.to_content .to_w280 {
		width: 38%;
	}
	.food .culture-box.to_content .to_w420 {
		width: 57%;
	}
	.food .culture-box.to_content .to_w460 {
		width: 60%;
	}
	.food .culture-box.to_content .to_w600 {
		width: 70%;
	}
	/* tech */
	.tech .culture-box.to_content .to_w286 {
		width:45%;
	}
/* popculture */
	.poculture .culture-box.to_content .to_w180 {
		width: 24%;
	}
	.poculture .culture-box.to_content .to_w280 {
	 	width:37%;
	}
 	.poculture .culture-box.to_content .to_w286 {
		width:45%;
	}
	.poculture .culture-box.to_content .to_w226 {
		width:30%;
	}
	.poculture .culture-box.to_content .to_w360 {
		width:48%;
	}
	.poculture .culture-box.to_content .to_w370 {
		width:48%;
	}
	.poculture .culture-box.to_content .to_w420 {
		width:51%;
	}
	.poculture .culture-box.to_content .to_w460 {
		width:60%;
	}
	.poculture .culture-box.to_content .to_w510 {
		width:67%;
	}
	.poculture .culture-box.to_content .to_fl,
	.travel .culture-box.to_content .to_fl{
		margin-right: 2%;
	}
	.poculture .to_mb {
		margin-bottom: 0;
	}
	/* travel */

	.travel .culture-box.to_content .to_w280 {
		width: 48%;
	}
	.travel .culture-box.to_content .to_w420 {
		width: 55%;
	}
	.travel .culture-box.to_content .to_w286 {
		width: 38%;
	}
		.travel .culture-box.to_content .to_w360 {
		width: 56%;
	}
		.travel .culture-box.to_content .to_w370 {
		width: 48%;
	}
	.travel .culture-box.to_content .to_w480 {
		width: 56%;
	}
	.travel .culture-box.to_content .to_w226 {
		  width: 40%;
	}
	.travel.chakai .culture-box.to_content .to_w226 {
		width: 31.3%;
  	}
	.travel .culture-box.to_content .to_w380 {
		width: 49%;
	}

	/* for Calorie Style */
	.calorie .h2_text .to_h2line3 {
	  margin-top: -8px;
	  font-size: 14px !important;
    }

    .trend-rwd.culture-box.to_content .to_w180 {
        width: 24%;
    }
    .trend-rwd.culture-box.to_content .to_w226 {
        width:30%;
    }
    .trend-rwd.culture-box.to_content .to_w280 {
        width:37%;
    }
    .trend-rwd.culture-box.to_content .to_w286 {
        width:45%;
    }
    .trend-rwd.culture-box.to_content .to_w360,
    .trend-rwd.culture-box.to_content .to_w370 {
        width:48%;
    }
    .trend-rwd.culture-box.to_content .to_w380 {
        width:49%;
    }
    .trend-rwd.culture-box.to_content .to_w420 {
        width:51%;
    }
    .trend-rwd.culture-box.to_content .to_w460 {
        width:60%;
    }
    .trend-rwd.culture-box.to_content .to_w510 {
        width:67%;
    }
	.trend-rwd.culture-box.to_content .to_fl{
		margin-right: 2%;
	}
	.trend-rwd.culture-box.to_content .to_mb {
		margin-bottom: 0;
	}

/* for Street Style */

	.style-box {
		box-sizing:border-box;
		padding: 5px;
	}
	ul.style_menu{
		width: auto;
	}
	.style_menu li{
		display: inline-block;
		margin: 2px;
	}
	.style_img{
		width: 100%;
		padding: 0 0 15px 0;
	}
	.style_img ul{
		display: inline;
	}
	.style_photo li {
		display: inline-block;
		padding: 4px;
		margin: 0;
		width: 19%;
		height: auto;
	}

	.photo {
		width: 100%;
		height: auto;
	}
	/* for Mizuhiki */
	 .Mizuhiki .culture-box.to_content .to_w370 {
	 	max-width: 50%;
 	}
	 .Mizuhiki .culture-box.to_content .to_w226 {
	 	max-width: 30%;
 	}
	 .Mizuhiki .culture-box.to_content .to_w280 {
	 	max-width: 37%;
 	}
	.Mizuhiki .culture-box.to_content .to_w360 {
		max-width: 45%;
	}
	.Mizuhiki .culture-box.to_content .to_w380 {
		max-width: 53%;
	}
	.Mizuhiki .culture-box.to_content .to_w420 {
		max-width: 50%;
	}
	.Mizuhiki .culture-box.to_content .to_w460 {
		max-width: 60%;
	}
	.Mizuhiki .culture-box.to_content .to_fl {
		margin-right: 2%;
	}
	.Mizuhiki .culture-box.to_content .to_w240 {
		max-width: 32% !important;
	}
	.Mizuhiki .culture-box.to_content .to_w640 {
    	max-width: 80%;
	}
	.Mizuhiki .culture-box.to_content .to_w170 {
    	max-width: 20%;
	}
	/* description page */
	a.bt_zoom {
		display: none;
	}

	.style_img_center {
		float: none;
		clear: both;
		margin: auto;
		background: none;
		padding: 5px;
		min-height: auto;
		max-width: 389px;
		width: 100%;
	}
	.style_img_center p.center_photo {
		padding: 0;
	}
	.style_img_center p.center_photo img{
		width: 100%;
		height: auto;
	}

	.style_img_right {
		height: auto;
		min-height: auto;
		background: none;
		background-size: 100% auto;
		width: 130px;
		padding: 0 10px 0 0;
	}
	.style_img_right .next_photo {
		margin: 0;
		width: auto;
	}
	.style_img_right .photo {
		margin: 0;
		width: 100%;
	}

	.style_img_left {
		width: 130px;
		padding: 0 0 0 10px;
	}
	.style_img_left .photo {
		margin: 0;
		width: 100%;
	}
	.Arabic .style_menu li {
		float: left;
	}
	.Arabic .style_img_left {
		width: 130px !important;
	}
	.Arabic .style_img_right {
		padding-right: 0;
	}
	.Arabic .style_img_right .next_photo {
		margin-right: 10px !important;
	}
}
/* for Street Style */
@media all and (max-width: 400px){
	#sec_main h2 img, #sec_main h3 img {
		width: 640px;
		height: auto;
	}
	/* description page */
	a.bt_index {
		width: 100px;
		height: 14px;
		background-size: 100px auto !important;
	}
		.culture-box.to_content .to_ml20{
	margin-left:3%;
}
}
@media all and (max-width: 640px){
	.style_photo li {
		width: 24%;
	}
	.culture-box.to_content .to_ml20{
		margin-left:3%;
	}
}
@media all and (max-width: 550px){
	.style_photo li {
		width: 32%;
	}
}
@media all and (max-width: 420px){
	.style_photo li {
		width: 49%;
	}
	.Arabic #sec_main .h2_text h2 {
		margin-right: 3%;
	}
}


