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

@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}

/*基本の設定*/
@media print, screen and (min-width:769px){
.smp{ display:none !important;}	
}

.right { text-align:right!important;}
.bold { font-weight:700;}
.txt900 { font-weight:900;}
.left { text-align: left !important; }
.center { text-align: center; }

@media screen and (max-width: 768px){
.pc{ display:none !important;}
*{ box-sizing:border-box;}
.figure{ text-align:center; margin:10px auto;}
.center_smp { text-align:center;}
img { height:auto;}
.full { width:100%; height:auto; }
}

.flex-wrap { display: flex; flex-wrap: wrap; }
.flex-center { display: flex; align-items: center;}
.order1 { order: 1;}
.order2 { order: 2;}

@media screen and (max-width: 768px) {
	.flex-wrap_smp { display: flex; flex-wrap: wrap; }
	.order1_smp { order: 1;}
	.order2_smp { order: 2;}
}

/*headerの設定*/
@media screen and (max-width: 768px) {
#header { 
	position: fixed;
	width: 100%;
    z-index: 9999;
    background: #5b4a3f;
	border:0 !important;
	top:0;
	}
	

#header .h_main { background-color:#5b4a3f; padding: 1%; }
#header .h_main .h_logo { width: 30%; padding: 1%; box-sizing: border-box; margin: 0;}
#header img { max-width:100%; height:auto;}
#header .h_main .h_tools { width: 30%; }
#header .h_main .h_tools li { width: 30%; margin-right: 0; }
#header .h_main .h_tools li#h_menu { position: relative; margin-right: 0; text-align:left; }
#header .h_main .h_tools li#h_menu span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 33px; height: 5px; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; transition: All 0.35s ease; -webkit-transition: All 0.35s ease; -o-transition: All 0.35s ease; }
#header .h_main .h_tools li#h_menu span:after { content: ''; position: absolute; top: 10px; width: 33px; height: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-color: #fff; transition: All 0.35s ease-in-out; -webkit-transition: All 0.35s ease-in-out; -o-transition: All 0.35s ease-in-out; }
#header .h_main .h_tools li#h_menu span:before { content: ''; position: absolute; top: -10px; width: 33px; height: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-color: #fff; transition: All 0.35s ease-in-out; -webkit-transition: All 0.35s ease-in-out; -o-transition: All 0.35s ease-in-out; }
#header .h_main .h_tools li#h_menu span.active { background: rgba(255, 255, 255, 0); }
#header .h_main .h_tools li#h_menu span.active:after { top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
#header .h_main .h_tools li#h_menu span.active:before { top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
#header .h_main .h_tools li#h_menu span { width: 20px; height: 3px; }
#header .h_main .h_tools li#h_menu span:after { top: 7px; width: 20px; height: 3px; }
#header .h_main .h_tools li#h_menu span:before { top: -7px; height: 3px; width: 20px; }

/*----------------------------------------------------------------------------------------------------
 □ #site_header
---------------------------------------------------------------------------------------------------- */
.dis_flex { display: -webkit-box; display: -ms-flexbox; display: flex; display: -moz-flex; display: -ms-flex; }
.flex_wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex_align_item_start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; }
.flex_align_item_end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; }
.flex_align_item_center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; }
.flex_jus_between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; }
.flex_jus_center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.flex_jus_around { -ms-flex-pack: distribute; justify-content: space-around; }
.flex_jus_start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; }
.flex_jus_end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
#gnav { position: absolute; top: 100%; left: 0; right: 0; display: none; z-index: 9999; background: #efefed; }
#gnav ul { padding: 0 4% 4% 4%; }
#gnav li { border-bottom: 1px solid #5b4a3f; float: none; position: relative; }
/*#gnav li:last-child { border-bottom: none; }*/
#gnav li a { color: #5b4a3f; text-decoration: none; display: block; padding: 3% 0; width: 100%; position: relative; }
#gnav li a:before { content:" "; position: absolute; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #5b4a3f; top: 0; right: 3%; height: 6px; bottom: 0; margin: auto; }
#gnav li a span { display: block; }
}

@media screen and (max-width: 667px) {
	#header .h_main .h_logo { width: 50%; padding: 1%; box-sizing: border-box; margin: 0;}
	#header .h_main .h_tools { width: 48%; }
}

#main-top { width: 980px; margin: 0 auto; }
#main-top-inner { display:flex; flex-wrap:wrap; }
#main-container { width:700px; order:2; background-image: url("../images/side_line.png"); background-repeat: repeat-y; box-sizing: border-box;}
.main-cont-inner { padding-left: 35px;}
#side-container { width:250px; order:1; box-sizing: border-box;}
#side-container p { margin:15px 0;}
.service_box { display: flex; flex-wrap: wrap; border-bottom: dashed 1px #5c4942; padding-bottom: 35px; margin-bottom: 35px; }

/*googlemapの設定*/
@media screen and (max-width: 768px) {
	.gmap { margin: 0 auto;	position: relative;	width: 100%; padding-top: 56.25%; }
	.gmap iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
}


.topic-list { 
	padding: 0;
	margin: 0 0 35px 0;
	position: relative;
	width: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 900;
}
	
.topic-list li {
	line-height: 1.5!important;
	list-style-type: none!important;
	margin: 3% 0!important;
	padding: 4%!important;
	background-color: #ede9e0!important;
	border-radius: 10px!important;
}

/*その他の設定*/
@media screen and (max-width: 768px) {	
	body {
		min-width: 100%;
		color: #5b4a3f;
		font-size: 100%;
		background: #F9F7F5;
		font-family: 'Kosugi Maru', sans-serif;
	}
	
    #wrapper {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }
    
	#menu2 { width: 100%; margin: 0 auto; }	
	#menu2_bg { width: 100%; margin-bottom: 35px; padding: 3% 0; }	
	#menu2 ul { display: flex; flex-wrap: wrap; margin:3% 0; padding: 0; box-sizing: border-box; box-sizing: border-box; }
	#menu2 li { width: 50%; padding: 2%; box-sizing: border-box; }
	#menu2 li img { width: 100%; height: auto; filter: drop-shadow(1.5px 1.5px 1.5px rgba(0,0,0,0.6));}
	
	#main-top {	width: 100%; margin: 0 auto 0 auto; }
	#main-top-inner { display:flex; flex-wrap:wrap; }
	
	#main-container { width:100%; order:1; background-image: url("../images/side_line.png"); background-repeat: repeat-y; box-sizing: border-box; padding: 3%;}
    .main-cont-inner { padding-left: 0;}
	#side-container { width:100%; order:2; box-sizing: border-box; padding: 3%;}
    
    #copyright {
        width: 100%;
        font-size: 10px;
        margin: 25px auto;
        padding: 0;
        text-align: center;
    }
    
    #top_pagetop {
	clear: both;
	width: 100%;
	margin: 30px 0 0 0;
	text-align: right;
	}
	
	#pagetop {
		clear: both;
		width: 100%;
		margin: 30px 0 0 0;
		text-align: right;
	}
	
	#pagetop2 {
		clear: both;
		width: 100%;
		margin: 30px auto 0 auto;
		text-align: right;
		padding: 3%;
	}
	
	.topic-list { 
		padding: 0;
		margin: 0 0 35px 0;
		position: relative;
		width: 100%;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 900;
	}
	
	.topic-list li {
		line-height: 1.5;
		list-style-type: none!important;
		margin: 3% 0;
		padding: 4%;
		background-color: #ede9e0;
		border-radius: 10px;
	}
	
}

@media print, screen and (min-width:769px){
	.foot-smp { display:none; }
}

.staff-box { display: flex; flex-wrap: wrap; box-sizing: border-box; border-bottom: dashed 1px #382623; margin-bottom: 35px; padding-bottom: 35px; }
.staff-box p { line-height: 1.5; margin-bottom: 3%; }

.about_title01 { font-family: 'Noto Sans JP', sans-serif; font-size: 350%; line-height: 1.5; margin-top: 0;  margin-bottom: 3%; text-align: center; position: relative; }
.about_title02 { font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 600; line-height: 1.5; margin-bottom: 3%; text-align: center; }
.kokoga { background-color: #fff; padding: 12px; font-size: 120%; border-radius: 50%; display: inline-block; border: solid 3px #c77a85; color: #c77a85; font-weight: 900; position: absolute; top: -30px; left: 50%; transform:  translateX(-50%); }
.on_gel_l { width: 25%; background-color: #c77a85; padding: 1%; position: relative; font-family: 'Noto Sans JP', sans-serif; line-height: 1; box-sizing: border-box; text-align: center; }
.on_gel_l_inner {  font-weight: 900; margin-top: 35px; }
.on_gel_r { width: 75%; padding: 1%; background-color: #ffecf0; font-family: 'Noto Sans JP', sans-serif; font-size: 120%; font-weight: 900; box-sizing: border-box; }

.facial_title01 { font-family: 'Noto Sans JP', sans-serif; font-size: 250%; margin:6% 0 3% 0; position: relative; font-weight: 700; }
.facial_title02 { font-family: 'Noto Sans JP', sans-serif; font-size: 180%; line-height: 1.5; position: relative; }

.oil_title01 { font-family: 'Noto Sans JP', sans-serif; font-size: 350%; line-height: 1.5; margin-bottom: 3%; position: relative; }
.oil_title02 { font-family: 'Noto Sans JP', sans-serif; font-size: 180%; line-height: 1.5; margin-bottom: 3%; position: relative;}
.oil-massage-box { display: flex; flex-wrap: wrap; justify-content: center; }

.neil_title { line-height: 1.5; margin-bottom: 6%; position: relative; }
.neil_tel { font-family: 'Noto Sans JP', sans-serif; font-weight: 900; line-height: 1.5; margin-bottom: 3%; font-size: 300%; }

.peeling_title01 { font-family: 'Noto Sans JP', sans-serif; font-size: 350%; line-height: 1.5; margin-bottom: 3%; position: relative; }
.peeling_title02 { font-family: 'Noto Sans JP', sans-serif; font-size: 180%; line-height: 1.5; margin-bottom: 3%; position: relative; }

@media screen and (min-width: 769px) {
	.facial_kira01 { position: absolute; left: -21px; top: -9px; }
	.facial_kira02 { position: absolute; left: 298px; top: 21px; }
	.facial_kira03 { position: absolute; left: -21px; top: -9px; }
	.facial_kira04 { position: absolute; left: 233px; top: 21px; }
	.facial_kira05 { position: absolute; left: -21px; top: -9px; }
	.facial_kira06 { position: absolute; left: 538px; top: 21px; }
	.facial_kira07 { position: absolute; left: -21px; top: -9px;}
	.facial_kira08 { position: absolute; left: 388px; top: 21px;}
	.facial_kira09 { position: absolute; left: -21px; top: -9px;}
	.facial_kira10 { position: absolute; left: 298px; top: 21px;}
	.facial_kira11 { position: absolute; left: -21px; top: -9px;}
	.facial_kira12 { position: absolute; top: 21px;}
	.oil_kira01 { position: absolute; top: -11px; right: 440px; }
	.oil_kira02 { position: absolute; top: 20px; right: 181px; }
	.neil_kira01 { position: absolute; top: -11px; right: 465px; }
	.neil_kira02 { position: absolute; top: 10px; right: 191px; }
	
}

/*その他の設定下層ページ*/
@media screen and (max-width: 768px) {
	.facial_kira11 { position: absolute; left: 50px; top: -9px;}
	.facial_kira12 { position: absolute; bottom: 0;}

#crumbsmenu {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 3%;
	font-size: 12px;
	color:#5b4a3f;
	line-height: 1.5;
	text-align: left;
	}
	
	#main { width: 100%;  margin: 0 auto 0 auto;  padding: 3%; display: flex; flex-wrap:wrap;}
	#main p { font-size: 100%; color: #5b4a3f; margin:3% 0; line-height: 1.5; text-align: center; }
	#submenu { width: 100%; margin: 0 ;  padding: 0; float: none; }
	#submenu ul { margin: 0; padding: 1%; line-height: 1.5; display: flex; flex-wrap:wrap; }
	#submenu li { width: 50%; height: 50px;	margin: 0; padding: 1%; list-style-type: none; float: left; display: block; }
	#submenu li a { width: 100%; height: 50px;	margin: 0; padding: 0; list-style-type: none; float: left; display: block; }
	
	#right_713 { width: 100%; margin: 0; padding: 3% 0; line-height: 1.5; float: none; }
	
	.about_title01 { font-family: 'Noto Sans JP', sans-serif; font-size: 200%; line-height: 1.5; margin-bottom: 3%; text-align: center; position: relative; }
	.kokoga { background-color: #fff; padding: 12px; font-size: 120%; border-radius: 50%; display: inline-block; border: solid 3px #c77a85; color: #c77a85; font-weight: 900; position: absolute; top: -30px; left: 50%; transform:  translateX(-50%); }
	.on_gel_l { width: 100%; background-color: #c77a85; padding: 1%; position: relative; font-family: 'Noto Sans JP', sans-serif; line-height: 1; box-sizing: border-box; text-align: center;}
	.on_gel_l_inner {  font-weight: 900; margin-top: 50px; }
	.on_gel_r { width: 100%; padding: 3%; background-color: #ffecf0; font-family: 'Noto Sans JP', sans-serif; font-size: 100%; font-weight: 900; box-sizing: border-box; }
	.facial_title01 { font-family: 'Noto Sans JP', sans-serif; font-size: 200%; margin:60px 0 3% 0; position: relative; font-weight: 700; text-align: center; display: block; }
	.facial_title02 { font-family: 'Noto Sans JP', sans-serif; font-size: 120%; line-height: 1.5; position: relative; text-align: center; }	
	.oil_title01 { font-family: 'Noto Sans JP', sans-serif; font-size: 200%; line-height: 1.5; margin-bottom: 3%; position: relative; text-align: center;}
	.oil_title02 { font-family: 'Noto Sans JP', sans-serif; font-size: 120%; line-height: 1.5; margin-bottom: 3%; position: relative; text-align: center;}
	.neil_title { line-height: 1.5; margin-bottom: 6%; position: relative; text-align: center; }
	.neil_tel { font-family: 'Noto Sans JP', sans-serif; font-weight: 900; line-height: 1.5; margin-bottom: 3%; font-size: 180%!important; }
	.peeling_title01 { text-align: center;}
}

/*その他の設定下層ページ*/
@media screen and (max-width: 667px) {
		.peeling_kira01 { position: absolute; top: -11px; left: 0; }
	.peeling_kira02 { position: absolute; top: 10px; right:0px; }
	.peeling_title01 { font-family: 'Noto Sans JP', sans-serif; font-size: 200%; line-height: 1.5; margin-bottom: 3%; position: relative; text-align: center;}
.peeling_title02 { font-family: 'Noto Sans JP', sans-serif; font-size: 120%; line-height: 1.5; margin-bottom: 3%; position: relative; }
}

/*width,padding,margin*/
.mt6p { margin-top: 6% !important;}

.p5 { padding: 5px;}
.p1p { padding: 1%;}
.p2p { padding: 2%;}
.pr3p { padding-right: 3%; }

.mtb35 { margin: 35px 0;}

.mb3p {  margin-bottom: 3%; }
.mb6p {  margin-bottom: 6%; }

@media screen and (min-width: 769px) {
	
	.pl3p { padding-left: 3%; }
	
	.w15p_pc  { width: 15%; box-sizing: border-box; }
	.w25p_pc { width: 25%; box-sizing: border-box; }
	.w40p_pc { width: 40%; box-sizing: border-box; }
}

.w20p { width: 20%; box-sizing: border-box; }
.w25p { width: 25%; box-sizing: border-box; }
.w30p { width: 30%; box-sizing: border-box; }
.w35p { width: 35%; box-sizing: border-box; }
.w40p { width: 40%; box-sizing: border-box; }
.w50p { width: 50%; box-sizing: border-box; }
.w50p_pc_smp { width: 50%; box-sizing: border-box; }
.w60p { width: 60%; box-sizing: border-box; }
.w65p { width: 65%; box-sizing: border-box; }
.w70p { width: 70%; box-sizing: border-box; }
.w75p { width: 75%; box-sizing: border-box; }
.w80p { width: 80%; box-sizing: border-box; }
.w100p { width: 100%; box-sizing: border-box; }


@media screen and (max-width: 768px) {
	.p2p_smp { padding: 2%; }
	
	.m_auto_smp { margin: 3% auto; }
	.m0_smp { margin: 0!important; }
	.mt0_smp { margin-top: 0 !important;}
	.mt35_smp { margin-top: 35px !important;}
	.mt60_smp { margin-top: 60px !important;}
	
	.w20p { width: 100%; box-sizing: border-box; }
	.w25p { width: 100%; box-sizing: border-box; }
    .w30p { width: 100%; box-sizing: border-box; }
    .w35p { width: 100%; box-sizing: border-box; }
    .w40p { width: 100%; box-sizing: border-box; }
    .w50p { width: 100%; box-sizing: border-box; }
    .w50p_smp { width: 50%; box-sizing: border-box; }
    .w60p { width: 100%; box-sizing: border-box; }
	.w60p_smp { width: 60%; box-sizing: border-box; }
    .w65p { width: 100%; box-sizing: border-box; }
    .w70p { width: 100%; box-sizing: border-box;}
	.w75p { width: 100%; box-sizing: border-box;}
    .w80p { width: 100%; box-sizing: border-box; }
}

/*table*/
.price {
	border-collapse: collapse;
	width: 100%;
	line-height: 1.5 !important;
	font-size: 14px;
	margin: 3% auto;
	padding: 0;
	border-top: 1px solid #ada49c;
	border-left: 0px solid #ada49c;
}

.price tr:nth-child(odd) { background-color: #ede9e0 !important; }
.price th {
	color: #000;
	text-align: left;
	font-weight: bold;
	padding: 2% 5px;
	border-right: 0px solid #ada49c;
	border-bottom: 1px solid #ada49c;
}

.price td {
	color: #000;
	padding: 2% 5px;
	border-right: 0px solid #ada49c;
	border-bottom: 1px solid #ada49c;
}

.price2 {
	border-collapse: collapse;
	width: 100%;
	line-height: 1.5 !important;
	font-size: 14px;
	margin: 3% auto;
	padding: 0;
	border-top: 1px solid #ada49c;
	border-left: 0px solid #ada49c;
}

.price2 th
{
   color: #000;
   text-align: left;
   font-weight: bold;
   padding: 2% 5px;
   border-right: 0px solid #ada49c;
   border-bottom: 1px solid #ada49c;
}

.price2 td
{
   color: #000;
   padding: 2% 5px;
   border-right: 0px solid #ada49c;
   border-bottom: 1px solid #ada49c;
}

.price3
{
	border-collapse: collapse;
	width: 100%;
	line-height: 1.5 !important;
	font-size: 14px;
	margin: 3% auto;
	padding: 0;
	border-top: 0px solid #ada49c;
	border-left: 0px solid #ada49c;
}

.price3 th
{
   color: #000;
   text-align: left;
   font-weight: bold;
   padding: 2% 5px;
   border-right: 0px solid #ada49c;
   border-bottom: 0px solid #ada49c;
}

.price3 td
{
   color: #000;
   padding: 2% 5px;
   border-right: 0px solid #ada49c;
   border-bottom: 0px solid #ada49c;
}

.facial_price {
	border-collapse: collapse;
	width: 100%;
	line-height: 1.5 !important;
	font-size: 14px;
	margin: 3% auto;
	padding: 0;
	border-top: 1px solid #ada49c;
	border-left: 0px solid #ada49c;
}
@media screen and (min-width: 769px) {
.facial_price tr:nth-child(odd) { background-color: #ede9e0 !important; }
}
.facial_price th {
	color: #000;
	text-align: left;
	font-weight: bold;
	padding: 2% 5px;
	border-right: 0px solid #ada49c;
	border-bottom: 1px solid #ada49c;
}

.facial_price td {
	color: #000;
	padding: 2% 5px;
	border-right: 0px solid #ada49c;
	border-bottom: 1px solid #ada49c;
}

.facial_price2 {
	border-collapse: collapse;
	width: 100%;
	line-height: 1.5 !important;
	font-size: 14px;
	margin: 3% auto;
	padding: 0;
	border-top: 1px solid #ada49c;
	border-left: 0px solid #ada49c;
}
@media screen and (min-width: 769px) {
.facial_price2 tr:nth-child(odd) { background-color: #ede9e0 !important; }
}
.facial_price2 th {
	color: #000;
	text-align: left;
	font-weight: bold;
	padding: 2% 5px;
	border-right: 0px solid #ada49c;
	border-bottom: 1px solid #ada49c;
}

.facial_price2 td {
	color: #000;
	padding: 2% 5px;
	border-right: 0px solid #ada49c;
	border-bottom: 1px solid #ada49c;
}

.item
{
	border-collapse: collapse;
	width: 100%;
	line-height: 1.5 !important;
	font-size: 14px;
	margin: 3% auto;
	padding: 0;
	border-top: 1px solid #ada49c;
	border-left: 0px solid #ada49c;
}


.item th
{
   color: #000;
   text-align: left;
	vertical-align: top;
   font-weight: bold;
   padding: 13px 15px;
   border-right: 0px solid #ada49c;
   border-bottom: 1px solid #ada49c;
	transform: rotate(0.05deg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.item td
{
   color: #000;
   padding: 13px 15px;
   border-right: 0px solid #ada49c;
   border-bottom: 1px solid #ada49c;
	transform: rotate(0.05deg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 768px) {
	.price th,.price td { width: 20%; padding: 1%; }
	.price3 th { display: block!important; width: 100%!important; }
	.price3 td { display: inline-block!important;}
	.facial_price tr{ display: flex; flex-wrap: wrap; }
	.facial_price th { display: block; width: 50%;}
	.facial_price td { display: block; width: 50%;}
	.facial_price2 { font-size: 12px; }
	.facial_price2 th { display: block; width: 100%;background-color: #ede9e0 !important;}
	.facial_price2 td { display: block; width: 100%;}
	.bg_broun_smp { background-color: #ede9e0 !important; }
	.slide_table { width: 100%; overflow-x:scroll; }	
	.slide_table table  { width: 1000px; }
	.item th { display: block; width: 100%;}
	.item td { display: block; width: 100%; text-align: left!important;}
	.item td p { text-align: left!important;}	
}


/*title*/
.title01 { background-image: url("../../images/icon_kira_w.png"); background-repeat: no-repeat; background-position: left center; background-color: #382623; padding: 15px 15px 15px 35px; border-radius: 5px; color: #fff;font-family: 'M PLUS Rounded 1c', sans-serif; transform: rotate(0.05deg); text-shadow: 0 0 0.1px rgba(51,51,51,0.5); font-size: 16px; margin: 3% 0; font-weight: 700; }

/*.title01 { background-image: url("../images/icon_kira_w.png"); background-repeat: no-repeat; background-position: left center; background-color: #382623; padding: 2% 2% 2% 35px; border-radius: 5px; color: #fff; font-family: 'Noto Serif JP', serif; font-size: 16px; margin: 35px 0; }*/
.title02 { background-image: url("../images/icon_kira_w.png"); background-repeat: no-repeat; background-size: 26px auto; background-position: left center; background-color: #382623; padding: 15px 15px 15px 35px; border-radius: 3px; color: #fff; font-family: 'M PLUS Rounded 1c', sans-serif; font-size: 16px; margin: 3% 0; font-weight: 700; }

.item_title { border-bottom: solid 3px #382623; padding-bottom: 5px; font-size: 180%; margin-top: 35px; margin-bottom: 3%; }

.bt01 { display: inline-block; padding:1% 2%; background-color: #382623; color: #fff; border-radius: 5px; text-decoration: none; }

.point_pink { background-color: #FF90B3; padding: 2%; color: #fff; margin: 3% 0; }
.point_title { background-color: #fff; padding:3px 10px; color: #FF90B3; font-weight: 900; margin-right: 10px; }

@media screen and (max-width: 768px) {
	.title01 { margin: 60px 0 3% 0; }
	.item_title { margin-top: 60px; margin-bottom: 3%; }
}
