/* 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: 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_text h2 {
		width: 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_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;
	}
}


/* 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;
	}


	.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_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_w460, .culture-box.to_content .to_w480, 
	.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;
	}

/* 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;
	}

	/* 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%;
	}

}

/* 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;
	}
}
@media all and (max-width: 640px){
	.style_photo li {
		width: 24%;
	}
}
@media all and (max-width: 550px){
	.style_photo li {
		width: 32%;
	}
}
@media all and (max-width: 420px){
	.style_photo li {
		width: 49%;
	}
}