@charset "UTF-8";
/*
Theme Name: 千葉県柏市のクリスタルボウル演奏&ヒーリングサロンゆらぎ(癒楽氣)
Theme URI: https://yuragi-healing.com/
Description: 癒楽氣のテーマです。
Author: ホームページ制作『テンプレッコ』
Author URI: https://template-co.com/
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	list-style:none;
}


article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

body {
	line-height: 1.7em;
	font-size: 15px;
	color: #5f5045;
	width: 100%;/*レスポンシブデザインスタイル対策 */
	margin: 0 auto !important;/*レスポンシブデザインスタイル対策 */
	-webkit-text-size-adjust: none;/*スマホ横文字対策 */
	font-family: Lato,"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, "MS P Gothic", "MS Pゴシック", sans-serif;
	letter-spacing: 0.1em;
}

nav ul {
	list-style: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}


blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
a:focus{/*firefoxの赤線リンク対策 */
outline:none;
} 
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.clear{ clear: both;}
	
img { border-style:none; }

a img { border-style:none; }

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
  max-height: 0;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
a{
	color: #5f5045;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
	text-decoration: none;
}
a:hover{
	color: #5f5045;
	text-decoration: none;
}


img {
	vertical-align: top;
	height: auto;   /*レスポンシブデザインスタイル対策 */
}

@font-face {
font-family: "anzu";
  src: url(../font/anzu.eot) format("eot"), url(../font/anzu.woff) format("woff");
}
@font-face {
font-family: "big";
  src: url(../font/big.eot) format("eot"), url(../font/big.woff) format("woff");
}
@font-face {
font-family: "utukushii";
  src: url(../font/utukushii.eot) format("eot"), url(../font/utukushii.woff) format("woff");
}
@font-face {
font-family: "bauerbodonistdr";
  src: url(../font/bauerbodonistdr.eot) format("eot"), url(../font/bauerbodonistdr.woff) format("woff");
}
@font-face {
font-family: "mame";
  src: url(../font/mame.eot) format("eot"), url(../font/mame.woff) format("woff");
}
@font-face {
font-family: "allura";
  src: url(../font/allura.eot) format("eot"), url(../font/allura.woff) format("woff");
}
@font-face {
font-family: "kafa";
  src: url(../font/kafa.eot) format("eot"), url(../font/kafa.woff) format("woff");
}
@font-face {
font-family: "yoko";
  src: url(../font/yoko.eot) format("eot"), url(../font/yoko.woff) format("woff");
}
@font-face {
font-family: "moshitu";
  src: url(../font/moshitu.eot) format("eot"), url(../font/moshitu.woff) format("woff");
}
@font-face {
font-family: "great";
  src: url(../font/great.eot) format("eot"), url(../font/great.woff) format("woff");
}


strong{
	font-weight: normal;
}
.btn {
}
.btn a{
	padding: 8px 20px 10px;
	color: #fff;
	text-decoration: none;
	background-color: #000;
	font-size: 15px;
}
.btn a:hover{
	opacity: 0.8;
	text-shadow: 0 0 10px #fff,0 0 15px #fff;
	-webkit-transition: 0.8s;
	transition: 0.8s;
	background-color: #094839;
}
.btn01 a{
	padding: 12px 20px 10px;
	display: block;
	color: #fff !important;
	font-weight: bold;
	text-decoration: none;
	margin: auto;
	border-radius: 3px;
	background-color: #ee6b9b;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	position: relative;
	display: inline-block;
	padding-left: 20px;
}

.btn01 a:hover,.btn02 a:hover{
	opacity: 0.8;
	text-shadow: 0 0 10px #fff,0 0 15px #fff;
	-webkit-transition: 0.8s;
	transition: 0.8s;

}
.btn01 a::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -4px;
}
.btn03{
}
.btn03 a{
	padding: 15px 20px;
	border-radius: 3px;        /* CSS3草案 */
	background-color: #094839;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}
.btn03 a:hover{
	color: #fff;
	opacity: 0.8;
	text-shadow: 0 0 10px #fff,0 0 15px #fff;
	-webkit-transition: 0.8s;
	transition: 0.8s;
}
.big{
	
}
.btm20{
	margin-bottom: 20px;
}
.btm30{
	margin-bottom: 30px !important;	
}
.top20{
	margin-top: 20px;	
}
.bigfont{
	font-size: 22px;
	line-height: 1.9em;
	font-weight: normal;
}
.category,.agenda{
	font-size: 12px;
	padding: 2px 5px;
	border-radius: 2px;        /* CSS3草案 */
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 2px;   /* Firefox用 */
}
.category a{
	color: #FFFFFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}
.agenda{
	background-color: #ff7b9d;
	color: #FFFFFF;
	margin-right: 5px;
}

.news{
	background-color: #ee4a8a;
	color: #fff;
	margin-left: 5px;
}
.blog{
	background-color: #004839;
	color: #FFFFFF;
margin-left: 5px;
}
.time{
	font-size: 12px;	
	text-align: left;
	letter-spacing: 0em;
}
.title{

	line-height: 1.5em;
}
.title a{
color: #5f5045;
	text-decoration: none;
}
.title a:hover{
	color: #A8A8A8;
}
.red{
	color: #e20033 !important;
	
}

.orange{
	background-color: #FF5611;
}
.green{
	background-color: #ADCC7D;
}
.pink{
	color: #E42D85;
	font-size: 13px;
}
.blue{
	color: #1287cd;
}
.yellow{

}
.yellow_text{
	color: #eee021;
}
.center{
	text-align: center;	
}
.orange-text{
	color: #FF5611;
}
.btm50{
	margin-bottom: 50px !important;
}
.left{
	float: left;
}
.right{
	float: right;
}
.sp{
	display: none;
}
.pc{
	
}
.pc01{
	display: inline;
}
.b_yellow{
	background-color: rgba(255,246,145,0.80);
}
.b_blue{
	background-color: #0A1050;
}
.white_text{
	color: #fff;
}
.pag5{
	padding: 0 5px 0 5px;
	display: inline-block;
	font-size: 14px;
	line-height: 1.5em;
	letter-spacing: 0;
}
.hight300{
	height: 400px;
	width: auto;
}
.btm0{
	margin-bottom: 0 !important;
}
.left05{
	margin-left: 5px;
}
.big{
	font-weight: bold;	
}
.top10{margin-top: 10px;}
.font12{
	font-size: 12px;
}
.btnpadnone{
	margin: 0 !important;
	padding: 0 !important;
}
.aligncenter {
	display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}
.alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em;
}
/*************************************************
header
*************************************************/
#pc_header{
	overflow: hidden;
	position: relative;
	padding: 0 0 170px 0;
	text-align: center;
	background-color: rgba(255,255,255,1.00);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
	background-image: url(../images/headre_bk.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 680px auto;
}
.head_logo{
	position: absolute;
	left: 10px;
	top: 5px;
	text-align: left;
	
}
.head_logo h1{
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0;
	margin: 0 0 5px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	
}
.head_logo li{
	display: inline-block;
}
.head_logo li:last-child{
	margin-left: 8px;
}
.t_logo a .shop_kangi{
	font-size: 32px;
	margin: 10px 0 0 10px;
	display: inline-block;
	font-family: "utukushii","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.t_logo a .shop_kana{
	font-size: 12px;
	margin-left: 10px;
	display: inline-block;
}
.head_info{
	position: absolute;
	right: 10px;
	top: 0;
	text-align: left;
}
.con_link,.head_info .tel, .line_link{
	display: inline-block;
	vertical-align: top;
}
.rct_link a{
	display: block;
	margin: 0 8px 0 0;
	color: #000;
	text-decoration: none;	
}

.head_info .btn a{
	display: block;
}
.head_info .tel{
	padding: 10px 10px 5px 40px ;
	background-image: url(../images/icon_tel.jpg);
	background-size: 28px auto;
	background-repeat: no-repeat;
	background-position: left top 20px;
	color: #0b5685;
}
.head_info .tel sapn{
	display: block;
	font-size: 13px;
}
.head_info .tel p{
	font-size: 26px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	
}
.head_info p {
	display: inline-block;
}
.head_info p a{
	width: 165px;
	text-align: center;
	display: block;
	margin: 0 8px 0 0;
	color: #ee4a8a;
	padding: 20px 10px;
	background-image: url(../images/btn_bk.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 1.3em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	letter-spacing: 0.05em;
	
}
.head_info p a:hover{
	opacity: 0.8;
	text-shadow: 0 0 10px #fff,0 0 15px #fff;
	-webkit-transition: 0.8s;
	transition: 0.8s;
}
.access_link,.con_link{
	position: relative;
}
.flower{
	position: absolute;
	bottom: -30px;
	left: -70px;
}
.leaf{
	position: absolute;
	bottom: -20px;
	right: -10px;
}

.sp_mail{
	display: none;
	}
	

	


/*
スマホナビ
*/
#spnav{display: none;}	
.splogo {
	width: 100%;
	padding-top: 10px;
	padding-left: 50px;
	padding-bottom: 10px;
	overflow: hidden;
	
}

.drawer-menu-title{
	font-size: 13px;
	color: #ee4a8a;
	padding-top: 30px !important;
	padding-left: 20px;
	font-weight: bold;
}
.drawer-nav,.drawer-dropdown-menu{

}
.drawer-dropdown-menu li a{
	font-size: 12px !important;	
	
}
.drawer-menu li{
	border-bottom: 0.5px solid #4d4d4d;
}
.drawer-menu li a{
	padding-top: 10px;
	padding-bottom: 10px;
	color: #5f5045;
	font-size: 13px;
	display: block;
	padding-left: 20px;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
	text-decoration: none;	
}
.drawer-menu li a:hover{
	-webkit-filter: brightness(90%);
	filter: brightness(90%);
	background-color: #ee4a8a;
	color: #fff;
}
.drawer-dropdown-menu  li:last-child{border: none !important;} 
.s_small{
	font-size: 7px; 
}
.sp_mail_i a{
	color: #fff !important;
	background-color: #e20033;
}
.font9 {
    font-size: 7px;
    letter-spacing: 0;
    display: block;
    margin: 15px 0 0;
}
/* ナビゲーション */
#pc_nav01{
	clear: both;
	font-size: 15px;
	position: absolute;
	top:115px;
	  left: 0;
	right: 0;
  margin:0 auto;
	text-align: center;
	z-index: 10;
	width: 1100px;
}
.pc_nav li{
	text-align: center;
	padding: 0 15px;
	line-height: 1.3em;
	display : table-cell;
	vertical-align : middle;
	letter-spacing: 0.1em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	
}

.drop li{
	padding: 0 !important;
}
.pc_nav li:last-child{
	
}
.pc_nav li span{
	font-size: 10px;
	display: block;	
	font-weight: normal;
	color: #ee4a8a;
}
.pc_nav li span a{
	
}
.pc_nav li a{
	display: block;
	font-weight: bold;
	letter-spacing: 0.05em;
	font-size: 15px;
}
.pc_nav li a:hover{
color: #ee4a8a;
	-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}


.drop {
	left: 20px;
	top: 55px;
	position: absolute;
	z-index: 20;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}
.drop li {
	overflow: hidden;
	height: 0;
	transition: 0.2s;
	text-align: left !important;
	border: none !important;
	display: block !important;
	line-height:1.5;
	
}
.drop li a {
	border-top: 1px solid #E8E8E8;
	font-size: 15px;
	
	transition: 0.5s;
	width: 160px;

	padding: 10px 5px 10px 15px !important;
	background-color: #fff;
	color: #26455c;
	background-image: none !important;	
}
.drop li a:first-child{
	display: block;
}
.drop li a:hover {
	color: #26455c;
	-webkit-filter: brightness(90%);
	filter: brightness(90%);
	
}

.pc_nav > li li:hover > a {
		-webkit-filter: brightness(90%);
filter: brightness(90%);
}
.pc_nav li:hover > ul > li {
	overflow: visible;
	width: 160px !important;
	height: 40px;
		padding: 0 0 5px 0 !important;	
}



/*************************************************
contens
*************************************************/
.inner{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
/*下層ページのコンテンツ*/	
#eyecatch02{
	padding: 50px 0px 50px;
	background-image: url(../images/page_bk.jpg);
	background-repeat: repeat;
	text-align: center;
	background-size: cover;
	background-position: center top;
}
#eyecatch02 h2{
	font-size: 26px;
	padding: 0px 0 10px 0;
	font-family: "utukushii","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	display: flex;
	align-items: center;
	justify-content: center;
	display: block;	
	letter-spacing: 0.1em;
}
#eyecatch02 h2 span{
	color: #f3659b;
	font-size: 14px;
	display: block;
	font-weight: normal;
	margin: 10px 0 0 0;
}
#eyecatch02 h2::before{
	content: '';
display: block;
width: 161px;
height: 44px;
background-image: url(../images/flower06.png);
background-size: contain;
vertical-align: middle;
background-size: 161px 44px;
background-repeat: no-repeat;
margin: 0 auto 20px;
}
#eyecatch02 p{
	display: block!important;
	font-size: 16px;
	font-family: "anzu";
}
.waaper{

}
.k_box{
	margin-bottom: 50px;
	overflow: hidden;
	clear: both;
}
/*パンくず*/

.breadcrumbs{
	font-size: 10px;
margin:5px 0 30px;
}
.breadcrumbs a{
	color: #e20033;
	text-decoration: underline;
	background: none;
}
.breadcrumbs a:hover{
	text-decoration: none;
	color: #E79E9F;
}
/*サーチ、一覧ページ*/
.search,.cte-list{
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #C1C1C1;
}
/*
次へのページへ
*/
.postNavi {
    margin-top: 50px;
    overflow: hidden;
    border-top: 1px dashed #C1C1C1;
    padding-top: 5px;
    font-size: 12px;
	letter-spacing: 0;
	clear: both;
}
.prev {
    width: 20%;
    display: inline-block;
}
.postNavi a {
    color: #000 !important;
    text-decoration: underline;
}
.postNavi a:hover {
    text-decoration: none;
}
.listpage {
    width: 57%;
    display: inline-block;
    text-align: center;
}
.next {
    width: 20%;
    display: inline-block;
    text-align: right;
}
.cte-list,.search {
    border-bottom: 1px dotted #C1C1C1;
    padding-bottom: 10px;
    margin-bottom: 5px;
}
/*
ページナビゲーション
*/
.wp-pagenavi{
	text-align: center;
	margin-top: 30px;
}
.wp-pagenavi a, .wp-pagenavi span {
	padding: 8px 10px !important;

}
.pages{
display: none;	
}
.wp-pagenavi a{
	color: #4a9dd6;
}
.wp-pagenavi span.current {
	border-color: #d0d3d6 !important;
	background-color: #4a9dd6;
	color: #fff;
}
.extend{
	display: none;
}

.righttext {
    text-align: right !important;
    margin-bottom: 10px;
}

#frame{
	overflow: hidden;
	background-color: #FFFFFF;
	padding: 0px 25px 60px 25px;
}

.singlepage a {
    color: #2332CE;
    text-decoration: underline;
}
.singlepage a:hover {
    color: #2332CE;
    text-decoration: none;
}
#main{
	float: left;
	width: 600px;
}
#main img{
	max-width: 100%;
height: auto;
}
#main .title ,#main .b_con h2{
	margin-bottom: 15px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #f3659b;
	font-size: 20px;
    line-height: 160%;
    border-color: #ededed;
    border-style: solid;
    border-width: 1px 0;
    font-weight: 900 !important;
    padding: 1em 0 !important;
    position: relative;
}
#main .title::before, #main .b_con h2::before {
    background-color: #e61874;
    content: "";
    width: 2em;
    height: 1px;
    position: absolute;
    left: 0;
    top: -1px;
}


.bigtitle{
	background-color: transparent;
	background: linear-gradient(transparent 60%, yellow 60%) !important ;
	display: inline-block;

	
}
#main .contet h3{
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 1.4em;
	font-weight: bold;
	position: relative;
	padding: 0.7em;
	background-color: #EFEFEF;
}
#main .contet h3:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #EFEFEF;
width: 0;
height: 0;
}
#side{
	float: right;
	width: 300px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#side h2{
	font-size: 18px;
	padding: 15px 15px 20px 40px;
	text-align: center;
	background-color: #EFEFEF;
	background-image: url(../images/flower05.png),url(../images/side_bk.jpg);
	background-repeat: no-repeat;
	background-position: left 10px center,center center;
	background-size: 80px 40px,100% auto;
}
#side a{	
	text-decoration: none;	
	line-height: 1.5em;
	
}
#side .btn01 a{
	font-size: 13px;
	margin-bottom: 20px;
}
.image{
	margin-bottom: 5px;
}
.image img{
	width: 275px;
	height: 180px;
}
.contes {
	font-size: 13px;
	color: #000000;
	text-align: justify;
	font-family: Lato,"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, "MS P Gothic", "MS Pゴシック", sans-serif;
	line-height: 1.5em;
}
.side_news p{
	text-align: center;	
}
.side_news,.side_category{
	margin-bottom: 30px;
	border: 1px solid #ededed;
}
.side_news{
	position: relative
}
.side_news .said01{
	position: absolute;
	top: -15px;
	right: 0;
}
.side_news .said02{
	position: absolute;
	top: -30px;
	right: 0;
}
.said03{
	position: absolute;
	top: -10px;
	right: 0;
}
.side_category{
	font-size: 13px;
	position: relative
}
.side_bana li{
	margin-bottom: 5px;
}

.side_bana li a:hover{
	-webkit-filter: brightness(90%);
	filter: brightness(90%);
}
.side_info{
	background-image: url(../images/icon_voice.png),url(../images/said_bk.jpg);
background-repeat: no-repeat;
background-position: left 60px top 17px,center top;
background-size: 28px 23px, 100% auto;

}
.side_new{
	background-image: url(../images/icon_info.png),url(../images/said_bk.jpg);
background-repeat: no-repeat;
background-position: left 50px top 13px,center top;
background-size: 28px 23px, 100% auto;
}
.iciran{
	text-align: right;
	
	margin: 0 15px 10px 0;		
}
.iciran a{
	color: #ee4a8a;
	font-size: 13px;
	
}
.side_news .sideloop,.cat-item{
	padding: 10px 10px 0 10px;
	
}
.sideloop li{
	clear: both;
	border-bottom: 1px dotted #C1C1C1;
padding-bottom: 10px;
margin-bottom: 10px;
	overflow: hidden;
}
.sideloop li .left{
	width: 95px;
	height: 95px;
}
.sideloop li .left img{
	height: auto;
	width: 95px;
}
.sideloop li .right{
	width: 175px;
	margin-left: 5px;
}
.sideloop .title {
    font-size: 15px;
    line-height: 1.2em;
	letter-spacing: 0;
}
.sen{
	background-image: url(../images/triangle-03.png),url(../images/triangle-04.png);
	background-position: left top,right bottom;
	background-repeat: no-repeat;
	background-size: auto 120px;
	
}
.follow{
	font-size: 25px !important;
	font-family: "akzidenz-grotesk", sans-serif;
	margin-bottom: 5px;
	font-weight: normal;
}
.follow::after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 1px;
    margin-left: 30px;
    background-color: #82ccd7;
    vertical-align: middle;
}
.follow::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 1px;
    margin-right: 30px;
    background-color: #82ccd7;
    vertical-align: middle;
}



.btm10{
	margin-bottom: 10px;	
}
.topgo {
	display: none;	
}
.topgo a{
	background-color: #E43D97;
	font-size: 10px;
	padding: 15px;
	color: #FFFFFF;	
}
	.topgo {
	display: block;
	text-align: right;		
}
/*************************************************
footer共通
*************************************************/
/*sns*/
#sns{
	padding: 60px 0;
	overflow: hidden;
	clear: both;
	text-align: center;
	background-image: url(../images/bk.jpg);
	background-repeat: repeat;
	background-position: center bottom;
	background-size: auto 200px;
}
#sns ul{
	margin: auto;
	width: 90%;
	
}
#sns li{display: inline-block;
vertical-align: top;}



/* footer*/
footer{
	padding-top: 60px;
	background-image: url(../images/footer_bk02.png),url(../images/footer_bk01.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	clear: both;
	background-size: auto 400px,cover;
}
#f_nav{
	margin: 0 0 50px;	
}
#f_nav li{
	display: inline-block;
	margin: 0 20px;
}	
#f_nav li a{
	color: #ffff32;
	font-size: 14px;
	text-decoration: none;
}
#f_nav li a:hover{
	text-decoration: underline;
}
.f_info{
	text-align: center;
	margin-bottom: 30px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.f_box{
		width: 220px;
	height: 220px;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.30);/* 円の色 */
	margin: auto;
	padding: 30px;

	box-shadow: 
	  inset 0 0 20px #fff /* 背景色と同じ色 */,
	  inset 0 0 20px #fff,
	  inset 0 0 20px #fff,
	  inset 0 0 20px #fff;
	position: relative;

}


.f_info h2 {
	font-weight: normal;
	font-size: 12px;
	margin: 0 0 20px 0;
	letter-spacing: 0.1em;
	line-height: 1.5em;
}
.f_info h2::before{
	    content: '';
    display: block;
    width: 85px;
    height: 63px;
    background-image: url(../images/logo.png);
    background-size: contain;
    vertical-align: middle;
    background-size: 85px 63px;
    background-repeat: no-repeat;
    margin: 0 auto 10px;
}
.f_info h3{
	font-weight: 900;
	font-size: 26px;
	letter-spacing: 0.2em;
	font-family: "utukushii","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.f_info h3 span{
	font-size: 10px;
	display: block;
}
.f_link{
	position: relative;
	width: 250px;
	margin: auto;
}
.f_flower{
	position: absolute;
	top: 10px;
	left: -80px;
}
.f_flower01{
	position: absolute;
	top: -20px;
	right: -10px;
}
.f_link a{
    text-align: center;
    display: block;
    margin: 0 auto 40px;
    color: #ee4a8a;
    padding: 20px 10px;
    background-image: url(../images/btn_bk.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 1.3em;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.sns li{
	display: inline-block;
	margin: 0 10px 20px 10px;
	vertical-align: top;
}
.copyright{
	font-size: 10px !important;
	text-align: center;
	padding: 5px 0px;
	clear: both;
	color: #006934;

}


.pagetop a{
	background-color: #006aa9;	
	color: #FFFFFF;
	padding: 15px 15px 35px 15px;
	font-size: 13px;
	line-height: 1.5em;
	background-image: url(../images/top.png);
	background-position: center bottom 20px;
	background-size: auto 7px;
	
}

.pagetop a:hover{
	color: #FFFFFF;
}

/*page-to*/
#page-top {
	position: fixed;
	bottom: 35px;
	right: 20px;
}
#page-top a {
    width: 80px;
    padding: 20px 0;
    text-align: center;
    display: block;
}
/*===============================================
●タブレット.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
/*ヘッダー*/
#canvas{
	z-index: 2;
}
.pc_nav{
	display: none;
}
	
#pc_header{
	background-color: #fff;
	padding: 45px 0 10px 0;
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 3;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.head_logo h1{
		display: none;	
	}
.head_logo{
	float: left;	
	}
.t_logo{
	margin: 10px 0 0 0;
	}

.t_logo img {
    max-width: 22%;
    height: auto;
}
.t_logo a .shop_kangi {
    font-size: 28px;
    margin: 0 0 0 10px;
}	
.t_logo a .shop_kana {
    font-size: 12px;
}	
.head_sns,.head_info{
	display: none;		
	}
.logo img{
max-width: 30%;
height: auto;	
		}
.sp_mail{
	position: absolute;
right: 50px;
top: 13px;
	display: block;
	}
.sp_con_link a{
	color: #fff;
	text-decoration: none;
	background-color: #00559a;
	padding: 20px 5px 20px 35px;
	background-image: url(../images/icon_mail.png);
	background-size: 18px auto;
	background-repeat: no-repeat;
	background-position: left 10px center;
	line-height: 1.3em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	
	height: 20px;
	font-size: 12px;
}	
	
	
	
.ico_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	display: flex;
	z-index: 11;
	position: absolute;
	right: 50px;
	top: 0px;
}
.ico_btn li {
    text-align: center;
    border-left: 1px solid #ccc;
	font-size: 10px;
	position: relative;
}
.ico_btn li i {
    display: block;
}
.ico_btn li a {
	display: block;
	padding: 12px 5px 5px;
	text-decoration: none;
	color: #000;
}
.pa2{
	padding: 0 4px;
}
.position {
    font-size: 12px;
	display: inline;
	letter-spacing: 0;
}
.h-left h1 {
	display: inline;
	}	
.h-left h1 a {
    font-size: 18px;
	}
#pc_header .h-right{
	display: none;
	}
#spnav{display: block;
	}		
#waaper {
	width: 95%;
}
	
/*コンテンツ*/
.inner{
	width: 95%;

}
#waaper .main {
	width: auto;
}
	
/*フッター*/
#sns ul li{
	margin-bottom: 10px
	}
#sns ul li:last-child{
	margin-bottom: 0px	
	}
#scroll_btom{
	position: fixed;
bottom: 0;
width: 100%;
z-index: 3;
}
#scroll_btom li{
	vertical-align: middle;
	float: left;
	
	}
#scroll_btom li a{
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	font-size: 12px;
	letter-spacing: 0;
		}
.document, .line{
	width: 40%;	
	
	}
.page_top{
	width: 20%;	
	}
.document a{
	padding: 15px 5% 15px 10%;
	background-color: #FFFB3F;
	color: #26455c;
background-image: url(../images/file.png);
background-position: center right 10px;
background-size: auto 18px;
	}	
.line a{
		padding: 15px 5% 15px 10%;
	background-color: #17ac05;
	color: #FFFFFF;
background-image: url(../images/icon_line.png);
background-position: center right 18px;
background-size: auto 20px;
	}
.page_top {
		background-color: #ebebeb;
	
	}
.page_top a{
	background-color: #ebebeb;
	line-height: 1.3em;
	padding: 12px 5% 12px 15%;
	color: #00559A;
	background-image: url(../images/sankaku.png);
background-position: center right 10px;
background-size: auto 8px;
	}
.page_top a:hover{
	color: #00559A;	
	}
	
#scroll{
	display: none;
}
#top_pro {
    padding-top: 50px;
    padding-bottom: 50px;
}
#top_pro h2{
	font-size: 30px;
    padding: 10px 0 0;
    margin-bottom: 10px;
}	
.top_pro_box .left,.top_pro_box .right{
	width: 45%;
	margin: 0 1%;
}
/*フッター*/
footer {
    padding-top: 50px;
    background-image: url(../images/footer_bk02.png),url(../images/footer_bk01.jpg);
    background-size: auto 250px,cover;
}
.f_info{
	margin-bottom: 10px;
}
.copyright {
  margin-top: 30px;
}
#sns {
    padding: 30px 0;
}
/*下層ページのコンテンツ*/	
#eyecatch02{
	margin: 45px 0 20px;
	padding: 50px 0px 10px;
}
#eyecatch02 h2{
	font-size: 23px;
}
.waaper01{
	padding-top: 60px;
}
.breadcrumbs {
    margin-bottom: 15px;
}
#main{
	float: none;
	width: 100%;
	margin-bottom: 50px;
}
#main p{
	text-align: justify;
	}
#side{
	float: none;
	width: 100%;
}
.side_bana{
	text-align: center;
}
.sideloop li .left{
	width: 20%;
	height: 95px;
}
.sideloop li .left img{

}
.sideloop li .right{
	width: 80%;
	margin-left: 0;
}
.sideloop .title {
    font-size: 15px;
    line-height: 1.2em;
	letter-spacing: 0;
}
	
.image img{
max-width: 100%;
	height: auto;
	width: 100%;
}	
	
/*page-to*/
#page-top {
	bottom: 35px;
	right: 10px;
}
#page-top img{
	width: 100%;
max-width: 100%;
height: auto;	
	}
#page-top a {
    width: 55px;
    padding: 5px;
}
}	


/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
/*ヘッダー*/	
.h-left h1 img{
max-width: 60%;
	}
.logo img{
max-width: 40%;
height: auto;
	margin: 5px 0 0 ;
		}
/*コンテンツ*/
.sp{
	display: block;
}
.pc,.pc01{
	display: none;
}
.bigfont{
	font-size: 20px;
}
.center{
	text-align: center;	
}
.btm30{
	margin-bottom: 30px;	
}
.title{
	font-size: 14px;
}
.k_box{
	margin-bottom: 30px;
}
.spbtm50{
	margin-bottom: 50px !important;
}
.sp_btm20{
	margin-bottom: 20px;	
	}	
.category,.agenda{
	font-size: 10px;
}
.sideloop li .left{
	width: 35%;
}
.sideloop li .left img{
max-width: 100%;
height: auto;
}
.sideloop li .right{
	width: 60%;
	margin-left: 4%;
}

/*フッター*/
footer {
    padding-top: 50px;
    background-image: url(../images/footer_bk02.png),url(../images/footer_bk01.jpg);
    background-size: auto 150px,cover;
}
.f_link a {
    margin: 0 auto 30px;
}
.f_info h2 {
    margin: 0 0 20px 0;
}	
.f_link{
	width: 200px;
}
.f_flower{
	position: absolute;
	top: 30px;
	left: -60px;
}
.f_flower01{
	position: absolute;
	top: -20px;
	right: -30px;
}	
.f_box {
    padding: 20px; 
}
.copyright {
    margin: 0px;
}

/* reservation */
#reservation{
	padding: 40px 0 20px;
	overflow: hidden;
}
#reservation .box01{
	overflow: hidden;
	margin-bottom: 30px;
}
#reservation .box01 .left{
	width: 25%;
	padding: 0 4% 0 0;
}
#reservation .box01 .right{
	width: 65%;
	padding:  0 0 0 5%;
	border-left: 1px solid #BFBFBF;
}
.box01 .right .btn02{
	width: 100%;
}
.tel{
	font-size: 20px;
}
.mobile{
	font-size: 16px;
	display: block;
}

.fotter-nav {
    margin: 20px 0 0;
}
.f-menu{
	display: none;
}
.f_btn li{
		margin-bottom: 1px
	}	
	

/*下層ページのコンテンツ*/	

#frame{
	padding: 5px 10px 20px 10px;
}
.breadcrumbs {
   display: none;
}
.side_bana li img{
	width: 100%;
max-width: 100%;
height: auto;

}
.waaper01{
	padding-top: 50px;
	padding-bottom: 25px;
}
.btm50{
	margin-bottom: 30px !important;
}

.sakau01{
	right: -80px;
	top: 0px;
	bottom: auto;
}
.sakau01 img{
max-width: 80%;
height: auto;
	}
.sakau02{
	display: none;
}
/*投稿ページの次へ*/	
.prev {
    width: 32%;
    display: inline-block;
}
.listpage {
    width: 32%;
    display: inline-block;
    text-align: center;
}
.next {
    width: 32%;
    display: inline-block;
    text-align: right;
}	
	}

/*
AddQuicktagプラグイン
*/
.big-title{
	
}
.big-title_02{
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 1.4em;
	font-weight: bold;
	position: relative;
	padding: 0.7em;
	background-color: rgba(225,177,214,0.40);
}
.boxs{
	padding: 20px;
}
.blue{
	background-color: #E1ECFB;
}
.grey{
	background-color: #EFEFEF;
}
.white{
	background-color: rgba(255,255,255,1.00);
	border: 1px solid rgba(218,218,218,1.00);
}
.green{
	background-color: rgba(196,226,216,0.4);
}
.yellow{
	background-color: rgba(255,253,230,0.40);
}
.check{
	background-image: url(../images/reten.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 20px;
	padding: 3px 0 3px 25px;
	margin-bottom: 2px;
}