<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */
.ttl-box { 
    border-top: 1px solid #9FA0A0;
    border-bottom: 1px solid #9FA0A0;
    text-align: center;
	margin-bottom: 20px;
}

.ttl-box h2 {
	border-top: 1px solid #D3D3D4;
    border-bottom: 1px solid #D3D3D4;
    padding: 0.3em 0;
    margin: 0.1em auto;
    display: inline-block;
	font-size: 28px;
	width: 85%;
}

.shop-content img {
	width: 100%;
}

.shop-content .w-60 {
	width: 60px;
	margin: 30px auto;
}
.photo-size {
	width: 100%;	
	margin: -15px auto 0;
	display: inline-block;
}

.photo-size img {
	width: 75%;
	display: block;
	margin: 0 auto;
}

.w-125  {
	width: 125px;
}

.border-box {
	border: 1px solid #bdbdbd;
	padding: 10px 0;
	text-align: center;
}

.border-box p {
	display: inline-block;
}

.t-a-l {
	text-align: left;
}
.border-box.m-t-29 {
	margin-top: -29px;
}

.shop-content-wrap {
	margin-bottom: 3em;
}

.shop-content {
	margin-bottom: 20px;
}

.f-r {
	float: right;
}

.sample-img-wrap img {
	width: 100%;
}

.sample-img-wrap div {
	margin-bottom: 20px;
}

.sample-img-wrap div p {
	text-align: right;
}

.sub-ttl {
    margin-bottom: 20px;
    font-family: 'EB Garamond', serif;
    font-size: 110%;
    text-align: center;
}

.method ul {
    display: inline-block;
    margin: 0 auto 20px;
	padding-left: 1.7em;
}
.method ul li {
	text-align: left;
}

.due-date {
    padding: 0.5em 0;
    background-color: #D45315;
    text-align: center;
    color: #FFF;
    font-weight: 600;
    margin-bottom: 40px;
}
.ttl-box span {
    font-size: 18px
	}
	.border-box p {
		font-family: 'EB Garamond', serif;
	}
.pr_movie{
	margin-bottom:20px;
	width:100%;
	}
@media screen and (min-width:760px) {
    /*　画面サイズが760pxからはここを読み込む　ipad表示*/
	.pr_movie{
	margin-bottom:20px;
	width:100%;
	}
	.ttl-box h2 {
    width: 95%;
}
	
	.shop-content-wrap {
		font-size: 0;
    	margin-bottom: 40px;
	}
	
	.shop-content {
	position: relative;
    display: inline-block;
    width: 50%;
    padding: 0 5%;
    box-sizing: border-box;
}

.r-bdr::after {
	content:"";
   display:inline-block;
   width:3px;
   height:100%;
   background-image: url("../../img/works/original-shop-box/dot.png");
   position:absolute;
    background-size: 100%;
    top: 0;
    right: -1px;
} 
	
	.border-box {
		font-size: 14px;
	}

	
.border-box.m-t-29 {
	margin-top: 0;
}
	
	.border-box.m-t-1 {
		margin-top: -1px;
	}
	
	.sample-img-wrap {
		font-size: 0;
	}
	
	.sample-img-wrap div {
    margin-bottom: 0;
    width: 50%;
    display: inline-block;
    box-sizing: border-box;
    padding-bottom: 2.5%;
    vertical-align: top;
}
	
	.sample-img-wrap div:nth-child(odd) {
		padding-right: 1.25%;
	}
	
	.sample-img-wrap div:nth-child(even) {
		padding-left: 1.25%;
	}
	
	.sample-img-wrap div p {
		font-size: 14px;
}
	.mb-20 {
		margin-bottom: 20px;
	}
	
}
@media screen and (min-width:961px) {
    /*　画面サイズが961pxからはここを読み込む　PC画面表示*/
	.pr_movie{
	margin-bottom:20px;
	width:760px;
	}
}

@media screen and (min-width:1400px) {
    /*　画面サイズが1400pxからはここを読み込む　大きいPC画面表示*/
	.test {
		width: 100%;
	}
	.pr_movie{
	margin-bottom:20px;
	width:760px;
	}
}
</pre></body></html>