@charset "utf-8";

@media screen and (max-width : 640px) {
	/* ==================================================
	contents
	================================================== */
	/* mainvisual style*/
	#tmp_mainvisual{
		margin-bottom: 45px;
	}
	#tmp_mainvisual .container{
		padding: 0;
	}
	#tmp_mainvisual .mainvisual_cap{
		padding: 90px 30px 20px;
	}
	#tmp_mainvisual .mainvsiual_slide_link a{
		padding: 11px 35px 8px 19px;
		font-size: 100%;
	}
	#tmp_mainvisual .slick_control{
		margin-left: 6px;
    	padding: 14px 0;
	}
	#tmp_mainvisual .btn_slides a{
		width: 23px;
		height: 23px;
	}
	#tmp_mainvisual .btn_slides.stop a:before,
	#tmp_mainvisual .btn_slides.stop a:after{
		width: 3px;
		height: 10px;
	}
	#tmp_mainvisual .btn_slides.stop a:before{
		left: 7px;
	}
	#tmp_mainvisual .btn_slides.stop a:after{
		left: 12px;
	}
	#tmp_mainvisual .btn_slides.start a:after{
		border-width: 5px 0 5px 8px;
	}
	#tmp_mainvisual .slick-dots{
		padding-left: 20px;
	}
	#tmp_mainvisual .slick-dots li{
		margin-right: 11px;
	}
	#tmp_mainvisual .slick-dots li button,
	#tmp_mainvisual .slick-dots li a{
		width: 7px;
		height: 7px;
	}
	#tmp_mainvisual .mainvisual_cap{
		padding: 20px 6px;
	}
	#tmp_mainvisual .mainvisual_cap .text_en,
	#tmp_mainvisual .mainvisual_cap .text_jp{
		margin-bottom: 8px;
	}
	#tmp_mainvisual .mainvisual_cap .text_en{
		font-size: 66.7%;
		letter-spacing: 3px;
	}
	#tmp_mainvisual .mainvisual_cap .text_jp{
		font-size: 140%;
		line-height: 1.4;
	}
	/* info */
	#tmp_wrap_info{
		background: url(/shared/templates/dentokoge_top/images/main/mv_line_sp.png) no-repeat center 50px;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		background-size: 100% auto;
		padding-top:205px;
	}
	#tmp_wrap_info::before {
		top:0;
		margin-left:-135px;
		background: url(/shared/templates/dentokoge_top/images/main/mv_symbol_sp.png) no-repeat;
		-webkit-background-size: 270px auto;
		-moz-background-size: 270px auto;
		background-size: 270px auto;
		width:270px;
		height:165px;
	}
	#tmp_info{
		margin-bottom: 0;
	}
	#tmp_info .sns_wrapper{
		padding: 103px 0 24px;
	}
	#tmp_info .sns_wrapper:before{
		left: -22px;
		background-image: url(/shared/templates/dentokoge_top/images/icon/sns_pattern_lft_sp.png);
		width: 185px;
		height: 135px;
	}
	#tmp_info .sns_wrapper:after{
		right: -20px;
		bottom: 0;
		background-image: url(/shared/templates/dentokoge_top/images/icon/sns_pattern_rgt_sp.png);
		width: 80px;
		height: 85px;
	}
	.sns_cnt{
		float: none;
		margin-bottom: 67px;
		padding-right: 0;
		width: 100%;
	}
	.sns_ttl{
		margin-bottom: 21px;
	}
	.sns_ttl h2{
		font-size: 146.7%;
	}
	.sns_news_list{
		margin-bottom: 15px;
	}
	.sns_news_list .sns_news,
	.sns_news_list .sns_news_time,
	.sns_news_list .sns_news_link{
		display: block;
		width: 100%;
	}
	.sns_news_list .sns_news{
		padding: 13px 0 12px;
		font-size: 93.3%;
		line-height: 1.2;
	}
	.sns_news_list .sns_news_time{
		margin-bottom: 5px;
		padding-right: 0;
	}
	.sns_links li{
		font-size: 93.3%;
	}
	.sns_links a{
		padding-left: 29px;
		background-image: url(/shared/templates/dentokoge_top/images/icon/arrow_link_sp.png);
		background-position: left 6px;
	}
	.sns_links li:not(:last-child){
		margin-right: 22px;
	}
	.sns_social{
		text-align: center;
	}
	.sns_social_inner{
		width: 100%;
		max-width: 370px;
	}
	/* box art style common */
	.box_art {
		padding:0 0 85px;
	}
	.box_art .art_wrapper:before{
		top: 70px;
		right: -100%;
		bottom: 36px;
		left: -100%;
		height: auto;
	}
	.box_art .art_intro{
		margin-bottom: 25px;
		padding: 95px 0 30px 51px;
		width: 100%;
	}
	.box_art .art_intro:before{
		top: 34px;
		width: 20px;
	}
	.box_art .art_intro_ttl{
		margin-bottom: 11px;
	}
	.box_art .art_intro_ttl h2{
		font-size: 200%;
		letter-spacing: 0.1em;
	}
	.box_art .art_intro_txt{
		margin-bottom: 35px;
		font-size: 93.3%;
	}
	.box_art .art_intro_link a{
		padding: 11px 35px 8px 19px;
		background-image: url(/shared/templates/dentokoge_top/images/icon/pattern_triangle_bl_top_sp.png),url(/shared/templates/dentokoge_top/images/icon/arrow_link_sp.png), url(/shared/templates/dentokoge_top/images/icon/pattern_triangle_bl_btm_sp.png);
		font-size: 100%;
	}
	.box_art .art_banner{
		position: static;
		margin: 0 -22px 26px 0;
		padding-left: 54px;
		width: auto;
		height: auto;
	}
	.box_art .art_banner img{
		max-height: none;
		width: 100%;
	}
	.box_art .art_gallery{
		padding-right: 65px;
	}
	.box_art .art_gallery ul{
		margin-left: -22px;
		padding-left: 0;
	}
	.box_art .art_gallery li:not(:last-child){
		padding-right: 21px;
	}
	/* textile style */
	#tmp_textile .art_wrapper:before{
		left: -100%;
	}
	#tmp_textile .art_intro{
		float: none;
		padding-left: 51px;
	}
	#tmp_textile .art_intro:before{
		width: 18px;
	}
	#tmp_textile .art_banner{
		margin: 0 0 31px -22px;
    	padding: 0 54px 0 0;
	}
	#tmp_textile .art_gallery{
		padding: 0 0 0 65px;
	}
	#tmp_textile .art_gallery ul{
		margin: 0 -22px 0 0;
	}
	/* accessibility */
	.fsize_small #tmp_wrapper .box_art .art_wrapper:before{
		top: 70px;
		height: auto;
	}
	.fsize_big #tmp_wrapper .sns_links a{
		background-position: left 10px;
	}
	.fsize_big #tmp_wrapper .sns_links li:not(:last-child){
		margin-right: 10px;
	}
	.fsize_big2 #tmp_wrapper #tmp_mainvisual .mainvsiual_slide_link a,
	.fsize_big2 #tmp_wrapper .box_art .art_intro_link a{
		padding-left: 10px;
		width: auto;
		min-width: 190px;
	}
	.no_javascript #tmp_wrapper #tmp_mainvisual .mainvsiual_sliders{
		max-height: 440px;
	}
	/* ==================================================
	clearfix
	================================================== */
	#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
		content: ""; /* 変更しない */
		display: table; /* 変更しない */
		clear: both; /* 変更しない */
	}
}