@charset "utf-8";
/* CSS Document */

a{
	text-decoration:none;
	color:#333;
}
a:hover{
	filter:alpha(opacity=70);
	opacity:0.7;
}

a img{  
    -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;  
}  
a img:hover {  
    opacity: 0.7;  
    filter: alpha(opacity=70);  
}

ul,ol{
	list-style:none;
}

html{
	font-size:15px;
	line-height:1.5em;
}
.sp_img{
	display:none;
}
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
img{
	max-width:100%;
	height:auto;
}

.pink{
	color:#ff6666;
}


body{
	width:100%;
	position: relative;
}

#head{
	width:960px;
	max-width:90%;
	margin:35px auto;
}
.head_left{
	width:225px;
	float:left;
	text-align:center;
}
.head_left h1{
	font-size:13px;
	font-weight:normal;
}
.head_right{
	width:310px;
	margin-top:10px;
	float:right;
}
.head_right img{
	float:left;
}

.fixed {
    position: fixed;
    top: 0;
	left:0;
	right:0;
    width:100%;
    z-index: 10000;
	padding-bottom:1px;
	background-color:#fff;
	border-bottom:solid 1px #8c6657;
}
.navi{
	width:960px;
	max-width:100%;
	margin:0 auto;
}
/* PCナビ */
.slicknav_menu {
	display:none;
}
.pc{
	display:inline;
}
.mob{
	display:none;
}
#dropmenu {
	width:960px;
	max-width:100%;
	margin:0 auto;
}
#dropmenu > li {
	float: left;
	position: relative;
}
#dropmenu li a {
	display: block;
	text-align: center;
	width: 100%;
	font-size: 0.8em;
	color: #000;
	text-decoration: none;
}
/*
#dropmenu li ul {
	margin: 30px 0;
	padding: 0px;
	list-style: none;
	position: absolute;
	top:3em;
	left:-25px;
	width:150%;
	display:none;
	background-color:#f5f5f5;
	filter:alpha(opacity=80);
	opacity:0.8;
	font-size:15px;
}

#dropmenu li ul li{
	margin: 0;
	padding: 0;
}

#dropmenu li:hover ul {
	display: block;
}
*/
/* PCナビ終わり */


#contents{
}

.mainphoto{
	width:100%;
	padding:1px 0;
	margin-bottom:50px;
	border-top:solid 1px #8c6657;
	border-bottom:solid 1px #8c6657;
}


#about,#works,#schedule,#special{
	border-bottom:solid 1px #8c6657;
	margin-bottom:50px;
}

/* こだわり */
	
.title_a,.about_block{
	width:960px;
	max-width:90%;
	margin:0 auto 45px auto;
}
.title_a h2{
	width:37%;
	margin-right:5%;
	float:left;
}
.title_a p{
	width:58%;
	float:right;
	line-height:1.7em;
}

.about_block h3{
	margin-bottom:15px;
}
.about_in{
	width:80%;
	margin:0 auto;
	font-size:18px;
	line-height:2em;
}
.about_in h4{
	background:url(../images/check_m.jpg) left top no-repeat;
	margin-bottom:10px;
	padding-left:40px;
	font-size:20px;
	font-weight:normal;
	color:#e23845;
	line-height:35px;
}
.yaji{
	text-align:center;
	margin-bottom:30px;
}

.recom{
	width:780px;
	max-width:90%;
	margin:0 auto 60px auto;
}
.recom h3{
	width:38%;
	float:left;
}
.recom ul{
	width:57%;
	float:right;
}
.recom ul li{
	background:url(../images/check_s.jpg) left top no-repeat;
	padding-left:30px;
	margin:5px 0;
	font-size:18px;
	line-height:30px;
}

.massage{
	width:930px;
	max-width:90%;
	margin:0 auto 50px auto;
}
.massage img{
	float:left;
}
.fukidashi{
	width:400px;
	margin-top:10px;
	padding:40px 30px 20px 110px;
	background:url(../images/fukidashi.jpg) left top no-repeat;
	float:right;
	font-size:16px;
	line-height:2em;
}
.fukidashi p{
	margin-bottom:20px;
}

/* こだわりend */

/* 制作実績 */

.linen{
	background:url(../images/linen.jpg) left top repeat;
	padding:30px 0 20px 0;
	margin-bottom:50px;
}
.work{
	width:960px;
	max-width:90%;
	margin:0 auto;
}
.work ul li{
	float:left;
	width:306px;
	margin:0 21px 20px 0;
}
.work ul li:nth-child(3),.work ul li:nth-child(6){
	margin-right:0;
}
.work ul li p{
	padding:10px;
	font-size:12px;
	background-color:#fff;
}

/* 制作実績end */

/* 制作の流れ */

.sche{
	width:960px;
	max-width:90%;
	margin:0 auto;
	padding:50px 0;
	position:relative;
}
.title_b{
	width:37%;
	margin-right:5%;
	float:left;
}
.title_b .chui{
	width:37%;
	position:absolute;
	bottom:50px;
	border:solid 1px #8c6657;
	padding:15px 10px;
	text-align:center;
	font-size:16px;
	line-height:1.7em;
}
.nagare{
	width:58%;
	float:right;
}
.nagare h3{
	margin-bottom:30px;
}
.nagare ul li{
	padding-left:65px;
	font-size:21px;
	line-height:1.7em;
}
.nagare ul li:nth-child(1){
	background:url(../images/schedule1.jpg) left top no-repeat;
	padding-bottom:15px;
}
.nagare ul li:nth-child(2){
	background:url(../images/schedule2.jpg) left top no-repeat;
	padding-bottom:15px;
	height:77px;
}
.nagare ul li:nth-child(3){
	background:url(../images/schedule3.jpg) left top no-repeat;
	padding-bottom:15px;
}
.nagare ul li:nth-child(4){
	background:url(../images/schedule4.jpg) left top no-repeat;
	padding-bottom:15px;
}
.nagare ul li:nth-child(5){
	background:url(../images/schedule5.jpg) left top no-repeat;
	padding-bottom:15px;
}
.nagare ul li:nth-child(6){
	margin:20px auto 0 auto;
}
.pink25{
	color:#ff6666;
	font-size:25px;
	font-weight:bold;
}
.pink16{
	color:#ff6666;
	font-size:16px;
	font-weight:bold;
	vertical-align:top;
	line-height:1em;
}
.center{
	text-align:center;
}
.nagare ul li:nth-child(3) img{
	margin-top:20px;
}
.time{
	margin:20px 0;
	padding:10px 15px;
	background-color:#fbf7f4;
	color:#967063;
}

/* 制作の流れend */

/* 特殊加工 */

.spe{
	width:960px;
	max-width:90%;
	margin:0 auto;
}
.spe ul li{
	float:left;
	width:306px;
	margin:0 21px 20px 0;
}
.spe ul li:nth-child(3),.work ul li:nth-child(6){
	margin-right:0;
}
.spe ul li p{
	padding:10px;
	font-size:14px;
	background-color:#fff;
}
.about_spe{
	text-align:center;
	margin:45px auto;
}
.spe_foot{
	background:url(../images/yajirushi2.png) center no-repeat;
	margin-bottom:10px;
}
.spe_left{
	width:40%;
	float:left;
	background-color:#fff;
	padding:25px 2.5%;
	font-size:20px;
}
.spe_left p{
	margin-bottom:20px;
}
.spe_left .right{
	text-align:right;
	font-size:16px;
}
.spe_right{
	width:40%;
	float:right;
	background-color:#fff;
	padding:28px 2.5%;
	text-align:center;
}

/* 特殊加工end */

/* 店舗紹介 */

.shopin{
	width:960px;
	max-width:90%;
	margin:0 auto;
}
.title_c{
	margin-bottom:30px;
}
.title_c h2,.owner .photo{
	width:37%;
	float:left;
}
.rt_img{
	width:63%;	
	float:right;
}

.owner{
	position:relative;
}
.owner .shop_info{
	width:56%;	
	float:right;
	padding:30px 0 7% 0;
	line-height:2em;
}
.owner .shop_info h3{
	font-size:24px;
	font-weight:normal;
}
.owner .shop_info p{
	font-size:20px;
	margin-bottom:15px;
}
.shop_info ul.info{
	margin-bottom:25px;
}
.shop_info ul.info li{
	font-size:18px;
}
.pealp{
	color:#f7e2cf;
}
.owner ul.sns{
	position:absolute;
	right:0;
	bottom:0;
}
.owner ul.sns li{
	float:left;
}
	
/* 店舗紹介end */

#foot{
	max-width:90%;
	padding:50px 0 15px 0;
	margin:0 auto;
	text-align:center;
	font-size:12px;
}
.footin p{
	margin-bottom:20px;
}

p.gotop{
    position: fixed;
    right: 5%;
    bottom: 0;
}
p.gotop a{
    width: 105px;
    height: 105px;
    display: block;
}

@media screen and (max-width: 768px){
.slicknav_menu {
	display:block;
}
.pc{
	display:none;
}

.massage{
	text-align:center;
}
.massage img{
	float:none;
}
.fukidashi{
	width:400px;
	margin:10px auto 0 auto;
	float:none;
}

.work ul li:nth-child(3){
	margin:0 21px 20px 0;
}
.work ul li:nth-child(even){
	margin-right:0;
	float:right;
}

.spe ul li:nth-child(3){
	margin:0 21px 20px 0;
}
.spe ul li:nth-child(even){
	margin-right:0;
	float:right;
}
.owner ul.sns{
	left:0;
	right:0;
}
	
}

@media screen and (max-width: 480px){

.pc_img{
	display:none;
}
.sp_img{
	display:inline;
}

#head{
	margin:10px auto;
}
.head_left{
	float:none;
	margin:0 auto;
}
.head_right{
	width:100%;
	margin:0 auto;
	float:none;
	text-align:center;
}

.title_a h2{
	width:90%;
	margin-right:0;
	float:none;
	margin:0 auto 10px auto;
}
.title_a p{
	width:100%;
	float:none;
}
.recom h3{
	width:90%;
	float:none;
	margin:0 auto 10px auto;
}
.recom ul{
	width:100%;
	float:none;
}
.fukidashi{
	width:90%;
	padding:15px 5%;
	background:none;
	border:solid 1px #8d6858;
}

.work ul li{
	width:100%;
	float:none;
	margin:0 auto;
	text-align:center;
}
.work ul li:nth-child(3){
	margin:0;
}
.work ul li:nth-child(even){
	float:none;
}
.work ul li p{
	width:84%;
	padding:10px 3%;
	margin:0 auto 10px auto;
}

/* 制作の流れ */

.sche{
	width:960px;
	max-width:90%;
	margin:0 auto;
	padding:50px 0;
	position:static;
}
.title_b{
	width:90%;
	margin-right:0;
	margin-bottom:15px;
	float:none;
}
.title_b .chui{
	width:90%;
	border:solid 1px #8c6657;
	padding:15px 5%;
	text-align:center;
	position:static;
}
.nagare{
	width:100%;
	float:none;
}
.nagare h3{
	margin-bottom:20px;
}



.spe ul li{
	width:100%;
	float:none;
	margin:0 auto;
	text-align:center;
}
.spe ul li:nth-child(3){
	margin:0;
}
.spe ul li:nth-child(even){
	float:none;
}
.spe ul li p{
	width:86%;
	padding:10px 3%;
	margin:0 auto 10px;
}
.spe_foot{
	background:none;
}
.spe_left{
	width:85%;
	float:none;
	padding:20px 2.5%;
	margin:0 auto 10px;
}
.spe_left p{
	margin-bottom:20px;
}
.spe_right{
	width:85%;
	float:none;
	background-color:#fff;
	padding:20px 2.5%;
	text-align:center;
	margin:0 auto 10px;
}

.title_c h2,.owner .photo{
	width:90%;
	float:none;
	text-align:center;
	margin:0 auto;
}
.rt_img{
	width:100%;	
	float:none;
	text-align:center;
}

.owner{
	position:static;
}
.owner .shop_info{
	width:100%;	
	float:none;
	padding:30px 0 0 0;
}
.owner ul.sns{
	position:static;
}


p.gotop a{
    width: 50px;
    height: 50px;
    display: block;
}

}