@charset "utf-8";
/* CSS Document */
 @media screen and (max-width: 734px) {
/* タブレット、スマートフォン用 非Retina対応スタイル記述 */
	body {
		margin: 0;
		padding: 0;
	}
	
	.disable_sp {
		display: none;
	}

	
	.show_sp {
		display: block;
	}
	
	.disable_pc {
		display: block;
	}
	
	img {
		max-width: 100%;
	}
	
	img.f_left {
		float: none;
	}
	
	img.f_right {
		float: none;
	}
	
	
/**

スマホ用ヘッドメニュー

**/	
	
	.head_wrap {
		height: 52px;	
	}
	
	
	.head_wrap .logo {
		width: 82px;	
		margin-left: 4%;
		margin-top: 8px;
	}
	
	.head_wrap .gmenu_wrap {
		display: none;	
	}
	
	.head_wrap .right_wrap {
		height: 42px;	
	}
	
	.head_wrap .right_wrap .btn_contact {
		height: 42px;
		padding: 12px 6px;
		display: none;
	}
	
	.head_wrap .right_wrap .spmenu {
		width: 42px;
		padding: 16px 6px;
		float: right;
	}
	
	.head_wrap .right_wrap .spmenu img {
		height: 20px;
	}
	
	.head_wrap .right_wrap .btn_contact img {
		width: 22px;
	}
	
	.head_wrap .right_wrap .btn_contact .txt {
		display: none;
	}
	
	.head_wrap .right_wrap .lang_wrap {
		margin-right: 8px;
		display: none;	
	}
	
	.head_wrap .right_wrap .lang_wrap p {
		font-size: 8px;
		margin-top: 3px;
		margin-bottom: 0;
	}
	
	.head_wrap .right_wrap .sns_wrap {
		margin-right: 8px;
		margin-top: 10px;
	}
	
	.head_wrap .right_wrap .sns_wrap li img {
		width: 32px;	
	}
	
	
	
/**

フッター

**/	
	
	#footer.footer_wrap {
		padding-bottom: 0;	
	}
	
	#footer .footer_links {
		display: none;	
	}
	
	#footer .right_cont {
		width: 100%;
		float: none;	
	}
	
	#footer .right_cont .logo {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 130px;
		margin-bottom: 35px;	
		
		display: block;
	}
	
	#footer .right_cont .addr_wrap {
		display: none;	
	}
	
	.copyright {
		width: 8px;
		margin-top: -76px;	
	}
	
	
	.totop {
		width: 62px;
		right: 2%;
		bottom: 10px;	
	}
	
	
	#container .wrapper {
		padding-top: 52px;	
	}
	
	
	#contents_wrap .unit_wrap .ttl_wrap h2 {
		font-size: 18px;	
	}
	
	#contents_wrap .unit_wrap .cont {
		width: 92%;	
		margin-left: auto;
		margin-right:auto;
	}
	
	#contents_wrap .unit_wrap .lineup_list {
		width: 100%;	
	}
	
	#contents_wrap .unit_wrap .lineup_list .box:nth-child(1) {
		margin-left: auto;
	}

	#contents_wrap .unit_wrap .lineup_list .box:nth-child(4) {
		margin-left: auto;
	}

	#contents_wrap .unit_wrap .lineup_list .box:nth-child(5) {
		margin-left: auto;
	}

	#contents_wrap .unit_wrap .lineup_list .box:nth-child(8) {
		margin-left: auto;
	}
	
	#contents_wrap .unit_wrap .lineup_list .box {
		width: 48%;	
		min-height: 350px;
		margin-bottom: 8px;
	}
	
	@media screen and (max-width: 529px) {
		#contents_wrap .unit_wrap .lineup_list .box {
			min-height: 320px;	
		}
	}
	
	@media screen and (max-width: 479px) {
		#contents_wrap .unit_wrap .lineup_list .box {
			min-height: 290px;	
		}
	}
	
	
	#contents_wrap .unit_wrap .lineup_list .box:nth-child(odd) {
		margin-right: 2%;
	}
	
	#contents_wrap .unit_wrap .lineup_list .box:nth-child(even) {
		margin-right: 0%;
	}
	
	#contents_wrap .unit_wrap .lineup_list .box .txt_wrap .cat_name h3 {
		height: 50px;
		font-size: 14px;
		padding-top: 16px;
		line-height: 1.4em;
	}
	
	@media screen and (max-width: 339px) {
		#contents_wrap .unit_wrap .lineup_list .box .txt_wrap .cat_name h3 {
			font-size: 13px;
			letter-spacing: -0.05em;	
		}
		
		#contents_wrap .unit_wrap .lineup_list .box .txt_wrap .btn_wrap a {
			font-size: 12px;
			width: 110px;
			margin-left: -55px;	
		}
	}
	
	#contents_wrap .unit_wrap .ttl_wrap p {
		font-size: 13px;	
	}
	
	#contents_wrap .unit_wrap#what .what_list {
		width: 100%;	
	}
	
	#contents_wrap .unit_wrap#what .what_list .box {
		width: 100%;
		float: auto;
		margin-left: auto;
		margin-right: auto;	
	}
	
	
	
	#contents_wrap .unit_wrap#what .what_list .box:nth-child(2) {
		border-top: 0;	
	}
	
	#contents_wrap .unit_wrap#what .what_list .box .photo {
		width: 18%;	
		height: auto;
	}
	
	#contents_wrap .unit_wrap#what .what_list .box .photo img {
		height: auto;	
	}
	
	#contents_wrap .unit_wrap#what .what_list .box .txt_wrap {
		width: 80%;	
	}
	
	#contents_wrap .unit_wrap#what .what_list .box .txt_wrap .upper p {
		margin-bottom: 0;
	}
	
	#contents_wrap .unit_wrap#what .what_list .box .txt_wrap .upper p .date {
		font-size: 10px;	
	}
	
	#contents_wrap .unit_wrap#what .what_list .box .txt_wrap .upper ul li a {
		font-size: 10px;	
	}
	
	#contents_wrap .unit_wrap#what .what_list .box .txt_wrap .desc p {
		font-size: 13px;
		margin-bottom: 0;	
		margin-top: -5px;
		clear: both;
	}
	
	#contents_wrap .unit_wrap .todetail a {
		font-size: 13px;	
	}
	
	
	#contents_wrap .unit_wrap#feature .cont {
		width: 100%;	
	}
	
	#top #contents_wrap .unit_wrap#feature .ttl_wrap h2 img.imgttl {
		width: 130px;
		top: 5px;
	}
	
	#top #contents_wrap .unit_wrap#feature .feature_list .box .photo.f_left {
		width: 100%;
		float: none;	
	}
	
	#top #contents_wrap .unit_wrap#feature .feature_list .box .photo.f_right {
		width: 100%;
		float: none;	
	}
	
	#top #contents_wrap .unit_wrap#feature .feature_list .box .txt_wrap.f_right {
		width: 100%;
		float: none;	
	}
	
	#top #contents_wrap .unit_wrap#feature .feature_list .box .txt_wrap.f_left {
		width: 100%;
		float: none;	
	}
	
	
	
	
	#top #contents_wrap .unit_wrap#feature .feature_list .box .txt_wrap .subttl h3 {
		font-size: 16px;	
	}
	
	#top #contents_wrap .unit_wrap#feature .feature_list .box .txt_wrap p.desc {
		margin-bottom: 0;	
	}
	
	
	#sec #container.itemlist .unit_wrap#catlist .ttl_wrap {
		margin-bottom: 25px;	
	}
	
	#sec #container.itemlist .unit_wrap#catlist .ttl_wrap .txt h1 {
		white-space: unset;	
	}
	
	#sec #container.itemlist .unit_wrap#catlist .cont .cat_list {
		width: 100%;	
	}
	
	#sec #container.itemlist .unit_wrap#catlist .box {
		width: 48%;	
	}
	
	#sec #container.itemlist .unit_wrap#catlist .box:nth-child(2n+1) {
		clear: both;
	}
	
	#sec #container.itemlist .unit_wrap#catlist .box .txt {
		font-size: 11px;	
	}
	
	
	
	#sec #container.itemlist .unit_wrap#catlist .ttl_wrap .txt {
		position: static;
		width: 100%;
		-webkit-transform: translate(0%,0%);	
		-moz-transform: translate(0%,0%);	
		-ms-transform: translate(0%,0%);	
		-o-transform: translate(0%,0%);	
		transform: translate(0%,0%);	
	}
	
	
	#contents_wrap .unit_wrap#detail .cont {
		width: 100%;	
	}
	
	#sec #container.itemdetail .unit_wrap#detail .item_detail .left_wrap {
		position: static;	
		float: none;
		width: 100%;
		padding: 25px 4% 35px;
	}
	
	#sec #container.itemdetail .unit_wrap#detail .item_detail .left_wrap .big_photo {
		height: auto;	
	}
	
	#sec #container.itemdetail .unit_wrap#detail .item_detail .left_wrap .btn_wrapper .btn_wrap.download {
		width: 100%;
		float: none;	
		margin-bottom: 15px;
	}
	
	#sec #container.itemdetail .unit_wrap#detail .item_detail .left_wrap .btn_wrapper .btn_wrap.contact {
		width: 100%;
		float: none;	
	}
	
	#sec #container.itemdetail .unit_wrap#detail .item_detail .right_wrap {
		position: static;	
		float: none;
		width: 100%;
		padding: 25px 4% 35px;
	}
	
	#sec #container.workshop .unit_wrap#cont_02 .workshop_flyer .left_wrap {
		width: 100%;
		float: none;
		height: 455px;
		text-align: center;
		margin-bottom: 20px;	
	}
	
	#sec #container.workshop .unit_wrap#cont_02 .workshop_flyer .left_wrap img {
		max-width: auto;
		max-height: 100%;	
	}
	
	#sec #container.workshop .unit_wrap#cont_02 .workshop_flyer .right_wrap {
		width: 100%;
		float: none;
		max-height: none;
	}
	
	#sec #container.workshop .unit_wrap#cont_02 .workshop_flyer .right_wrap .slick-slide img {
		max-height: none;	
	}
	
	
	
	#sec #container.company .unit_wrap#anker_link {
		width: 92%;	
	}
	
	#sec #container.company .unit_wrap#anker_link li a {
		font-size: 13px;	
	}
	
	
	#sec #container .unit_wrap .subttl h3.borderwrap.ft18 {
		font-size: 15px;
	}
	
	#sec #container.company .unit_wrap .tbl_wrap table th {
		display: block;
		width: 100%;
		background: #f6f6f6;
	}
	
	#sec #container.company .unit_wrap .tbl_wrap table td {
		display: block;
		width: 100%;	
	}
	
	#sec #container.company .unit_wrap .recanker_wrap {
		width: 100%;	
	}
	
	#sec #container.company .unit_wrap .recanker_wrap li a {
		font-size: 11px;
		padding: 5px 0 30px;	
	}
	
	#contents_wrap.company .unit_wrap .ttl_wrap h4.ft18 {
		font-size: 15px;	
	}
	
	#sec #container.access .unit_wrap#cont_02 .cont {
		padding: 25px 2%;	
	}
	
	#sec #container.access .unit_wrap#cont_02 .cont .photo_wrap li {
		width: 33% !important;
		float: left;	
	}
	
	#sec #container.access .unit_wrap#cont_02 .cont .photo_wrap li:nth-child(1) {

		transform: rotate(0);
		position: static;
	}
	
	#sec #container.access .unit_wrap#cont_02 .cont .photo_wrap li:nth-child(2) {
	
		transform: rotate(0);
		position: static;
	}
	
	#sec #container.access .unit_wrap#cont_02 .cont .photo_wrap li:nth-child(3) {
	
		transform: rotate(0);
		position: static;
	}
	
	#sec #container.access .unit_wrap#cont_02 .cont .subttl h3.ft18 {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		font-size: 14px;
	}
	
	#sec #container.access .unit_wrap#cont_02 .cont .ft15 {
		font-size: 14px;
	}
	
	#sec #container.access .unit_wrap#cont_02 .cont .bg_white .ft18 {
		font-size: 14px;
	}
	
	
	#sec #container .mainttl_wrap h1 {
		font-size: 18px;	
	}
	
	#contents_wrap .unit_wrap .cont .subttl h3.ft24 {
		font-size: 18px;	
	}
	
	#contents_wrap.workshop .unit_wrap .cont .ft15 {
		font-size: 14px;	
	}
	
}