/*
Theme Name: CALEND-OKINAWA
Theme URI: https://calend-okinawa.com/
Author: CALEND-OKINAWA
Author URI: https://calend-okinawa.com/
Description: Description
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: calend02
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

calend02 is based on Underscores https://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;


	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}
.displaynone {
	display: none;
}

a {
	background-color: transparent;
	text-decoration: none ;
}

a:active, a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}


b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 1.5em;
	margin: 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

.highlight {
font-size: 175%;
         background: linear-gradient(transparent 0%, #ffff66 0%);
}


sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}



pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}


input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid blue;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 16ƒƒpx;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

#post-indivi p {
	margin-bottom: 0;
	margin-top: 0;

}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
	max-width: 1100px;
	margin: 0 auto;
	padding: 0;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 2px solid;
	border-color: #252525;
	background: #252525;
	position:relative;
top:5px;
	color: white;
	font-size: 12px;
	font-size: 0.75em;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #444444;
background: #444444;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #808080;
background: #808080;
	}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: black;
}

a:visited {
	color: black;
}

a:hover,
a:focus,
a:active {
	color: silver;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation {
	clear: both;
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0 auto;
	padding-left: 0;
width:75%;
}

.main-navigation li {
	float: left;
margin-left:35px;
text-align:center;
	position: relative;
font-family: "Avenir-Light","Avenir","Corbel"; 
font-weight: lighter;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.main-navigation.toggled ul li {
	float:none;
width:100%;
border-bottom:1px solid #999;
padding:15px 5px;
margin:10px 0 0 0;
}

.main-navigation.toggled ul li a {

}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.site-main {
padding-top:20px;
clear:both;
}


.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.topSlider {
}

.sliderContent {
width:20%;
margin-left:2.5px;
margin-right:2.5px;
}

.topSlider a {
    position: relative;
    display: block;
}
.topSlider a .sliderText {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background-color:#fff;
    display: block;
    width: 100%;
    min-height: 40px;
    padding: 5px  10px;
    opacity:0.8;
    -moz-opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4em;
}
.topSlider a .sliderText p {
    line-height: 1.4em;
    color: #000;
    margin-top:5px;
    margin-bottom:10px;
}
.topSlider a .sliderText .categorySlider {
    color: #000;
    font-size: 12px;
    line-height: 1.2em;
    margin-top:10px;
    margin-bottom:0px;
}

.slick-prev:before,
.slick-next:before
{
    color: #fff;
}

.slick-prev {
z-index: 100;
    left: 5px;
}

.slick-next
{
    right: 5px;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}




/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## home
--------------------------------------------------------------*/

.site-branding {
width:50%;
float:left;
padding-top:10px;
height:90px;
}

.site-title {
text-align: center;
margin-top:0px;
}


.site-search {
width:25%;
float:right;
}
.site-search form {
float:right;
}


.site-search2 {
width:25%;
margin:0 auto;
}

.site-search2 form {
float:right;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}
.search-field {
width:70%;
height:22px;
margin:5px 0 0 5px;
padding:3px 15px 3px 30px;
    background: url('./images/search.png') no-repeat 8px 6px;
float:right;
}

.search-field2 {
width:80%;
height:22px;
padding:3px 15px 3px 30px;
    background: url('./images/search.png') no-repeat 8px 6px;
float:right;
}

.search-submit {
height:30px;
float:right;
}

#page {
width:100%;
}


.top-sns {
width:25%;
float:left;
}

.top-sns ul {
list-style:none;
float:left;
padding:0;
margin-top:5px;
margin-left:0;
overflow:hidden;
}

.top-sns ul li {
float:left;
width:20px;
margin-right:10px;
}



.home-title {
        position: relative;
	text-align: center;
        width:70%;
        margin:0 auto;
        font-family: "AvenirNext-UltraLight","Avenir Next","Gadugi"; 
        font-weight: 100;
}


.home-title-ja {
        position: relative;
	text-align: center;
        width:70%;
margin:0 auto;
font-family: "AvenirNext-UltraLight","Avenir Next","Gadugi"; 
font-weight: 100;
	font-size:0.95em;
}


h2 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
}
h2::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}


.title-describe {
        display: block;
	margin-top: .1em;
	color: #696969;
	font-size:5em;
	font-weight: lighter;
}



.new_box {
overflow: hidden;
margin-top:80px;
width:100%;
}



.article_new {
display: inline-block;
    vertical-align: top; 
-ms-word-wrap: break-word;
word-wrap: break-word;
}

.feature-article {
	width:24%;
	margin-right:0.3%;
	margin-left:0.3%;
}

.categorypage {
	width:24%;
	margin-right:0.34%;
	margin-left:0.34%;
}

.into-four {
	width:24%;
	margin-right:0.34%;
	margin-left:0.34%;
}

.regular-feature {
	width:18%;
	margin-right:0.79%;
	margin-left:0.79%;
}


.shop-news {
	width:15.5%;
	margin-right:0.35%;
	margin-left:0.35%;
}

.fun-job {
	width:15.5%;
	margin-right:0.35%;
	margin-left:0.35%;
}

.event-info{
        width:13.04%;
	margin-right:0.4%;
	margin-left:0.4%;
}

.into-seven {
        width:13.25%;
	margin-right:0.3%;
	margin-left:0.3%;
}


.snap {
        width:13.25%;
	margin-right:0.3%;
	margin-left:0.3%;
}
.related-entry {
        width:13.25%;
	margin-right:0.34%;
	margin-left:0.34%;
overflow: hidden;
float:left;
}

.related-entry-thumb {
margin-bottom:0;
}

.related-entry-title {
margin-top:0;
font-size:0.8em;
}

.post {

}

.content-area {
width:100%;
}


#post-indivi {
width:96%;
margin-left:2%;
overflow:hidden;
}

.post-title {
font-size:0.9em;
margin-top:0;
margin-bottom:0;
}

.post-title a {
	color: #000000;
}

.post-title a:active,
.post-title a:hover {
	outline: 0;
	color:#696969;
}

.new-smp {
margin-bottom:0;
}

.thumbnail-box {
margin-top:30px;
margin-bottom:0;
}

.post-meta {
font-size:0.8em;
margin-bottom:0;
padding-bottom:0;
margin-top:0;
font-family: "Avenir-Light","Avenir","Corbel"; 
font-weight: lighter;
}

.home-category a {
color:#696969;
cont-weight:bold;
}


.post-date {
	font-size:0.7em;
	font-weight:bold;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-style: italic;
	letter-spacing:0.1em;
	float:right;
	margin-top:0;
	margin-right:5px;
}




/*--------------------------------------------------------------
## page
--------------------------------------------------------------*/
h1.entry-title {
font-size:1.1em;
margin-bottom:5px;
margin-top:0px;
}

.entry-attached {
font-size:0.8em;
font-family: "Avenir-Light","Avenir","Corbel";
float:left;
width:25%;
margin-right:5%;
}

.entry-attached ul {
margin:0;
padding:0;
}

.entry-attached ul li {
list-style:none;
padding:5px;
border-bottom: 1px solid #ccc;
}
.cat-links {
}


.entry-meta {
float:right;
font-size:13px;
margin-bottom:55px;
        font-weight:bold;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-style: italic;
	letter-spacing:0.1em;
}

.entry-content {
margin-top:0;
margin-right:15%;
width:55%;
float:right;
}

.entry-content img {
margin-bottom:0px;
padding-bottom:0px;
}

.entry-content p {
font-size:0.9em;
}

p.bodycaption {
color: #999; 
font-size: 0.8em;
margin-top:0;
padding-top:0;
margin-bottom:10px;
}

p.bodyhead { 
font-size: 1.1em;
font-weight:bold;
}


.entry-header {
width:55%;
margin-right:15%;
margin-top:0px;
margin-bottom:10px;
float:right;
}


.width450 {
width:450px;
}

.tagbox {
margin-bottom:15px;
background-color:tomato;
clear: both;
}

ul.tags {
list-style:none;
margin-left:0;
margin-top:0;
padding-left:0;
}

ul.tags li a {
border:solid 1px #999999;
float:left;
font-size:0.8em;
padding:2px 5px;
margin-right:10px;
margin-bottom:5px;
}

ul.snsicon {
list-style:none;
margin:0 auto;
padding:0 0 0 10px;
width:115px;
margin-top:10px;
overflow:hidden;
}

ul.snsicon li {
float:left;
width:24px;
margin-right:10px;
}


/*--------------------------------------------------------------
## footer
--------------------------------------------------------------*/
.site-info {
 text-align:center;
clear:both;
margin-top:50px;
}

small {
 font-family:Garamond,serif;
}


/*--------------------------------------------------------------
## タグページ
--------------------------------------------------------------*/

#secondary {
clear:both;
}

.page-title {
padding:0;
margin:10px auto 0 auto;
font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-weight:200;
font-size:0.9em;
text-align:center;
}


.tablenav {
padding-top:0;
padding-bottom:40px;
    clear:both;
    color: #000000;
    margin: 1em auto;
    line-height:2em;
    text-align:center;
}
 
a.page-numbers, .tablenav .current {
    color: #000000;
    padding: 2px .4em;
    border:solid 1px #ccc;
    text-decoration:none;
font-size:smaller;
    
}
 
a.page-numbers:hover {
    color:white;
    background: #000000;

}
 
.tablenav .current {
    color: white;
    background: #000000;
    border-color: #000000;
}
 
.tablenav .next, .tablenav .prev {
    border:0 none;
    background:transparent;
font-size:smaller;
}

/* Begin Calendar Area */
.cal-area {
width:100%;
margin-top:20px;
height:130px;
}
.cal {
width:560px;
padding-bottom: 20px;
margin:0 auto;
}

table {
float: left; /*蜿ｳ縺ｫ蟇�○繧�*/
margin-top:0px;
margin-right:4px; 
margin-bottom:10px;
padding: 0; 
        } 

/* 譖懈律 */
table.weekname {
color: #666666;
font-family: Verdana, "�ｭ�ｳ 繧ｴ繧ｷ繝�け", "Osaka�咲ｭ牙ｹ�";
font-size: 0.75em;
width: 180px;
height: 180px;
/* 蠅�阜邱� */
border-top: 1px solid #dddddd;
border-left: 1px solid #dddddd;
background-color:#FFFFFF;
/* /蠅�阜邱� */
}
table.weekname td {
/* 蠅�阜邱� */
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
/* /蠅�阜邱� */
}
/* 譌･譖懈律 */
table.weekname td.sunday {
color: #FF3399;
}
.weekname td.sunday a:hover {
color: #66CC33;
}
.weekname td.sunday a:visited {
color: #FF3399;
}
.weekname td.sunday a{
color: #FF3399;
}


/* 蝨滓屆譌･ */
table.weekname td.saturday {
color: #3399CC;
}
.weekname td.saturday a:hover {
color: #66CC33;
}
.weekname td.saturday a:visited {
color: #3399CC;
}
.weekname td.saturday a {
color: #3399CC;
}


/* 莉頑律 */
table.weekname td.today {
font-weight:bold;
color:  #000000;
}
.weekname td.today a:hover {
color: #66CC33;
}
.weekname td.today a:visited {
color: #000000;
}
.weekname td.today a{
color:  #000000;
}


/* 譛磯俣繝ｪ繝ｳ繧ｯ濶ｲ */
.weekname a {
text-decoration:underline;
color:#666666;
}
.weekname a:visited {
color:#666666;
}
.weekname a:hover {
color: #66CC33;
}

/* 繧ｫ繝ｬ繝ｳ繝€繝ｼ */
table.calendar {
background-color:#FFFFFF;

color: #999999;
font-family: Verdana, "�ｭ�ｳ 繧ｴ繧ｷ繝�け", "Osaka�咲ｭ牙ｹ�";
font-size: 10px;
width: 180px;
/* 蠅�阜邱� */
border-top: 1px solid #dddddd;
border-left: 1px solid #dddddd;
/* /蠅�阜邱� */
}
table.calendar td {
text-align: center;
padding: 3px;
/* 蠅�阜邱� */
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
/* /蠅�阜邱� */
}
/* 譌･莉倥そ繝ｫ */
table.calendar td.cell {
}
/* 譛育ｧｻ蜍輔そ繝ｫ */
table.calendar td div.calendar_month {
letter-spacing: 1px;
}


/* /End Calendar Area */

@media only screen and (max-width: 768px) {

body {

}

#page {
                  width:95%;
                  margin:0 auto;
overflow:hidden;
}

.site-branding {
width:60%;
float:left;
padding-top:10px;
height:90px;
}

.site-title {
text-align: center;
margin-top:0px;
}

.site-search form {
display:none;
}

.site-search2 {
width:65%;
margin-left:9%;
}

.main-navigation ul {
width:100%;
}

.main-navigation li {
	float: left;
margin-left:20px;
}

.main-navigation li a {
        font-size:0.9em;
}

.new_box {
margin-top:40px;
}

.home-title {
        width:70%;
}

.thumbnail-box {
margin-top:20px;
margin-bottom:0;
}

.entry-attached {
                  float:none;
                  width:100%;
}

.entry-header {
                  width:100%;
                  margin-top:0px;
                  float:none;
}

.entry-content {
                  margin-top:1em;
                  width:100%;
                  float:none;
}

.width450 {
                  width:450px;
                  margin:0 auto;
}

.feature-article {
width:31.8%;
margin-right:0.5%;
margin-left:0.5%;
}

.into-five {
width:18.2%;
margin-right:0.31%;
margin-left:0.31%;
}

.into-six {
	width:15.2%;
	margin-right:0.32%;
	margin-left:0.32%;
}



.event-info {
        width:18%;
	margin-right:0.68%;
	margin-left:0.68%;
}

.shop-news {
        width:18%;
	margin-right:0.68%;
	margin-left:0.68%;
}

.snap {
	width:18.1%;
	margin-right:0.34%;
	margin-left:0.34%;
}

.fun-job{
        width:18.6%;
	margin-right:0.34%;
	margin-left:0.34%;
}

.regular-feature {
        width:18.6%;
	margin-right:0.34%;
	margin-left:0.34%;
}

.related-entry {
        width:100%;
float:none;
clear:both;
border-bottom:solid 1px #d3d3d3;
padding-top:5px;
padding-bottom:5px;
}

.related-entry-thumb {
margin-bottom:0;
        width:20%;
float:left;
}

.related-entry-content {
float:right;
        width:78%;
}

.categorypage {
	width:23.7%;
	margin-right:0.34%;
	margin-left:0.34%;
}
}

@media only screen and (max-width: 590px) {

.site-branding {
width:95%;
margin:0 auto;
float: none;
padding:10px 0 0 0;
height:50px;
}

.site-title {
text-align: center;
margin-top:0px;
}

.site-search2 {
width:80%;
}

.top-sns {
display:none;
}

.site-search form {
display:none;
}

.cal {
width:370px;
}

.first-cal {
display:none;

}


.new_box {
margin-top:30px;
}

.slick-prev:before,
.slick-next:before
{
    font-size: 25px;
}


.slick-prev {
z-index: 100;
    left: 0;
}

.slick-next
{
    right: 0;
}

.home-title {
        width:90%;
}

.thumbnail-box {
margin-top:10px;
margin-bottom:0;
}

h2 span {
	margin: 0 1em;
	padding: 0 1em;
	background-color: #fff;
}

.feature-article {
        width:99%;
	margin-right:0.5%;
	margin-left:0.5%;
}

.event-info {
        width:44%;
	margin-right:2%;
	margin-left:2%;
}

.shop-news {
        width:45%;
	margin-right:2%;
	margin-left:2%;
}

.fun-job {
        width:44%;
	margin-right:2%;
	margin-left:2%;
}

.regular-feature {
        width:99%;
	margin-right:0.5%;
	margin-left:0.5%;
}


.snap {
        width:29%;
	margin-right:1%;
	margin-left:1%;
}

.categorypage {
	width:99%;
	margin-right:0.5%;
	margin-left:0.5%;
}

.width450 {
width:100%;
}
}