/*
Theme Name: company
Theme URI: http://sphere-links.co.jp/
Description: company
Version: 1.6.1
Author: sphere-links
Author URI: http://sphere-links.co.jp/
Tags: company
*/

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,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ul,ol {
    list-style: none;
}

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;
}


/* 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;
}




/*************************************************************

ここまでリセット

*************************************************************/
/*共通*/
/*全体のフォントサイズを指定、remでbodyに引っ張られないようにする*/
html {
	-webkit-text-size-adjust: 100%;
  font-size: 62.5%;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

body {
	font-size: 1.4em;
	line-height: normal;/*詰まりすぎを防ぐ*/
	color: #000;
}
/*全体のフォントサイズを指定*/

a{
	color: inherit;
	text-decoration: none;
}

a:hover{
	color: #094;
	text-decoration: none;
}

a:hover img{
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

.clearfix:after{
  display: table;
  clear: both;
  content: "";
  width: 100%;
  height: 0;
}

div{
	box-sizing: border-box;
}

img{
	max-width: 100%;
	vertical-align: bottom;
}

.mfp-container{
	width: 100%!important;
}

@media screen and (min-width: 769px){
	html{
		min-width: 1200px;
	}
	.sp{
		display: none !important;
	}
}

.section-inner {
	width: 1200px;
	max-width: 100%;
	padding: 0 15px;
	margin: 0 auto;
	position:relative;
}

/*ナビゲーション*/
header{
    position: relative;
}

header .header-inner {
	width: 1520px;
	max-width: 94%;
	margin: 0 auto;
	position: relative;
	
}
header .header-top {
	padding: 20px 0;
	border-bottom: 1px solid #f4f7fb;
}
header .header-top .header-catch {
	float: left;
	color: #777777;
	font-size: 90%;
}
header .header-top .header-login {
	float: right;
}
header .header-top .header-login a {
	margin-left: 20px;
}
header .header-top .header-login a img {
	vertical-align: middle;
}

header .header-bottom {
	padding: 20px 0;
}
header .header-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
header .header-bottom .logoarea{
	display: inline-block;
	margin-right: 80px;
}
header.pc {
    box-shadow: 0 0 10px #ccc;
}
header.pc .header-bottom nav{
	color: #505050;
	display: inline-block;
    vertical-align: bottom;
}
header.pc .header-bottom nav ul li{
	float: left;
}
header.pc .header-bottom nav ul li:not(:first-of-type){
	border-left: 1px solid #f2f2f2;
}
header.pc .header-bottom nav ul li a{
	display: block;
	padding: 0 20px;
	line-height: 40px;
	font-size: 110%;
	font-weight: bold;
	color: #666;
}

header.pc .header-bottom nav ul li a:hover{
	color: #094!important;
}

@media screen and (max-width: 1440px){
	header .header-bottom .logoarea {
		width: 200px;
		margin-right: 40px;
	}
	header.pc .header-bottom nav ul li a{
		font-size: 100%;
	}
}


/* top */

#topSlider{
	margin: 0 auto;
}

#topSlider .slick-dots {
	bottom: 30px;
}
#topSlider .slick-dots li {
	width: 16px;
    margin: 0 4px;
}

#topSlider .slick-dots li button {
	width: 100%;
    margin: 0;
    padding: 0 4px;
}

#topSlider .slick-dots li button:before {
	top: initial;
	width: 100%;
	color: transparent;
    background-color: white;
	opacity: 0.5;
    height: 2px;
    bottom: 1px;
}

#topSlider .slick-dots li.slick-active button:before {
	opacity: 0.9;
    height: 4px;
    bottom: 0;
}

#menutiles ul li {
	float: left;
	width: 25%;
	height: auto;
	background-color: #fff;
	position: relative;
}

#menutiles ul li#tile1:hover a{
	background-image: url(images/tile01_on.png)!important;
}

#menutiles ul li#tile2:hover a{
	background-image: url(images/tile02_on.png)!important;
}

#menutiles ul li#tile3:hover a{
	background-image: url(images/tile03_on.png)!important;
}

#menutiles ul li#tile4:hover a{
	background-image: url(images/tile04_on.png)!important;
}

#menutiles ul li#tile5:hover a{
	background-image: url(images/tile05_on.png)!important;
}

#menutiles ul li#tile6:hover a{
	background-image: url(images/tile06_on.png)!important;
}

#menutiles ul li#tile7:hover a{
	background-image: url(images/tile07_on.png)!important;
}

#menutiles ul li#tile8:hover a{
	background-image: url(images/tile08_on.png)!important;
}



#menutiles ul li a.floor{
	background-color: #abc553;
}
#menutiles ul li a.floor:after{
	content: "";
	display: block;
	border-right: 26px solid #abc553;
	border-top: 26px solid transparent;
	border-bottom: 26px solid transparent;
	position: absolute;
	left: 1px;
	top: 50%;
    transform: translate(-100%,-50%);
	z-index: 2;
}
#menutiles ul li a{
	width: 100%;
	height: 0;
	padding-top: calc((100% * 400)/445);
	display: block;
	background-size: cover;
	background-position:center;
	background-repeat: no-repeat;
}

#top .postarea {
	padding: 110px 0 0 0;
}
#top .postarea .title{
	text-align: center;
	margin: 0 auto;
}
#top .postarea .title p{
	color: #777;
	font-size: 120%;
	font-weight: bold;
	margin-top: 20px;
}
#top .postarea .postlist {
	
}
#top .postarea .tabbtn ul{
	text-align: center;
	margin: 70px auto;
}
#top .postarea .tabbtn li{
	padding: 5px;
	font-weight: bold;
	font-size: 110%;
	color: #777;
	display: inline-block;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}
#top .postarea .tabbtn li:nth-of-type(n+2){
	margin-left: 100px;
}
#top .postarea .tabbtn li.active{
	color: #01a54f;
	border-top: 1px solid #01a54f;
	border-bottom: 1px solid #01a54f;
}
#top .postarea .thetab{
	display: none;
}

#top .postarea .alltab .postlist:not(:nth-of-type(3n+1)){
	margin-left: calc((100% - 1110px)/2);
}
#top .postarea .postlist li,
#top .special .postlist li{
	float: left;
	width: 370px;
	height: 540px;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	padding: 30px;
	box-sizing: border-box;
	margin-bottom: 30px;
}

#top .special .postlist li{
	height: 460px!important;
}

#top .postarea div .postlist li:not(:nth-of-type(3n+1)),
#top .special .postlist li:not(:nth-of-type(3n+1)){
	margin-left: calc((100% - 1110px)/2);
}
#top .postarea .postlist li:before,
#top .special .postlist li:before{
	content: "";
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 101px;
	height: 101px;
	z-index: 5;
}

#top .postarea li.news:before,
#top .special li.special_box:before{
	background-image: url(images/tag_news.png);
}
#top .postarea li.event:before{
	background-image: url(images/tag_event.png);
}
#top .postarea li.shop:before{
	background-image: url(images/tag_shop.png);
}

#top .postlist .image{
	width: 100%;
	padding-top: 70%;
	display: block;
}

#top .postlist .image:hover{
	opacity: 0.8;
}

#top .postlist .text{
	padding: 5px;
}

#top .postlist .facility-information_box .text{
	padding: 5px 0;
}

#top .postlist .text h4{
	padding: 0 0 10px;
	font-size: 1.9rem;
	font-weight: normal;
	position: relative;
	text-align: center;
	margin: 20px auto;
}
#top .postlist .text h4:after{
	content: "";
	background-color: #e5e5e5;
	height: 1px;
	width: 134px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%);
}
#top .postlist .text p{
	font-size: 1.4rem;
	height: 50px;
	overflow: hidden;
	line-height: 1.8;
	text-align: left;
}
#top .postlist .catwrap{
	padding: 30px 35px; 
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #e5e5e5;
}
#top .postlist.news .catwrap p:nth-of-type(1){
	color: #fcc800;
	font-weight: bold;
}
#top .postlist.event .catwrap p:nth-of-type(1){
	color: #9cc813;
	font-weight: bold;	
}
#top .postlist.shop .catwrap p:nth-of-type(1){
	color: #666043;
	font-weight: bold;	
}

#top #cat_all .catwrap p.news{
	color: #fcc800;
}

#top #cat_all .catwrap p.event{
	color: #9cc813;
}

#top #cat_all .catwrap p.shop{
	color: #666043;
}


#top .morebtn {
	text-align: center;
	padding: 50px 0;
}
#top .morebtn a{
	border-top: 1px solid #9cc813;
	border-bottom: 1px solid #9cc813;
	color: #9cc813;
	padding: 20px 15px;
	font-size: 1.3rem;
}

/* 共用？ */
.section-header {
	background-position: center, bottom;
	background-repeat: no-repeat;
    background-size: auto, cover;
	height: 380px;
}

.wp-pagenavi{
	display: none!important;
}
/* 店舗一覧・詳細 */

#shop .section-header.food {
	background-image: url(images/food_header.jpg);
}
.section-header.news {
	background-image: url(images/page_header.jpg);
}
.section-header.shop {
	background-image: url(images/page_header.jpg);
}
#page .section-header.floor {
	background-image: url(images/page_header.jpg);
}
#page .section-header.access {
	background-image: url(images/page_header.jpg);
}
#page .section-header.sitemap {
    background-image: url(images/page_header.jpg);
}

.section-header{
	text-align: center;
	background-size: cover;
}

.section-header h2{
	font-family: 'Anton', sans-serif;
	font-size: 5rem;
	letter-spacing: 3px;
	color: #222222;
	padding-top: 105px;
}

.section-header p{
	color: #777777;
	padding-top: 15px;
	font-weight: bold;
	margin-bottom: 30px;
}


#shop .sidebar {
	width: 270px;
	float: left;
}
#shop .sidebar h4{
	font-size: 1.7rem;
	/*font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "MS 明朝", serif;*/
	padding-left: 25px;
	background-position: left;
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 25px 0;
	border-bottom: 1px solid #f0f0f0;
}
#shop .sidebar h4.sub-food{
	background-image: url(images/food_icon.png);
}
#shop .sidebar h4.sub-map{
	background-image: url(images/icon_map.png);
	background-size: 19px auto;
}
#shop .sidebar dl{
	padding-bottom: 15px;
}
#shop .sidebar dl a{
	font-size: 1.3rem;
	display: block;
	margin-bottom: 15px;
    line-height: 1;
}

#shop .sidebar dt{
	font-weight: bold;
	font-size: 1.3rem;
	display: block;
	margin-bottom: 15px;
    line-height: 1;	
}

#shop .sidebar dd{
	padding-left: 1em;
}
#shop .sidebar .map-list {
    padding: 10px;
    border: solid 1px #c7c7c7;
}

#shop .sidebar .map-list .floor_ch{
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
	
}

#shop .sidebar .map-list .floor_ch li{
	width: 50%;
	text-align: center;
	cursor: pointer;
	color: #fff;
	box-sizing: border-box;
	padding: 15px;
	font-weight: bold;
}

#shop .sidebar .map-list .floor_ch li:nth-of-type(1){
	background-color: #9cc813;
	margin-right: 3px;
}

#shop .sidebar .map-list .floor_ch li:nth-of-type(2){
	background-color: #01a54f;
	margin-left: 3px;
}

#shop .sidebar .map-list .floor_ch li:hover{
	color: #fff;
}

#shop .sidebar .map-list .floor_ch li.select{
	color: #fff;
}

#shop .sidebar .map-list .floor_maps li div{
	width: 90%;
	margin: 10px auto;
}

#shop .sidebar .map-list .floor_maps li a{
display: block;
    width: 90%;
    margin: 0 auto;
    background-color: #fff;
    padding: 10px 5px;
    box-sizing: border-box;
    color: #000;
    text-align: center;
    border-radius: 3px;
    border: solid 1px #ccc;
	font-size: 1.2rem;
}

#shop .sidebar .map-list .floor_maps li a:hover{
	color: #9cc813;
}

.hide {display:none;}

#dm_side{
	margin-top: 25px;
}

#dm_side>div{
	margin-bottom: 20px;
}

#dm_side>div ul li{
	margin-bottom: 10px;
padding-left: 1em;
    /*font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "MS 明朝", serif;	*/
}

#dm_side h3,
#dm_side #calendar_wrap caption{
    font-size: 1.7rem;
    /*font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "MS 明朝", serif;*/
    padding-left: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-position: left center;
    background-repeat: no-repeat;
    margin: 25px 0px;
    border-bottom: 1px solid rgb(240, 240, 240);
	text-align: left;
}

#dm_side #calendar_wrap	table{
	width: 90%;
}

#dm_side #calendar_wrap	table td{
	text-align: center;
}

#dm_side #calendar_wrap td#today{
	color: #9cc813;
}

#dm_side #calendar_wrap td a{
	text-decoration: underline;
}

	#shop #news_sidebar #dm_side div:nth-of-type(3) ul li a {
		display: block;
		background-image: url(images/icon_side_nav_top.gif);
		background-repeat: no-repeat;
		background-position: 0 49%;
		padding-left: 1em;
	}



#shop .contentmain {
	padding-top: 50px;
	width: calc(100% - 300px);
	float: right;
}
#shop .contentmain li{
	width: 270px;
	float: left;
	margin-bottom: 30px;
}
#shop .contentmain li:not(:nth-of-type(3n-2)){
	margin-left: 30px;
}
#shop .contentmain .image{
	width: 100%;
	height: 250px;
	position: relative;
}
#shop .contentmain .image .imgLiquid{
	width: 100%;
	height: 100%;
	z-index: 0;
	position: absolute;
	left: 0;
	top: 0;
}
#shop .contentmain .image .overlay{
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: background-color 0.3s;
	position: absolute;
	left: 0;
	top: 0;
	padding: 15px;
	overflow: hidden;
	font-size: 14px;
}
#shop .contentmain a:hover{
	opacity: 1;
}
#shop .contentmain a:hover img{
	opacity: 1;
}
#shop .contentmain .image .overlay div > *:not(img){
	opacity: 0;
	transition: opacity 0.3s;
}
#shop .contentmain li:hover .image .overlay{
	background-color: rgba(22,18,15,0.7);
}
#shop .contentmain li:hover .image .overlay div > *:not(img){
	opacity: 1;
}

#shop .contentmain .image .overlay > div:nth-of-type(1) {
	margin-bottom: 15px;
}
#shop .contentmain .image .overlay > div:nth-of-type(1) img{
	vertical-align: middle;
}
#shop .contentmain .image .overlay > div:nth-of-type(1) span{
	color: #9cc813;
	font-weight: bold;
	padding-left: 10px;
}
#shop .contentmain .image .overlay > div:nth-of-type(2) p{
	color: #fff;
	line-height: 1.8;
}
#shop .contentmain .info {
	text-align: center;
	background-color: #9cc813;
	padding: 10px 0;
	min-height: 100px;
}
#shop .contentmain .info p.cat{
	font-size: 11px;
	color: #000;
}
#shop .contentmain .info p.name{
	font-size: 17px;
	color: #fff;
}

#shop .single-header{
	height: 550px;
	text-align: center;
	position: relative;
	background-position: center;
	background-size: cover;
}
#shop .single-header:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:1;
	background: #00000055;
}
#shop .single-header > div{
	position: absolute;
	top: 50%;
	left: 0;
    width: 100%;
	transform: translate(0, -50%);
	z-index: 2;
}
#shop .single-header > div > p{
	color: #fff;
	line-height: 1;
}
#shop .single-header > div > p:nth-of-type(1){
	font-size: 5.6rem;
	font-weight: bold;
	margin-bottom: 30px;
}
#shop .single-header > div > p:nth-of-type(2){
	font-size: 1.5rem;
	white-space: pre-line;
	line-height: 1.6;
}

#shop .shopdetail .toparea{
    padding-bottom: 50px;
    border-bottom: 1px solid #f0f0f0;
}
#shop .shopdetail .toparea .mainimage {
	float: left;
	width: calc(100% * 470/870);
	height: 0;
	padding-top: 65%;
	position: relative;
}
#shop .shopdetail .toparea .mainimage .imgLiquid{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
#shop .shopdetail .toparea .desc{
	float: right;
	padding-top: 45px;
	width: calc(100% * 370/870);
}
#shop .shopdetail .toparea .desc p:nth-of-type(1){
	font-size: 1.4rem;
	color: #777777;
}
#shop .shopdetail .toparea .desc p:nth-of-type(2){
	font-size: 3rem;
	font-weight: bold;
	color: #000;
	margin-bottom: 15px;
}
#shop .shopdetail .toparea .desc p:nth-of-type(3){
	font-size: 1.4rem;
	color: #9cc813;
	margin-bottom: 40px;
}
#shop .shopdetail .toparea .desc p:nth-of-type(4){
	font-size: 1.3rem;
	color: #777777;
	line-height: 1.7;
	white-space: pre-line;
}
#shop .morebtn {
	padding: 70px 0 0;
}
#shop .morebtn a{
    border-top: 1px solid #9cc813;
    border-bottom: 1px solid #9cc813;
    color: #9cc813;
    padding: 20px 15px;
    font-size: 1.2rem;
	display: inline-block;
}

#shop .shopdetail .botarea .title {
	text-align: center;
	padding: 15px 0;
}
#shop .shopdetail .botarea .title p{
	display: inline-block;
	padding: 5px 15px; 
	font-size: 1.6rem;
	font-weight: bold;
	border-bottom: 2px solid #000;
}
#shop .shopdetail .botarea .botimage {
	width: 340px;
	max-width: 100%;
	float: left;
}
#shop .shopdetail .botarea .desc {
	width: calc(100% - 370px);
	max-width: 100%;
	float: right;
}
#shop .shopdetail .botarea .desc dl{
    font-size: 0;
	color: #777;
	line-height: 1.7;
	margin-bottom: 5px;
}
#shop .shopdetail .botarea .desc dl dt{
    display: inline-block;
    width: 25%;
    font-size: 1.4rem;
    vertical-align: top;
	box-sizing: border-box;
	position: relative;
}
#shop .shopdetail .botarea .desc dl dt:after{
	content: "";
	display: block;
	width: 12px;
	height: 2px;
	background-color: #9cc813;
	position: absolute;
	right: 0;
	top: calc(50% - 1px);
}
#shop .shopdetail .botarea .desc dl dd{
    display: inline-block;
    width: 75%;
    font-size: 1.4rem;
	padding-left: 30px;
	box-sizing: border-box;
}
#shop .shopdetail .botarea .desc dl dd.business_hours,
#shop .shopdetail .botarea .desc dl dd.budget,
#shop .shopdetail .botarea .desc dl dd.other{
	white-space: pre-line;
	
}

#shop .shopdetail .news_ttl{
	background-color: #9cc813;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 20px;
	margin-top: 30px;
}



/*新着一覧*/
.news_list ul li{
	border: 1px solid #e5e5e5;
    border-radius: 5px;
    position: relative;
	box-sizing: border-box;
	padding: 20px 0;
	height: 410px;
	position: relative;
}

.news_list ul li:before {
    content: "";
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 101px;
    height: 101px;
    z-index: 5;
}

.news_list ul.news li:before {
    background-image: url(images/tag_news.png);
}

.news_list ul.event li:before {
    background-image: url(images/tag_event.png);
}

.news_list ul.shopnews li:before {
    background-image: url(images/tag_shop.png);
}

.news_list ul li.news:before {
    background-image: url(images/tag_news.png);
}

.news_list ul li.event:before {
    background-image: url(images/tag_event.png);
}

.news_list ul li.shopnews:before {
    background-image: url(images/tag_shop.png);
}



#shop .contentmain .news_list ul li>div:not(:last-child){
	padding: 0 20px;
}

#shop .contentmain .news_list ul li .image{
	width: 100%;
	height: 150px;
	display: block;
}

#shop .contentmain .news_list ul li .image:hover{
	opacity: 0.8;
}

.news_list ul li .text h4 {
    padding: 0 0 10px;
    font-size: 1.6rem;
    font-weight: normal;
    position: relative;
    text-align: center;
    margin: 20px auto 10px auto;
}

.news_list ul li .text p{
	height: 3em;
	overflow: hidden;
}

.news_list ul li .catwrap{
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
	border-top: 1px solid #e5e5e5;
	padding: 10px 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

/*Pagenation*/
.pagination{
	text-align: center;
}

.pagination a{
    padding: 5px 10px;
    background-color: #e5e5e5;
    margin: 0 5px;	
}

.pagination a:hover{
	background-color: #9CC813;
}

.pagination span.current{
    padding: 5px 10px;
    background-color: #9CC813;
    margin: 0 5px;		
}

/* 新着情報詳細 */
.news_detail{

}

.news_wrap .news_photo{
	width: 100%;
	height: auto;
	margin-bottom: 50px;
}

.news_wrap .news_photo img{
	height: auto;
}

.news_wrap .news_txt .news_icon{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.news_wrap .news_txt .news_icon p:nth-of-type(1){
	background-color: #ABC553;
    padding: 3px 5px;
    margin-right: 10px;
	color: #fff;
}

.news_wrap .news_txt #news_icon2 p:nth-of-type(1){
	background-color: #fcc800;
}

.all_news_icon2{
	color: #fcc800;	
	font-weight: bold;
}

.news_wrap .news_txt #event_icon2 p:nth-of-type(1){
	background-color: #9cc813;
}

.all_event_icon2{
	color: #9cc813;	
	font-weight: bold;
}

.news_wrap .news_txt #shopnews_icon2 p:nth-of-type(1){
	background-color: #666043;
}

.all_shopnews_icon2{
	color: #666043;	
	font-weight: bold;
}

.news_wrap .news_txt p.news_ttl{
	font-size: 2.4rem;
    border-bottom: solid 1px #f0f0f0;
    margin-bottom: 20px;
    padding-bottom: 5px;	
}

.news_wrap .news_txt p.news_body{
	line-height: 1.8;
	white-space: pre-line;
}

.news_wrap .news_txt p.news_body>img{
	height:auto;
}

.news_wrap .news_txt p.news_body a{
	color: #094;
}

.news_wrap .news_txt p.news_body a{
	text-decoration: underline;
}


/*フロアーガイド*/
.page_floor .floor_south:first-child{
	margin-bottom: 80px;
}

.page_floor .floor_south>p{
    color: #9DC815;
    font-weight: bold;
    font-size: 2.0rem;
	margin-bottom: 10px;
	margin-top: 20px;
}


.page_floor .floor_1{
	margin-bottom: 40px;
}

.page_floor .floor_1>p,
.page_floor .floor_2>p{
	background-color: #ACD034;
    font-weight: bold;
    color: #fff;
    padding: 5px 10px;
    font-size: 1.6rem;
    margin-bottom: 20px;
}

.page_floor .floor_list ul{
	display: flex;
	justify-content: space-between;
	border-bottom: dotted 1px #CCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.page_floor .floor_list ul li{
	display: flex;
	align-items: center;
	width: 50%;
}

.page_floor .floor_list ul li div:nth-of-type(1){
	border-radius: 3px;
	padding: 3px 10px;
	margin-right: 10px;
}

.page_floor .floor_list ul li div:nth-of-type(2) span{
	display: block;
	font-size: 10px;
}

.page_floor .floor_list ul li div.b{
	border: solid 2px #3b8bbe;
	color: #3b8bbe;
}

.page_floor .floor_list ul li div.g{
	border: solid 2px #248f33;
	color: #248f33;
}


/*アクセス*/
.single_wrap{
	max-width: 700px;
	margin: 0 auto;
}

.page_access .public{
	margin-bottom: 30px;
}

.page_access .public p:nth-of-type(1){
	color: #9DC815;
	font-weight: bold;
	font-size: 2.0rem;
	margin-top: 20px;
}

.page_access .public p:nth-of-type(2){
	border-bottom: solid 1px #ccc;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.page_access .train{
	margin-bottom: 30px;
}

.page_access .train>p{
	margin-bottom: 10px;
}

.page_access .train>div:nth-of-type(1){
	margin-bottom: 10px;
}

.page_access .train>div:nth-of-type(2){
	display: flex;
	justify-content: space-between;
}

.page_access .car{
	margin-bottom: 30px;
}

.page_access .car>p{
	margin-bottom: 20px;
}

.page_access .car dl{
	display: flex;
	align-items: center;
	border-bottom: solid 1px #ccc;
}

.page_access .car dl dt{
	width: 190px;
	padding: 10px 5px;
}

.page_access .car dl dd{
	width: calc(100% - 190px);
	padding: 10px 0;
}

.page_access .car dl dd span{
	font-size: 1.0rem;
}




/*サイトマップ*/
.page_sitemap>p:nth-of-type(1) {
    color: #9DC815;
    font-weight: bold;
    font-size: 2.0rem;
	margin: 20px 0;
}

.page_sitemap dl{
	display: flex;
	flex-wrap: wrap;
	border-bottom: solid 1px #ccc;
	padding-bottom: 15px;
    margin-bottom: 20px;	
	line-height: 1.8;
}

.page_sitemap dl dt{
	width: 200px;
}

.page_sitemap dl li a{
	display: block;
    background-image: url(images/icon_side_nav_top.gif);
    background-repeat: no-repeat;
    background-position: 0 49%;
    padding-left: 1em;
}




/*イベント等での～*/
.shisetsu_wrap{
	max-width: 700px;
	margin: 0 auto;
}

.shisetsu_wrap>div{
	margin-bottom: 40px;
}

.shisetsu>p{
	margin: 20px 0;
}

.shisetsu .note{
	font-size: 0.8rem;
	text-align: right;
	margin-top: 5px;
}

.event_all h4,
.event_place h4,
.event_facility h4,
.event_condition h4,
.loc_time h4,
.loc_price h4,
.loc_condition h4,
.loc_date h4{
    padding: 5px;
    margin-bottom: 20px;
    background: #e1eeb6;
    color: #617f00;
    font-weight: bolder;
    border: 1px solid #acd034;
}

.event_all p{
	text-align: right;
	margin-top: 15px;
}

.event_all p a,
.pdf_box a{
	color:#094;
}

.event_all p a:hover,
.pdf_box a:hover{
	text-decoration: underline;
}

.event_place .list_s{
	margin-top: 15px;
}

.event_place .list_s p{
	font-size: 0.8rem;
}

.pdf_box{
	padding: 25px 0;
}

.pdf_box p.note{
	font-size: 0.8rem;
	color: #094;
	margin-top: 5px;
}

.event_facility img{
	margin-bottom: 15px;
}

.event_facility .list_s p{
	font-size: 0.8rem;
}

.event_facility .inq,
.loc_date .inq{
    padding: 20px 20px 0;
    margin-top: 30px;
    background: #eeeeee;
}

.event_facility h5,
.loc_date h5{
	margin-bottom: 15px;
}

.event_facility .inq p,
.loc_date .inq p{
	padding-bottom: 20px;
}


/*撮影*/
.satsuei_wrap{
	max-width: 700px;
	margin: 0 auto;
}

.satsuei_wrap>div{
	margin-bottom: 40px;
}

.loc>p{
	margin: 20px;
}

.loc>div>p{
	font-size: 0.8rem;
	text-align: right;
}


.loc_condition p:not(:last-child){
	margin-bottom: 30px;
}

.loc_condition p a,
.loc_date p a{
	color: #094;
}

.loc_condition p a:hover,
.loc_date p a:hover{
	text-decoration: underline;
}


/*フッター*/

#snsArea {
	padding: 55px 0;
}
#fbArea {
	float: left;
}
#pirikaArea {
	width: 650px;
	float: right;
}

footer {
}
footer .footermain{
	background-image: url(images/footer_bg.png);
	background-size: cover;
	background-position: center;
	padding: 45px 0 30px;
}
footer .footermain .footer-top > div{
}
footer .logoarea{
	color: #fff;
	float: left;
	margin-right: 90px;
}
footer .logoarea p{
	margin-top: 40px;
	font-size: 1.3rem;
	line-height: 1.8;
}
footer .footermain .sitemap {
	color: #fff;
	float: left;
}
footer .footermain .sitemap > p {
	padding-bottom: 20px;
}
footer .footermain .sitemap ul > div{
	float: left;
}
footer .footermain .sitemap ul > div:nth-of-type(2){
	margin-left: 30px;
}
footer .footermain .sitemap ul div li{
	padding-bottom: 15px;
	font-size: 90%;
}
footer .footermain .smilemembers {
	float: right;
	width: 230px;
	height: 240px;
	border: 1px solid #d0cdbc;
	background-color: #fff;
	padding: 20px 12px;
	text-align: center;
}
footer .footermain .smilemembers p span {
	font-size: 90%;
	display: inline-block;
}
footer .footermain .smilemembers a {
	color: #01a54f;
	font-size: 90%;
}
footer .footermain .smilemembers form > div {
	padding-top: 15px;
}
footer .footermain .smilemembers input[type=text],
footer .footermain .smilemembers input[type=password] {
    width: 100%;
    border: 1px solid #d0cdbc;
    height: 30px;
	margin-bottom: 10px;
	box-sizing: border-box;
}
footer .footermain .smilemembers input[type=text]::placeholder,
footer .footermain .smilemembers input[type=password]::placeholder {
	padding: 0 20px;
	font-size: 110%;
}
footer .footermain .smilemembers input[type=submit] {
	background-color: #01a54f;
	color: #fff;
	text-align: center;
	border: none;
	width: 160px;
	line-height: 25px;
	height: 25px;
	font-size: 90%;
	margin-top: 12px;
	border-radius: 0;
}
footer .footermain .footerbanners {
    position: relative;
	margin-top: 30px;
}
footer .footermain .footerbanners .other {
    position: absolute;
    left: 0;
    top: -50px;
}
footer .footermain .footerbanners ul {
	display: flex;
	justify-content: space-between;
}
footer .footermain .footerbanners ul li{
	float: left;
}


footer .copyright {
	padding: 20px 0 50px;
}
footer .copyright p{
    font-size: 1.15rem;
    color: #01a54f;
    text-align: center;
}


@media screen and (max-width: 768px){
	.pc {
		display: none !important;
	}
	html{
		overflow-x:hidden;
		min-width: 640px;
	}
	body{
		overflow-x:hidden;
		padding-top: 82px;
		position: relative;
	}
	header.sp {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: #fff;
		box-shadow: 0 0 5px #ccc;
		z-index: 111;
	}
	header.sp .header-inner {
		max-width: 94%;
		text-align: center;
	}
	header.sp .header-top .header-catch{
		font-size: 70%;
		float: none;
	}
	header.sp .header-top {
		padding: 5px 0;
	}
	header.sp .header-bottom {
		padding: 15px 0;
	}
	header.sp .header-bottom .logoarea {
		width: 250px;
		margin: 0;
	}
	
	
	#navToggle {
		position: absolute;
		left: 5px;
		top: 10px;
		width: 40px;
		height: 45px;
		cursor: pointer;
		z-index: 11;
	}

	#navToggle div {
		position: relative;
	}

	#navToggle span {
		display: block;
		position: absolute;
		width: 100%;
		height: 3px;
		border-radius: 10px;
		background-color: #000;
		-webkit-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}

	#navToggle span:nth-child(1) {
		top: 0
	}

	#navToggle span:nth-child(2) {
		top: 13px
	}

	#navToggle span:nth-child(3) {
		top: 26px
	}

	#navToggle p {
		font-size: 11px;
		margin: 32px 0 0;
		text-align: center;
	}

	nav{
		display: none;
	}
	
    .openNav #navToggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .openNav #navToggle span:nth-child(2),
    .openNav #navToggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    header.sp .header-bottom nav {
        display: none;
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
		height: 100%;
        min-height: 100vh;
        z-index: 9;
        background-color: rgba(255, 255, 255, 0.9);
		font-size: 14px;
    }
    header.sp .header-bottom nav ul {
        display: block;
        width: 100%;
        margin-top: 100px;
    }
    header.sp .header-bottom nav ul li a {
		display: block;
		text-align: center;
		padding: 15px 0;
		font-size: 1.6rem;
    }
    header.sp .header-bottom nav ul li:nth-of-type(n+2) a {
		border-top: 1px dashed #01a54f;
	}
    header.sp .header-bottom nav .sp_login {
		text-align: center;
		padding-top: 20px;
	}
    header.sp .header-bottom nav .sp_login a{
		display: block;
	}
	
	.sp_catch {
		padding: 35px 0;
		font-size: 1.8rem;
		color: #666;
		text-align: center;
	}
	
	#menutiles {
		padding: 0;
	}
	#menutiles ul li {
		width: 50%;
	}
	#top .postarea {
		padding-bottom: 0;
	}
	#top .postarea div .postlist li:not(:nth-of-type(3n+1)) ,
	#top .special .postlist li:not(:nth-of-type(3n+1)){
		margin-left: 0;
	}
	#top .postarea .postlist,
	#top .special .postlist{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	#top .postarea .postlist li,
	#top .special .postlist li{
		width: 280px;
		height: 500px;
		padding: 20px;
	}
	#top .postarea .postlist li:before {
		width: 75px;
		height: 75px;
	}
	#top .postarea .postlist .text h4 {
		font-size: 1.5rem;
		line-height: 2;
	}
	#top .postarea .postlist .text p {
		font-size: 1.1rem;
		height: 75px;
	}
	#top .postarea .postlist .catwrap {
		font-size: 1.1rem;
		padding: 20px 30px;
	}
	#top .postarea .tabbtn ul {
		display: flex;
		justify-content: space-between;
		width: 570px;
		max-width: 100%;
	}
	#top .postarea .tabbtn li {
		font-size: 100%;
	}
	#top .postarea .tabbtn li:nth-of-type(n+2) {
		margin-left: 0;
	}
	#top .postarea .alltab .postlist{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		width: 100%;
	}
	#top .postarea .alltab .postlist:not(:nth-of-type(3n+1)) {
		margin-left: 0;
	}
	
	#top .postarea .morebtn {
		padding: 20px 0;
	}
	
	#shop .contentmain {
		float: none;
		width: 100%;
	}
	#shop .sidebar {
		float: none;
		margin: 0 auto;
		width: 100%;
	}
	#shop .sidebar > div{
		float: left;
		width: 50%;
		padding: 0 15px;
	}
	
	#shop #news_sidebar > div{
		width: 100%;
	}
	
	#shop #news_sidebar #dm_side div:nth-of-type(3) ul{
		display: flex;
		flex-wrap: wrap;
	}
	
	#shop #news_sidebar #dm_side div:nth-of-type(3) ul li{
		width: 20%;
		margin-bottom: 15px;
	}
		
	#shop .contentmain li {
		width: calc(100%/2 - 30px);
		margin: 15px;
		box-shadow: 0 0 15px #eee;
	}
	#shop .contentmain li:not(:nth-of-type(3n-2)) {
		margin-left: 15px;
	}
	#shop .contentmain .image {
		height: 500px;
	}
	#shop .contentmain .image .imgLiquid {
		height: 50%;
		position: relative;
	}
	#shop .contentmain .image .overlay {
		height: 50%;
		position: relative;
		background-color: #fff !important;
	}
	#shop .contentmain .image .overlay > div:nth-of-type(1) span {
		opacity: 1;
	}
	#shop .contentmain .image .overlay > div:nth-of-type(2) p {
		opacity: 1;
		color: #000;
	}
	
	#shop .single-header {
		height: 300px;
	}
	#shop .single-header > div > p:nth-of-type(1) {
		font-size: 4rem;
	}
	#shop .shopdetail .toparea .mainimage {
		float: none;
		margin: 0 auto;
	}
	#shop .shopdetail .toparea .desc {
		float: none;
		width: 90%;
		margin: 0 auto;
	}
	#shop .morebtn {
		text-align: center;
	}
	#shop .shopdetail .botarea {
		padding-top: 30px;
	}
	#shop .shopdetail .botarea .botimage {
		float: none;
		margin: 30px auto;
	}
	#shop .shopdetail .botarea .desc {
		width: 90%;
		float: none;
		margin: 30px auto;
	}
	
	
	#fbArea {
		float: none;
		width: 500px;
		max-width: 100%;
		margin: 30px auto;
	}
	#fbArea iframe{
		height: 500px;
	}
	#pirikaArea {		
		float: none;
		max-width: 100%;
		margin: 30px auto;
		width: 500px;
	}
	footer .section-inner {
		padding: 0 50px;
	}
	footer .footer-top {
	}
	footer .logoarea {
		float: none;
		margin: 0 auto 45px;
		text-align: center;
	}
	footer .logoarea p {
		font-size: 120%;
		text-align: left;
	}
	footer .footermain .sitemap {
		font-size: 1.9rem;
	}
	footer .footermain .sitemap ul > div {
		float: none;
	}
	footer .footermain .sitemap ul > div:nth-of-type(2) {
		margin-left: 0;
	}
	footer .footermain .sitemap ul div li {
		padding: 10px 0;
		margin-bottom: 20px;
		border-bottom: 1px solid #fff;
	}
	footer .footermain .sitemap ul div li a{
		display: block;
	}
	footer .footermain .footerbanners {
		width: 230px;
		float: right;
		margin-top: 15px;
	}
	footer .footermain .footerbanners .other {
		position: relative;
		top: initial;
		left: initial;
	}
	footer .footermain .footerbanners ul {
		display: block;
		margin-top: 15px;
	}
	footer .footermain .footerbanners ul li {
		float: none;
		margin-bottom: 15px;
	}
	footer .copyright {
		padding: 20px 0;
	}
	/*
	footer .footermain .sitemap ul{
		text-align: left;
	}
	footer .footermain .smilemembers {
		float: none;
		margin: 30px auto;
	}
	footer .footermain .footerbanners .other {
		position: relative; 
		left: initial;
		top: initial;
		margin: 0 auto 20px;
		text-align: center;
	}
	footer .footermain .footerbanners {
		margin: 0 auto;
	}
	footer .footermain .footerbanners ul {
		display: block;
	}
	footer .footermain .footerbanners ul li {
		float: none;
		margin: 0 auto 20px;
		text-align: center;
	}
	*/
}
@media screen and (max-width: 414px){
	html{
	}
	header.sp .header-bottom nav {
		font-size: 2rem;
	}
	header.sp .header-bottom nav ul li a {
		font-size: 2.6rem;
	}
	#top .postarea .postlist .text h4 {
		font-size: 1.7rem;
		line-height: 1.5;
	}
	#top .postarea .postlist .text p {
		font-size: 1.4rem;
	}
	#top .postarea .postlist .catwrap {
		font-size: 1.4rem;
		line-height: 1.1rem;
	}
	#top .postarea .morebtn a {
		font-size: 2rem;
	}
	
	#shop .shopdetail .toparea .desc p:nth-of-type(1) {
		font-size: 1.7rem;
	}
	#shop .shopdetail .toparea .desc p:nth-of-type(2) {
		font-size: 3.6rem;
	}
	#shop .shopdetail .toparea .desc p:nth-of-type(3) {
		font-size: 1.7rem;
	}
	#shop .shopdetail .toparea .desc p:nth-of-type(4) {
		font-size: 1.6rem;
	}
	#shop .morebtn a {
		font-size: 1.4rem;
	}
	#shop .shopdetail .botarea .title p {
		font-size: 1.9rem;
	}
	#shop .shopdetail .botarea .desc dl dt {
		font-size: 1.7rem;
	}
	#shop .shopdetail .botarea .desc dl dd {
		font-size: 1.7rem;
	}
	#shop .sidebar h4 {
		font-size: 2rem;
	}
	#shop .sidebar dl a {
		font-size: 1.7rem;
	}
	
	footer .logoarea p {
		font-size: 115%;
	}
	footer .footermain .sitemap {
		font-size: 2.5rem;
		width: 280px;
	}
}

.txt-bk{
    color: #000 !important;
}

/***************************************************************/
/* カレンダーのCSS */
#calendar_box {
	margin-bottom: 10px;
}
.rsv_calendar {
	text-align: center;
	margin: auto;
}
.day_button {
	cursor: pointer;
	border: none;
	background: none;
	color: #000000;
	text-align: center;
	margin: 0 3px 0 3px;
}
.day_button:hover{
	text-decoration: underline;
	color: #002080;
}
.be_af_mm_area {
	display: flex;
}
.be_mm_form {
	width: 50%;
	margin-left: 10%;
	text-align: center;
}
.be_mm_button {
	cursor: pointer;
	border: none;
	background: none;
	color: #000000;
}
.be_mm_button:hover{
	text-decoration: underline;
	color: #002080;
}
.af_mm_form {
	width: 50%;
	margin-right: 10%;
	text-align: center;
}
.af_mm_button {
	cursor: pointer;
	border: none;
	background: none;
	color: #000000;
}
.af_mm_button:hover{
	text-decoration: underline;
	color: #002080;
}

/***************************************************************/
/* キーワードサーチボックスのCSS */
#searchform {
	width: 100%;
	display: flex;
}
#sea-box-hom {
	width: 80%;
	margin: 0px;
}
.inp-hom {
	width: 90%;
	height: 80%;
	margin: 1px 10% 1px 5%;
}
#sen-but-hom {
	width: 20%;
	margin: 0px;
}
.but-inp-hom {
	width: 100%;
	margin: 0px;
}

/***************************************************************/
/* single-event_postのサイドバーのCSS */
.sideber_area{
	display: flex;
	flex-direction: column;
}

.cal_bn {
    text-align: center;
    margin: 30px auto 20px auto;
    max-width: 460px;
}

.single_lyt{
    display: flex;
    flex-wrap: wrap;
}

.single_lyt dt{
    width: 15%;
    text-align: center;
    border-bottom: solid 1px #fff;
    padding: 10px;
    box-sizing: border-box;
    background-color: #094;
    color: #fff;
	display: flex;
	align-items: center;
}

.single_lyt dd{
    width: 85%;
    border-bottom: solid 1px #b6b6b6;
    padding: 10px 10px 10px 20px;
    box-sizing: border-box;    
}

.event_comment{
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 1.8;
}

.rel_box a{
    color: #094;
}

.rel_box a:hover{
    color: #abc553;
}

.side_post_wrap{
    width: 95%;
    margin: 0 auto;
}

.side_post_wrap li{
    margin-bottom: 10px;
    border-bottom: solid 1px #b6b6b6;
    padding-bottom: 10px;
}

.side_post{
    display: flex;
    flex-wrap: wrap;
}

.side_post .side_photo{
    width: 100px;
    height: 100px;    
    margin-right: 10px;
    box-sizing: border-box;
}

.side_post .side_photo a{
    display: block;
    width: 100%;
    height: 100%;
}

#shop .sidebar .side_text{
    width: calc(100% - 110px);
}

#shop .sidebar .side_text p{
    border-left: solid 3px #094;
    padding-left: 6px;
    margin-bottom: 7px;
}

#shop .sidebar .side_text h4{
    margin: 5px 0 0 0;
    padding: 0;
    font-weight: normal;
    border: none;
    font-size: 1.4rem;
}

#shop .sidebar .side_text h4 a{
    color: #094;
}

#shop .sidebar .side_text h4 a:hover{
    color: #abc553;
}

#shop .contentmain .info.east_bg{
    background-color: #01a54f;
}

.mt50{
    margin-top: 50px;
}

.active_event{
    text-align: center;
    background-color: #094;
    padding: 8px 10px;
    color: #fff;
    margin-bottom: 20px;    
}

#dm_side #calendar_box caption{
    font-size: 16px;
    margin-bottom: 10px;
    color: #094;
    border-bottom: solid 1px #094;
    padding-bottom: 5px;
    font-weight: bold;    
}

#dm_side #calendar_box #current input{
    background-color: #094;
    color: #fff;
    border-radius: 3px;
    padding: 2px 5px;    
    width: 2em;
}

#dm_side #calendar_box #current input:hover,
#dm_side #calendar_box input.day_button:hover{
    background-color: #abc553;
    color: #fff;
}

.be_af_mm_area input{
    color: #094;
}

#dm_side #calendar_box input:hover{
    color: #094;
    text-decoration: none;
}

.be_af_mm_area input:hover{
    color: #abc553;
    text-decoration: none;
}

#sea-box-hom input{
    padding: 10px;
    box-sizing: border-box;    
}

#sen-but-hom input[type="submit"]{
    padding: 5px;
}

.none_search{
    display: table;
    text-align: center;
    background-color: #094;
    color: #fff;
    padding: 10px 15px;
    margin: 0 auto;
    border-radius: 3px;
}

.none_search:hover{
    background-color: #abc553;
    color: #fff;
}

#shop .contentmain li.search_text{
    width: 100%;
    float: none;
    margin-bottom: 10px;
    border: none;
    text-align: center;
    height: auto;    
    font-size: 18px;
}

.news_list+p{
    margin-top: 30px;
}

.rsv_calendar{
    width: 80%;
}

li.event_end:before{
    background-image: url(images/tag_end.png);
}


/*0507追記*/

.rel_box {
    background: #f8f8f8;
    padding: 10px 15px;
    box-sizing: border-box;
}

.rel_box p{
	color:#094;
}
.rel_box a{
	color:#094;
	font-weight: bold;
	text-decoration: underline;
}
.rel_box h4{
border-left: solid 3px #094;
margin-bottom: 10px;
padding-left: 10px;
}

.rsv_calendar td form{
    position: relative;
}
.rsv_calendar td form:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #094;
    margin-left: -2px;
}
.rsv_calendar td form:hover:before{
    background: rgb(171, 197, 83);
}
.day_button {
    margin: 2px 3px 3px 3px;
}
dl.archive_lyt {
    padding: 0 20px;
    box-sizing: border-box;
    overflow: hidden;
}
dl.archive_lyt dt {
    display: inline-block;
    background: #094;
    color: #fff;
    margin-bottom: 5px;
    padding: 0px 4px;
    box-sizing: border-box;
    float: left;
    margin-right: 8px;
    width: 70px;
    text-align: center;
}
dl.archive_lyt dd {
    padding:0px 4px;
	box-sizing: border-box;

}
.news_list.news_list_event ul li .text p {
    padding: 0 20px;
	margin-top: 5px;
}
.news_list.news_list_event ul li {
    height: 380px;
}

.day_text {
    margin: 4px 3px 3px 3px;
    padding: 1px 6px;
    font-size: 13px;
    color: #888;
    font-weight: 400;
    font-family: Arial;
}

#dm_side #calendar_box input.day_button{
    border-radius: 3px;
    padding: 2px 5px;
    width: 2em;
    font-weight: bold;
}