@charset "utf-8";
/* CSS Document */
.site-footer-title::after, .sub-section-title::after, h3:where(:not(.wp-block-post-title))::after{
	border-bottom: none!important;
}
.pc {
	display:none;
}
body {
	line-height:inherit;
	color:#262626;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img {
	height: auto;
	max-width: 100%;
}
table, th, td {
	vertical-align:middle;
}
h2 {
	text-align:center;
	font-size:3.0rem;
	font-weight:normal;
}
article {
	background-color:#eee;
}
.header {
	padding: 10px 5px;
}
/*
.header .logo {
	line-height: 1.0;
	text-align: center;
	margin-bottom: 20px;
	align-self: center;
}
.header .logo a {
	text-decoration:none;
}
.header .logo img {
	width: 250px;
	vertical-align: bottom;
}
.header .logo span {
	font-weight: bold;
	color: #de0515;
	font-size:1.5rem;
}
.header .shopPhone {
	font-weight: bold;
	font-size: 2.0rem;
	text-align: center;
	line-height: 1.0;
}
.header .shopPhone span {
	font-weight:normal;
	font-size:0.8rem;
	display:block;
	color: #de0515;
}
.header .shopPhone a {
	color:#262626;
	text-decoration:none;
}
.header .shopPhone a {
	display:inline-block;
	background: #b9b9b9;
	padding: 10px;
	border-radius: 30px;
	color: #fff;
	margin: auto 10px;
	width: 150px;
	font-size: 14px;
	font-weight: normal;
}
.header .shopPhone .telnum {
	font-weight: bold;
	font-size: 2.0rem;
	text-align: center;
	line-height: 1.0;
	color:#262626!important;
	background:none!important;
}
.header .shopPhone .telnum a {
	font-weight: bold;
	font-size: 2.0rem;
	text-align: center;
	line-height: 1.0;
	color:#262626!important;
	background:none!important;
	width:auto;
}*/
.header {
	overflow:hidden;
}
.header .logo {
	width: 30%;
	text-align: center;
	float:left;
}
.header .logo p {
	line-height:1.0
}
.header .logo span {
	display:block;
	font-weight: bold;
	color: #de0515;
	font-size: 18px;
}
.reception {
	font-size:12px;
	display:block;
}
.header .shopPhone {
	width:65%;
	float:right;
}
.header ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	font-weight: normal;
}
.header ul li {
	flex-basis:32%;
	max-width:32%;
}
.header ul li a {
	font-size:11px;
	display:block;
	padding:5px 0;
	text-align:center;
	color:#fff;
	background-color:#F00;
	text-decoration:none;
	border-radius:5px;
}
.header ul li a i {
	display: block;
	font-size: 18px;
	margin-bottom: 5px;
}
.gaiyou {
}
.recruit {
}
.conteWrapp {
	background-color: #eeeeee;
	margin: 0 auto;
	position: relative;
}
.conteWrapp.last {
	margin:0 auto 80px;
}
.bold {
	font-weight:bold;
}
.fv {
	background-image: url(/wp-content/themes/lightning-child-sample/images/shop_carpet/bg_fv_01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}
.fvWrapp {
}
.fvWrapp .inner {
	margin:auto;
	padding:0;
}
.fvBox {
	display: flex;
	flex-flow: row wrap;
}
.fvWrapp .fvText {
	background-color: rgba(103, 225, 116, 0.45);
	padding: 20px;
	border-radius: 10px;
	filter: drop-shadow(10px 0px 10px rgb(0, 0, 0));
	order: 1;
	margin: 10px auto;
	width: 90%;
}
.fvWrapp .fvText h1 {
	text-align: center;
	font-size: 3.8vw;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 7px rgb(64, 61, 61);
}
.fvWrapp .fvText h2 {
	font-size: 9vw;
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 7px rgb(64, 61, 61);
	line-height: 1.2;
}
.fvWrapp .fvText .textArea {
	font-size: 5.3vw;
	color: #fff;
	/* font-weight: bold; */
	text-shadow: 1px 1px 7px rgb(64, 61, 61);
	text-align: center;
	line-height: 1.2;
	padding: 10px;
}
.fvWrapp .sekou {
	/* position: absolute; */
	width: 34%;
	z-index: 100;
	margin: 10px;
}
.fvPic {
	margin: 0 0 -18px auto;
	width: 59%;
}
.fvPic img {
	filter: drop-shadow(10px 0px 10px rgb(0, 0, 0));
}
.mitumoriWrap .inner {
	margin:auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding:40px 0;
	position:relative;
}
.mitumori {
	background-image: url(/wp-content/themes/lightning-child-sample/images/shoppanel/img01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding:20px 0 40px;
}
.mitumori p {
	font-size: 3.5rem;
	color: #df2929;
	font-weight: bold;
	text-shadow: 2px 2px 1px rgb(255, 255, 255);
}
.formBtn {
	width: 600px;
	margin: auto auto 0;
}
.formBtn a {
	display: block;
	padding: 20px 10px;
	border-radius: 5px;
	text-align: center;
	color: #ffffff;
	background-color: #C30;
	font-weight: bold;
	font-size: 2.0rem;
}
.botheredWrapp {
	padding: 20px;
	background-color: #feffe9;
}
.botheredWrapp h2 {
	font-size: 5.0vw;
	font-weight: bold;
	margin:20px auto;
}
.botheredWrapp h3 {
	font-size: 3.0vw;
	border-top:2px solid #F00;
	border-bottom:2px solid #F00;
	font-weight:bold;
	margin:0 auto 20px;
	padding:10px 0;
	text-align:center;
}
.botheredWrapp .inner .text {
	padding:0 0 20px;
}
.botheredWrapp .inner h2 {
	font-size: 3.5vw;
}
.botheredWrapp .title {
	font-size:1.5rem;
	text-align:center;
	padding:0 0 10px;
	border-bottom:1px solid #262626;
	margin:0 0 10px;
	font-weight:bold;
}
.botheredBox {
	margin: 0 auto 40px;
	background-color: #fff;
	padding:10px
}
.botheredBox img {
	text-align:center;
	margin:auto;
}
.omakase1Wrapp {
	background-image: url(/wp-content/themes/lightning-child-sample/images/shop_carpet/omakase_man.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top right;
}
.omakase1Wrapp .inner {
	margin: 0 auto;
	padding:20px 0;
	background-color:rgba(255, 255, 255, 0.5);
}
.omakase1Wrapp h2 {
	font-size: 5.0vw;
	font-weight: bold;
	margin: 20px auto;
}
.omakase1Box {
	padding: 20px;
}
.omakase1Pic {
	margin:auto;
	text-align:center;
}
.omakase1Wrapp p {
	flex-basis: 100%;
	padding: 10px;
	text-align:center;
}
.omakase1Text {
}
.omakase1Text p {
	padding:10px;
}
.omakase1box {
	flex-basis:30%;
}
.omakase1Wrapp h3 {
	font-weight: bold;
	text-align: center;
	font-size: 5.0vw;
	margin: 5px auto 10px;
}
.formbtn {
}
.formbtn a {
	display: block;
	padding: 10px;
	text-align: center;
	background-color:#F00;
	color:#fff;
	border-radius: 5px;
}
.omakase2Wrapp {
	background-image: url(/wp-content/themes/lightning-child-sample/images/shop_carpet/bg_001.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	color:#ffffff;
	background-position: center center;
}
.omakase2Wrapp .inner {
	margin: auto;
	padding:20px 0;
	background-color:rgba(155, 0, 0, 0.8);
}
.omakase2Wrapp h2 {
	font-size: 5.0vw;
	font-weight: bold;
	margin: 20px auto;
}
.omakase2Wrapp h3 {
	font-weight:bold;
	text-align:center;
	font-size: 5.0vw;
	border-bottom:1px solid #fff;
	margin:5px auto 10px;
}
.omakase2Box {
	padding: 20px 20px 40px;
}
.omakase2Pic {
	margin:auto;
	text-align:center;
}
.omakase2Wrapp p {
	flex-basis: 100%;
	padding: 10px;
}
.omakase2Text p {
	padding:0;
}
.omakase2Box {
	flex-basis:30%;
}
.sagyouWrap {
	background: #5fac5d;
	color: #fff;
}
.sagyouWrap .inner {
	margin: auto;
}
.sagyoubox {
	margin: auto;
	padding: 20px;
}
.sagyoubox h2 {
	font-size: 5vw;
	padding:10px 0;
	font-weight:bold;
}
.sagyoubox ul {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}
.sagyoubox ul li {
	flex-basis:31%;
}
.sagyoubox ul li img {
	border:2px solid #ffffff;
}
.designWrapp .inner {
	margin: auto;

	padding: 20px 0;
	background-color: rgba(255, 198, 63, 0.8);
}
.designWrapp.vinyl .inner {
	margin: auto;

	background-color: rgba(249, 255, 63, 0.8);
}
.designWrapp.oa .inner {
	margin: auto;

	background-color: rgba(0, 170, 253, 0.81);
	color:#ffffff;
}
.designWrapp h2 {
	font-size: 5.0vw;
	font-weight: bold;
	margin: 20px;
}
.designWrapp h3 {
	padding: 10px 20px 10px;
	font-size: 4.0vw;
	text-align: center;
	border-bottom: 2px solid #eee;
	margin: 20px;
}
.designWrapp ul {
}
.designWrapp ul li {
	padding: 20px;
	text-align:center;
}
.designWrapp ul li p {
	text-align:left
}
.colorWrap {
	padding:40px 20px;
	background:#ffffff;
}
.colorWrap h2 {
	font-size: 5.0vw;
	font-weight: bold;
	margin: 20px auto;
}
.colorWrap ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
.colorWrap ul li {
	flex-basis:45%;
}
.recommendWrap {
	padding: 40px 20px;
}
.recommendWrap h2 {
	font-size: 5.0vw;
	font-weight: bold;
	margin: 20px auto;
}
.recommendWrap h3 {
	font-size: 4.0vw;
	font-weight: bold;
	margin: 20px auto;
}
.recommendWrap .inner {
	margin: auto;
	padding: 0;
}
.recommendBox {
	margin:0 auto 40px;
}
.pointBox {
	background-color:#ffffff;
	padding:20px 10px;
}
.pointWrapp {
	padding: 0;
	background: #e6eadc;
}
.pointWrapp .inner {
	margin: auto;
	padding: 0;
}
.pointBox {
	background-color:#ffffff;
	padding:20px 10px;
}
.pointBox p {
	padding:20px 20px 0;
}
.pointBox .title {
	font-size:1.5rem;
	text-align:center;
	padding:0 0 10px;
	border-bottom:1px solid #262626;
	margin:0 0 10px;
	font-weight:bold;
}
.pointBox .title span {
	font-size: 10.5vw;
}
.pointBox.first {
	border-top:10px solid #FFBABA;
}
.pointBox.first .title {
	color:#FFBABA
}
.pointBox.second .title {
	color:#82AA82
}
.pointBox.third .title {
	color:#67C0F2
}
.pointBox.fourth .title {
	color:#C28FFF
}
.pointBox.second {
	border-top:10px solid #82AA82;
}
.pointBox.third {
	border-top: 10px solid #67C0F2;
}
.pointBox.fourth {
	border-top: 10px solid #C28FFF;
}
.pointBox:last-child {
	border-top: 10px solid #FFB470;
}
.pointBox:last-child .title {
	font-size: 8vw;
	color: #FFB470;
}
.pointBox:last-child .title span {
	font-size: 10.5vw;
	display: block;
}
.pointBox:last-child p {
	margin:auto;
	font-size:1.2rem
}
.caseWrap {
	padding: 40px 0;
	background-image: url(/wp-content/themes/lightning-child-sample/images/shoppanel/bg_p001.png);
	background-repeat: repeat-y;
	background-position: center;
	background-size: contain;
	background-attachment: fixed;
}
.caseWrap h2 {
	font-size:4.0vw;
}
.caseWrap .inner {
	margin:auto;
	padding:40px 0 0;
}
.caseWrap .caseBox {
	margin: 10px;
	background-color: #fff;
	padding: 20px 10px 40px;
}
.caseWrap h3 {
	font-size: 5vw;
	border-bottom: 1px solid #262626;
	margin: 0 0 20px;
}
.caseWrap h3 span {
	font-size:3.0vw;
	display:block;
	text-align:right;
}
.caseWrap .casePic {
	margin: 10px;
}
.caseWrap .casePic img {
	border:6px solid #ffffff;
 box-shadow: 0px 3px 6px -3px rgba(0,0,0,0.25);
}
.caseWrap .casePic img:hover {
 box-shadow: 0px 3px 6px 6px rgba(0,0,0,0.10);
}
.caseWrap .caseText {
	padding: 0 20px;
}
.caseWrap .caseText p {
	margin:0 auto 10px;
}
.caseWrap .listpic {
}
.caseWrap .listpic ul {
	display:flex;
	flex-flow:row wrap;
}
.caseWrap .listpic li {
	flex-basis:30%;
	margin:0 10px 5px 0;
}
.caseWrap .listpic li img {
border: 2px solid #fff;
box-shadow: 0px 3px 6px -3px rgba(0,0,0,0.25);
}
.caseWrap .listpic li img:hover {
box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.15);
}
.caseWrap .caseBox .btn {
	flex: 0 1 auto;
	width: 70%;
	margin: 0 auto;
}
.caseWrap .caseBox .btn a {
display: block;
background-color: #41aa5c;
color: #fff;
text-decoration: none;
padding: 10px 20px;
text-align: center;
}


.typeWrap {
	padding: 10px;
	background: #aecce6;
}
.typeWrap .img {
	position: absolute;
	width: 25%;
	top: 0;
	right: 1%;
	z-index: 0;
}
.typeWrap h2 {
	font-size: 6vw;
	padding: 20px;
	text-align: left;
}
.typeWrap h3 {
	text-align: center;
	font-size: 1.8rem;
}
.typeWrap h3.alumi {
	border-bottom: 3px solid #f0ab0a;
}
.typeWrap h3.steel {
	border-bottom: 3px solid #0a66f0
}
.typeWrap h3.glass {
	border-bottom: 3px solid #262626;
}
.typeWrap .inner {
	margin: auto;
	display: flex;
	flex-flow: column nowrap;
	padding: 40px 0;
	position: relative;
}
.typeBox {
	background-color: #ffffff;
	margin-bottom: 20px;
	padding: 10px;
	z-index: 1;
}
.typePic {
	width: 100%;
	margin: auto;
	text-align: center;
}
.typeText p {
	padding:10px;
	line-height:1.5;
}
.optionWrap {
	padding: 40px 20px;
	background-color: #ffffff;
}
.optionWrap .inner {
	margin:auto;
	padding:40px 0;
}
.optionPic {
	margin:auto;
	text-align:center;
}
.layoutWrap {
	padding: 40px 20px;
	background-image: url(/wp-content/themes/lightning-child-sample/images/shoppanel/bg_p002.png);
	background-repeat: repeat-y;
	background-position: center;
	background-size: contain;
	background-attachment: fixed;
}
.layoutWrap h2 {
	font-size:7.0vw;
}
.layoutWrap h3 {
	text-align: center;
	font-size: 5vw;
	color: #fff;
	font-weight: bold;
	width: 80%;
	margin: auto;
	border-bottom: 5px solid #ff8906;
	padding: 20px 0 0;
}
.layoutWrap .inner {
	margin:auto;
	padding: 0;
}
.layoutPic {
	margin:auto;
}
.layoutBox {
	position:relative;
}
.layoutText {
	background-color: rgba(83, 83, 83, 0.65);
	bottom: 0;
	margin: auto;
	width: 100%;
}
.layoutText p {
	width: 80%;
	color: #ffffff;
	margin: auto;
	font-size: 4.0vw;
	padding:20px 0;
}
.flowWrap {
	padding: 40px 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.flowWrap h2 {
	font-size: 5.5vw;
	word-break: break-all;
}
.flowWrap .inner {
	margin: auto;
	max-width: 1000px;
	padding: 10px;
	background-color:rgba(23, 23, 23, 0.8);
	color: #fff;
}
.flowWrap .inner p {
	padding:0 20px;
}
.shopWrapp {
	padding: 40px 20px;
}
.shopWrapp h2 {
	font-size: 7.0vw;
}
.shopWrapp h3 {
	text-align: center;
	font-size: 5.0vw;
	border-bottom: 1px solid #262626;
	margin: auto;
	padding: 0;
}
.shopWrapp .inner {
	margin:40px auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding:0;
	background-color:#ffffff;
}
.shopImg {
	width:100%;
}
.shopInfo {
	margin: 20px auto;
	padding: 10px;
}
.shopWrapp p {
	margin: auto;
	padding: 20px;
}
.shopInfo table {
	border-collapse: collapse;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	font-size:12px;
	font-size:3.75vw;
	margin:0 auto 40px;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
.shopInfo table th {
	display:block;
}
.shopInfo table td {
	display:block;
	border-bottom: 1px dotted #ccc;
	margin:0 0 10px;
}
.areaWrap {
	background: #313131;
	color: #fff;
	padding: 20px;
}
.areaWrap h2 {
	font-weight:bold;
	border-bottom:1px solid #ffffff;
	margin:0 0 30px;
}
.areaWrap h2 span {
	font-size: 3vw;
	display:block;
}
.areaWrap h3 {
	font-weight:bold;
}
footer a {
	text-decoration: none;
	color: #fff;
	word-break: keep-all;
	font-size:14px;
}
footer a:hover {
	text-decoration:underline;
	color:#fff;
}
#formarea {
	background: #3c3c3c;
	margin: 0 auto;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 110;
	color: #ffffff;
	padding: 10px;
}
#formarea h2 {
	text-align: center;
	font-size: 2.0rem;
	flex-basis:100%;
}

.formWrap .inner {
	margin: 0 auto;
	padding: 0;
	background: #3c3c3c;
}
.formWrap .shopName {
	text-align: center;
	background: #3c3c3c;
	margin: auto 0;
	font-weight: bold;
	line-height: 1.0;
	padding:10px 0;
}
.formWrap .phone {
	text-align: center;
	background: #3c3c3c;
}
.phone .phoneNum {
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.0;
}
.phone .info {
	font-size: 12px;
}
.formWrap .form {
	text-align: center;
	background: #3c3c3c;
	flex-basis: 30%;
	padding: 10px 0 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.formWrap .form .btn {
	flex-basis:48%;
	max-width:48%;
}
.formWrap .form .btn {
	display:block;
	padding:10px 5px;
	text-align:center;
	background-color:#F00;
	color:#fff;
	border-radius:5px;
}
.sslWrap {
	padding: 20px;
	text-align: center;
	margin: 20px auto;
	font-size: 12px;
}
.sslWrap p {
	text-align:left;
}

#page-top {
	right: 5px;
	font-size: 77%;
	position: absolute;
	top: -32%;
	z-index: 120;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	/* width: 110px; */
	padding: 10px;
	text-align: center;
	display: block;
	border-radius: 5px;
	font-size: 12px;
}
.movie {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: rgba(255, 51, 4, 0.8);
	color: #fff;
}
.movie p {
	padding: 5px;
	display: inline-block;
	vertical-align: middle;
}
.movie .movie_cap {
	width: 50px;
	vertical-align: middle;
}
.movie .cam_bnr {
display: none;
background-color: rgb(253, 255, 137);
padding: 5px;
box-shadow: 0px 2px 2px -1px rgb(135, 136, 49)inset;
}
.movie .cam_info {
color: #2d663e;
font-weight: bold;
background-color: rgba(255, 187, 59, 0.9);
padding: 7px 0px 7px;
font-size: 12px;
width: 100%;
}
.movie .cam_info .underLine {
background: linear-gradient(transparent 70%, #ff99ab 70%);
position: static;
font-size: inherit;
}

/*フォーム*/
.form h2 {
	font-size:5.0vw;
	font-weight:bold;
}
.form.finish p {
	padding:0 0 1em;
}
.form.finish .shop {
	text-align:center;
	margin:20px auto;
}
.form article {
	background-color:#ffffff
}
.form #inner {
	margin:auto;
	padding:40px 0;
}
.section {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0 auto 150px;
}
em, .caution {
	color: #FF0000;
}
.panelForm {
	background-color: #CCCCCC;
	border-collapse: separate;
	border-spacing: 1px;
	margin:auto auto 20px;
	width:90%;
}
.panelForm th {
	background-color: #EFEFEF;
	vertical-align:middle;
	text-align: left;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size:14px;
	display:block;
}
.panelForm td {
	background-color: #fff;
	font-size:14px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	display:block;
}
.panelForm .narrow {
	width: auto;
	margin: auto;
	text-align: left;
}
.panelForm .middle {
	width: 50%;
}
.panelForm .wide {
	width: 100%;
}
.panelForm .star {
	font-size: 10px;
	color: #F00;
}
.panelForm .formTextArea {
	padding: 10px;
}
.submitBtn {
	text-align: center;
}
.submitBtn .inline {
	display: inline;
	margin: 0 5px;
	text-align: center;
}
.formThanks {
}
.formThanks p {
	margin-bottom: 20px;
}
footer {
	position:relative;
}
form#mailformpro label {
	white-space: normal !important;
}
/*//　フォーム*/
.shopWrapp ul {
	display: flex;
	flex-flow: row wrap;
	margin: auto;
	width: 100%;
	text-align: center;
	justify-content: space-around;
}
.shopWrapp li {
	flex-basis:30%;
}
.moveiWrap {
	margin:auto;
	padding:40px 0;
}
.moveiWrap ul {
	display: flex;
	flex-flow: column nowrap;
	text-align: center;
}
.moveiWrap li {
}
.info_campaign {
width: 100%;
margin: 24px auto 0px;
text-align: center;
}
.info_campaign .kikan {
background-color: rgba(255,255,0,0.58);
font-weight: bold;
padding: 5px;
}
.info_campaign .kikan p {
margin-bottom: 2px;
color: #006cbf;
font-size: 16px;
}
.underLine {
background: linear-gradient(transparent 70%, #ff99ab 70%);
}
.shopWrapp .info_campaign {
width: 89%;
margin: 0px auto 0px;
}
.shopWrapp .info_campaign .kikan p {
margin-bottom: 0px;
font-size: 14px;
}
/*よくある質問*/

.qaWrap {
	padding:40px 20px;
	background-color:#FFCC99;
}
.qaWrap h2 {
	font-size: 7.0vw;
}
.qaWrap h3 {
	text-align: center;
	font-size: 5.0vw;
	border-bottom: 1px solid #262626;
	margin: auto;
	padding: 0;
}
.qaWrap .inner {
	margin:40px auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding:0;
}
.qaWrap dl {
}
.qaWrap dt {
	font-weight: bold;
	background-color: #55bfd0;
	padding: 20px;
	color: #fff;
	font-size: 4vw;
}
.qaWrap dd {
	margin: auto auto 2em;
	padding: 40px;
	background-color: #ddf5f9;
	font-size: 18px;
}
.qaWrap dl i {
	margin: 0 1rem 0 0;
	font-size: 36px;
}

@media screen and (min-width:768px) {
.smp {
	display:none;
}

h2 {
	font-size:3.0rem;
}
.header {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding:20px;
}
.header .logo {
	line-height: 1.0;
	margin:0
}
.header .logo a {
	text-decoration:none;
}
.header .logo img {
	width: 250px;
	vertical-align: bottom;
}
.header .logo span {
	font-weight: bold;
	color: #de0515;
	font-size:1.5rem;
}
.header .shopPhone {
	flex-basis: 50%;
	font-weight: bold;
	font-size: 2.0rem;
	text-align: center;
	line-height: 1.0;
}
.header .shopPhone .telnum {
	text-align: center;
}
.header .shopPhone .btn.smp {
	display:block;
	text-align: center;
}
.header .shopPhone span {
	font-weight:normal;
	font-size:0.8rem;
	display:block;
}
/*.header .shopPhone a {
	display: inline-block;
	background: #b9b9b9;
	padding: 5px 10px;
	border-radius: 30px;
	color: #fff;
	margin:auto 10px;
	width: 100px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}*/
	h2,.botheredWrapp h2, .fvWrapp .fvText h2, .omakase1Wrapp h2,.designWrapp h2, .sagyoubox h2,.colorWrap h2,   .omakase1Wrapp h2,.caseWrap h2,.recommendWrap h2,.layoutWrap h2 , .flowWrap h2,.areaWrap h2,.shopWrapp h2 , .site-body-bottom h2    {
		    /*border-top: 2px solid var(--vk-color-primary);*/
		border:none;
	}
	
	h3,.omakase1Wrapp h3,.omakase2Wrapp h3,.designWrapp h3,.recommendWrap h3,.designWrapp h3,.recommendWrap h3,.shopWrapp h3,.areaWrap h3,.site-body-bottom h3,section.conteWrapp,.conteWrapp.last
	
	{
			 position:static;
	}


.conteWrapp {
	background-color: #eeeeee;
	margin: 0 auto;
	position: relative;
}
.conteWrapp.last {
	margin:0 auto 80px;
}
.fvWrapp .fvText h2 {
	font-size: 6vw;
}
.fvPic {
	margin: 0 0 -18px auto;
	width: 49%;
}
.fvPic img {
	filter: drop-shadow(10px 0px 10px rgb(0, 0, 0));
}
.mitumoriWrap .inner {
	margin:auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	max-width:1000px;
	padding:40px 0;
	position:relative;
}
.mitumori {
	background-image: url(/wp-content/themes/lightning-child-sample/images/shoppanel/img01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding:20px 0 40px;
}
.mitumori p {
	font-size: 3.5rem;
	color: #df2929;
	font-weight: bold;
	text-shadow: 2px 2px 1px rgb(255, 255, 255);
}
.formBtn {
	width: 600px;
	margin: auto auto 0;
}
.formBtn a {
	display: block;
	padding: 20px 10px;
	border-radius: 5px;
	text-align: center;
	color: #ffffff;
	background-color: #C30;
	font-weight: bold;
	font-size: 2.0rem;
}
.botheredBox img {
	margin:auto;
	width:100%;
	text-align:center;
}
.omakase1Text p {
	padding: 10px;
	width: 70%;
	margin: auto;
	font-size: 24px;
}
.omakase1Wrapp h2 {
	font-size: 3.5rem;
}
.omakase1Wrapp h3 {
	font-size: 2.0rem;
}
.omakase2Box {
	padding: 20px 20px 60px;
	margin: auto;
}
.designWrapp {
	background-image: url(/wp-content/themes/lightning-child-sample/images/shop_carpet/bg_fv_02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}
.designWrapp.vinyl {
	background-image: url(/wp-content/themes/lightning-child-sample/images/shop_carpet/bg_vinyl.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}
.designWrapp.oa {
	background-image: url(/wp-content/themes/lightning-child-sample/images/shop_carpet/bg_oa.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.colorWrap {
	background-image: url(/wp-content/themes/lightning-child-sample/images/shop_carpet/bg_omakase.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
}
.colorWrap {
	padding:40px 20px;
}
.colorWrap ul li {
	background: #fff;
	padding: 7px 7px 1px;
	margin: 5px;
}
.sagyouWrap {
}
.sagyouWrap .inner {
	margin: auto;
	max-width: 1000px;
	padding: 40px 0;
}
.recommendWrap {
	padding: 40px 20px;
}
.recommendWrap h2 {
	font-size: 2.5rem;
	font-weight: bold;
	margin: 20px auto;
}
.recommendWrap h3 {
	font-size: 1.5rem;
	text-align:center;
}
.recommendWrap .inner {
	max-width: 1000px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
}
.recommendBox {
	margin:0;
	flex-basis:45%;
}
.pointWrapp {
	padding: 0;
	background: #e6eadc;
}
.pointWrapp .inner {
	margin: auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	max-width: 1000px;
	padding: 40px 0;
}
.pointBox {
	flex-basis:31%;
	background-color:#ffffff;
	margin-bottom:20px;
	padding:20px 10px;
}
.pointBox p {
	padding:20px 20px 0;
}
.pointBox .title {
	font-size:1.5rem;
	text-align:center;
	padding:0 0 10px;
	border-bottom:1px solid #262626;
	margin:0 0 10px;
	font-weight:bold;
}
.pointBox .title span {
	font-size: 1.8rem;
}
.pointBox.first {
	border-top:10px solid #FFBABA;
}
.pointBox.first .title {
	color:#FFBABA
}
.pointBox.second .title {
	color:#82AA82
}
.pointBox.third .title {
	color:#67C0F2
}
.pointBox.fourth .title {
	color:#C28FFF
}
.pointBox.second {
	border-top:10px solid #82AA82;
}
.pointBox.third {
	border-top: 10px solid #67C0F2;
}
.pointBox.fourth {
	border-top: 10px solid #C28FFF;
	flex-basis: 49.5%;
}
.pointBox:last-child {
	flex-basis: 100%;
	padding:40px 10px;
	border-top: 10px solid #FFB470;
}
.pointBox:last-child .title {
	font-size:1.5rem;
	color:#FFB470;
}
.pointBox:last-child .title span {
	font-size:2.5rem;
	display:inline-block;
}
.pointBox:last-child p {
	width:80%;
	margin:auto;
	font-size:1.2rem
}
.caseWrap {
	padding: 80px 0 0;
	background-image: url(/wp-content/themes/lightning-child-sample/images/shoppanel/bg_p001.png);
	background-repeat: repeat-y;
	background-position: center;
	background-size: contain;
	background-attachment: fixed;
}
.caseWrap .inner {
	margin: auto;
	max-width: 1000px;
	padding: 40px 0 0;
}
.caseWrap .caseBox {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 0 20px 40px;
	background-color: #eee;
}
.caseWrap h3 {
	font-size:1.8rem;
	border-bottom:1px solid #262626;
	margin:0 0 20px;
}
.caseWrap h3 span {
	font-size:1.3rem;
	display:block;
	text-align:right;
}
.caseWrap .casePic {
	flex-basis: 45%;
	margin: 10px;
}
.caseWrap .casePic img {
	border:6px solid #ffffff;
}
.caseWrap .caseText {
	flex-basis: 50%;
	padding: 40px 10px;
}
.caseWrap .caseText p {
	margin:0 auto 10px;
}
.caseWrap .listpic {
}
.caseWrap .listpic ul {
	display:flex;
	flex-flow:row wrap;
}
.caseWrap .listpic li {
	flex-basis:30%;
	margin:0 10px 0 0;
}
.typeWrap {
	padding: 80px 0;
	background: #aecce6;
}
.typeWrap h2 {
	font-size: 3.0rem;
	flex-basis:100%;
	text-align:center;
}
.typeWrap .img {
	position: absolute;
	width: 25%;
	top: -100px;
	right: 1%;
	z-index: 0;
}
.typeWrap h3 {
	text-align: center;
	font-size: 1.8rem;
}
.typeWrap h3.alumi {
	border-bottom: 3px solid #f0ab0a;
}
.typeWrap h3.steel {
	border-bottom: 3px solid #0a66f0
}
.typeWrap h3.glass {
	border-bottom: 3px solid #262626;
}
.typeWrap .inner {
	margin:auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	max-width:1200px;
	padding:40px 0;
	position:relative;
}
.typeBox {
	flex-basis: 31%;
	background-color: #ffffff;
	margin-bottom: 20px;
	padding: 10px;
	z-index: 1;
}
.typeText p {
	padding:10px;
	line-height:1.5;
}
.optionWrap {
	padding: 80px;
	background-color:#ffffff;
}
.optionWrap .inner {
	margin:auto;
	max-width:1000px;
	padding:40px 0;
}
.optionPic {
	margin:auto;
	text-align:center;
}
.layoutWrap {
	padding: 80px 40px;
	background-image: url(/wp-content/themes/lightning-child-sample/images/shoppanel/bg_p002.png);
	background-repeat: repeat-y;
	background-position: center;
	background-size: contain;
	background-attachment: fixed;
}
.layoutWrap h2 {
	font-size: 3.0rem;
}
.layoutWrap h3 {
	text-align: center;
	font-size: 2.5rem;
	color: #ff8906;
	font-weight: bold;
	width: 90%;
	margin: auto;
	border-bottom: 5px solid #ff8906;
	padding: 20px 0;
}
.layoutWrap .inner {
	margin:auto;
	max-width:1000px;
	padding:40px 0;
}
.layoutPic {
	margin:auto;
}
.layoutBox {
	position:relative;
}
.layoutText {
	position: absolute;
	background-color: rgba(83, 83, 83, 0.65);
	bottom: 0;
	margin: auto;
	width: 100%;
}
.layoutText p {
	width: 90%;
	color: #ffffff;
	padding: 20px;
	margin: auto;
	font-size: 1.1rem;
}
.flowWrap {
	padding: 80px 40px;
	background-color: #d8f0ed;
}
.flowWrap h2 {
	font-size: 2.8rem;
}
.flowWrap .inner {
	margin:auto;
	max-width:1000px;
	padding:40px 0;
}
.shopWrapp {
	padding:80px;
}
.shopWrapp h2 {
	font-size: 3.0rem;
}
.shopWrapp h3 {
	text-align: center;
	font-size: 2rem;
	border-bottom: 1px solid #262626;
	margin: auto;
	max-width: 1000px;
	padding: 0;
}
.shopWrapp .inner {
	margin:40px auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	max-width:1000px;
	padding:0;
	background-color:#ffffff;
}
.shopInfo {
	margin:20px auto;
}
.shopWrapp p {
	width: 90%;
	margin: auto;
	padding: 20px;
}
.shopInfo table {
	width:100%;
	border: 1px #ddd solid;
	border-collapse: collapse;
	border-spacing: 1px;
	text-align: center;
	line-height: 1.5;
	margin: 0 auto 40px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
}
.shopInfo table th {
	background: #919598;
	color: #fff;
	border: #ddd solid 1px;
	padding:20px;
	display:table-cell;
}
.shopInfo table td {
	display:table-cell;
	padding:20px;
	background:#ffffff;
	border: #ddd solid 1px;
}
.areaWrap {
	background: #313131;
	color: #fff;
	padding: 40px;
}
.areaWrap h2 {
	font-weight:bold;
	border-bottom:1px solid #ffffff;
	margin:0 0 30px;
}
.areaWrap h2 span {
	font-size: 16px;
}
.areaWrap h3 {
	font-weight:bold;
}
footer a {
	text-decoration:none;
	color:#fff;
	font-size:14px;
}
footer a:hover {
	text-decoration:underline;
	color:#fff;
}
#formarea {
	background: #3c3c3c;
	margin: 0 auto;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index:110;
	color:#ffffff;
}
#formarea h2 {
	text-align: center;
	font-size: 2.0rem;
	flex-basis:100%;
}
.formWrap .inner {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	background: #3c3c3c;
}
.formWrap .shopName {
	text-align: center;
	background: #3c3c3c;
	padding: 10px 0;
	flex-basis: 35%;
	margin: auto 0;
	font-weight: bold;
}

.formWrap .phone {
	text-align: center;
	background: #3c3c3c;
	padding: 10px 0;
	flex-basis: auto;
	margin: auto;
}
.formWrap .form .btn.smp {
	display: none;
}
.phone .phoneNum {
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.0;
}
.phone .info {
	font-size: 10px;
}
/*.formWrap .form {
	text-align: center;
	background: #3c3c3c;
	padding: 10px;
	flex-basis: auto;
}
.formWrap .form .btn {
}
.formWrap .form .btn a {
	display: block;
	padding: 10px;
	text-align: center;
	background-color: #F00;
	color: #fff;
	border-radius: 5px;
	font-size: 14px;
}*/
.formWrap .form {
	text-align: center;
	background: #3c3c3c;
	padding: 10px;
	flex-basis: 33%;
	display: block;
}
.formWrap .form .btn {
	max-width:100%;
}
.formWrap .form .btn a {
	display: block;
	padding: 10px;
	text-align: center;
	background-color: #F00;
	color: #fff;
	border-radius: 5px;
	font-size: 14px;
	text-decoration:none;
}
.formWrap .form .btn a .pc {
	display:inline-block;
}
.sslWrap {
	padding: 20px;
	text-align: center;
	margin: 20px auto;
	font-size: 12px;
}
.sslWrap p {
	text-align:left;
}
#page-top {
	right: 10px;
	font-size: 77%;
	bottom: 10%;
	z-index: 120;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 110px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
/*フォーム*/
.form h2 {
	font-size:2.0rem;
	font-weight:bold;
}
.form.finish p {
	padding:0 0 1em;
}
.form.finish .shop {
	text-align:center;
	margin:20px auto;
}
.form article {
	background-color:#ffffff
}
.form #inner {
	margin:auto;
	max-width:1000px;
	padding:40px 0;
}
.section {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0 auto 150px;
}
em, .caution {
	color: #FF0000;
}
.panelForm {
	background-color: #CCCCCC;
	border-collapse: separate;
	border-spacing: 1px;
	width:90%;
	margin:auto auto 20px;
}
.panelForm th {
	background-color: #EFEFEF;
	vertical-align:middle;
	text-align: left;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size:14px;
}
.panelForm td {
	background-color: #fff;
	font-size: 14px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.panelForm .star {
	font-size: 10px;
	color: #F00;
}
.panelForm .formTextArea {
	padding: 10px;
}
.submitBtn {
	text-align: center;
}
.submitBtn .inline {
	display: inline;
	margin: 0 5px;
	text-align: center;
}
.formThanks {
}
.formThanks p {
	margin-bottom: 20px;
}
#regist {
	margin: 0px auto 100px!important;
}
.formWrap {
	width: auto;
	margin: auto;
}
.movie {
	position: fixed;
	right: 10px;
	/*bottom: 15%;*//*CP前*/
 bottom: 16%;
	width: 15%;
	text-align: center;
	left: auto;
}
.movie p {
	padding: 5px;
}
.movie .movie_cap {
	padding:0;
	margin:0;
	width:auto;
}
.movie .cam_bnr {
display: block;
}
.shopWrapp .info_campaign {
width: 96%;
}
.shopWrapp .info_campaign .kikan p {
font-size: 16px;
}

.caseWrap .caseBox .btn {
    width: 40%;
    margin: 0 60px auto auto;
}


}
@media screen and (min-width:1130px) {
.smp {
	display:none;
}
.pc {
	display:block;
}
.header .logo {
	width:auto;
	line-height: 1.0;
	margin:auto 0;
	float: none;
	align-self: center;
}
.header .shopPhone {
	width: auto;
	float: right;
}
.header .shopPhone {
	flex-basis:auto;
	font-weight: bold;
	font-size: 2.0rem;
	text-align: right;
	line-height: 1.0;
	float: none;
}
.header .logo span {
	display: inline-block;
}
.header .shopPhone .btn.smp {
	display: none;
	text-align: center;
}
.header .shopPhone .telnum {
	font-weight: bold;
	font-size: 2.0rem!important;
	text-align: center;
	line-height: 1.0!important;
	color: #262626 !important;
	background: none !important;
}
.header .shopPhone .telnum span {
	font-weight: bold;
	font-size: 2.0rem;
	display: block;
}
.header .shopPhone span {
	font-weight: normal;
	font-size: 0.8rem;
	display: inline;
}
.header .shopPhone span.reception {
	font-size: 12px;
	display: block;
	color: #de0515;
	font-weight: normal;
}
.header .shopPhone a {
	background-color:#F00;
}
.header ul {
	justify-content: flex-end;
}
.header ul li {
	flex-basis:auto;
	max-width: 100%;
}
.header ul li a i {
	display: inline-block;
	font-size: 18px;
	margin: auto 5px auto 0;
}
.header .shopPhone a {
	margin: 10px 5px;
	width: auto;
	padding: 5px 10px;
}
.header .shopPhone .telnum {
	text-align: right;
}
.fv {
	background-repeat: no-repeat;
	background-size: cover;
}
.fvWrapp {
}
.fvWrapp .inner {
	margin:auto;
	max-width:1300px;
	position:relative;
	align-items: center;
	padding:0;
}
.fvBox {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: end;
	position: relative;
	width: 90%;
	margin: auto 0 auto auto;
}
.fvWrapp .fvText {
	/* flex-basis: 68%; */
	background-color: rgba(103, 225, 116, 0.45);
	padding: 20px 40px;
	border-radius: 30px 0 30px 0;
	filter: drop-shadow(10px 0px 10px rgb(0, 0, 0));
}
.fvWrapp .fvText h1 {
	text-align: center;
	font-size: 1.5rem;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 7px rgb(64, 61, 61);
	line-height: 1.0;
	margin: 20px auto;
}
.fvWrapp .fvText h2 {
	font-size: 3.0rem;
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 7px rgb(64, 61, 61);
}
.fvWrapp .fvText .textArea {
	font-size: 1.5rem;
	color: #fff;
	/* font-weight: bold; */
	text-shadow: 1px 1px 7px rgb(64, 61, 61);
	text-align: center;
	line-height: 1.2;
	padding: 10px;
}
.fvWrapp .sekou {
	position: absolute;
	top: 10%;
	left: -15%;
	width: 18%;
}
.fvPic {
	flex-basis:35%;
	width: 50%;
	order: 3;
}
.fvPic img {
	filter: drop-shadow(10px 0px 10px rgb(0, 0, 0));
}
footer a {
	font-size: 18px;
}
.panelForm th {
	display:table-cell;
	text-align:right;
}
.panelForm td {
	display:table-cell;
}
.panelForm .wide {
	width: 100%;
}
.botheredWrapp .inner {
	margin: auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	max-width: 1000px;
	padding: 40px 0;
}
.botheredWrapp h2 {
	font-size: 3rem;
	font-weight: bold;
	margin: 20px auto;
}
.botheredWrapp h3 {
	font-size: 2.0rem;
}
.botheredWrapp .inner h2 {
	font-size: 1.5rem;
}
.botheredBox {
	margin: 0 auto 40px;
	background-color: #fff;
	padding: 20px;
	/* width: 50%; */
	flex-basis: 45%;
	color: #262626;
}
.botheredBox .bold {
	color:#CC3300
}
.botheredWrapp .title {
	font-size: 1.2rem;
}
.omakase1Wrapp .inner {
	width: 1000px;
}
.omakase2Wrapp {
}
.omakase2Wrapp .inner {
	margin: auto;
	padding: 40px 0;
	width: 1000px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
.omakase2Box {
	flex-basis: 30%;
	padding:0;
	margin:0;
}
.omakase2Wrapp p {
	padding: 20px 40px;
	font-size: 1.5rem;
}
.omakase2Wrapp h2 {
	font-size: 3.0rem;
}
.omakase2Wrapp h3 {
	font-size: 2.0rem;
}
.omakase2Text p {
	padding:0;
	font-size:1.0rem;
}
.designWrapp .inner {
	width: 1000px;
	margin: auto;
}
.designWrapp ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
.designWrapp ul li {
	padding: 0;
	flex-basis: 30%;
}
.designWrapp h2 {
	font-size: 2.5rem;
}
.designWrapp h3 {
	font-size: 1.5rem;
}
.sagyoubox h2 {
	font-size: 2.5rem;
	font-weight: bold;
	margin: 20px auto;
}
.colorWrap .inner {
	width: 1000px;
	margin: auto;
}
.colorWrap h2 {
	font-size: 2.5rem;
	font-weight: bold;
	margin: 20px auto;
}
.colorWrap ul li {
	flex-basis: 30%;
}
#regist {
	width: 1000px!important;
	margin: 0px auto 100px!important;
}
form#mailformpro dl {
	/* display: flex; */
	margin: auto 15%;
}
.header .shopPhone a {
	margin: 10px;
}
.header .shopPhone .telnum {
	text-align: right;
}
.info_campaign {
width: 72%;
}
.shopWrapp .info_campaign {
width: 72%;
}
.shopWrapp .info_campaign .kikan p {
font-size: 18px;
}
.qaWrap h2 {
	font-size: 3.0rem;
}
.qaWrap .inner {
	margin: auto;
	max-width: 1000px;
	padding: 40px 0;
}
.qaWrap dt {
	font-size: 24px;
}
}