@charset "utf-8";
body {
	background:#fff;
	font-size:14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0;
}
body * {
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold ;
}
h1{
	color:#ee82ee;
	margin:0;
}
h2{
	font-size:20px;
}
h3{
	font-size : 15px;
}
h5{
	margin:1em 0;
}
img{
	max-width: 100%;
	height: auto;
	width :auto;
	border:none;
}
p {
	margin-bottom: 1.1em;
	margin-top: 0;
}
strong{
	color:#CC3300;
}
a {
	border:none;
	text-decoration: none;
	color:#A465A2;
}
a:hover{
	opacity:0.8;
}
a:link img, a:visited img {
	border: none;
}
ul,li{
	list-style:none;
	padding:0;
	z-index:2;
}
div.clearFloat {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0px;
	margin:0;
	paddong:0;
}
li.clearFloat {
	clear: both;
}
#wrapper{
	margin:0;
	padding:0;
}


/* ------------------------------Common------------------------------ */

.center{
	text-align:center !important;
	margin:0 auto;
}

.head_top{
	z-index:9999;
}

.menu_top a{
	color:#fff;
}
.menu_top a:hover{
	color:#fff;
}
.main{
	margin:100px auto 0;
}
.main p{
	margin:0 0.5em;
	text-align:left;
}

p.ind_price_text{
	text-align:left;
}
p.ind_price_sum{
	text-align:right;
	font:1.2em bold;
	color:#a465a2;
	border-bottom:2px dotted #d7b8d7;
}

.breadcrumb {
	text-align:left;
	margin:0 auto 1em;
}

/* 		----------Menulist----------		*/

.menu_menubar{
	text-align:center;
}



/* 		----------About----------		*/

#about h3 , #menu_contents h3,#shop h3{
	font-size:1.3em;
	font-weight:bold;
	margin-top:1em;
	color:#a366a2;
}
#about h4,#menu_contents h4{
	font-size:1.2em;
	font-weight:bold;
	margin-top:1em;
	color:#d7b8d7;	
}

#about table{
	width:90%;
	margin:0 auto;
}

#about table td{
	border-bottom:1px dotted #ccc;
	padding:1em 0;
	line-height:1.5em;
}

.about_button{
	margin:0 auto;
	text-align:center;
}

.bg_yellow{
	width:100%;
	background:#f3e0ea;
	margin:5em auto 0;
	padding:2em 0;
}
.contents_box{
	margin:0 auto 2em;
	padding:0 1em 2em;
	width:85%;
	border:3px solid #ccc;
	background:#fff;
}
.contents_box img{
	text-align:center !important;
	margin:0 auto;
	width:auto;
	padding:0;
}

.con_box img{
	width:auto;
	margin:0 auto;
	padding-top:1em;
	text-align:center !important;
}

.con_box ul {
  list-style-type: none;
  padding-left:2em;
}
.con_box li {
  position: relative;
  line-height: 1.8;
}
.con_box li::after {
  content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: -1.5em;
  width: 10px;
  height: 5px;
  border-left: 3px solid #a465a2;
  border-bottom: 3px solid #a465a2;
  transform: rotate(-45deg);
}


.con_box h5 , .box_img h4{
	border-bottom: 1px solid #d7b8d7;
	border-left: 10px solid #d7b8d7;
	padding:0 7px;
}

.video{
	margin:0 auto;
	text-align:center;
}

/* 		----------Machine----------		*/

#machine{
	margin:0 auto;
}

.box_img{	
}
.box_img ul{
}
.box_img ul li {
	text-align:left;
	background:url(../image/check_01.png) no-repeat left 50%;
	background-size:10px;
	margin:0.5em 0 0 1em;
	line-height: 15px;
	padding-left:1em;
}


.box_img_p{
	margin:1em 0 0;
}

/* 		----------ShopList----------		*/

.shop_list h3{
	font-size:1.5em;
	font-weight:bold;
	margin-top:1em;
	text-align:center;
}

.shop_list_div{
	width:100%;
	text-align:left;
	clear:both;
	margin:2em 0;
}

.shop_list_div h4{
	color:#fff;
	text-align:center;
	width:100%;
	font-size:1.5em;
	margin:0.5em 0;
	padding:1em 0;
	background:#d7b8d7;
}
.shop_list_div img{
	width:auto;
}
.shop_list_div p{
	margin-left:0 !important;
}
.shop_list_text{
	margin: 0 auto;
	width:85%;
}
.shop_list_icon{
	width:100%;
	margin-top:0.8em;
}
.shop_list_icon img{
	width:30px;
}

.shop_list_div h5{
	font-size:1.8em;
	margin:0.2em 0;
	color:#a366a2;
	font-weight:bold;
}



/* 		----------MailForm----------		*/
#mailform{
	margin-top:100px;
}
#mailform h2{
	text-align:center;
}
#mailform p{
	color:#555;
	padding-left:0.5em;
}
#formWrap {
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:1em;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
}
table.formTable th{
	width:30%;
	font-weight:bold;
	background:#eee;
	text-align:left;
}
table.formTable td{
	background:rgba(255,255,255,0.8);
}
table.formTable input,table.formTable textarea{
	border:solid #ccc 1px;
	border-radius:5px;
	font-size:1.2em;
}
input.mail_button{
	margin:1em;
	padding:0.5em;
	border: 1px solid #ccc;
	border-radius:30px;
}



.footer{
	margin:0 auto 0;
	padding:2em 0;
	text-align:center;
	overflow: hidden;
}
.ft_menu_wrap{
	margin:2em 0;
}
.ft_menu {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-positive: 1;
	-webkit-box-flex: 1;
	flex-grow: 1;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	font-size: 13px;
	text-align:center;
	z-index:5;
}
.item{
	float: left;
}
.ft_menu .item + .item {
  margin-left: 10px;
}

.ft_menu .item + .item:before {
  content: '|';
  margin-right: 10px;
  color:#d7b8d7;
}
.footer p{
	text-align:center;
	clear:both;
	font-size:0.8em;
}
/* ------------------------------Common end------------------------------ */

@media screen and (min-width: 641px){
/* ------------------------------PC View------------------------------ */
.sp_view{
	display:none;
}

.head_top{
	width:100%;
	height:100px;
	position:fixed;
	margin:0;
	padding:0;
	background:rgba(255,255,255,0.8);
}
.header_logo{
	margin:0;
	height:100px;
}
.header_logo img{
	height:100px;
}
.header_contact{
	float:right;
	margin:0;
}

.breadcrumb {
	width:1000px;
}


.menu_top{
	width:100px;
	float:right;
}
.menu_top ul{
	position:fixed;
	vertical-align:middle;
	top:30%;
}
.menu_top li{
	margin:0.2em 0;
	padding:10px;
	background:#d7b8d7;
	border:#fff 1px solid;
	text-transform: uppercase;
	width:100px;
	height:50px;
	vertical-align:middle;
}


#introduction{							/* Introduction */
	text-align:center;
}
.head_img img{
	width:100%;
}
.coronataisaku{						/* コロナ対策 */
	max-width:1210px;
	text-align:center;
	margin:0 auto;
}
.coronataisaku img{
	width:auto;
	margin:0 auto;
	padding:0;
}


#box_wrap{								/* DivBOX */
	margin:0 auto;
	text-align:center;
}

.box_l,.box_r{
	width:1000px;
	text-align:center;
	margin:1em auto;
}
.box_l img,.box_r img{
	display:inline-block;
	width:500px;
}
.box_l_txt,.box_r_txt{
	display:inline-block;
	width:475px;
	padding:120px 10px 10px;	
	vertical-align:top;
	background:url(../image/logo_02.png) center 20px no-repeat;
}
.box_l_txt p,.box_r_txt p{
	text-align:left;
}
.box_l_txt h3,.box_r_txt h3,.ind_price h3{
	color:#a366a2;
	font-size:1.5em;
}

.ind_price{							/* PriceBOX */
	margin-bottom:5em;
}
.ind_price h4{
	color:#fff;
	font-size:1.2em;
	margin:1em 0 0.5em;
	padding-bottom:0.2em;
	background:rgba(215, 184, 215,1);
}

.ind_price_box{
	width:400px;
	margin:0 auto;
	display:inline-block;
	vertical-align:top;
}

.ind_me_three{			/*  INDEX:Me　説明  */
	width:25%;
	display:inline-block;
	vertical-align:top;
}
.ind_me_three h5{			/*  INDEX:Me　説明文  */
	color:rgba(215, 184, 215,1);
}


h2.title_h2{
	color:#a465a2;
	font-size:2em;
	letter-spacing:0.5em;
	background:linear-gradient( rgba(255, 242, 160, 0)60%, rgba(215, 184, 215, 0.5)60%, rgba(215, 184, 215, 0.5));
　padding: 2px;
	text-align:center;
}


.ind_menu{
	background:#d7b8d7;
	padding:0.2em 0 2em;
}

.contact_ask{				/* --- contact button --- */
	display:inline-block;
	border-radius:50px;
	font-size:1.5em;
	text-align:center;
	cursor:pointer;
	padding:12px 15px;
	background:#b97cb9;
	color	:#ffffff;
	line-height:1.3em;
	transition:.3s;
	box-shadow:5px 5px 2px #ccc;
	border:2px solid #b97cb9;
	margin:1em auto;
}
.contact_ask:hover {	/* --- contact button --- */
	box-shadow:none;
	color	:#b97cb9;
	background:#fff;
}
.knh_str{
	font-size:1.3em;
	margin:0;
	background:#fff;
}


#about_info{					/* --- about_info --- */
	width:900px;
	margin:0 auto;
}
.con_box img{
	width:auto;
	margin:0 auto;
	padding-top:1em;
}


#shopinfo{					/* --- shopinfo --- */
	margin:0 auto;
	width:900px;
	text-align:center;
}
.shop_list{
	width:900px;
	margin:3em auto;
	text-align:center;
}

.shop_list_div{
}
.shop_list_img{
	width:400px;
	display:inline-block;
	vertical-align:middle;
}
.shop_list_text{
	margin-left: 0.5em;
	width:450px;
	display:inline-block;
	vertical-align:middle;
}
.shop_map{
	margin:0.5em 0;
	height:150px;
}

#machine{					/* --- machine --- */
	width:900px;
	margin:0 auto;
}

.box_img img{
	width:30%;	
	display:inline-block;
}
.box_img_p{
	width:65%;
	display:inline-block;
	margin:1em 0 0;
	vertical-align:top;
}


#mailform{
	margin:0 auto;
	width:900px;
}
#formWrap{
	width:850px;
}
table.formTable{
	font-size:1em;
}
table.formTable td,table.formTable th{
	padding:16px;
}
footer{
	text-align:center;
	margin:0 auto;
}
.ic_sns{
	margin:2em auto;
	width:600px;
}


}/* ------------------------------PC View end------------------------------ */


@media screen and (max-width:640px){
/* ------------------------------Smartphone View------------------------------ */
.pc_view{
	display:none;
}

#menu{

}
.menu_top ul{
	position:fixed;
	vertical-align:middle;
	bottom:0;
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
	z-index:9998;
}
.menu_top li{
	display:inline-block;
	width:18%;
	vertical-align:middle;
	text-align:center;
	background:#d7b8d7;
	height: 50px;
	margin:0;
	padding-top:10px;
}

.head_top{		/* -- top-HEADER -- */
	width:100%;
	position:fixed;
	margin:0;
	padding:0;
	background:rgba(255,255,255,0.5);
}
.header_logo{
	margin:0;
}
.header_logo img{
	width:50%;
}
.header_contact{
	float:right;
	margin:auto;
	padding-top:1em;
}
.header_contact img{
	width:100%;
}

#introduction{							/* Introduction */
	margin:0 auto;
	text-align:center;
}

#box_wrap{								/* DivBOX */
	margin:0 auto;
	text-align:center;
}

.box_l,.box_r{
	text-align:center;
	margin:1em auto 3em;
}

.box_l img,.box_r img{
	width:100%;
	height:60%;
}
.box_l_txt,.box_r_txt{
	width:100%;
	margin:0 auto;
	background:rgba(215, 184, 215,1);
}
.box_l_txt p,.box_r_txt p{
	color:#fff;
	text-align:left;
	margin:0 auto;
	padding-bottom:1em;
}
.box_l_txt h3,.box_r_txt h3{
	color:#fff;
	font-size:1.2em;
	margin:0;
	padding-bottom:0.2em;
}
.box_r{
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.box_r img{
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
}
.box_r_txt{
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
}

.ind_menu{
	background:#d7b8d7;
	padding:0.5em 0 2em;
	margin-bottom:1em;
}

.ind_menu img{
	padding:0.2em 0.1em !important;
}

.ind_price{							/* PriceBOX */
	margin-bottom:5em;
}
.ind_price h3{
	color:#fff;
	font-size:1.2em;
	margin:0;
	padding-bottom:0.2em;
	background:rgba(215, 184, 215,1);
}

.ind_price h4{
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color:#fff;
	font-size: 16px;
	background: #d7b8d7;
}

.ind_price h4:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #d7b8d7;
}

.ind_price img{
	padding-bottom:2em;
}

.ind_me_three h5{			/*  INDEX:Me　説明文  */
	color:rgba(215, 184, 215,1);
}


.ind_menu img{
	padding:0 0.5em;
	width:45%;
}

.box_img img{
	width:auto;	
}
.box_img_p{
	width:100%;
}

h2.title_h2{
	color:#a465a2;
	font-size:1.4em;
	letter-spacing:0.5em;
	background:linear-gradient( rgba(255, 242, 160, 0)60%, rgba(215, 184, 215, 0.5)60%, rgba(215, 184, 215, 0.5));
	text-align:center;
}

#contents_box ul{
	z-index:1;
}

.video{
	margin:1em auto 0;
	position: relative;
	padding: 30px 0 56.25% 0;
	height: 0;
	overflow: hidden;
}
.video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
}

#shopinfo{					/* Shoplist */
	margin:0 auto;
	width:100%;
	text-align:center;
}
.shop_list{
	width:100%;
	margin:0 auto;
}
.shop_list_img{
	width:90%;
	margin:0 auto;
}
.shop_list_text{
	margin-top:0.5em;
}
.shop_map{
	margin:0.5em 0;
	height:200px;
}



.contact_ask{				/* --- contact button --- */
	display:inline-block;
	border-radius:50px;
	font-size:1.2em;
	text-align:center;
	cursor:pointer;
	padding:12px 15px;
	background:#b97cb9;
	color	:#ffffff;
	line-height:1.3em;
	transition:.3s;
	box-shadow:5px 5px 2px #ccc;
	border:2px solid #b97cb9;
	margin:0.5em auto;
}
.contact_ask:hover {	/* --- contact button --- */
	box-shadow:none;
	color	:#b97cb9;
	background:#fff;
}
.knh_str{
	font-size:1.2em;
	margin:0 0.3em;
	background:#fff;
}


#formWrap{
	width:90%;
}
table.formTable{
	font-size:0.8em;
}
table.formTable td,table.formTable th{
	padding:10px;
}
input.form_button{
	margin-top:1em;
	background:#fff;
	border:0;
	border-radius:15px;
}


.ic_sns img{
	width:10%;
}
.ft_menu{

}

footer{
	margin-bottom:60px;
}

.ic_sns{
	margin:2em auto;
	width:100%;
}

}/* ------------------------------Smartphone View end------------------------------ */

.ic_sns{
	background:#E8D1E4;
	border-radius: 10px;
	text-align:center;
	padding:1em 0;
}
.ic_sns img{
	padding:0 0.2em;
	width:60px;
}
.is_sw{
	margin:0 auto;
	width:90%;
}

p.copy{
	background:#fcdcfb;
	text-align:center;
	color:#666;
}

/* ---ページトップボタン　開始--- */
.page-back {
 position: fixed;
 bottom: 10px;
 right: 10px;
}
* html, * html body {		/* IE6用ハック */
 margin: 0;
 padding: 0;
 width: 100%;
 height: 100%;
 overflow-y: hidden;
}
 * html div#body-inner {
 height: 100%;
 overflow-y: scroll;
}
 * html div.page-back {
 position: absolute;
 right: 30px;
}
html*.box {					/* ハックでIE6,7のみに適用 */
	display: inline;
	zoom: 1;
}

#pageTop span{
display: block;
overflow: hidden;
width: 20px;
height: 20px;
background: url(../image/top_01.png) no-repeat center;
}
 
#pageTop{
border: 0px solid #000;
background: #d7b8d7;
text-shadow: 0 1px 0 #333;
color:#fff;
padding: 20px 20px;
position:fixed;
bottom: 70px;
right: 20px;
top: auto;
left: auto;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-icab-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 40px;
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,.4),inset 0 10px 10px rgba(255,255,255,.1);
opacity: 0.5;
}
 
#pageTop:hover{
transition: all .3s;
opacity: 0.9;
filter: alpha(opacity=90);
}