#page-title{position:relative;}
#page-title::before,#page-title::after{content:"";display:block;position:absolute}
#page-title::before{background:#111}
#page-title h1{font-size:1.875rem;position:relative;z-index:1;color:#fff;}
#page-title h1::after{content:"";display:block;position:absolute;background-size:cover;right:-10px;top:12px}
#breadcrumb{text-align:right;margin:0 auto}
#breadcrumb li{display:inline-block;}
#breadcrumb li a{text-decoration:none;}
#breadcrumb li a:hover{text-decoration:underline}
#breadcrumb li:after{content:"\003e"}
#breadcrumb li:last-child:after{display:none}
#breadcrumb li,#breadcrumb a{color:#202020}

#localnav{text-align:center;position:relative;height:100%;}
#localnav::before,#localnav::after{content:"";border:1px solid #898989;display:block;width:100%;position:absolute;height:100%;}
#localnav::before{top:-2px;left:-2px;}
#localnav::after{top:0;left:0;}
#localnav ul{text-align:center;line-height:1;}
#localnav li{display:inline-block;}
#localnav li::after{content:"\00ff5c";position:relative;margin:0 0.5em;}
#localnav li:last-child::after{display:none;}
#localnav li a{color:#111;}



/* PC STYLE  *************************************************************/
@media screen and (min-width: 961px) {
#masthead{height:150px}
#page-title{margin:10px auto;padding:0 10px;height:210px;max-width:1400px;}
#page-title::before,#page-title::after{width:50%;z-index:0;}
#page-title::before{left:20px;top:15px;height:190px}
#page-title::after{left:10px;bottom:0;background:#bc314e;height:200px}
#page-title h1::after{height:180px;z-index:1;width:50%;top:18px}
#page-title h1{padding:100px 2em 80px;line-height:1}
#breadcrumb{padding:10px;font-size:13px;max-width:1380px;margin:0 auto 30px}
#breadcrumb li:after{margin:0 10px}
body.itemPage #page-title h1::after{background-image:url(../img/item/pagetitle.jpg);}
body.servicePage #page-title h1::after{background-image:url(../img/service/pagetitle.jpg);}
body.seijinshikiPage #page-title h1::after{background-image:url(../img/seijinshiki/pagetitle.jpg);}
body.blogPage #page-title h1::after{background-image:url(../img/blog/pagetitle.jpg);}
body.contactPage #page-title h1::after{background-image:url(../img/contact/pagetitle.jpg);}
body.itemPage .gnav li:nth-of-type(2) a::after,
body.servicePage .gnav li:nth-of-type(3) a::after,
body.seijinshikiPage .gnav li:nth-of-type(4) a::after,
body.blogPage .gnav li:nth-of-type(5) a::after{width:100%;}
#localnav{max-width:1200px;padding:0 20px;margin:40px auto 80px;}
#localnav::before,#localnav::after{padding:10px;z-index:-1}
#localnav ul{padding:20px 20px 0;}
#localnav li a{padding:0.2em 0.5em;background:none;transition:.3s;font-weight:500;}
#localnav li a:hover{color:#bc314e;text-decoration:underline;border-radius:3px;}
#localnav li.active a,#localnav li.current-cat a{color:#fff;background:#bc314e;border-radius:3px;}
}

/* SP STYLE  *************************************************************/
@media screen and (max-width:960px){
#page-title{margin:10px auto;padding:0 0 0 10px;height:180px;width:calc(100% - 20px);}
#page-title::before,#page-title h1::after{width:50%;height:60px;z-index:1;}
#page-title::before{left:5px;top:50%;margin-top:-25px;width:55%;}
	
#page-title h1::after{left:-15px;top:50%;width:64%;min-width:220px;margin-top:-20px;background:#bc314e;z-index:-1;}
#page-title::after{height:180px;z-index:-1;width:100%;top:0;background-repeat:no-repeat;background-size:cover}
#page-title h1{padding:80px 0 60px;line-height:1;z-index:2;font-size:1.3rem;position:relative}
#breadcrumb{font-size:11px;padding:5px 10px 20px;line-height:1.6em}
#breadcrumb li:after{margin:0 10px}

body.itemPage #gnav ul li:nth-child(2) a,
body.servicePage #gnav ul li:nth-child(3) a,
body.seijinshikiPage #gnav ul li:nth-child(4) a,
body.blogPage #gnav ul li:nth-child(5) a,
body.contactPage #gnav ul li:nth-child(6) a{color:rgba(255,255,255,.4)}
body.shrinePage #page-title::after{background-image:url(../img/shrine/page_title.jpg);}


body.itemPage #page-title h1{background-image:url(../img/item/pagetitle.jpg);}
body.servicePage #page-title h1{background-image:url(../img/service/pagetitle.jpg);}
body.seijinshikiPage #page-title h1{background-image:url(../img/seijinshiki/pagetitle.jpg);}
body.blogPage #page-title h1{background-image:url(../img/blog/pagetitle.jpg);}
body.contactPage #page-title h1{background-image:url(../img/contact/pagetitle.jpg);}
#localnav{width:100%;margin:0 auto;}
#localnav::before,#localnav::after{display:none;}
#localnav ul{padding:20px 0 0;font-size:14px;}
#localnav li a{padding:0.6em 1.4em;background:#eee;border-radius:3px;font-weight:500;margin:0 1em .6em;display:inline-block;}
#localnav li::after{display:none;}
#localnav li.active a,#localnav li.current-cat a{color:#bc314e;}

}


#productList h2,#serviceList h2{text-align:center;font-weight:bold;letter-spacing:0.05em;text-indent:0.05em;}
#productList h2::after,#serviceList h2::after{content:"";display:block;background:#bc314e;}


/* PC STYLE  *************************************************************/

@media screen and (min-width:769px) {
body.itemPage h2{font-size:32px;}
body.itemPage h2::after{width:36px;height:2px;margin:.3em auto 0;}
}


/* SP STYLE  *************************************************************/

@media screen and (max-width:768px) {
body.itemPage h2{font-size:22px;margin:0 auto 1em}
body.itemPage h2::after{width:30px;height:2px;margin:.2em auto 0;}
}

.menu h3{text-align:center;margin:0 auto 1.8em;}
#serviceList section .price dl{text-align:left;position:relative;height:100%;background:rgba(245,238,225,.8);margin:0 auto 2em;}
#serviceList section .price dl::before,#serviceList section .price dl::after{content:"";border:1px solid #898989;display:block;width:100%;position:absolute;height:100%;}
#serviceList section .price dl::before{top:-2px;left:-2px;}
#serviceList section .price dl::after{top:0;left:0;}
#serviceList section .price dl dt{color:#bc314e;font-weight:bold;}
#serviceList section .price dl + ul li{padding:0 0 0 2em;margin:0 0 .5em}
#serviceList section .price dl + ul li{padding:0 0 0 2em;}
#serviceList section .price dl + ul li::before{content:"\00203b";margin:0 .5em 0 -1.5em;}
#oteireTxt dl::before,#oteireTxt dl::after,#oteireTxt dd::before,#oteireTxt dd::after{position:absolute;width: 0;height: 0;border-style: solid;content:"";}
#oteireTxt dl::before{border-width: 10px 10px 0 0;top:0;left:0;border-color: #575757 transparent transparent transparent;}
#oteireTxt dl::after{top:0;right:0;border-width: 0 10px 10px 0;border-color: transparent #575757 transparent transparent;}
#oteireTxt dd::before{bottom:0;left:0;border-width: 10px 0 0 10px;border-color: transparent transparent transparent #575757;}
#oteireTxt dd::after{bottom:0;right:0;border-width: 0 0 10px 10px;border-color: transparent transparent #575757 transparent;}
.contactus a{text-decoration:underline;color:#111}

/* PC STYLE  *************************************************************/

@media screen and (min-width:769px) {
#serviceList section{border-bottom:1px solid #fff;padding:80px 0}
#serviceList h2{text-align: center;position:relative;font-size:30px;line-height:1.6em;margin:0 auto 40px;font-weight:500}
#serviceList h2::after{width:60px;height:2px;margin:15px auto 0}
#serviceList h2 + figure img{margin:0 auto;border-top-left-radius:30px;-webkit-border-top-left-radius:30px;-moz-border-radius-topleft:30px;border-bottom-right-radius:30px;-webkit-border-bottom-right-radius:30px;-moz-border-radius-bottomright:30px;display:block}
#serviceList h2 + figure{margin:0 auto 80px}
#serviceList section .price{width:600px;margin:0 auto;padding:30px;}
#serviceList section .price dl{padding:20px;}
#serviceList section .price dt{width:8em;float:left;clear:both;padding:15px 0 0 10px;}
#serviceList section .price dd{padding:15px 10px 15px 8.5em;}
.menu{width:980px;margin:0 auto 60px;}
.menu h3{font-size:28px;}
.menu p,.menu dl{font-size:17px;line-height:2em}
.menu p{margin:0 20px;text-align:center;margin:0 0 1.8em}
.menu dl{margin:0 40px}
.menu dl dt,.menu dl dd{width:50%;float:left;padding:6px;font-weight:500}
.menu dl dt{border-bottom:1px solid #3fc7f8;clear:both}
.menu dl dd{border-bottom:1px solid #c9c9c9;text-align:right}
#serviceList section .price dl + ul{font-size:15px;}
.menu p img{display:block;margin:4em auto;}
.reccomend{text-align:center}
.reccomend h3{color:#3d86ea;font-size:18px;font-weight:600;padding:0 20px;background:#fff;display:inline-block;}
.reccomend p{font-size:16px;line-height:2em;padding:30px 20px 20px;border:1px solid #3d86ea;border-radius:30px;width:980px;margin:-15px auto 0}
#oteireTxt{max-width:1100px;margin:0 auto;
  display: grid;grid-gap:60px 60px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  gap: 60px 60px;
  grid-template-areas: "shimi ase" "shimi ase" "hassui ase" "arai kimono" "some .";
}
#oteireTxt dl{position:relative;text-align:center;}
#oteireTxt dt{font-size:24px;position:relative;top:-1em;padding:0 1em;margin:0 0 -1em;display:inline-block;background:url("../img/common/bg.jpg")}
#oteireTxt dd{font-size:17px;text-align:left;line-height:2em;}
.shimi { grid-area: shimi; }
.hassui { grid-area: hassui; }
.ase { grid-area: ase; }
.shimi dd p,.ase dd p{line-height:2.4em}
#oteireTxt dl{padding:10px 20px 20px;border:1px solid #575757;margin:1px;}
.contactus{line-height:1.8em;padding:80px 0 40px;font-size:20px;text-align:center;}
.contactus a:hover{text-decoration:none;}
#kitsuketxt{width:980px;margin:0 auto 60px;}
#kitsuketxt p{text-align:center;}
#kitsuketxt p,#kitsuketxt ol{font-size:17px;line-height:2em;margin:0 auto 2em;}
#kitsuketxt ol{width:740px;margin:0 auto 2em;counter-reset:number;padding:2em 0;}
#kitsuketxt li{margin:0 0 5px;}
#kitsuketxt li:before{counter-increment:number;content:counter(number);display:inline-block;color:#fff;display:inline-block;background:#bc314e;border-radius:50%;width:30px;height:30px;margin:0 8px 0 -20px;position:relative;top:0;font-size:20px;font-style:italic;text-align:center;font-weight:normal;line-height:32px;}
}

/* SP STYLE  *************************************************************/

@media screen and (max-width:768px) {
#serviceList section{border-bottom:1px solid #fff;padding:40px 20px}
#serviceList h2{font-size:20px;text-align:center;letter-spacing:.1em;text-indent:.1em;margin:0 0 1.2em;font-weight:500}
#serviceList h2::after{width:100px;height:2px;margin:0 auto}
#serviceList h2 + figure img{margin:0 auto;border-top-left-radius:15px;-webkit-border-top-left-radius:15px;-moz-border-radius-topleft:15px;border-bottom-right-radius:15px;-webkit-border-bottom-right-radius:15px;-moz-border-radius-bottomright:15px;display:block;}
#serviceList h2 + figure{margin:0 auto 20px}
#serviceList section .price dl{padding:10px;text-align:center;font-size:14px;}
#serviceList section .price dt{padding:15px 0 10px;}
#serviceList section .price dd{padding:0 0px 15px;}
#serviceList section .price dl + ul{font-size:13px}
.menu h3{font-size:18px;}
.menu p,.menu dl{font-size:14px;line-height:1.8em;margin:0 0 1.8em}
.menu dl{padding:20px 0;width:300px;margin:0 auto;overflow:hidden}
.menu dl dt,.menu dl dd{padding:6px;font-weight:500}
.menu dl dt{clear:both;text-align:center}
.menu dl dd{border-bottom:1px solid #c9c9c9;}

.menu p img{display:block;margin:2em auto;}

.reccomend{text-align:center}
.reccomend h3{color:#3d86ea;font-size:16px;font-weight:600;padding:0 10px;background:#fff;display:inline-block;}
.reccomend p{font-size:13px;line-height:2em;padding:20px 20px 10px;border:1px solid #3d86ea;border-radius:10px;margin:-15px auto 0;text-align:left}
#serviceList  img{max-width:100%;height:auto;}
#oteireTxt dl{position:relative;text-align:center;}
#oteireTxt dt{font-size:18px;position:relative;top:-1em;padding:0 1em;margin:0 0 -1em;display:inline-block;background:url("../img/common/bg.jpg")}
#oteireTxt dd{font-size:14px;text-align:left;line-height:2em;}
	#oteireTxt{padding:20px 0;}
.shimi dd p,.ase dd p{line-height:2.4em}
#oteireTxt dl{padding:10px 20px 20px;border:1px solid #575757;margin:0 auto 40px}
.contactus{line-height:1.8em;padding:10px 0 10px;font-size:16px;text-align:center;}

#kitsuketxt{margin:0 auto 40px;}
#kitsuketxt p{text-align:center;}
#kitsuketxt p,#kitsuketxt ol{font-size:14px;line-height:2em;margin:0 auto 2em;}
#kitsuketxt ol{margin:0 auto 2em;counter-reset:number;padding:2em 20px;}
#kitsuketxt li{margin:0 0 5px;padding:0 0 0 40px}
#kitsuketxt li:before{counter-increment:number;content:counter(number);display:inline-block;color:#fff;display:inline-block;background:#bc314e;border-radius:50%;width:24px;height:24px;margin:0 8px 0 -38px;position:relative;top:0;font-size:18px;font-style:italic;text-align:center;font-weight:normal;line-height:26px;}
	
}
.postEdit img{max-width:100%;height:auto;}

#postList section.postDetail header .cat{position:absolute;color:#bc314e;background:#ffeff2}
#postList article{background:#fff;display:block;}
#postList article a time,#postList section.postDetail header time{color:#bc314e;font-family:"Alice","Times New Roman","Times",serif;letter-spacing:0.05em;}
#postList article a{text-decoration:none;}
#postList article a h3{color:#111;}
.postEdit table{border-top:1px solid #bc314e;border-left:1px solid #bc314e}
.postEdit table th,.postEdit table td{border-right:1px solid #bc314e;border-bottom:1px solid #bc314e}
.postEdit table thead th{color:#fff;background:#bc314e}
.postEdit table tbody th{color:#bc314e;background:#ffeff2}
.postEdit a{color:#bc314e;border-bottom:1px dotted #bc314e}
.wp-pagenavi{clear:both;text-align:center;font-weight:700}
.wp-pagenavi span,.wp-pagenavi a{display:inline-block;text-align:center;border-radius:50%}
.wp-pagenavi a{color:#bc314e;text-decoration:none;background:#e2d6bf}
.wp-pagenavi span{color:#fff;background:#bc314e}
.wp-pagenavi a:hover{color:#fff;background:#bc314e}
#leadOtherpost{border-top:1px solid #e1e1e1}
#leadOtherpost ul{display:flex;align-items:stretch;justify-content:space-between;}
#leadOtherpost ul li{width:50%}
#leadOtherpost ul li a{display:flex;position:relative;color:#111;}
#leadOtherpost ul li.prev a{}
#leadOtherpost ul li.next a{flex-flow: row-reverse;position:relative}
#leadOtherpost ul li a::before{font-family:"Font Awesome 5 Free";font-weight:600;top:42%;position:absolute;color:#bc314e}
#leadOtherpost ul li.prev a::before{content:"\f104";}
#leadOtherpost ul li.next a::before{content:"\f105";}
#leadOtherpost ul li.prev{border-right:1px solid #e1e1e1}
#leadOtherpost ul li div{padding:20px}
#leadOtherpost ul li a time{font-family:'Alice',"Times New Roman", Times, serif;font-weight:normal;letter-spacing:0.05em;color:#bc314e}
#leadOtherpost ul li figure img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}

@media screen and (min-width:769px) {
#postList{width:1180px;margin:0 auto;display:flex}
.catTitle{font-size:1.32rem;margin:0 auto 30px;padding:9px 30px;line-height:2.4em;font-weight:700;background:#bc314e;color:#fff}
#leadOtherpost ul li a::before{font-size:24px}
#leadOtherpost{padding:20px;margin:0 20px}
#leadOtherpost ul li figure{width:120px;height:120px;overflow:hidden;line-height:0;position: relative}
#leadOtherpost ul li div{width:calc(100% - 120px)}
#leadOtherpost ul li a:hover{opacity:.8}
#leadOtherpost ul li.prev a::before{left:-20px}
#leadOtherpost ul li.next a::before{right:-20px}
#postList section{width:920px}
#postList section.postDetail{box-shadow:1px 3px 1px 0 #eee;border:1px solid #ebebeb;background:#fff;margin:0 auto 50px}
#postList section.postDetail h3{font-size:1.625rem;border-bottom:1px solid #d7d7d7;padding:70px 30px 30px}
.itemPage #postList section.postDetail h3{padding:30px 30px}
#postList section.postDetail header{position:relative}
#postList section.postDetail header .cat{top:0;right:0;padding:4px 15px;font-size: 0.875rem}
#postList section.postDetail .postEdit{padding:40px}
#postList article{width:100%;margin:0 0 40px;position:relative;height:210px}
#postList article a div{overflow:hidden;height:210px}
#postList article a figure{width:320px;height:100%;overflow:hidden;float:right;line-height:0}
#postList article a figure img{width:100%;height:auto;line-height:0;}
#postList article a{padding:0 340px 0 0;overflow:hidden;height:210px}
#postList article a time,#postList section.postDetail header time{padding:20px 10px 0;display:inline-block}
#postList article a time{padding:20px 10px 0 30px}
#postList section.postDetail header time{position:absolute;top:10px;left:20px}
#postList article a time+span{color:#bc314e;background:#ffdfe6;padding:3px 10px;font-size:13px;margin:0 0 0 10px;transition:0.3s;position:absolute;top:0;right:0}
#postList article a h3{padding:10px 10px 0 30px;font-weight:700;font-size:22px}
#postList article a p{padding:10px 10px 0 30px;color:#111;font-size:15px;}
#postList article a:hover h3{color:#bc314e}
#postList article a h3+p{padding:0 10px 0 30px;overflow:hidden;color:#111;line-height:1.8em}

.postInfo{text-align:right;padding:20px;border-top:1px solid #ccc}
aside{width:200px;margin-left:50px}
.archive{margin:0 0 30px;font-weight:bold;}
.archive header{padding:15px 18px;color:#fff;background:#bc314e;text-align:center;font-weight:600}
.archive select{padding:3px;width:100%;margin:10px auto 0;background:#fff url(../img/common/select.gif) no-repeat right 10px center;background-size:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px 10px;border:1px solid #ccc}
aside ul{padding:10px 0}
aside ul li{padding:10px 0 10px 20px;line-height:1.5em;position:relative;}
aside ul li:before{width:8px;height:8px;margin:0 8px 0 -18px;border-top:2px solid #bc314e;border-right:2px solid #bc314e;transition:0.3s;content:"";display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:16px}
aside ul li a{color:#333;text-decoration:none}
aside ul li a:hover{text-decoration:underline;color:#bc314e}
aside ul li ul li{padding:5px 0;}
aside ul li ul li:before{display:none}
.postEdit{clear:both;text-align:left;padding:40px 0}
.postEdit h4{font-size:26px;margin:2.5em 0 1.5em;border-left:3px solid #bc314e;padding:10px 15px 8px;line-height:1.4em}
.postEdit h5{font-size:22px;margin:2.2em 0 1em;background:#eee;padding:8px 0 6px 12px}
.postEdit h6::before{content:"";width:16px;height:16px;display:inline-block;background:#fff;border:5px solid #bc314e;border-radius:50%;margin:0 10px 0 -10px;position:relative;top:2px}
.postEdit h6{font-size:18px;margin:2.2em 0 1em;padding:8px 0 6px 12px}
.postEdit p{margin:0 0 1.8em;line-height:2em}
.postEdit img.alignright{float:right;margin:0 0 3em 45px}
.postEdit img.aligncenter{margin:0 auto 3em;display:block}
.postEdit img.alignleft{float:left;margin:0 45px 3em 0}
.postEdit ul,.postEdit ol{margin:0 0 1.8em;padding:0 0 0 20px}
.postEdit ul li{padding:4px 5px 4px 25px}
.postEdit ul li:before{content:"\0025cf";color:#bc314e;margin:0 10px 0 -20px;position:relative;top:0;font-weight:bold}
.postEdit table td ul li:before{content:"\0030fb"}
.postEdit ol{counter-reset:number}
.postEdit ol li{padding:8px 5px 8px 20px}
.postEdit ol li:before{counter-increment:number;content:counter(number)'.';color:#bc314e;margin:0 8px 0 -20px;position:relative;top:0;font-weight:bold}
.postEdit table{margin:2.5em auto;min-width:500px}
.postEdit table th,.postEdit table td{padding:15px 18px}
.postEdit .esterisk:before{content:"\00203b";color:#bc314e;margin:0 5px 0 -20px;position:relative;top:0;font-weight:bold;background:#fff}
.postEdit a:hover{border:none}
.wp-pagenavi{font-size:1rem;padding:30px 30px 80px}
.wp-pagenavi span,.wp-pagenavi a{width:40px;height:40px;margin:0 5px 0 0;padding:3px 0;font-size:20px;}
.wp-pagenavi span{border:2px solid #bc314e;}
.wp-pagenavi a{border:2px solid transparent;color:#111}
}
@media screen and (max-width:768px) {
.catTitle{text-align:left;font-size:100%;margin:0 0 10px;line-height:2em;font-weight:700;background:#bc314e;color:#fff;padding:6px 15px}
#leadOtherpost ul li a{position:relative}
#leadOtherpost ul li figure{display:none}
#leadOtherpost ul li time{font-size:12px}
#leadOtherpost ul li p{font-size:14px}
#leadOtherpost ul li.prev a::before{left:5px}
#leadOtherpost ul li.next a::before{right:5px}
#postList{padding:10px}
#postList article{margin:0 auto 20px;height:auto;overflow:hidden;position:relative;box-shadow:0 0 2px 2px #f8eaed}
#postList article a figure{width:140px;height:100%;overflow:hidden;float:right;line-height:0;margin:10px 0 0 10px}
#postList article a figure img{width:100%;height:auto;line-height:0;}
#postList article a{padding:0 140px 0 0;overflow:hidden;height:86px}
#postList article a time,#postList section.postDetail header time{padding:15px 10px 0 10px;display:inline-block;font-size:12px}
#postList article a time+span{color:#bc314e;background:#ffeff2;top:0;right:0;padding:2px 15px;font-size:12px;margin:0 0 0 10px;transition:0.3s;white-space:nowrap;position:absolute}
#postList article a h3{padding:8px 5px 0 10px;font-weight:700;font-size:14px;color:#111;line-height:1.8em;height:68px;}
#postList article a h3+div{display:none}
#postList section.postDetail{box-shadow:1px 3px 1px 0 #eee;border:1px solid #ebebeb;margin:0 auto 50px;background:#fff;}
#postList section.postDetail h3{font-size:18px;border-bottom:1px solid #d7d7d7;padding:35px 15px 15px;line-height:1.8em}
#postList section.postDetail header{position:relative}
#postList section.postDetail header .cat{top:0;right:0;padding:2px 15px;font-size:12px}
#postList section.postDetail .postEdit{padding:20px}
#postList section.postDetail header time{position:absolute;top:0}

.postInfo{text-align:right;padding:10px 0 0;border-top:1px solid #ccc}
.postEdit{padding:0 10px 10px}
.postEdit h4{font-size:17px;margin:1em 0;padding:2px 12px;border-left:2px solid #bc314e;line-height:1.8em}
.postEdit h5{color:#111;font-size:16px;margin:1.5em 0 .8em;background:#eee;padding:10px;line-height:1.8em}
.postEdit h6::before{content:"";width:16px;height:16px;display:inline-block;background:#fff;border:3px solid #bc314e;border-radius:50%;margin:0 10px 0 -28px;position:relative;top:2px}
.postEdit h6{font-size:1rem;margin:2.2em 0 1em;padding:8px 0 6px 18px}
.postEdit p{margin:0 0 1.8em;line-height:1.8em;font-size:100%}
.postEdit img.alignright,.postEdit img.alignleft,.postEdit img.aligncenter{margin:0 auto 15px;display:block}
.postEdit ul,.postEdit ol{margin:0 0 1.8em;padding:0 0 0 20px;font-size:100%;line-height:1.6em}
.postEdit ul li{padding:0 5px 4px 0}
.postEdit ul li:before{content:"\0030fb";color:#bc314e;margin:0 3px 0 -18px;position:relative;font-weight:bold}
.postEdit ol{counter-reset:number}
.postEdit ol li{padding:0 5px 4px 0}
.postEdit ol li:before{counter-increment:number;content:counter(number)'.';color:#bc314e;margin:0 5px 0 -18px;position:relative}
.postEdit table{margin:2em auto;width:100%;font-size:13px;line-height:1.5em}
.postEdit table th,.postEdit table td{padding:8px 4px;font-size:100%;line-height:1.6em}
.postEdit table td ul{padding:0 0 0 20px}
.postEdit .esterisk{font-size:13px}
.postEdit .esterisk:before{content:"\00203b";color:#bc314e;margin:0 5px 0 -20px;position:relative;top:0;font-weight:bold;background:#fff;font-size:14px}

.archive{background:#fff;border-top:1px solid #bc314e;margin:0 0 10px}
.archive header{font-weight:bold;padding:12px 10px;color:#bc314e;border-bottom:1px solid #ccc;font-size:13px}
.archive header::after{display:none}
aside .archive ul{padding:10px 0 0}
aside .archive li{position:relative;padding:0 0 10px 24px;margin:0 0 10px;border-bottom:1px solid #ccc;font-size:14px}
aside .archive li:before{content:"\0025a0";color:#bc314e;position:absolute;left:10px;font-size:8px;top:4px}
aside .archive li:last-child{margin:0;border:none}
aside .archive li a{text-decoration:none;color:#333}
aside .archive li a:hover{text-decoration:underline}
aside .archive select{width:100%;background:#fff url(../img/common/select.gif) no-repeat right 10px center;background-size:10px;margin:10px auto 20px;border:2px solid #eee;padding:8px;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.wp-pagenavi{font-size:14px;padding:20px 10px 30px;text-align:center}
.wp-pagenavi span,.wp-pagenavi a{width:30px;height:30px;margin:0 2px 6px 0;padding:4px 0;border:1px solid #bc314e;border-radius:50%}
}




#formHd strong{border-bottom:2px solid #ffcd7f;font-weight:normal}
.require{background:#bc314e;color:#fff}
input[type="text"],input[type="email"],textarea,select{background:#fff}
#confirm-button{text-align:center;clear:both}
#confirm-button li{display:inline-block}
#confirm-button li input[type="submit"]{text-align:center;display:block;font-weight:bold;transition:0.3s;background:#bc314e;cursor:pointer;color:#fff;}
#confirm-button li input[type="submit"]:hover{opacity:0.8}
input[type="text"],input[type="email"],textarea{border:1px solid #ababab;background:#fff}
#inquiry dl dt{position:relative}
input[type=radio], input[type=checkbox]{display:none}
.mwform-checkbox-field-text{box-sizing: border-box;-webkit-transition:background-color 0.2s linear;transition:background-color 0.2s linear;position:relative;display: inline-block;margin:0 10px 0px 0;padding:2px 4px 2px 30px;border-radius:3px;/*  background-color: #f6f7f8;*/vertical-align:middle;cursor:pointer}
.mwform-checkbox-field-text:before{-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear;position:absolute;top:50%;left:11px;display:block;margin-top:-9px;width:5px;height:9px;border-right:3px solid #bc314e;border-bottom:3px solid #bc314e;content:'';opacity:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.mwform-checkbox-field-text:after,input[type=checkbox]:checked + .mwform-checkbox-field-text:before{opacity:1}
.mwform-checkbox-field-text:after{-webkit-transition:border-color 0.2s linear;transition:border-color 0.2s linear;position:absolute;top:50%;left:5px;display:block;margin-top:-10px;width:16px;height:16px;border:1px solid #bbb;content:'';background:#fff;z-index:-1}
#formHd p{text-align:center}
.confirmPage #inquiry dl dd{border-bottom:1px solid #ccc}
@media screen and (min-width:769px) {
#formHd{padding:100px 20px 40px;line-height:2em;font-size:20px}
#inquiry form{font-weight:700;width:1060px;margin:0 auto 60px;}
#inquiry dl{width:100%;margin:0 auto;padding:50px 50px 0}
#inquiry .require{position:absolute;top:24px;right:5px;font-size:12px;padding:0 6px}
#inquiry dl dt{clear:both;width:14em;float:left;padding:20px 60px 16px 0;position:relative;font-weight:700;}
#inquiry dl dd{padding:18px 15px 16px 16em}
#inquiry dl dd label{padding:0 25px 0 0}
#inquiry dl dd label input[type="checkbox"]{margin:0 6px 0 0}
#inquiry dl+dl dt{float:none;padding:8px 5px 0}
#inquiry dl+dl dd{padding:18px 5px;font-weight:normal;font-size:14px;line-height:2em}
input[type="text"],input[type="email"],textarea,select{border:1px solid #ccc;width:100%;max-width:600px}
input[type="text"],input[type="email"],textarea{padding:8px 8px}
.inputA{width:440px}
#zip{width:180px}
select{padding:5px 20px 5px 10px;background:#fff;background-size:10px;width:auto}
.inputB,textarea{width:100%;max-width:600px}
textarea{height:200px}
#confirm-button{padding:20px 0 50px}
#confirm-button li{margin:0 10px 0 0}
#confirm-button li input[type="submit"]{padding:15px 40px;font-size:1.125rem}
#confirm-button li input[type="submit"]:hover{opacity:0.8}
label{cursor:pointer}
.contactPage #content,.confirmPage #content,.thanksPage #content{background:#fff;width:100%;padding-left:0}
.contactPage footer.global dl,.contactPage footer.global #ctaBox,.contactPage footer.global dl+p{display:none}
.contactPage footer.global #copyright{text-align:center}
.confirmPage #inquiry dl dt{padding:18px 60px 16px 0}
.confirmPage #inquiry .require{display:none}
.confirmPage #inquiry dl dd{padding:18px 15px 16px 16em;min-height:61px}
.confirmPage #inquiry .require{top:22px}
}
@media screen and (max-width:768px) {
.contactPage #spnav,.pagedown.contactPage #spnav{position:absolute}
#formHd{padding:40px 20px;line-height:1.8em}
.mwform-checkbox-field.horizontal-item{display:inline-block;padding:5px 0}
.mw_wp_form .horizontal-item + .horizontal-item{margin:0 !important}
.contactPage #ctaBox,.contactPage #breadcrumb,.contactPage #pageTop,.contactPage h2:after,.confirmPage h2:after,.thanksPage h2:after{display:none !important}
.contactPage #copyright{padding:10px}
#inquiry .require{font-size:10px;padding:2px 5px;margin-left:15px;font-weight:normal}
#inquiry dl{padding:10px 0 0}
#inquiry dl dt,#inquiry dl dd{display:block;line-height:1.5em}
#inquiry dl dt{padding:8px 10px 0;font-weight:bold}
#inquiry dl dd{padding:5px 15px 10px;margin:0}
#inquiry dl dd label{padding:5px 0;margin:0 0 5px 0;color:#000;font-weight:bold}
#inquiry dl dd label input[type="checkbox"],#inquiry dl dd label input[type="radio"]{margin:0 5px 0 0}
#inquiry dl+dl{padding:0 0 10px}
#inquiry dl+dl dd{font-weight:normal;font-size:11px;line-height:1.6em}
#inquiry form dl dt,#inquiry form dl dd{border:none}
input[type="text"],input[type="email"],textarea,select{border:1px solid #ababab}
input[type="text"],input[type="email"],textarea{padding:10px 8px;width:100%}
#zip{width:160px}
select{padding:12px 12px;background:#fff;background-size:10px;width:80%;position:relative}
textarea{height:160px}
#confirm-button{padding:0 10px 40px}
#confirm-button li{text-align:center}
#confirm-button li input[type="submit"]{padding:16px 35px;display:inline-block;margin:15px auto}
#confirm-button li.btn{width:auto;height:auto}
.mwform-checkbox-field-text{margin-right:5px}
.gft .inner,.contactPage .hdcta,.contactPage .pagetop{display:none;}
.contactPage .copyright{padding:20px}
}



#itemintro strong{font-weight:normal;letter-spacing:.1em;}
#itemintro strong span{background: -moz-linear-gradient(top,  rgba(237,151,151,0) 0%, rgba(237,151,151,0) 80%, rgba(237,151,151,1) 81%, rgba(237,151,151,1) 97%, rgba(237,151,151,0) 98%, rgba(237,151,151,0) 100%);
background: -webkit-linear-gradient(top,  rgba(237,151,151,0) 0%,rgba(237,151,151,0) 80%,rgba(237,151,151,1) 81%,rgba(237,151,151,1) 97%,rgba(237,151,151,0) 98%,rgba(237,151,151,0) 100%);
background: linear-gradient(to bottom,  rgba(237,151,151,0) 0%,rgba(237,151,151,0) 80%,rgba(237,151,151,1) 81%,rgba(237,151,151,1) 97%,rgba(237,151,151,0) 98%,rgba(237,151,151,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ed9797', endColorstr='#00ed9797',GradientType=0 );}
#itemlineup h2{text-align:center;font-weight:bold;letter-spacing:0.05em;text-indent:0.05em;}
#itemlineup h2::after{content:"";display:block;background:#bc314e;}
#itemlineup ul li img{width:100%;height:auto;opacity:0;}
#itemlineup ul li{background-repeat:no-repeat;background-size:cover;background-position:center;}

/* PC STYLE  *************************************************************/
@media screen and (min-width:769px) {
#itemintro {padding:100px 0;margin:0 auto 100px;
background:url(../img/item/bg01.png) no-repeat right center;background-size:auto 100%;}
#itemintro div{max-width:1100px;margin:0 auto;padding:0 25% 0 20px;}
#itemintro strong{font-size:26px;padding:1em 0;display:inline-block;line-height:2em;}
#itemintro p{font-size:18px;margin:0 0 2em;line-height:2.2em;text-shadow:2px 2px 0px #ffffff;}
#itemlineup h2{text-align: center;position:relative;font-size:30px;line-height:1.6em;margin:0 auto 40px;font-weight:500}
#itemlineup h2::after{width:60px;height:2px;margin:15px auto 0}
#itemlineup ul{display:flex;flex-wrap:wrap;max-width:1100px;margin:0 auto;}
#itemlineup ul li{width:calc(33% - 40px);margin:0 20px 40px;}
#itemlineup ul li a{position:relative;display:block;width:100%;height:100%}
#itemlineup ul li a figure figcaption{color:#fff;text-align:center;z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;display:table;}
#itemlineup ul li a figure figcaption span{width:100%;display:table-cell;vertical-align:middle;padding:0 20px;font-size:18px;}
#itemlineup ul li a figure figcaption::after{content:"\008a73\003057\00304f\00898b\00308b";color:#fff;border:1px solid #fff;display:inline-block;position:absolute;bottom:40px;width:130px;left:50%;margin-left: -65px;padding:3px 0;font-size:16px;}
#itemlineup ul li a figure::after,#itemlineup ul li a figure figcaption{opacity:0;transition:.3s;}
#itemlineup ul li a:hover figure figcaption,#itemlineup ul li a:hover figure::after{opacity:1}
#itemlineup ul li a figure::after{content:"";background:rgba(188,49,78,.8);color:#fff;text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}
}


/* SP STYLE  *************************************************************/

@media screen and (max-width:768px) {
#itemlineup h2{font-size:20px;text-align:center;letter-spacing:.1em;text-indent:.1em;margin:0 0 1.8em;font-weight:500}
#itemlineup h2::after{width:40px;height:2px;margin:5px auto}

#itemintro {margin:0 auto 40px;background:url(../img/item/bg01.png) no-repeat center;background-size:cover;font-weight:bold;}
#itemintro div{margin:0 auto;padding:40px 20px;background:rgba(255,255,255,.6)}
#itemintro strong{font-size:18px;padding:1em 0;display:inline-block;line-height:1.6em;}
#itemintro p{font-size:14px;margin:0 0 2em;line-height:1.6em;text-shadow:2px 2px 0px #ffffff;}
#itemlineup{padding-top:40px;}
#itemlineup ul{display:flex;flex-wrap:wrap;margin:0 auto;padding:0 10px;}
#itemlineup ul li{width:calc(50% - 20px);margin:0 10px 20px;}
#itemlineup ul li a{position:relative;display:block;width:100%;height:100%}
#itemlineup ul li a figure figcaption{color:#111;text-align:center;z-index:1;;font-size:14px;padding:6px;background:rgba(255,255,255,.7)}

}


#seijinshiki01,#seijinshiki02,#seijinshiki03,#seijinshiki04{}
#seijinshiki01 h3,#seijinshiki02 h3,#seijinshiki03 h3,#seijinshiki04 h3{color:#bc314e;}
#seijinshiki01 p,#seijinshiki02 p,#seijinshiki03 p,#seijinshiki04 p{}

/* PC STYLE  *************************************************************/
@media screen and (min-width:769px) {
#seijinshiki01,#seijinshiki02,#seijinshiki03,#seijinshiki04{max-width:1180px;margin:0 auto 80px;padding:30px 20px 60px;}
#seijinshiki01{display:flex;flex-flow: row-reverse;}
#seijinshiki01 .txt {padding:2em 20px 2em 0;}
#seijinshiki01 .txt p{font-size:20px;line-height:2.2em;margin:0 0 1.8em;}
#seijinshiki02{background:url(../img/seijinshiki/img02.png) no-repeat right center;background-size:auto 100%;}
#seijinshiki03{background:url(../img/seijinshiki/img03.png) no-repeat left center;background-size:auto 100%;}
#seijinshiki04{background:url(../img/seijinshiki/img04.png) no-repeat right center;background-size:auto 100%;}
#seijinshiki01 h3,#seijinshiki02 h3,#seijinshiki03 h3,#seijinshiki04 h3{font-size:32px;margin:2em 0 .8em;text-shadow:2px 2px 0px #ffffff;}
#seijinshiki01 p,#seijinshiki02 p,#seijinshiki03 p,#seijinshiki04 p{font-size:18px;text-shadow:2px 2px 0px #ffffff;margin:0 0 2.4em;line-height:2em;}
#seijinshiki02 p,#seijinshiki04 p{padding-right:45%}
#seijinshiki03 h3,#seijinshiki03 p{padding-left:45%}

}




/* SP STYLE  *************************************************************/

@media screen and (max-width:768px) {
#seijinshiki01,#seijinshiki02,#seijinshiki03,#seijinshiki04{font-weight:bold;}
#seijinshiki01 {padding:20px;}
#seijinshiki01 img{width:300px;height:auto;display:block;margin:0 auto 20px}

#seijinshiki01 h3,#seijinshiki02 h3,#seijinshiki03 h3,#seijinshiki04 h3{font-size:18px;margin:1.5em 0 .5em;}
#seijinshiki01 p,#seijinshiki02 p,#seijinshiki03 p,#seijinshiki04 p{font-size:15px;margin:0 0 1.6em;line-height:1.7em;}

#seijinshiki02 .inner,#seijinshiki03 .inner,#seijinshiki04 .inner{background:rgba(255,255,255,.8);padding:40px 20px;}
#seijinshiki02{background:url(../img/seijinshiki/img02.png) no-repeat right center;background-size:auto 100%;}
#seijinshiki03{background:url(../img/seijinshiki/img03.png) no-repeat left center;background-size:auto 100%;}
#seijinshiki04{background:url(../img/seijinshiki/img04.png) no-repeat right center;background-size:auto 100%;}
}
.error{display:block;color:#f00;padding:0.3em 0;font-weight:normal;}