@charset "utf-8";
@media only screen and (min-width: 1400px){
}	/* @media only screen and (min-width: 1400px){ */

@media only screen and (min-width: 1400px) and (max-width: 1599px){
	 html .top_parallax { height:600px }
}	/* @media only screen and (min-width: 1400px) and (max-width: 1599px){ */

@media only screen and (min-width: 1201px) and (max-width: 1399px){
	html .top_parallax { height:600px }
}	/* @media only screen and (min-width: 1201px) and (max-width: 1399px){ */

@media only screen and (min-width: 992px) and (max-width: 1200px){
	html .top_parallax { height:500px }
	html .tm_con{ width:33%;}
	html .top_btn{ bottom:120px; }
	html .tm_con{
	}
}	/* @media only screen and (min-width: 992px) and (max-width: 1200px){ */

@media only screen and (min-width: 769px) and (max-width: 991px){
	html .policy ul{ margin-left:0; }
	html .top_parallax { height:500px }
}	/* @media only screen and (min-width: 769px) and (max-width: 991px){ */

@media only screen and (max-width: 768px) {
	html .top_btn a{
		width:100px;
		height:100px;
	}

	html .policy ul{ margin-left:0; }
	html .top_info_box{ margin-left:30px; }
	html .footer_mes{ margin-top:-10px; }
	html .header_inner h1{ top:8px;width:90px; }
	html #page_title::before{ background-color: rgba(0,0,0,0.50); }
	html .top_parallax { height:280px }

	html #top_mv{
		position: relative;
		height: auto;
		margin-top:150px;
		z-index: 1;
	}

	html #top_mv .div_txt{
		height:auto;
	}

	html #top_mv .div_video div{
		height:auto;
	}

	html #top_mv .div_video video{
		position: relative;
		top:0;
		left: 0;
		width: 100%;
		height: auto;
		min-width: none;
		min-height: none;
		-webkit-transform: translate(0%, 0%);
		-moz-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
	}

	html #top_mv .div_video div::before{
		z-index: 1;
		background-image: radial-gradient(rgba(0,0,0,0.25) 10%, transparent 90%);
		background-color: rgba(0,0,0,0.10);
	}

	html .top_btn{ bottom:-60px; }
	html #top_about{ margin-top:15%; }
	html #top_about{ position:relative;z-index:3; }

	html .fbox .fa1,html .fbox .fa3{ background:none; }
	html .fbox .fa2,html .fbox .fa4{ background:rgba(32,32,32,1.0) !important; }

	html .shirt_list div{ width:calc(20% - 10px);height:auto; }
	html .shirt_list div img{ width:auto;height:auto; }
	html .div_pps{ width:calc(33.33333% - 20px) }
	html .sic_inner{ width:calc(33.33333% - 10px) }
	html .pps_color{ height:200%; }


	/* いったんボタン消す */
	.only_body_sel,.all_print_price,.fix_contact{ display:none !important; }
}	/* @media only screen and (max-width: 767px) { */

@media only screen and (max-width: 543px) {
}	/* @media only screen and (max-width: 543px) { */

@media only screen and (max-width: 992px) {
	html .container{ padding-left:30px;padding-right:30px; }
	html .header_nav{
		position: fixed;
		top:-100vh;
		left:0;
		margin-left:0;
		width: 100%;
		height: 100%;
		z-index:100000;
		background: rgba(20,20,20,0.98);
		display:block;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}

	html header nav.nav_fixed{ top:0; }
	.nav_inner{
		display:block;
		width: 100%;
		height: 98%;
		overflow:hidden;
		overflow-y:scroll;
	}

	html .btn{
		display: block;
		position: fixed;
		z-index:1001;
		top:10px;
		right:5px;
		color:#eee;
		width:90px;
		text-align: center;
		border:1px solid #141414;
		padding:10px 5px;
		background: #d60b30;
	}
	html .btn.btn_close{ right:5px; }
	html div:hover.btn,html div:active.btn{
		color:#d60b30;
		background: #141414;
		border:1px solid #d60b30;
	}

	.btn{ position:relative; }
	.menu_num{
		position: absolute;
		z-index: 1;
		top:20.5px;
		left: 5px;
		width:15px;
		height: 1px;
		background: #eee;
		transition: 0.3s ease-in-out;
	}

	.menu_num::before{
		content:'';
		position: absolute;
		z-index: 1;
		top:-5px;
		left: 0px;
		width:15px;
		height: 1px;
		background: #eee;
		transition: 0.3s ease-in-out;
	}

	.menu_num::after{
		content:'';
		position: absolute;
		z-index: 1;
		top:5px;
		left: 0px;
		width:15px;
		height: 1px;
		background: #eee;
		transition: 0.3s ease-in-out;
	}

	.btn:hover .menu_num,
	.btn:hover .menu_num::before,
	.btn:hover .menu_num::after,
	.btn:hover .menu_close,
	.btn:hover .menu_close::before{
		background: #d60b30;
	}

	.menu_close{
		position: absolute;
		z-index: 1;
		top:20.5px;
		left: 5px;
		width:15px;
		height: 1px;
		background: #eee;
		transform: rotate(45deg);
		transition: 0.3s ease-in-out;
	}

	.menu_close::before{
		content:'';
		position: absolute;
		z-index: 1;
		top:0px;
		left: 0px;
		width:15px;
		height: 1px;
		background: #eee;
		transform: rotate(-90deg);
		transition: 0.3s ease-in-out;
	}

	html .header_nav ul{
		margin-top:150px;
		justify-content: flex-start;
		padding:0 30px;
		display: block;
		width: 80%;
		margin-left:10%;
	}

	html .header_nav ul li{
		font-size:18pt;
		margin-bottom:30px;
	}

	html .header_nav ul li a{
		padding-top:5px;
		padding-bottom:5px;
	}

	html .works_item{ width:calc(50% - 30px); }
	html .inner_page{ padding-top:0px; }

	html .tab_menu{ position:relative; }
	html .tm_con{ width:calc(100% - 4px);margin-left:2px;margin-bottom:2px; }
	html .tmt_p{ border-bottom:1px solid #fff; }
	html .tm_txt .tmt_p{ border-bottom:0; }
	html .tmt_div{ border-bottom:1px solid #fff; }
	html .top_btn{ bottom:-50px; }
	html .tm_txt,html .tm_txt.on{ bottom:auto; }
}	/* @media only screen and (max-width: 991px) { */