@charset "UTF-8";

/*
	Theme Name: カスタム刺繍
	Description: LAYOUT & SCRIPT DATA
	Author: Mochida Tomokazu
	Author URI: https://www.resite.jp/
	Version: 2025.02

*/

/*
font-family: 'Teko';
font-family: 'Anton';
*/

*{margin: 0;padding: 0;}
html {font-family: 'Zen Kaku Gothic New', sans-serif;}
a{outline:none !important;}
a:focus{outline:none !important;}
li{outline:none !important;}
li:focus{outline:none !important;}
figure{margin:0;}

.pagination {text-align: center;margin-top: 40px;clear: none;margin-bottom: 0px;}
.pagination span {text-decoration: none;color: #000;background-color: #eee;font-size: 13px;font-weight: bold;padding: 2px 8px;}
.pagination a {text-decoration: none;color: #333;font-size: 13px;padding: 2px 5px;border-radius: 4px;}





@media all and (min-width:751px) {
body {color: #333;font-size: 16px;line-height: 1.7;font-weight: normal;}
ul,li {list-style-type: none;}
a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}


/*--------ヘッダー--------*/
header{display: block;position: fixed;z-index: 2;width: 100%;box-sizing: border-box;background-color: #fff;}
header section{display: block;}
header section>div{width: 1200px;margin: auto;height: 132px;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
header section h2{width: 100%;background-color:#EEEEEE;height: 30px;}
header section h2 b{width: 1200px;margin: auto;font-size: 16px;background-color:#EEEEEE;display: block;}
header h1{display: block;}
header h1 a{display: flex;align-items: center;text-decoration: none;color: #666;}
header h1 a>div{font-size: 16px;letter-spacing: -2px;}
header h1 a>div b{display: block;font-family: 'Anton';font-style: italic;color: #14536C;font-size: 50px;letter-spacing: 2px;margin-top: -15px;}
header h1 a figure{display: block;}
header h1 a figure img{display: block;margin-top: -16px;margin-left: -5px;}

header div h1+ul{display: flex;align-items: center;}
header div h1+ ul li{margin-left: 20px;}
header div h1+ ul li a.tel{font-size: 30px;color: #FF8000;font-weight: 900;text-decoration: none;display: flex;align-items: flex-end;line-height: normal;}
header div h1+ ul li a.tel::before{content: "\260E";margin-right: 8px;font-size: 24px;}header div h1+ ul li address{font-style: normal;margin-top: -4px;}
header div h1+ ul li a.contact{color: #fff;font-weight: bold;text-decoration: none;font-size: 18px;display: flex;align-items: center;background-color:#FF8000;width: 280px;height: 54px;border-radius: 100px;justify-content: center;}
header div h1+ ul li a.contact::before{content: "\25B8";color: #fff;margin-right: 6px;}



header .pcnav{height: 88px;background-image: url(images/navi_bg.jpg);position: relative;}
header .pcnav ul{display: flex;width: 1200px;margin: auto;height: 100%;justify-content: space-between;align-items: center;position: relative;}
header .pcnav ul li{height: 100%;display: flex;align-items: center;width: 100%;justify-content: center;position: relative;}
header .pcnav ul li::before{content: "";position: absolute;border-right: 1px solid rgba(255,255,255,0.1);right: 0;top: 3px;height: 80px;}
header .pcnav ul li::after{content: "";position: absolute;border-right: 1px solid rgba(0,0,0,0.2);right: 1px;top: 3px;height: 80px;}
header .pcnav ul:first-child::before{content: "";position: absolute;border-left: 1px solid rgba(255,255,255,0.1);left: 0;top: 3px;height: 80px;}
header .pcnav ul:first-child::after{content: "";position: absolute;border-left: 1px solid rgba(0,0,0,0.2);left: -1px;top: 3px;height: 80px;}
header .pcnav ul li a{color: #fff;font-size: 20px;font-weight: bold;text-decoration: none;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;letter-spacing: 2px;}




/*--------フッダー--------*/
footer{position: relative;}
footer>section{position: relative;padding: 30px 0 30px;box-sizing: border-box;}
footer h3{display: block;text-align: center;font-size: 18px;}
footer a.contact{color: #fff;font-weight: bold;text-decoration: none;font-size: 18px;display: table;background-color:#FF8000;padding: 0px 30px 0px 25px;line-height: 54px;text-align: center;position: relative;left: 50%;margin-top: 30px;transform: translate(-50%,0);}
footer a.contact::before{content: "\25B8";color: #fff;margin-right: 6px;}
footer div{display: flex;justify-content: center;margin-top: 40px;border-top: 1px dotted #ccc;padding-top: 30px;}
footer h1{font-size: 16px;letter-spacing: -2px;text-align: center;margin-left: 60px;}
footer h1 b{display: block;font-family: 'Anton';font-style: italic;color: #14536C;font-size: 50px;letter-spacing: 2px;margin-top: -15px;}
footer div figure{display: block;}
footer div figure img{display: block;margin-top: -10px;margin-left: -2px;}
footer a.tel{font-size: 30px;color: #333;font-weight: 900;text-decoration: none;display: flex;align-items: flex-end;line-height: normal;justify-content: center;}
footer a.tel::before{content: "\260E";margin-right: 8px;font-size: 24px;}
footer section address{display: block;text-align: center;font-style: normal;}
footer>small{font-size: 12px;background-color: #EEEEEE;display: block;text-align: center;padding: 4px 0;}



/*--------コンテンツ共通--------*/
main{padding-top: 250px;display: block;}
article{display: block;padding-bottom: 80px;}

.midashi{height: 120px;background-image: url(images/temp_title_bg.jpg);position: relative;}
.midashi::before{content: "";background-color:#FF8000;width: 50px;height: 50px;position: absolute;bottom: -15px;left: 50%;transform: translate(-50%,0) rotate(-45deg);z-index: -1;}
.midashi>div{width: 1200px;margin: auto;height: 100%;display: flex;align-items: center;justify-content: center;position: relative;}
.midashi h2{color: #fff;font-weight: 900;font-size: 30px;letter-spacing: 2px;}
.midashi small{position: absolute;right: 0;bottom: -30px;font-size: 100px;color: rgba(255,255,255,0.2);font-weight: normal;font-family: 'Teko';line-height: 1;font-style: italic;}
p.read{font-size: 28px;color: #FF7F00;font-weight: bold;text-align: center;}

.spbr{display: none;}
.pcbr{display: block;}

.contents .temp1{}
.temp1{border-top: 1px dotted #FF8000;margin-top: 180px;}
.temp1 h2{display: table;background-image: url(images/temp_title_bg.jpg);position: relative;font-size: 25px;color: #fff;padding: 10px 70px;left: 50%;transform: translate(-50%,-30px);border-radius: 100px;}
.temp1 h2 img{position: absolute;left: -50px;top: -60px;}
.temp1 ul{display: flex;justify-content: space-between;width: 1200px;margin: auto;margin-top: 10px;}
.temp1 ul li{width: 360px;}
.temp1 ul li h3{font-size: 24px;color: #FF8000;text-align: center;}
.temp1 ul li img{border-radius: 10px;display: block;height: auto;width: 100%;margin-top: 10px;}
.temp1 ul li p{margin-top: 20px;font-size: 18px;line-height: 1.8;}
.temp1 ul li p small{display: block;}


.temp2{margin-top: 150px;background-image: url(images/works_bg.jpg);padding-bottom: 1px;}
.temp2 h2{display: table;background-image: url(images/temp_title_bg.jpg);position: relative;font-size: 25px;color: #fff;padding: 10px 70px;left: 50%;transform: translate(-50%,-30px);border-radius: 100px;}
.temp2 h2 img{position: absolute;left: -50px;top: -60px;}
.temp2 ul{margin-top: 20px;}
.temp2 ul li{margin:0 20px;}
.temp2 ul li a{display: block;text-decoration: none;color: #333;text-align: center;}
.temp2 ul li a img{display: block;width: 100%;height: auto;border: 3px solid #FFE599;box-sizing: border-box;}
.temp2 ul li a h3{font-size: 16px;font-weight: bold;margin-top: 10px;}
.temp2 ul li a span{display: block;}

.temp3{}
.temp3 ul{display: flex;justify-content: space-between;width: 1100px;margin: auto;margin-top: 40px;}
.temp3  ul li{background-color: #FFE599;border: 1px dotted #B25900;width: 19.5%;text-align: center;height: 50px;line-height: 50px;color: #8C4600;font-size: 18px;font-weight: bold;}




/*--------トッページ--------*/
.top .s1{width: 1200px;margin: auto;}
.top .s1 ol{display: flex;justify-content: center;position: relative;top: -65px;}
.top .s1 ol li{width: 280px;background-image: url(images/top_s1_bg.jpg);margin: 0 15px;height: 130px;display: flex;position: relative;flex-direction: column;align-items: center;justify-content: center;color: #fff;font-weight: bold;font-size: 22px;}
.top .s1 ol li small{position: absolute;left: 20px;top: -20px;font-family: 'Teko';font-weight: normal;background-color: #fff;color: #FFC926;display: inline-block;padding: 0 18px;font-style: italic;transform: rotate(-10deg);}
.top .s1 ol li b{font-size: 30px;font-weight: 900;}
.top .s1 h2{font-size: 28px;color: #8C4600;text-align: center;margin-top: 20px;}
.top .s1 h2 strong{background-color:#FFC926;display: inline-block;color: #fff;margin: 0 6px;}
.top .s1 p{font-size: 18px;text-align: center;line-height: 2;margin-top: 30px;}
.top .s1 ul{display: flex;justify-content: space-between;width: 1100px;margin: auto;margin-top: 40px;}
.top .s1 ul li{background-color: #FFE599;border: 1px dotted #B25900;width: 19.5%;text-align: center;height: 50px;line-height: 50px;color: #8C4600;font-size: 18px;font-weight: bold;}



.top .s2{width: 1200px;margin: auto;margin-top: 80px;}
.top .s2>div{border: 3px solid #ddd;border-radius: 10px;padding: 30px 40px;box-sizing: border-box;}
.top .s2 ul{display: block;}
.top .s2 ul li{border-bottom: 1px dotted #ccc;padding-bottom: 20px;margin-bottom: 20px;}
.top .s2 ul li:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
.top .s2 ul li a{display: flex;align-items: center;text-decoration: none;color: #333;}
.top .s2 ul li a figure{flex: 0 0 90px;margin-right: 30px;display: block;}
.top .s2 ul li a figure img{display: block;width: 100%;height: auto;}
.top .s2 ul li a span{display: block;flex: 1;}
.top .s2 ul li a span time{font-size: 15px;}
.top .s2 ul li a span p{display: block;}
.top .s2>div>a{text-decoration: none;color: #333;margin-top: 30px;display: table;}
.top .s2>div>a::before{content: "\25B8";margin-right: 4px;}


/*--------刺繍の種類--------*/
.type .s1{width: 1200px;margin: auto;margin-top: 50px;}
.type .s1 ul{display: flex;flex-wrap: wrap;margin-top: -30px;}
.type .s1 ul li{width: 360px;margin-right: 60px;margin-top: 80px;}
.type .s1 ul li:nth-of-type(3n){margin-right: 0;}
.type .s1 ul li img{display: block;width: 80%;height: auto;margin: auto;}
.type .s1 ul li h2{background-color: #FFE599;font-size: 22px;color: #8C4600;display: table;position: relative;left: 50%;transform: translate(-50%,-20px);padding: 6px 30px;border-radius: 100px;border: 1px dashed #B25900;}
.type .s1 ul li p{font-size: 18px;}





/*--------カスタム刺繍できる物--------*/
.service .s1{width: 1200px;margin: auto;margin-top: 50px;}
.service .s1 ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 60px;}
.service .s1 ul li{width: 50%;box-sizing: border-box;border-left: 1px dotted #ddd;border-top: 1px dotted #ddd;display: flex;height: 160px;align-items: center;position: relative;}
.service .s1 ul li:nth-of-type(2n){border-right: 1px dotted #ddd;border-top: 1px dotted #ddd;}
.service .s1 ul li:nth-last-of-type(1){border-right: 1px dotted #ddd;border-bottom: 1px dotted #ddd;}
.service .s1 ul li:nth-last-of-type(2){border-bottom: 1px dotted #ddd;}
.service .s1 ul li>div{background-image: url(images/service_bg.jpg);flex: 0 0 160px;display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;}
.service .s1 ul li>div>small{position: absolute;left: 0;top: 0;height: 24px;width: 24px;background-color: #A85326;color: #fff;font-size: 18px;text-align: center;line-height: 20px;}
.service .s1 ul li img{width: 80px;height: auto;display: block;}
.service .s1 ul li h2{font-size: 20px;}
.service .s1 ul li p{flex: 1;padding: 30px;font-size: 18px;font-weight: bold;}

.service .s2{width: 100%;margin: auto;margin-top: 100px;}
.service .s2>b{display: table;left: 50%;transform: translate(-50%,0);position: relative;color: #666;font-size: 17px;border: 1px solid #ddd;padding: 6px 30px;box-sizing: border-box;border-radius: 100px;}
.service .s2 h2{color: #FF7F00;font-size: 28px;position: relative;display: table;left: 50%;transform: translate(-50%,0);margin-top: 20px;}
.service .s2 h2::before{content: "「";position: relative;top: -5px;right: 5px;font-weight: 900;}
.service .s2 h2::after{content: "」";position: relative;bottom: -5px;left: 5px;font-weight: 900;}
.service .s2>p{text-align: center;font-size: 20px;font-weight: bold;margin-top: 10px;}
.service .s2>div{background-image: url(images/service_img2_bg.jpg);background-size: cover;background-position: center;margin-top: 60px;padding: 50px 0;}
.service .s2 h3{width: 1200px;margin: auto;text-align: center;font-size: 22px;position: relative;text-shadow: 1px 1px 1px rgba(255, 255, 255, 1),1px 1px 1px rgba(255, 255, 255, 1),1px 1px 1px rgba(255, 255, 255, 1),1px 1px 1px rgba(255, 255, 255, 1),-1px -1px 1px rgba(255, 255, 255, 1),-1px -1px 1px rgba(255, 255, 255, 1),-1px -1px 1px rgba(255, 255, 255, 1),-1px -1px 1px rgba(255, 255, 255, 1);}
.service .s2 h3 img{position: absolute;left: 0;top: -100px;}
.service .s2 ul{width: 1200px;margin: auto;margin-top: 50px;display: flex;justify-content: space-between;}
.service .s2 ul li{width: 47%;}
.service .s2 ul li b{font-size: 20px;color: #FF7F00;display: table;padding: 8px 35px;background-color: #fff;border-radius: 100px;box-sizing: border-box;box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);}
.service .s2 ul li p{font-size: 18px;margin-top: 25px;text-shadow: 1px 1px 1px rgba(255, 255, 255, 1),1px 1px 1px rgba(255, 255, 255, 1),1px 1px 1px rgba(255, 255, 255, 1),1px 1px 1px rgba(255, 255, 255, 1),-1px -1px 1px rgba(255, 255, 255, 1),-1px -1px 1px rgba(255, 255, 255, 1),-1px -1px 1px rgba(255, 255, 255, 1),-1px -1px 1px rgba(255, 255, 255, 1);}

	
	
/*--------ご依頼の流れ--------*/
.flow .s1{width: 1200px;margin: auto;margin-top: 50px;}
.flow .s1 ul{display: block;margin-top: -20px;}
.flow .s1 ul li{display: flex;margin-top: 80px;position: relative;border:2px solid #FFE599;}
.flow .s1 ul li::before{content:"";width: 30px;height: 30px;background-color: #FFE599;position: absolute;left: 90px;bottom: -10px;transform: rotate(45deg);}
.flow .s1 ul li:last-child::before{content:none;}
.flow .s1 ul li small{position: absolute;left: 15px;top: -30px;font-size: 40px;color: #FFE599;font-family: 'Teko';font-style: italic;line-height: 1;}
.flow .s1 ul li>div{flex: 0 0 220px;background-color: #FFE599;height: auto;display: flex;align-items: center;justify-content: center;color: #8C0000;font-size: 22px;font-weight: bold;position: relative;}
.flow .s1 div>img{position: absolute;right: -35px;top: -50px;}
.flow .s1 ul li p{padding: 35px;flex: 1;}
.flow .s1 ul li p b{color: #FF7F00;font-weight: bold;}



/*--------参考価格表--------*/
.price .s1{width: 1200px;margin: auto;margin-top: 50px;}
.price .s1 h2{font-size: 20px;border-left: 1px solid #666;padding-left: 20px;line-height: 2;margin-top: 40px;}
.price .s1 h2:nth-of-type(n+2){margin-top:70px;}	
.price .s1 table{width: 100%;border-collapse: collapse;margin-top: 20px;border: 2px solid #ddd;}
.price .s1 table th{background-color: #eee;box-sizing: border-box;padding: 10px 20px;border-bottom: 1px solid #ccc;width: 200px;}
.price .s1 table td{box-sizing: border-box;padding: 10px 20px;border-bottom: 1px solid #ccc;}
.price .s1 table+small{display:block;margin-top:5px;}




/*--------制作例--------*/
.works .s1{width: 1200px;margin: auto;margin-top: 50px;}
.works .s1 ul{display: flex;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;}
.works .s1 ul li{width: 270px;margin-right: 40px;margin-top: 50px;}
.works .s1 ul li:nth-of-type(4n){margin-right: 0;}
.works .s1 ul li a{display: block;text-decoration: none;color: #333;text-align: center;}
.works .s1 ul li a img{display: block;width: 100%;height: auto;border: 3px solid #FFE599;box-sizing: border-box;}
.works .s1 ul li a h3{font-size: 16px;font-weight: bold;margin-top: 10px;}
.works .s1 ul li a span{display: block;}




/*--------制作例詳細--------*/
.works_detail .s1{width: 1200px;margin: auto;margin-top: 50px;}
.works_detail .s1 .box{display: flex;align-items: flex-start;margin-top: 60px;}
.works_detail .s1 .box figure{flex: 0 0 300px;margin-right: 50px;}
.works_detail .s1 .box figure img{width: 100%;height: auto;display: block;border: 3px solid #FFE599;box-sizing: border-box;}
.works_detail .s1 .box table{width: 100%;border-collapse: collapse;border: 2px solid #ddd;}
.works_detail .s1 .box table th{background-color: #eee;box-sizing: border-box;padding: 10px 20px;border-bottom: 1px solid #ccc;width: 200px;}
.works_detail .s1 .box table td{box-sizing: border-box;padding: 10px 20px;border-bottom: 1px solid #ccc;}




/*--------post--------*/
.post .s1{display: flex;flex-direction: column;width: 1200px;margin: auto;margin-top: 50px;}
.post .selecter{display:flex;justify-content:center;align-items:center;margin-bottom: 60px;}
.post .selecter select{font-size:16px;margin-right:10px;padding:5px 10px;}
.post .s1 .container{margin-bottom:100px;}
.post .s1 .container:last-child {margin-bottom:60px;}
	


/*--------postinitial--------*/
.post .container>h3{background-color: #f0f0f0;font-size: 18px;margin-bottom: 25px;color: #333;padding: 12px 25px;display: flex;border-bottom: 1px solid #16546d;}
.post .container>time{display: block;align-items: center;justify-content: flex-end;margin-top: -20px;margin-bottom: -5px;font-size: 12px;text-align: right;}


	
.post .s1 .container>.inner h1{font-size: 20px;font-weight: bold;color: #333;}
.post .s1 .container>.inner h2{font-size: 18px;font-weight: bold;color: #333;}
.post .s1 .container>.inner h3,.post .s1 .container>.inner h4,.post .s1 .container>.inner h5,.post .s1 .container>.inner h6,.post .s1 .container>.inner b,.post .s1 .container>.inner em,.post .s1 .container>.inner p,.post .s1 .container>.inner span{font-size: 16px;font-weight: normal;color: #333;font-style: normal;margin:20px 0;}
.post .s1 .container>.inner ul{margin: 1em 0;}
.post .s1 .container>.inner ul li{margin-left: 25px;list-style-type: disc;}
.post .s1 .container>.inner ol{	margin: 1em 0;}
.post .s1 .container>.inner ol li{margin-left: 25px;list-style-type: decimal;}
.post .s1 .container>.inner a{color:#FF6600;}
.post .s1 .container>.inner a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}
.post .s1 .container>.inner blockquote{display: inline;margin: 0;padding: 0;}
.post .s1 .container>.inner pre{display: inline;margin: 0;padding: 0;}
.post .s1 .container>.inner .alignright{float: right;margin-left: 40px;margin-bottom: 0px;max-width:640px;height:auto;}
.post .s1 .container>.inner .aligncenter{display: block;margin: auto;margin-bottom: 0px;max-width:640px;height:auto;}
.post .s1 .container>.inner .alignleft{float: left;margin-right: 40px;margin-bottom: 0px;max-width:640px;height:auto;}
.post .s1 .container>.inner .alignnone{margin-bottom: 0px;max-width:640px;height:auto;}

	
	
}










































/*--------スマートフォンー-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/













@media all and (max-width:750px) {
body {color: #333;font-size: 16px;line-height: 1.7;font-weight: normal;}
ul,li {list-style-type: none;}


/*--------ヘッダー--------*/
header{display: block;position: fixed;z-index: 2;width: 100%;box-sizing: border-box;background-color: #fff;height: 80px;}
header section{display: flex;flex-direction: column;}
header section>div{width: 100%;margin: auto;height: 60px;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
header section h2{width: 100%;order: 2;font-size: 15px;}
header section h2 b{width: 100%;margin: auto;font-size: 11px;background-color:#EEEEEE;display: block;letter-spacing: -1px;padding: 1px;text-align: center;}
header h1{display: block;margin-left: 15px;}
header h1 a{display: flex;align-items: center;text-decoration: none;color: #666;}
header h1 a>div{font-size: 15px;letter-spacing: -2px;}
header h1 a>div b{display: block;font-family: 'Anton';font-style: italic;color: #14536C;font-size: 26px;letter-spacing: 2px;margin-top: 0px;line-height: 1;}
header h1 a figure{display: block;width: 40px;}
header h1 a figure img{display: block;margin-top: 4px;margin-left: 0px;width: 100%;}

header div h1+ul{display: none;}
header .pcnav{display: none;}



/*--------フッダー--------*/
footer{position: relative;margin-bottom: 55px;}
footer>section{position: relative;padding: 30px 0 20px;box-sizing: border-box;}
footer h3{display: block;text-align: center;font-size: 18px;}
footer a.contact{color: #fff;font-weight: bold;text-decoration: none;font-size: 16px;display: table;background-color:#FF8000;padding: 0px 30px 0px 25px;line-height: 54px;text-align: center;position: relative;left: 50%;margin-top: 15px;transform: translate(-50%,0);}
footer a.contact::before{content: "\25B8";color: #fff;margin-right: 6px;}
footer div{display: flex;justify-content: center;margin-top: 25px;border-top: 1px dotted #ccc;padding-top: 20px;flex-direction: column;}
footer h1{font-size: 16px;letter-spacing: -2px;text-align: center;order: 2;}
footer h1 b{display: block;font-family: 'Anton';font-style: italic;color: #14536C;font-size: 26px;letter-spacing: 2px;margin-top: -8px;}
footer div figure{display: block;order: 1;margin: auto;}
footer div figure img{display: block;width: 40px;height: auto;margin-bottom: 5px;}
footer a.tel{display: none;}
footer a.tel::before{content: "\260E";margin-right: 8px;font-size: 24px;}
footer section address{display: block;text-align: center;font-style: normal;font-size: 15px;}
footer>small{font-size: 11px;background-color: #EEEEEE;display: block;text-align: center;padding: 2px 0;}




/*--------コンテンツ共通--------*/
main{padding-top: 80px;display: block;}
article{display: block;padding-bottom: 50px;}

.midashi{height: 90px;background-image: url(images/temp_title_bg.jpg);position: relative;}
.midashi::before{content: "";background-color:#FF8000;width: 40px;height: 40px;position: absolute;bottom: -8px;left: 50%;transform: translate(-50%,0) rotate(-45deg);z-index: -1;}
.midashi>div{width: 100%;margin: auto;height: 100%;display: flex;align-items: center;justify-content: center;position: relative;}
.midashi h2{color: #fff;font-weight: 900;font-size: 24px;letter-spacing: 2px;}
.midashi small{position: absolute;right: 15px;bottom: -30px;font-size: 100px;color: rgba(255,255,255,0.2);font-weight: normal;font-family: 'Teko';line-height: 1;font-style: italic;}
p.read{font-size: 20px;color: #FF7F00;font-weight: bold;text-align: center;letter-spacing: -1px;}

.spbr{display: block;}
.pcbr{display: none;}

.contents .temp1{}
.temp1{border-top: 1px dotted #FF8000;margin-top: 120px;}
.temp1 h2{display: table;background-image: url(images/temp_title_bg.jpg);position: relative;font-size: 20px;color: #fff;padding: 10px 40px;left: 50%;transform: translate(-50%,-30px);border-radius: 100px;}
.temp1 h2 img{position: absolute;left: -25px;top: -25px;width: 60px;}
.temp1 ul{display: flex;justify-content: space-between;width: 90%;margin: auto;margin-top: -25px;flex-direction: column;}
.temp1 ul li{width: 100%;margin-top: 30px;}
.temp1 ul li h3{font-size: 20px;color: #FF8000;text-align: center;}
.temp1 ul li img{border-radius: 10px;display: block;height: auto;width: 100%;margin-top: 5px;}
.temp1 ul li p{margin-top: 15px;}
.temp1 ul li p small{display: block;}


.temp2{margin-top: 100px;background-image: url(images/works_bg.jpg);padding-bottom: 1px;}
.temp2 h2{display: table;background-image: url(images/temp_title_bg.jpg);position: relative;font-size: 20px;color: #fff;padding: 10px 40px;left: 50%;transform: translate(-50%,-30px);border-radius: 100px;}
.temp2 h2 img{position: absolute;left: -25px;top: -25px;width: 60px;}
.temp2 ul{margin-top: 20px;}
.temp2 ul li{margin:0 20px;}
.temp2 ul li a{display: block;text-decoration: none;color: #333;text-align: center;}
.temp2 ul li a img{display: block;width: 100%;height: auto;border: 3px solid #FFE599;box-sizing: border-box;}
.temp2 ul li a h3{font-size: 16px;font-weight: bold;margin-top: 10px;}
.temp2 ul li a span{display: block;}


.temp3{}
.temp3 ul{display: flex;justify-content: space-between;width: 90%;margin: auto;margin-top: 30px;flex-wrap: wrap;}
.temp3  ul li{background-color: #FFE599;border: 1px dotted #B25900;width: 49%;text-align: center;height: 50px;line-height: 50px;color: #8C4600;font-size: 18px;font-weight: bold;margin-top: 4px;}




/*--------トッページ--------*/
.top .s1{width: 90%;margin: auto;}
.top .s1 ol{display: flex;justify-content: center;position: relative;top: -65px;flex-direction: column;width: 100%;}
.top .s1 ol li{width: 100%;background-image: url(images/top_s1_bg.jpg);display: flex;position: relative;flex-direction: column;align-items: center;justify-content: center;color: #fff;font-weight: bold;font-size: 20px;margin-top: 10px;padding: 30px 0;border-radius: 4px;}
.top .s1 ol li small{position: absolute;left: 20px;top: -2px;font-family: 'Teko';font-weight: normal;background-color: #fff;color: #FFC926;display: inline-block;padding: 0 18px;font-style: italic;transform: rotate(-10deg);}
.top .s1 ol li b{font-size: 30px;font-weight: 900;}
.top .s1 h2{font-size: 22px;color: #8C4600;text-align: center;margin-top: -35px;}
.top .s1 h2 strong{background-color:#FFC926;display: inline-block;color: #fff;margin: 0 6px;}
.top .s1 p{font-size: 16px;margin-top: 25px;}
.top .s1 ul{display: flex;justify-content: space-between;width: 100%;margin: auto;margin-top: 15px;flex-wrap: wrap;}
.top .s1 ul li{background-color: #FFE599;border: 1px dotted #B25900;width: 49%;text-align: center;height: 50px;line-height: 50px;color: #8C4600;font-size: 18px;font-weight: bold;margin-top: 4px;}




.top .s2{width: 90%;margin: auto;margin-top: 60px;}
.top .s2>div{border: 3px solid #ddd;border-radius: 10px;padding: 20px 25px;box-sizing: border-box;}
.top .s2 ul{display: block;}
.top .s2 ul li{border-bottom: 1px dotted #ccc;padding-bottom: 20px;margin-bottom: 20px;}
.top .s2 ul li:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
.top .s2 ul li a{display: flex;align-items: center;text-decoration: none;color: #333;align-items: flex-start;}
.top .s2 ul li a figure{flex: 0 0 90px;margin-right: 30px;display: block;}
.top .s2 ul li a figure img{display: block;width: 100%;height: auto;}
.top .s2 ul li a span{display: block;flex: 1;}
.top .s2 ul li a span time{font-size: 13px;}
.top .s2 ul li a span p{display: block;font-size: 15px;line-height: 1.5;}
.top .s2>div>a{text-decoration: none;color: #333;margin-top: 30px;display: table;}
.top .s2>div>a::before{content: "\25B8";margin-right: 4px;}



/*--------刺繍の種類--------*/
.type .s1{width: 100%;margin: auto;margin-top: 50px;}
.type .s1 ul{display: flex;flex-wrap: wrap;margin: auto;margin-top: -10px;width: 90%;}
.type .s1 ul li{width: 100%;margin-top: 50px;}
.type .s1 ul li:nth-of-type(3n){margin-right: 0;}
.type .s1 ul li img{display: block;width: 70%;height: auto;margin: auto;}
.type .s1 ul li h2{background-color: #FFE599;font-size: 20px;color: #8C4600;display: table;position: relative;left: 50%;transform: translate(-50%,-20px);padding: 6px 30px;border-radius: 100px;border: 1px dashed #B25900;}
.type .s1 ul li p{}





/*--------カスタム刺繍できる物--------*/
.service .s1{width: 100%;margin: auto;margin-top: 50px;}
.service .s1 ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;}
.service .s1 ul li{width: 50%;box-sizing: border-box;border-left: 1px dotted #ddd;border-top: 1px dotted #ddd;display: flex;align-items: center;position: relative;flex-direction: column;}
.service .s1 ul li:nth-of-type(2n){border-right: 1px dotted #ddd;border-top: 1px dotted #ddd;}
.service .s1 ul li:nth-last-of-type(1){border-right: 1px dotted #ddd;border-bottom: 1px dotted #ddd;}
.service .s1 ul li:nth-last-of-type(2){border-bottom: 1px dotted #ddd;}
.service .s1 ul li>div{background-image: url(images/service_bg.jpg);display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;padding: 20px 0;}
.service .s1 ul li>div>small{position: absolute;left: 0;top: 0;height: 24px;width: 24px;background-color: #A85326;color: #fff;font-size: 18px;text-align: center;line-height: 20px;}
.service .s1 ul li img{width: 90px;height: auto;display: block;}
.service .s1 ul li h2{font-size: 20px;}
.service .s1 ul li p{flex: 1;padding: 15px;font-weight: bold;letter-spacing: -1px;}


.service .s2{width: 100%;margin: auto;margin-top: 70px;}
.service .s2>b{display: table;left: 50%;transform: translate(-50%,0);position: relative;color: #666;font-size: 16px;border: 1px solid #ddd;padding: 6px 25px;box-sizing: border-box;border-radius: 100px;}
.service .s2 h2{color: #FF7F00;font-size: 24px;position: relative;display: table;left: 50%;transform: translate(-50%,0);margin-top: 15px;}
.service .s2 h2::before{content: "「";position: relative;top: -5px;right: 5px;font-weight: 900;}
.service .s2 h2::after{content: "」";position: relative;bottom: -5px;left: 5px;font-weight: 900;}
.service .s2>p{text-align: center;font-size: 17px;font-weight: bold;margin-top: 5px;}
.service .s2>div{background-image: url(images/service_img2_bg.jpg);background-size: cover;background-position: center;margin-top: 80px;padding: 50px 0;}
.service .s2 h3{width: 90%;margin: auto;text-align: center;font-size: 20px;position: relative;text-shadow: 1px 1px 1px rgba(255, 255, 255, 1),1px 1px 1px rgba(255, 255, 255, 1),1px 1px 1px rgba(255, 255, 255, 1),1px 1px 1px rgba(255, 255, 255, 1),-1px -1px 1px rgba(255, 255, 255, 1),-1px -1px 1px rgba(255, 255, 255, 1),-1px -1px 1px rgba(255, 255, 255, 1),-1px -1px 1px rgba(255, 255, 255, 1);}
.service .s2 h3 img{position: absolute;left: 50%;top: -120px;width: 100px;height: auto;transform: translate(-50%, 0);}
.service .s2 ul{width: 90%;margin: auto;display: flex;justify-content: space-between;flex-direction: column;}
.service .s2 ul li{width: 100%;margin-top: 40px;}
.service .s2 ul li b{font-size: 19px;color: #FF7F00;display: table;position: relative;left: 50%;transform: translate(-50%, 0);padding: 8px 30px;background-color: #fff;border-radius: 100px;box-sizing: border-box;box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);}
.service .s2 ul li p{font-size: 16px;margin-top: 25px;text-shadow: 1px 1px 1px rgba(255, 255, 255, 1),1px 1px 1px rgba(255, 255, 255, 1),1px 1px 1px rgba(255, 255, 255, 1),1px 1px 1px rgba(255, 255, 255, 1),-1px -1px 1px rgba(255, 255, 255, 1),-1px -1px 1px rgba(255, 255, 255, 1),-1px -1px 1px rgba(255, 255, 255, 1),-1px -1px 1px rgba(255, 255, 255, 1);}



/*--------ご依頼の流れ--------*/
.flow .s1{width: 100%;margin: auto;margin-top: 50px;}
.flow .s1 ul{display: block;margin: auto;margin-top: -20px;width: 90%;}
.flow .s1 ul li{display: flex;margin-top: 80px;position: relative;border:2px solid #FFE599;flex-direction: column;background-color: #fff;}
.flow .s1 ul li::before{content:"";width: 30px;height: 30px;background-color: #FFE599;position: absolute;left: 50%;bottom: -22px;transform: rotate(45deg) translate(-50%,0);z-index: -1;}
.flow .s1 ul li:last-child::before{content:none;}
.flow .s1 ul li small{position: absolute;left: 50%;top: -30px;font-size: 40px;color: #FFE599;font-family: 'Teko';font-style: italic;line-height: 1;transform: translate(-50%,0);}
.flow .s1 ul li>div{background-color: #FFE599;display: flex;align-items: center;justify-content: center;color: #8C0000;font-size: 20px;font-weight: bold;position: relative;padding: 20px;}
.flow .s1 div>img{position: absolute;left: 10px;top: -60px;}
.flow .s1 ul li p{padding: 20px;}
.flow .s1 ul li p b{color: #FF7F00;font-weight: bold;}


/*--------参考価格表--------*/
.price .s1{width: 100%;margin: auto;margin-top: 50px;}
.price .s1 h2{font-size: 18px;border-left: 1px solid #666;padding-left: 15px;line-height: 2;margin: auto;margin-top: 40px;width: 90%;box-sizing: border-box;}
.price .s1 table{width: 90%;margin: auto;border-collapse: collapse;margin-top: 20px;border: 2px solid #ddd;}
.price .s1 table th{background-color: #eee;box-sizing: border-box;padding: 8px 15px;border-bottom: 1px solid #ccc;width: 100%;display: block;text-align: left;font-size: 15px;}
.price .s1 table td{box-sizing: border-box;padding: 8px 15px;border-bottom: 1px solid #ccc;display: block;width: 100%;font-size: 15px;}
.price .s1 table+small{width:90%;display:block;margin:5px auto 0;}






/*--------制作例--------*/
.works .s1{width: 100%;margin: auto;margin-top: 50px;}
.works .s1 ul{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;width: 90%;margin: auto;}
.works .s1 ul li{width: 49%;margin-top: 35px;}
.works .s1 ul li:nth-of-type(4n){margin-right: 0;}
.works .s1 ul li a{display: block;text-decoration: none;color: #333;text-align: center;}
.works .s1 ul li a img{display: block;width: 100%;height: auto;border: 3px solid #FFE599;box-sizing: border-box;}
.works .s1 ul li a h3{font-size: 15px;font-weight: bold;margin-top: 5px;}
.works .s1 ul li a span{display: block;font-size: 15px;margin-top: -5px;}



/*--------制作例詳細--------*/
.works_detail .s1{width: 100%;margin: auto;margin-top: 50px;}
.works_detail .s1 .box{display: flex;align-items: flex-start;margin: auto;margin-top: 40px;flex-direction: column;width: 90%;}
.works_detail .s1 .box figure{width: 100%;display: block;}
.works_detail .s1 .box figure img{width: 100%;height: auto;display: block;border: 3px solid #FFE599;box-sizing: border-box;}
.works_detail .s1 .box table{width: 100%;border-collapse: collapse;border: 2px solid #ddd;}
.works_detail .s1 .box table th{background-color: #eee;box-sizing: border-box;padding: 8px 15px;border-bottom: 1px solid #ccc;width: 100%;display: block;font-size: 15px;text-align: left;}
.works_detail .s1 .box table td{box-sizing: border-box;padding: 8px 15px;border-bottom: 1px solid #ccc;width: 100%;display: block;font-size: 15px;}



/*--------post--------*/
.post .s1{display: flex;flex-direction: column;width: 90%;margin: auto;margin-top: 50px;}
.post .selecter{display:flex;justify-content:center;align-items:center;margin-bottom: 40px;margin-top: 0px;}
.post .selecter select{font-size:16px;margin-right:10px;padding:5px 10px;}
.post .s1 .container{margin-bottom: 70px;}
.post .s1 .container:last-child {margin-bottom:60px;}




/*--------postinitial--------*/
.post .container>h3{background-color: #f0f0f0;font-size: 17px;margin-bottom: 25px;color: #333;padding: 10px 15px;;display: flex;border-bottom: 1px solid #16546d;}
.post .container>time{display: block;align-items: center;justify-content: flex-end;margin-top: -25px;margin-bottom: -6px;font-size: 11px;text-align: right;}


.post .s1 .container>.inner h1{font-size: 18px;font-weight: bold;color: #333;}
.post .s1 .container>.inner h2{font-size: 17px;font-weight: bold;color: #333;}
.post .s1 .container>.inner h3,.post .s1 .container>.inner h4,.post .s1 .container>.inner h5,.post .s1 .container>.inner h6,.post .s1 .container>.inner b,.post .s1 .container>.inner em,.post .s1 .container>.inner p,.post .s1 .container>.inner span{font-size: 16px;font-weight: normal;color: #333;font-style: normal;margin:20px 0;}
.post .s1 .container>.inner ul{margin: 1em 0;}
.post .s1 .container>.inner ul li{margin-left: 25px;list-style-type: disc;}
.post .s1 .container>.inner ol{	margin: 1em 0;}
.post .s1 .container>.inner ol li{margin-left: 25px;list-style-type: decimal;}
.post .s1 .container>.inner a{color:#FF6600;}
.post .s1 .container>.inner a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}
.post .s1 .container>.inner blockquote{display: inline;margin: 0;padding: 0;}
.post .s1 .container>.inner pre{display: inline;margin: 0;padding: 0;}
.post .s1 .container>.inner .alignright{display: block;margin: auto;margin-bottom: 0px;width: 100%;height: auto;}
.post .s1 .container>.inner .aligncenter{display: block;margin: auto;margin-bottom: 0px;width: 100%;height: auto;}
.post .s1 .container>.inner .alignleft{display: block;margin: auto;margin-bottom: 0px;width: 100%;height: auto;}
.post .s1 .container>.inner .alignnone{display: block;margin: auto;margin-bottom: 0px;width: 100%;height: auto;}
}