/****** PC ******/
body {
    background-color: #fff;
	font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", sans-serif, Arial, Helvetica;
    font-size: 15.5px;
}
.container {
	max-width:1240px;
	width:100%;
	text-align:center;
	margin:0 auto;
	overflow:clip;
}

.container_top_head {
	max-width:1016px;
	width:100%;
	text-align:left;
	margin:0 auto;
	overflow:clip;
	padding: 10px 0 9px 0;
}
.container_top_head a {
	text-decoration:none;
}
#header {
	overflow:clip;
}
#top_upper_header {
	background-color:#f5f5f5;
}

h1.sitetop {
	display:inline;
}

.title_top {
	text-align:left;
}
.title_top.pc {
	display:inline;
	width:204px;
	height:55px;
}
.title_top_string.pc {
	display:inline;
	width:166px;
	height:27px;
	margin-left:9px;
	margin-top:2px;
}

#top_lower_header{
	display:flex;
	margin-top:3px;
}

#top_menu {
/*	float:right;*/
	text-align:right;
	width: 100%;
	height:22px;
}
.top_menu_link {
	font-size:14.5px;
/*	margin-left:18px;*/
	text-decoration:none;
}
a.top_menu_link {
	color:#1e1e1e;
	padding:0 9px;
    padding-bottom: 3px;
	display: inline-block;
	font-feature-settings: "palt" 1;
	transition: 0.1s;
    border-bottom: 2px solid #f5f5f5;
}
a.top_menu_link:hover {
	color:#B8B8B8;
    border-bottom: 2px solid #333;
}

.top_second_menu_switch:hover ~ #top_second_menu ,
#top_second_menu:hover {
	height:231px;
	transition:0.5s;
}
#top_second_menu {
	display:block;
	overflow: hidden;
	position:absolute;
	width:1016px;
	height:0px;
/*	height:231px;*/
	text-align:left;
	position:absolute;
	top:93px;
	z-index:10;
	opacity:0.9;
}
.top_second_menu_ul {
	position:absolute;
	overflow: hidden;
/*	left:344px;*/
	right: 133px;
	width:228px;
	height:231px;
	margin:0;
	color:#1E1E1E;
	background-color:#fff;
	opacity:1;
	z-index:10;
	list-style: ">";
	padding-left:20px;
	font-size:0.85rem;
	line-height:2em;
}
.top_second_menu_ul a {
	font-size:0.85rem;
}
#top_second_menu a.top_menu_link {
	    border-bottom: 2px solid #ffffff;
}
#top_second_menu a.top_menu_link:hover {
    border-bottom: 2px solid #333;
}

/* 施工例 */
.works_header {
	width:100%;
	height:400px;
	background: 50% 0%;
	background-repeat: no-repeat;  
	background-image: url("../img/works/head.jpg");
}
.works_title {
	margin-top: 35px;
	text-align:center;
}
.works_title img {
	width:167px;
	height:122px;
	margin: 0 auto;
}
.works_top_text {
	margin-top:59px;
	margin-bottom: 68px;
	font-size: 13px;
	line-height: 2;
	text-align: center;
	font-feature-settings: "palt" 1;
}

/* カテゴリ */
.works_category {
	margin-top:0px;
	width:100%;
	height:1282px;
	background: 50% 0%;
	background-repeat: no-repeat;  
	background-image: url("../img/works/category_bg.jpg");
	text-align:center;
	display:flex;
}
.works_category_inner {
	width:1002px;
	text-align:center;
	margin:42px auto 0 auto;
}
.iv {
	
}
.co {
	
}
/* カテゴリボタン */
.iv_house_category {
	width:334px;
	height:480px;
	margin:0;
	float:left;
	background-image: url("../img/works/iv_house.jpg"),url("../img/works/iv_house_hover.jpg");
	background-size:cover;
}
.iv_house_category:hover{
	background-image: url("../img/works/iv_house_hover.jpg");
}

.iv_reform_category {
	width:334px;
	height:480px;
	margin:0;
	float:left;
	background-image: url("../img/works/iv_reform.jpg"),url("../img/works/iv_reform_hover.jpg");
	background-size:cover;
}
.iv_reform_category:hover{
	background-image: url("../img/works/iv_reform_hover.jpg");
}

.iv_oteire_category {
	width:334px;
	height:480px;
	margin:0;
	float:left;
	background-image: url("../img/works/iv_oteire.jpg"),url("../img/works/iv_oteire_hover.jpg");
	background-size:cover;
}
.iv_oteire_category:hover{
	background-image: url("../img/works/iv_oteire_hover.jpg");
}

.co_other_category {
	width:334px;
	height:480px;
	margin:0;
	float:left;
	background-image: url("../img/works/co_other.jpg"),url("../img/works/co_other_hover.jpg");
	background-size:cover;
}
.co_other_category:hover {
	background-image: url("../img/works/co_other_hover.jpg");
}

.co_reform_category {
	width:334px;
	height:480px;
	margin:0;
	float:left;
	background-image: url("../img/works/co_reform.jpg"),url("../img/works/co_reform_hover.jpg");
	background-size:cover;
}
.co_reform_category:hover{
	background-image: url("../img/works/co_reform_hover.jpg");
}

.co_oteire_category {
	width:334px;
	height:480px;
	margin:0;
	float:left;
	background-image: url("../img/works/co_oteire.jpg"),url("../img/works/co_oteire_hover.jpg");
	background-size:cover;
}
.co_oteire_category:hover{
	background-image: url("../img/works/co_oteire_hover.jpg");
}

/* カテゴリ名表示 */
#category_title {
	width:100%;
	margin:-239px auto 0 auto;
	padding-top:200px;
	text-align:center;
}
.category1 {
	font-size:16px;
}
.category2 {
	font-size:27px;
	font-weight:bold;
}

/* サムネイル枠 */
.thumbnail {
	width:1050px;
	margin-top:50px;
	margin-bottom:34px;
	margin-left:auto;
	margin-right:auto;
}
.thumbnail img {
	width:300px;
	height:300px;
	margin:25px;
}
.thumbnail img:hover {
	opacity:0.6;
}

/* ページ番号枠 */
.page_link_wrap {
	width:100%;
	text-align:center;
}
.page_link {
	height:40px;
	text-align:center;
	background-color:#F5F5F5;
	margin:0 auto 50px auto;
	display:inline-flex;
}
/* ページリンク */
.page_link.member {
	height:40px;
	text-align:center;
	background-color:#F5F5F5;
	margin:0 auto 125px auto;
	display:inline-flex;
}
.page_start {
	width:41px;
	height:40px;
}
.page_end {
	width:41px;
	height:40px;
	border-left:1px #D6D6D6 solid;
}
.page_number {
	width:41px;
	height:40px;
	border-left:1px #D6D6D6 solid;
	font-size:18px;
	text-decoration:none;
	color:#1E1E1E;
	text-align:center;
	display: table-cell;
	vertical-align:middle;
	cursor:pointer;
}
.page_link a:link ,
.page_link a:visited ,
.page_link a:hover ,
.page_link a:active {
	color: #1E1E1E;
	text-decoration:none;
}
.page_number.active {
	background-color:#FfFfFf;
}


/* Topic Path（パンくずリスト） */
.topic_path {
	margin: -13px auto 13px auto;
	font-size:12px;
	position: relative;
	color:#1E1E1E;
	max-width:1150px;
	text-align:right;
}
.topic_path a {
	text-decoration:none;
	color:#1E1E1E;
}

/* Footer */
#footer {
	background-color:#f0f0f0;
	width: 100%;
	display:inline-block;
	z-index:0;
	text-align:center;
}
#footer div.pc {
	display:block;
}
.footer_upper {
	width:616px;
	margin: 66px auto 61px auto;
	text-align:left;
}
.footer_contact {
	font-size: 13px;
	margin-top: 5px;
	display:inline-block;
	line-height: 1.85;
	margin-right: 42px;
}
.footer_menu {
	display:inline-block;
	text-align:center;
}
.footer_menu a {
	font-size:12px;
	padding: 0 13px;
	margin-bottom:14px;
	display:inline-block;
	text-decoration:none;
	text-align:center;
	color:#1E1E1E;
	font-feature-settings: "palt" 1;
}
.footer_menu a:hover {
	opacity:0.6;
}

.footer_bar {
	text-align:center;
	margin: 0 auto;
	width: 906px;
	border:1px #d0d0d0 solid;
	margin-bottom:21px;
}
.footer_store_list {
	width:940px;
	text-align:center;
	margin:0 auto;
	padding-left:13px;
	padding-bottom:20px;
	font-size:13px;
}
.footer_list_cell {
	display:table-cell;
	text-align:left;
}
.footer_list_area {
	color:#1e1e1e;
	line-height:2em;
}
.footer_list_cell a {
	text-decoration:none;
	color:#8c8c8c;
	line-height:2em;
	font-feature-settings: "palt" 1;

}
.footer_list_cell a:hover {
	opacity:0.6;
}
.footer_bottom {
	height:106px;
	background-color:#30303E;
	width:100%;
}
.footer_bottom_inner {
	width: 916px;
	margin:0 auto;
	position:relative;
}
.footer_sns {
	float:left;
	margin-top:15px;
}
.footer_sns_fecebook {
	margin-right:31px;
}
.footer_sns_fecebook img {
	width:31px;
}
.footer_sns_instagram {
	margin-right:17px;
}
.footer_sns_instagram img {
	width:30px;
}
.footer_sns_twitter img {
	width:51px;
}
.footer_copy {
	float:right;
	margin-top:25px;
	color:#AEAEAE;
	font-size:12px;
}
.footer_copy a {
	color:#FEFEFE;
	text-decoration:none;
		font-size:13px;
}


/* モーダルウィンドウ */
#modal ,
#modal_ba {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #30303E;
	text-align:center;
	vertical-align:middle;
	display: none;
	z-index:100;
	margin:0 auto;
}
.bigimg {
	position: absolute;
	width: 100%;
	max-width: 1104px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
/*
	animation-name:fadeInAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	opacity:0;
*/
}
.bigimg img {
	max-height:78vh;
}
.fadein_anime{
	animation-name:fadeInAnime;
	animation-duration:2.5s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes fadeInAnime{
  from {opacity: 0;}
  to {opacity: 1;}
}


.close-btn ,
.close-btn_ba {
	z-index:2;
	position: absolute;
	top: 0;
	width:49px;
	height:48px;
	left:calc(50% + 597px);
	
	background-image: url("../img/works/x.png"),url("../img/works/x_hover.png");
	background-size:cover;
	
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
	margin:0;
}
.close-btn:hover,
.close-btn_ba:hover {
	background-image: url("../img/works/x_hover.png");
}

.close-btn a ,
.close-btn_ba a {
	text-decoration: none;
}

#next_arrow ,
#next_arrow_ba {
	position:absolute;
	z-index:2;
	width:48px;
	height:48px;
	left:calc(50% + 597px);
	
	background-image: url("../img/works/right_arrow.png"),url("../img/works/right_arrow_hover.png");
	background-size:cover;
	
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
#next_arrow:hover,
#next_arrow_ba:hover {
	background-image: url("../img/works/right_arrow_hover.png");
}


#prev_arrow ,
#prev_arrow_ba {
	position:absolute;
	z-index:2;
	width:48px;
	height:48px;
	left:calc(50% - 597px);
	
	background-image: url("../img/works/left_arrow.png"),url("../img/works/left_arrow_hover.png");
	background-size:cover;
	
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
#prev_arrow:hover,
#prev_arrow_ba:hover {
	background-image: url("../img/works/left_arrow_hover.png");
}
#image_number ,
#image_number_ba {
	position:absolute;
	z-index:2;
	top:10px;
	left:calc(50% - 597px);
	color:#BBBBBB;
	font-size:14px;
}
/* 画面狭小時操作ボタンsticky */
@media screen and (min-width:1025px) and (max-width:1260px){
	#prev_arrow ,
	#prev_arrow_ba ,
	#image_number ,
	#image_number_ba {
		left:20px;
	}
	.close-btn ,
	.close-btn_ba ,
	#next_arrow ,
	#next_arrow_ba {
		left:auto;
		right:0px;
	}
	.bigimg img {
		max-width:78%;
	}
}

/* BeforeAfter用 */
#modal_pict_a {
	z-index:110;
}
#modal_mask {
	z-index:115;
}
#modal_pict_b {
	z-index:120;
}
#modal_img_ba.bigimg {
	position:fixed;
	max-height:738px;
	height:738px;
	
}
#modal_img_ba.bigimg img {
	margin: 0 auto;
	position: absolute;
	width: auto;
	max-width: 1104px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
#modal_img_ba.bigimg img#modal_mask {
	width:1104px;
	height:738px;
}
img#modal_pict_a ,
img#modal_mask ,
img#modal_pict_b {
	pointer-events: none;
	user-drag: none;
	user-select:none;
	-webkit-user-select:none;
	-ms-user-select: none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag:none;
	-moz-user-drag:none;
	-khtml-user-drag:none;
}
#BeforeAfter {
	width:1104px;
	height:738px;
	margin:30px auto;
	text-align:center;
}
#BeforeAfter .bigimg {
	position: absolute;
	width: 100%;
	max-width: 1104px;
    top: 0;
    left: 0;
/*
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
*/
}

#BeforeAfter .bigimg img {
	max-height:78vh;
}

#ToBefore {
	position:absolute;
	z-index:102;
	font-size:34px;
	color:#ffffff;
    top: 89%;
	left:calc(50% - 500px);
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
	
	&::before,&::after{
		content:"";
	}
	&:hover{
		opacity:0.6;
	}
}
#ToAfter {
	position:absolute;
	z-index:102;
	font-size:34px;
	color:#ffffff;
	left:calc(50% + 500px);
	top:89%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    white-space: nowrap;
	&::before,&::after{
		content:"";
	}
	&:hover{
		opacity:0.6;
	}
}
#ToBefore.active ,
#ToAfter.active {
	opacity:0.35;
	transition:0.2s;
}

#StoreLink ,
#StoreLink_ba {
	position:absolute;
	z-index:102;
	font-size:17px;
	color:#ffffff;
	left:0;
	top:93%;
	margin:auto;
	width:100%;
}
#StoreLink a ,
#StoreLink_ba a {
	font-size:17px;
	text-decoration:none;
	color:#ffffff;
}
#StoreLink a:hover ,
#StoreLink_ba a:hover {
	opacity:0.8;
}



/* 共用 */
.no_deco a{
	text-decoration:none;
	color:#1E1E1E;
}
.no_deco {
	text-decoration:none;
	color:#1E1E1E;
}

.inline-block {
	display: inline-block;
}
.margin_right0 {
	margin-right:0 !important;
}

.margin_bottm0 {
	margin-bottom:0 !important;
}

.margin-center {
	margin:0 auto;
	display:flex;
}

.mincho {
	font-family: "游明朝", YuMincho, "游明朝体","Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.float_left {
	float:left;
}
.float_right {
	float:right;
}
.text_right {
	text-align:right;
}
.text_left {
	text-align:left;
}
.flex {
	display:flex;
}
.sp {
	display:none;
}


/* ブレークポイント */
.pc {
/*	display:table-cell;*/
	display:block;
}
.sp {
	display:none;
}
@media screen and (max-width: 1024px){
	.pc {
		display:none !important;
	}
	.sp{
		display:unset;
	}
}


/****** SP ******/
@media screen and (max-width: 1024px){

	body {
	    background-color: #fff;
		font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", sans-serif, Arial, Helvetica;
	    font-size: 15.5px;	/* ※要調整※ */
	}
	#header {
		overflow:clip;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10;
	}
	#top_upper_header {
		background-color:#f5f5f5;
		position: fixed;
		z-index: 95;
		width: 100%;
		top:0;
	}
	.container {
		max-width:1024px;
		width:100%;
		text-align:center;
		margin:0 auto;
		overflow:clip;
	}
	#top_status {
		width:100%;
		text-align:left;
		margin:0 auto;
	}
	.top_status_inner {
		width:100%;
		margin: 0;
		padding: 0;
		text-align:center;
		line-height: 3.4vw;
		background:none;
		background-color:#30303e;
		color:#ACABB2;
		font-size:1.9vw;
	}
	.container_top_head {
		max-width:1024px;
		width:100%;
		text-align:left;
		margin:0 auto;
		overflow:clip;
		padding: 4.3vw 0 12.4vw 0;
		height: 13.1vw;
		display:flex;
	}
	.container_top_head_low {
		padding:1.5vw 0;
	}
	h1.sitetop {
		margin-left:5vw;
		margin-top:0;
		display:flex;
		font-size: 0;
	}
	img.title_top.sp  {
		width:35vw;
		display: inline !important;
		height: 9.3vw;
	}
	img.title_top_string.sp {
		width:28.5vw;
		margin-left:2.5vw;
		height:4.5vw;
		margin-top:3vw;
	}

	img.poem {
		margin-left:5vw;
		width:52.8vw;
	}
	
	.top_title_arrow {
		width:5.42vw;
	}
	
	
	#top_menu {
		display:none;
	}
	
	/* ヘッダー裏マージン */
	.head_back_margin {
		display:block;
		margin-top:16.7vw;
	}
	
	
	/* 施工例 */
	.works_header {
		display:none;
	}
	.works_title {
		margin-top: 0;
		width:100%;
		height:auto;
	}
	.works_title img {
		margin-top: 0;
		width:100%;
		height:auto;
		margin: 0 auto;
	}
	.works_top_text {
		margin-top: 9.42vw;
		margin-bottom: 7vw;
		font-size: 3.54vw;
		line-height: 1.84;
		text-align: center;
		font-feature-settings: "palt" 1;
	}
	
	/* カテゴリ */
	.works_category {
		margin-top:0;
		width:100%;
		height:222.71vw;
		background: 50% 0%;
		background-repeat: no-repeat;  
		background-image: url("../img/works/category_bg_sp.jpg");
		text-align:center;
		display:flex;
		background-size: cover;
	}
	
	.works_category_inner {
		width:78.76vw;
		text-align:center;
		margin:6.77vw auto 0 auto;
		display:flex;
	}
	
	.iv {
		width:39.38vw;
	}
	.co {
		width:39.38vw;
	}
	
	/* カテゴリボタン */
	.iv_house_category {
		width:39.38vw;
		height:56.77vw;
		margin:0;
		float:left;
		background-image: url("../img/works/iv_house_sp.jpg"),url("../img/works/iv_house_hover_sp.jpg");
		background-size:cover;
	}
	.iv_house_category:hover{
		background-image: url("../img/works/iv_house_hover_sp.jpg");
	}

	.iv_reform_category {
		width:39.38vw;
		height:56.77vw;
		margin:0;
		float:left;
		background-image: url("../img/works/iv_reform_sp.jpg"),url("../img/works/iv_reform_hover_sp.jpg");
		background-size:cover;
	}
	.iv_reform_category:hover{
		background-image: url("../img/works/iv_reform_hover_sp.jpg");
	}

	.iv_oteire_category {
		width:39.38vw;
		height:56.77vw;
		margin:0;
		float:left;
		background-image: url("../img/works/iv_oteire_sp.jpg"),url("../img/works/iv_oteire_hover_sp.jpg");
		background-size:cover;
	}
	.iv_oteire_category:hover{
		background-image: url("../img/works/iv_oteire_hover_sp.jpg");
	}

	.co_other_category {
		width:39.38vw;
		height:56.77vw;
		margin:0;
		float:left;
		background-image: url("../img/works/co_other_sp.jpg"),url("../img/works/co_other_hover_sp.jpg");
		background-size:cover;
	}
	.co_other_category:hover {
		background-image: url("../img/works/co_other_hover_sp.jpg");
	}

	.co_reform_category {
		width:39.38vw;
		height:56.77vw;
		margin:0;
		float:left;
		background-image: url("../img/works/co_reform_sp.jpg"),url("../img/works/co_reform_hover_sp.jpg");
		background-size:cover;
	}
	.co_reform_category:hover{
		background-image: url("../img/works/co_reform_hover_sp.jpg");
	}

	.co_oteire_category {
		width:39.38vw;
		height:56.77vw;
		margin:0;
		float:left;
		background-image: url("../img/works/co_oteire_sp.jpg"),url("../img/works/co_oteire_hover_sp.jpg");
		background-size:cover;
	}
	.co_oteire_category:hover{
		background-image: url("../img/works/co_oteire_hover_sp.jpg");
	}

	/* カテゴリ名表示 */
	#category_title {
		width:100%;
		margin:-48.4vw auto 9.3vw auto;
		padding-top:49vw;
		text-align:center;
	}
	.category1 {
		font-size:4.48vw;
	}
	.category2 {
		font-size:5.73vw;
		font-weight:bold;
	}

	/* サムネイル枠 */
	.thumbnail {
		width:85.02vw;
		margin-top:0vw;
		margin-bottom:10.2vw;
		margin-left:auto;
		margin-right:auto;
	}
	.thumbnail img {
		width:36.25vw;
		height:36.25vw;
		margin:3.13vw;
	}
	.thumbnail img:hover {
		opacity:0.6;
	}

	/* ページ番号枠 */
	.page_link_wrap {
		width:100%;
		text-align:center;
	}
	.page_link {
		height:10.73vw;
		text-align:center;
		background-color:#F5F5F5;
		margin:0 auto 11vw auto;
		display:inline-flex;
	}
	.page_link.member {
		height:10.73vw;
		text-align:center;
		background-color:#F5F5F5;
		margin:0 auto 20.1vw auto;
		display:inline-flex;
	}
	.page_start {
		width:10.94vw;
		height:10.73vw;
	}
	.page_end {
		width:10.94vw;
		height:10.73vw;
		border-left:0.21vw #D6D6D6 solid;
	}
	.page_number {
		width:10.94vw;
		height:10.73vw;
		border-left:0.21vw #D6D6D6 solid;
		font-size:3.85vw;
		text-decoration:none;
		font-color:#1E1E1E;
		text-align:center;
		display: table-cell;
		vertical-align:middle;
	}
	.page_link a:link ,
	.page_link a:visited ,
	.page_link a:hover ,
	.page_link a:active {
		color: #1E1E1E;
		text-decoration:none;
	}
	.page_number.active {
		background-color:#FfFfFf;
	}
	
	
	
	
	
	/* Topic Path（パンくずリスト） */
	.topic_path {
		margin: -0vw 7.5vw 5vw auto;
		font-size:2.6vw;
		position: relative;
		color:#1E1E1E;
		text-align:right;
/*		font-feature-settings: "palt" 1;*/
	}
	.topic_path a {
		text-decoration:none;
		color:#1E1E1E;
	}
	
	
	/* トップに戻る SP */
	.back_to_top {
		margin: 0 auto 5.8vw auto;
		text-align:center;
		width:9.272vw;
		display:block;
	}
	.back_to_top:hover {
		opacity:0.6;
	}
	.back_to_top_img {
		width:9.272vw;
	}
	
	/* フッター SP */
	#footer {
		background-color:#f5f5f5;
		width: 100%;
		display:inline-block;
		z-index:0;
		text-align:center;
	}
	.footer_logo {
		margin-top:14vw;
		width: 58.438vw;
	}
	.footer_contact {
		font-size: 2.73vw;
		line-height:4.6vw;
		color:#1E1E1E;
		margin-top: 5.4vw;
		margin-bottom: 6.3vw;
		margin-right:0;
	}
	.footer_contact a {
		text-decoration:none;
		color:#1E1E1E;
	}
	.footer_bottom {
		height:27.2vw;
		background-color:#30303E;
		width:100%;
		padding-bottom:43vw;/* フロートリンク分 */
	}
	.footer_bottom_inner {
		width: 100%;
		margin:0 auto;
	}
	.footer_sns {
		float:none;
		margin:0 auto;
		padding-top:3.3vw;
	}
	.footer_sns_fecebook {
		margin-right: 6.3vw;
	}
	.footer_sns_fecebook img {
		width:6.1vw;
	}
	.footer_sns_instagram {
		margin-right:4vw;
	}
	.footer_sns_instagram img {
		width:5.835vw;
	}
	.footer_sns_twitter img {
		width:10vw;
	}
	.footer_copy {
		float:none;
		margin-top:2vw;
		color:#AEAEAE;
		font-size:2.38vw;
		line-height: 4.5vw;
	}
	.footer_copy a {
		color:#FEFEFE;
		text-decoration:none;
			font-size:2.52vw;
	}
	
	
	
	
	
	
	/* モーダルウィンドウ SP */
	.modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: #30303E;
		text-align:center;
		vertical-align:middle;
		display: none;
		z-index:100;
/*		margin-top: 16.7vw;*/
	}
	.bigimg {
		position: absolute;
		width: 100%;
		height:76vh;
		max-width: 100vw;
	    top: 20.31vw;
	    left: 50%;
	    transform: translate(-50%, 0);
	    -webkit-transform: translate(-50%, 0);
	    -ms-transform: translate(-50%, 0);
	/*
		animation-name:fadeInAnime;
		animation-duration:0.5s;
		animation-fill-mode:forwards;
		opacity:0;
	*/
	}
	.bigimg.yoko,
	#modal_img_ba.bigimg.yoko{
		top:7.31vw;
	}
	.bigimg img {
		max-width:100vw;
		/*	max-height:100%;*/
		max-height:64vh;
		
	}
	.fadein_anime{
		animation-name:fadeInAnime;
		animation-duration:2.5s;
		animation-fill-mode:forwards;
		opacity:0;
	}
	@keyframes fadeInAnime{
	  from {opacity: 0;}
	  to {opacity: 1;}
	}
	
	.close-btn ,
	.close-btn_ba {
		z-index:102;
		position: absolute;
		width:7.5vw;
		height:7.5vw;
		top:0;
		left:95vw;
		background-image: url("../img/works/x_sp.png"),url("../img/works/x_hover_sp.png");
		background-size:cover;
		margin:0;
	}
	.close-btn:hover ,
	.close-btn_ba:hover {
		background-image: url("../img/works/x_hover_sp.png");
	}
	
	.close-btn a ,
	.close-btn_ba a {
		text-decoration: none;
	}
	
	#next_arrow,
	#next_arrow_ba {
		position:absolute;
		z-index:102;
		width:6.88vw;
		height:6.88vw;
		top:12vw;
		left:calc(50% + 8.13vw);
	    transform: translate(-50%, 0);
	    -webkit-transform: translate(-50%, 0);
	    -ms-transform: translate(-50%, 0);
		
		background-image: url("../img/works/right_arrow_sp.png"),url("../img/works/right_arrow_hover_sp.png");
		background-size:cover;
	}
	#next_arrow.yoko ,
	#prev_arrow.yoko ,
	#next_arrow_ba.yoko ,
	#prev_arrow_ba.yoko {
		top:0;
	}
	#next_arrow:hover,
	#next_arrow_ba:hover {
		background-image: url("../img/works/right_arrow_hover_sp.png");
	}
	
	#prev_arrow ,
	#prev_arrow_ba {
		position:absolute;
		z-index:102;
		width:6.88vw;
		height:6.88vw;
		top:12vw;
		left:calc(50% - 8.13vw);
	    transform: translate(-50%, 0);
	    -webkit-transform: translate(-50%, 0);
	    -ms-transform: translate(-50%, 0);
		
		background-image: url("../img/works/left_arrow_sp.png"),url("../img/works/left_arrow_hover_sp.png");
		background-size:cover;
	}
	
	#prev_arrow:hover,
	#prev_arrow_ba:hover {
		background-image: url("../img/works/left_arrow_hover_sp.png");
	}
	
	#image_number ,
	#image_number_ba {
		position:absolute;
		z-index:102;
		top:1.04vw;
		left:1.04vw;
		color:#BBBBBB;
		font-size:2.5vw;
	}
	
	
	
	/* BeforeAfter用 */
	#modal_pict_a {
		z-index:110;
	}
	#modal_mask {
		z-index:115;
	}
	#modal_pict_b {
		z-index:120;
	}
	#modal_img_ba.bigimg {
		position:fixed;
		width: 100%;
		height:76vh;
		max-height:75vh;
		max-width: 100vw;
	    top: 20.31vw;
	    left: 50%;
	    transform: translate(-50%, 0);
	    -webkit-transform: translate(-50%, 0);
	    -ms-transform: translate(-50%, 0);
	}
	#modal_img_ba.bigimg img {
		margin: 0 auto;
		position: absolute;
		width: auto;
		max-width:100vw;
		max-height:66vh;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    -webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	}
	#modal_img_ba.bigimg.yoko img  {
		max-height:60vh;
	}
	
	#modal_img_ba.bigimg img#modal_mask {
		width:100vw;
		height:200vh;
	}
	img#modal_pict_a ,
	img#modal_mask ,
	img#modal_pict_b {
		pointer-events: none;
		user-drag: none;
		user-select:none;
		-webkit-user-select:none;
		-ms-user-select: none;
		-moz-user-select:none;
		-khtml-user-select:none;
		-webkit-user-drag:none;
		-moz-user-drag:none;
		-khtml-user-drag:none;
	}
	
	
	#ToBefore {
		position:absolute;
		z-index:102;
		font-size:4.69vw;
		color:#ffffff;
	    top: 70vw;
   		left:calc(50% - 33.13vw);
	    transform: translate(-50%, 0);
	    -webkit-transform: translate(-50%, 0);
	    -ms-transform: translate(-50%, 0);
	    user-select: none;
	}
	#ToAfter {
		position:absolute;
		z-index:102;
		font-size:4.69vw;
		color:#ffffff;
		top:70vw;
   		left:calc(50% + 33.13vw);
	    transform: translate(-50%, 0);
	    -webkit-transform: translate(-50%, 0);
	    -ms-transform: translate(-50%, 0);
	    user-select: none;
	}
	#ToBefore.active ,
	#ToAfter.active {
		opacity:0.35;
		transition:0.2s;
	}
	
	#StoreLink ,
	#StoreLink_ba {
		position:absolute;
		z-index:102;
		font-size:2.7vw;
		color:#ffffff;
		left:0;
		top:75vw;
		margin:auto;
		width:100%;
	}
	#StoreLink a ,
	#StoreLink_ba a {
		font-size:2.7vw;
		text-decoration:none;
		color:#ffffff;
	}
	#StoreLink a:hover ,
	#StoreLink_ba a:hover {
		opacity:0.8;
	}	
	
	
	
	
	
	
	
}