@charset "utf-8";

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, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
ul, li { list-style: none; }
blockquote, q { quotes: mapnone; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
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 #000; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; margin: 0; padding: 0; }
input, select { vertical-align: middle; }
a img { border: none; }
img { vertical-align: top; margin: 0; padding: 0; }


/* ---------------
 BASIC
-------------------------------------------------------*/
body {
	font-size: 75%;
	line-height: 1.6;
	text-align: center;
	font-family: AvenirLTStd-Medium, "游ゴシック体", "Yu Gothic", YuGothic, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #fff;
	position: relative;
	/*border-top: 3px solid #cc071e;*/
	color: #000;
	overflow-x: hidden;
	word-break: break-all;
	-webkit-text-size-adjust: 100%;
}
body * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body.top { background: #f3f3f3; }
html, body { height: 100% }

a:link {
	color: #333;
	text-decoration: none;
	outline: none;
}
a:visited {
	color: #333;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #333;
	text-decoration: underline;
	outline: none;
}
 #side .s-btn-wrap li .btn,
.on a img,
.op {
	-webkit-transition: all 0.3s ease-in-out 0;
	-moz-transition: all 0.3s ease-in-out 0;
	-ms-transition: all 0.3s ease-in-out 0;
	transition: all 0.3s ease-in-out 0;
}
#side .s-btn-wrap li .btn:hover,
.on a:hover img,
.op:hover  {
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70)";
	-moz-opacity: 0.7;
	-webkit-opacity: 0.7;
	opacity: 0.7;
	-webkit-transition: all 0.3s ease-in-out 0;
	-moz-transition: all 0.3s ease-in-out 0;
	-ms-transition: all 0.3s ease-in-out 0;
	transition: all 0.3s ease-in-out 0;
}
.hide {
	display: block;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
}
/* clearfix */
.cf { }
.cf:after { content: ""; display: block; clear: both; height:0; overflow: hidden; }
* html .cf { zoom: 1; }
*:first-child+html .cf { zoom: 1; }

.up {
	margin: 0 0 0 5px;
	color: #c31727;
	/*font-family: 'Roboto Condensed', sans-serif;*/
	font-size: 12px;
}

/* ---------------
ICON FONT
-------------------------------------------------------*/
/*.ifs { font-size: 20px; }
.ifc1 { color: #fff; }

.webf1 { font-family: 'Roboto Condensed', sans-serif; }
.webf2 { font-family: 'Didot','Old Standard TT', serif; }*/

/* ---------------
 mega menu
-------------------------------------------------------*/

.nav-menu {
	width: 1200px;
	margin: 0 auto;
	padding: 0 0 0 50px;
}

.sub-nav {
	position: absolute;
	display: none;
	top: 40px;
	background: #fefefe;
	left: 0;
	text-align: left;
}
.sub-nav.open {
	display: block;
}
.sub-nav ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	width: 100%;
}
.sub-nav ul li {
	display: block;
	font-size: 12px;
	line-height: 1.8;
}

.sub-nav ul li a {
	text-decoration: none;
	padding: 8px 16px;
	display: block;
	background: #fff;
	border-top: 1px solid #eee;
}
.sub-nav ul li a:hover { background: #eeeeee;}
.sub-nav .sub-nav-group {
	font-size: 13px;
	display: inline-block;
	vertical-align: top;
	min-width: 200px;
	font-weight: bold;
}


/* ---------------
 HEADER
-------------------------------------------------------*/
.header-wrap {
	width: 100%;
	height: 90px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	position: relative;
}
.header-wrap .logo-wrap {
	float: left;
	display: block !important;
}
.header-wrap .logo-wrap .ttl {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: bottom;
	margin: 15px 10px 0 0;
}

.nav-item {
	float: right;
	width: 720px;
	/*margin: 12px 0 0 0;*/
}

.main_menu {
}

.main_menu li {
	display: inline-block;
	margin-right: 10px;
	/*background: #000;
	padding: 5px;*/
}

.main_menu .megamenu_1 {
	width: 50px;
}
.main_menu .megamenu_2 {
	width: 95px;
}
.main_menu .megamenu_3 {
	width: 95px;
}
.main_menu .megamenu_4 {
	width: 90px;
}
.main_menu .megamenu_5 {
	width: 65px;
}
.main_menu .megamenu_6 {
	width: 50px;
}
.main_menu .megamenu_7 {
	width: 60px;
}
.main_menu .megamenu_8 {
	width: 95px;
}

.main_menu li > a {
	display: inline-block;
	padding: 36px 0;
	color: #000;
	text-decoration: none;
	font-size: 12px;
}
.main_menu li > a span {
	width: 91px;
}
.main_menu li > a span.jp {
	display: none;
}
.main_menu li > a span.en {
	
}
.main_menu li > a:hover span.line {
	border-bottom: 2px solid #c31727;
}
.main_menu li > a:hover span.jp {
	display: inline-block;
	width: 91px;
}
.main_menu li > a:hover span.en {
	display: none;
}

.megamenu {
	display: none;
	position: absolute;
	top: 90px;
	left: 0;
	padding: 37px 0;
	width: 100%;
	background: #c31727;
	color: #fff;
}
.megamenu .inner {
	width: 1200px;
	margin: 0 auto;
	padding: 0 50px;
}


.megamenu_3 .inner .link-wrap {
	/*float: left;*/
	display: inline-table;
	margin: 0 11px 10px 0;
	width: 282px;
	line-height: 1.5;
}
.megamenu_3 .inner .link-wrap h2 {
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #fff;
	font-size: 16px;
}
.megamenu_3 .inner .link-wrap a {
	padding: 0;
	color: #fff;
	display: inline-block;
}
.megamenu_3 .inner .link-wrap a:hover {
	text-decoration: underline;
}
.megamenu_3 .inner .link-wrap .left {
    float: left;
    width: 123px;
}
.megamenu_3 .inner .link-wrap .right {
    float: right;
    width: 155px;
}

.megamenu_3 .inner .link-wrap .h-nav li {
	padding-left: 13px;
	letter-spacing: -1px;
}
.megamenu_3 .inner .link-wrap .h-nav li:before {
	content: '- ';
	margin-left: -1em;
}

.megamenu_3 .inner .link-wrap:nth-child(2) {
	width: 310px;
}
.megamenu_3 .inner .link-wrap:nth-child(2) .left {
	width: 100px;
}
.megamenu_3 .inner .link-wrap:nth-child(2) .right {
	width: 207px;
}

.megamenu_3 .inner .link-wrap:nth-child(3) {
	width: 184px;
}
.megamenu_3 .inner .link-wrap:nth-child(3) .left {
	width: 70px;
}
.megamenu_3 .inner .link-wrap:nth-child(3) .right {
	width: 100px;
}

.megamenu_3 .inner .link-wrap:nth-child(4) {
	margin: 0;
	width: 280px;
}
.megamenu_3 .inner .link-wrap:nth-child(4) .left {
	width: 112px;
}
.megamenu_3 .inner .link-wrap:nth-child(4) .right {
	width: 167px;
}
/* 20181031add */
.megamenu_3 .inner .link-wrap:nth-child(6) {
	margin: 0;
	width: 310px;
}
/* 20181031add */

.megamenu_2 .inner .link-wrap a,
.megamenu_4 .inner .link-wrap a {
	padding: 0;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
}
.megamenu_4 .inner .link-wrap .h-image-nav li {
	float: left;
	width: 240px;
	margin: 0 40px 0 0;
}
.megamenu_4 .inner .link-wrap .h-image-nav li:last-child {
	margin: 0;
}
.megamenu_4 .inner .link-wrap .h-image-nav li a {
	display: block;
}
.megamenu_4 .inner .link-wrap .h-image-nav li a div {
	margin-bottom: 10px;
}
.megamenu_4 .inner .link-wrap .h-image-nav li a span {
	display: inline;
}
.megamenu_4 .inner .link-wrap .h-image-nav li a:hover .text-link-inner {
	text-decoration: underline;
}
.megamenu_4 .inner .link-wrap .h-image-nav li a .text-link:before {
	content: '- ';
	vertical-align: text-bottom;
}

.megamenu_2 .inner .link-wrap .h-nav li,
.megamenu_4 .inner .link-wrap .h-nav li,
.megamenu_6 .inner .link-wrap .h-nav li {
	display: inline;
}
.megamenu_2 .inner .link-wrap .h-nav li a:hover,
.megamenu_4 .inner .link-wrap .h-nav li a:hover,
.megamenu_6 .inner .link-wrap .h-nav li a:hover {
	text-decoration: underline;
}
.megamenu_2 .inner .link-wrap .h-nav li,
.megamenu_4 .inner .link-wrap .h-nav li,
.megamenu_6 .inner .link-wrap .h-nav li {
	padding-left: 3em;
}
.megamenu_2 .inner .link-wrap .h-nav li:before,
.megamenu_4 .inner .link-wrap .h-nav li:before,
.megamenu_6 .inner .link-wrap .h-nav li:before {
	content: '- ';
	margin-left: -1em;
	vertical-align: text-bottom;
}


.megamenu_6 .inner .link-wrap a {
	padding: 0;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
}
.megamenu_6 .inner .link-wrap .h-image-nav li {
	float: left;
	width: 240px;
	margin: 0 40px 0 0;
}
.megamenu_6 .inner .link-wrap .h-image-nav li:last-child {
	margin: 0;
}
.megamenu_6 .inner .link-wrap .h-image-nav li a {
	display: block;
}
.megamenu_6 .inner .link-wrap .h-image-nav li a div {
	margin-bottom: 10px;
}
.megamenu_6 .inner .link-wrap .h-image-nav li a span {
	display: inline;
}
.megamenu_6 .inner .link-wrap .h-image-nav li a:hover .text-link-inner {
	text-decoration: underline;
}
.megamenu_6 .inner .link-wrap .h-image-nav li a .text-link:before {
	content: '- ';
	vertical-align: text-bottom;
}
.megamenu_6 .inner .link-wrap .h-image-nav li a .text-02 {
	font-size: 13px;
	font-weight: normal;
}
.megamenu_6 .inner .link-wrap .h-image-nav li .h-nav li {
	margin-bottom: 10px;
}
.megamenu_6 .inner .link-wrap .h-image-nav li .h-nav li a {
	display: inline;
}



.header-wrap .tel {
	position: absolute;
	top: 20px;
	right: 0;
}
.tel .call {
	font-size: 24px;
	font-weight: bold;
	display: block;
}
.header-wrap .tel p { color: #000; }
.header-wrap .tel,
.header-wrap .tel p span,
.header-wrap .cam-top,
.reservations .tel,
.reservations .tel p span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}
.header-wrap .tel p .bg-contact,
.reservations .tel p .bg-contact {
	background: url(../images/ico/tel.png) no-repeat left center;
	width: 96px;
	height: 31px;
}
.header-wrap .tel p .number,
.reservations .tel p .number {
	font-size: 28px;
	letter-spacing: 2px;
	line-height: 1;
}

.header-wrap .inner ul {}
.header-wrap .inner ul li {
	display: block;
	vertical-align: middle;
}
.header-wrap .inner ul .bg-cam {
	background: url(../images/btn/btn-cam.png) no-repeat center center;
	width: 173px;
	height: 31px;
}


/* ---------------
 NAV
-------------------------------------------------------*/
.page-header {
	position: absolute;
	/*padding: 17px 0;*/
	width: 100% !important;
	min-width: 1200px;
	z-index: 10000;
	clear: both;
}
.page-header.sticky {
	position: fixed;
	top: 0;
	/*background: url(../images/common/bg-pattern-1.png);*/
	/*padding: 17px 0;*/
	background: #fff;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}


/* ---------------
 google_translate_element 20180813
-------------------------------------------------------*/
#google_translate_element {
  float: right;
  padding: 29px 0;
}
#google_translate_element img {
  display: inline !important;
}
#examination .goog-te-gadget-icon {
  margin-left: 2px;
  margin-right: 2px;
}
#examination .goog-te-menu-value img {
  margin-left: 2px;
  margin-right: 2px;
}

/* ---------------
 SLIDER
-------------------------------------------------------*/
#slider .sp-image-container img {
	margin-top: 0 !important;
}
.sp-previous-arrow:before, .sp-previous-arrow:after, .sp-next-arrow:before, .sp-next-arrow:after {
	width: 17% !important;
}
.sp-button {
	border: none !important;
	background: #bebebe !important;
}
.sp-selected-button {
	background: #626262 !important;
}
.sp-fade-arrows {
	opacity: 1 !important;
}




/* ---------------
 CONTENTS TOP
-------------------------------------------------------*/
/* .white {
	background-color: #fff;
}
.white.padding {
	padding: 0 0 90px 0;
}*/
.content-wrap {}
.content-inner {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 0 50px;
	text-align: left;
}
.content-inner.col1 {
	width: 100%;
}

#googlemap {
	margin: 50px auto 0 auto;
	width: 100%;
	height: 530px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}

#access #googlemap {
	margin: 27px auto 0 auto;
	height: 350px;
}

/* gotop */
.gotop {
	width: 75px;
	height: 60px;
	z-index: 99999999;
	position: fixed;
	bottom: 77px;
	right: 60px;
	opacity: 1;
	cursor: pointer;
}
.gotop .text {
	width: 75px;
	height: 10px;
	display: block;
	margin: 8px 0 0 0;
	letter-spacing: -0.5px;
}
.gotop i {
	display: block;
	font-size: 16px;
}
.gotop:hover {
	font-weight: bold;
	text-decoration: none;
}

/* ---------------
 PANKUZU
-------------------------------------------------------*/
.pankuzu { margin: 16px 0 0 0; }
.pankuzu li { float: left; }
.pankuzu li .arrow {
	margin: 0 10px;
	font-size: 10px;
	font-weight: bold;
}
.pankuzu li a {}


/* ---------------
 SIDE
-------------------------------------------------------*/
#side {
	width: 230px;
	float: right;
}
#side a:hover img {
	opacity: 0.7;
}


#side .s-ttl-wrap {
	border-top: 3px solid #000;
	/*border-bottom: 1px solid #000;*/
	padding: 17px 0;
	color: #000;
}
#side .s-ttl-wrap .ttl { float: left; }
#side .s-ttl-wrap .ttl span {
	display: block;
	line-height: 1.2;
}
#side .s-ttl-wrap .ttl .jp { font-size: 16px; }
#side .s-ttl-wrap .ttl .en {
	margin: 4px 0 0 0;
}
#side .s-ttl-wrap .s-menu {
	display: block;
	font-size: 20px;
	float: right;
	text-decoration: none;
	color: #ccc;
}
#side .s-ttl-wrap .s-menu:hover { color: #999; }
#side .s-ttl-wrap .s-menu i {}
.post-common {}
.post-common li {}
.post-common li:first-child { margin: 0; }
.post-common li .img {}
.post-common li .img a {}
.post-common li .txt {}
.post-common li .txt .time {
	margin: 10px 0 0 0;
	letter-spacing: 1px;
}
.post-common.news li .txt .time {
	margin: 0;
}
.post-common.news li > ul li:nth-child(1):before,
.post-common.news li > ul li:nth-child(2):before,
.post-common.news li > ul li:nth-child(3):before {
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 27px;
	color: #fff;
	line-height: 37px;
	text-align: center;
	font-size: 11px;
	float: left;
	margin: 0 10px 0 0;

}
.post-common.news li > ul li:nth-child(1):before {
	content: '1';
	background: url(../images/ico/icon-ranking-1.png) no-repeat;
}
.post-common.news li > ul li:nth-child(2):before {
	content: '2';
	background: url(../images/ico/icon-ranking-2.png) no-repeat;
}
.post-common.news li > ul li:nth-child(3):before {
	content: '3';
	background: url(../images/ico/icon-ranking-3.png) no-repeat;
}
.post-common.news li > ul li a {
	display: inline-block;
	vertical-align: middle;
	width: 184px;
	line-height: 1.4;
}




.post-common li .txt a {
	margin: 2px 0 0 0;
	display: block;
	text-decoration: none;
}
/*.post-common li .txt a:hover {
	color: #cc071e;
}*/
.post-common li .txt .ttl {
	line-height: 1.5;
	font-weight: normal;
}
.post-common.news {
	background: url(../images/common/line-style-01.png)repeat-x center top;
}
.post-common.news li {
	background: url(../images/common/line-style-01.png)repeat-x center bottom;
	padding: 20px 0;
}
.post-common.news li:first-child {
	border-top: none;
}
.post-common.news li a:hover {
	color: #cc071e;
}
.post-common.news li.widget.widget_views {
	padding: 0;
	background-image: none;
}
.post-common.news li.widget.widget_views .widgettitle { display: none; }
.post-common.news li.widget.widget_views .views {
	background-color: #eee;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 6px;
	padding: 0 4px;
	font-size: 9px;
	letter-spacing: 1px;
	border-radius: 2px;
	display: none !important;
}


#side .s-banner { margin: 50px 0 0 0; }
#side .s-banner li { margin: 16px 0 0 0; }
#side .s-banner li:first-child { margin: 0; }
#side .s-banner li img {
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px 0px;
	-ms-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px 0px;
	box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.side-banner-area {}
.side-banner-area p {
	margin: 10px 0 0 0;
	font-weight: bold;
}
.side-banner-area ul {}
.side-banner-area ul li { margin: 12px 0 0 0; }
.side-banner-area ul li a { display: block; border: 1px solid #eee; padding: 1px;}
.side-banner-area ul li a img {
	max-width: 100%;
}

.side-banner-area .case {
	margin: 40px 0 0 0;
	padding: 40px 0 0 0;
	border-top: 2px solid #000;
}




#side .shop-info {
}
#side .shop-info .shop-info-inner {
	border: 2px solid #000;
	margin: 40px 0 0 0;
	padding: 20px;
}
#side .shop-info .shop-info-inner .ttl {
	color: #000;
	font-size: 14px;
	text-align: center;
	border-bottom: 1px dotted #000;
	padding: 0 0 16px 0;
}
#side .shop-info .shop-info-inner .inner {
	margin: 20px 0 0 0;
}
#side .shop-info .shop-info-inner .inner .ttl-sub {
	font-size: 12px;
	color: #000;
}
#side .shop-info .shop-info-inner .inner .list {
	margin: 6px 0 0 0;
}
#side .shop-info .shop-info-inner .inner .list li {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
	line-height: 1.8;
}
#side .shop-info .s-btn-wrap {
	width: 100%;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}
/*#side .shop-info .s-btn-wrap li {
	margin: 10px 0 0 0;
}*/
#side .shop-info .s-btn-wrap li a { text-decoration: none; }
#side .shop-info .s-btn-wrap li .btn {
	display: block;
	padding: 8px;
	width: 100%;
	height: 35px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#side .shop-info .s-btn-wrap li .btn:hover {
	background: #000;
	color: #fff;
	opacity: 1;
}
/* #side .s-btn-wrap li .btn.red {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ec224d', endColorstr = '#cf002c');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ec224d', endColorstr = '#cf002c')";
	background-image: -moz-linear-gradient(top, #ec224d, #cf002c);
	background-image: -ms-linear-gradient(top, #ec224d, #cf002c);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ec224d), to(#cf002c));
	background-image: -webkit-linear-gradient(top, #ec224d, #cf002c);
	background-image: linear-gradient(top, #ec224d, #cf002c);
	color: #fff;
	letter-spacing: 1px;
}*/


/*  サイドのアコーディオン*/

#side .ac-menu dt {
	display:block;
	position: relative;
	padding: 18px 0;
	margin: 20px 0 0 0;
	background:#fff;
	border: 1px solid #000;
	font-weight: bold;
	text-align:center;
	cursor:pointer;
}
#side .ac-menu dd a {
	display: block;
	padding: 20px;
	border-bottom: 1px solid #000;
}
#side .ac-menu dt:first-child {
	margin-top: 0;
}
#side .ac-menu dt .arrow {
	position: absolute;
	top: 20px;
	right: 10px;
}
#side .ac-menu dt .arrow i {
	font-weight: bold;
}
#side .ac-menu dt .ti-angle-up {
	display: block;
}
#side .ac-menu dt .ti-angle-down {
	display: none;
}

#side .ac-menu dt.active .ti-angle-up {
	display: none;
}
#side .ac-menu dt.active .ti-angle-down {
	display: block;
}
#side .ac-menu dd {
	display: none;
	background: #fff;
}
#side .ac-menu dd h3 {
	padding: 20px 5px 0 5px;
}
/*#side .ac-menu dd a {
	display: block;
	padding: 20px;
	border-top: 1px solid #f8f8f8;
}*/


/* ---------------
 POST
-------------------------------------------------------*/
.post-wrap {
	margin: 0 20px 0 0;
}
.post-wrap:last-child {
	margin: 0;
}
/*バナー全体のサイズ*/
.post-wrap .image-link {
    position: relative;
    width: 260px;
    height: 200px;
}
/*マウスオーバーするマスク*/
.post-wrap .image-link .mask{
    position: absolute;
    top: 0;
    left: 0;
	opacity: 0;
    width: 100%;
    height: 100%;
	background-color: rgba(0,0,0,0.8);
    overflow: hidden;
	-webkit-transition:	all 0.2s ease;
	transition: all 0.2s ease;
}
/*アイコン*/
.post-wrap .image-link .icon {
	padding: 90px 0 0 0;
	background: none;
    color: #fff;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic;
    font-size: 15px;
	font-weight: bold;
	text-align: center;
}
.post-wrap .image-link .icon .arrow {
    font-size: 15px;
	font-weight: bold;
}
/*マウスオーバーしたとき*/
.post-wrap a:hover .image-link .mask {
    opacity: 1;
}


.post-inner {}
.post-inner .post-time {
	font-size: 12px;
	display: inline-block;
	padding-left: 0;
	color: #7f7f7f;
	letter-spacing: 1px;
}
.post-inner .post-ttl-wrap {
	padding: 26px 0 6px 20px;
	border-left: 6px solid #e4e4e4;
}
.post-inner .post-ttl {
	font-size: 20px;
}
.post-inner .post-time .up {
	padding: 0 0 0 8px;
}
.post-inner .post-container {
	margin: 20px 0 0 0;
	font-size: 14px;
	text-align: left;
}
.post-inner .post-container p {
	margin: 0 0 14px 0;
}
.post-inner .post-container img {
	max-width: 820px;
}
.post-inner .post-container .aligncenter,
/*.post-inner .post-container a img,*/
.post-inner .post-container .alignnone{
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.post-inner .post-container .alignright {
	display: block;
    margin-left: auto;
}
.post-inner .post-container .alignleft {
	display: block;
    margin-right: auto;
}

/* ---------------
 FOOTER
-------------------------------------------------------*/

.footer-wrap {
	position: relative;
	background: #f2f2f2;
	line-height: 1.8;
	text-align: left;
}
.twitter {
	/*margin: 0 0 0 28px;*/
	padding: 0 10px 0 0;
	display: inline-block;
	border-right: 1px solid #9e9e9e;
	vertical-align: middle;
}
.twitter a {
	background-color: #444444;
	color: #fff;
	text-decoration: none;
	display: block;
	font-size: 16px;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	-ms-border-radius: 50em;
	border-radius: 50em;
	position: relative;
	bottom: 2px;
}
.twitter-label {
	display: inline-block;
	margin: 0 0 0 8px;
	font-size: 14px;
}
/*.facebook {
	margin: 0 0 0 28px;
	padding: 0 10px 0 0;
	display: inline-block;
	border-right: 1px solid #9e9e9e;
}
.facebook a {
	background-color: #444444;
	color: #fff;
	text-decoration: none;
	display: block;
	font-size: 16px;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	-ms-border-radius: 50em;
	border-radius: 50em;
	position: relative;
	bottom: 2px;
}*/
.footer-wrap .copy {
	background: #000000;
	padding: 20px 0 80px;
	text-align: center;
	color: #ffffff;
	font-size: 11px;
	line-height: 1;
	letter-spacing: 1px;
}
.footer-inner {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 80px 0;
}
.footer-inner .left-col {
	float: left;
	width: 380px;
}
.footer-inner .left-col .footer-logo-wrap {
	float: left;
	width: 150px;
}
.footer-inner .left-col .footer-logo {
	margin: 0 0 20px 0;
	text-align: center;
}
.footer-inner .left-col .footer-logo-wrap p {
	text-align: center;
	letter-spacing: -1px;
}
.footer-inner .left-col .sns-wrap {
	margin-top: 20px;
	/*text-align: center;*/
}
.footer-inner .left-col .link-wrap {
	float: right;
	width: 200px;
}
.footer-inner .left-col .link-wrap ul {
	margin: 0 0 35px 0;
}
.footer-inner .left-col .link-wrap h1 {
	margin: 0 0 10px 0;
}
.footer-inner .right-col {
	float: right;
	width: 765px;
}
.footer-inner .right-col h1 {
	margin: 0 0 10px 0;
}
.footer-inner .right-col .inner h2 {
	padding: 0 0 5px 0;
    margin: 0 0 10px 0;
	border-bottom: 1px solid #9e9e9e;
}
.footer-inner .right-col .inner .link-wrap {
	float: left;
	margin-right: 20px;
	width: 370px;
	height: 285px;
}
.footer-inner .right-col .inner .link-wrap:nth-child(even) {
	margin-right: 0;
}
.footer-inner .right-col .inner .link-wrap .left {
	float: left;
	width: 155px;
}
.footer-inner .right-col .inner .link-wrap .right {
	float: right;
	width: 210px;
}
/* .footer-inner .right-col .inner .inner-right {
	float: right;
	width: 364px;
}
.footer-inner .right-col .inner .inner-right .left {
	float: left;
	width: 155px;
}
.footer-inner .right-col .inner .inner-right .right {
	float: right;
	width: 209px;
}*/


.footer-inner .f-nav {
}
.footer-inner .f-nav li {
	padding-left: 13px;
}
.footer-inner .f-nav li:before {
	content: '- ';
	margin-left: -1em;
}



/* overflow */
.oh { overflow: hidden; }

/* float */
.fl { float: left; }
.fr { float: right; }

.tc { text-align: center !important; }
.tl { text-align: left !important; }
.tr { text-align: right !important; }

.inb {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;

}

.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }

.bold { font-weight: bold; }

.bg-white { background: #fff; }

/* margin-top */
.mt0 { margin-top: 0 !important; }
.mt6 { margin-top: 6px !important; }
.mt8 { margin-top: 8px !important; }
.mt10 { margin-top: 10px !important; }
.mt16 { margin-top: 16px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt46 { margin-top: 46px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }
.mt110 { margin-top: 110px !important; }
.mt120 { margin-top: 120px !important; }
.mt130 { margin-top: 130px !important; }
.mt140 { margin-top: 140px !important; }
.mt150 { margin-top: 150px !important; }

/* margin-left */
.ml0 { margin-left: 0 !important; }
.ml4 { margin-left: 4px !important; }
.ml6 { margin-left: 6px !important; }
.ml8 { margin-left: 8px !important; }
.ml24 { margin-left: 24px !important; }

/* margin-right */
.mr0 { margin-right: 0 !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }

/* margin-bottom */
.mb0 { margin-bottom: 0 !important; }
.mb6 { margin-bottom: 6px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb16 { margin-bottom: 16px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }
.mb110 { margin-bottom: 110px !important; }
.mb120 { margin-bottom: 120px !important; }
.mb130 { margin-bottom: 130px !important; }
.mb140 { margin-bottom: 140px !important; }
.mb150 { margin-bottom: 150px !important; }

/* padding-top */
.pt0 { padding-top: 0 !important; }
.pt6 { padding-top: 6px !important; }
.pt10 { padding-top: 10px !important; }
.pt16 { padding-top: 16px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt60 { padding-top: 60px !important; }
.pt80 { padding-top: 80px !important; }
.pt90 { padding-top: 90px !important; }
.pt100 { padding-top: 100px !important; }
.pt110 { padding-top: 110px !important; }
.pt120 { padding-top: 120px !important; }

/* padding-bottom */
.pb0 { padding-bottom: 0 !important; }
.pb6 { padding-bottom: 6px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb16 { padding-bottom: 16px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb50 { padding-bottom: 50px !important; }

.pb80 { padding-bottom: 80px !important; }
.pb100 { padding-bottom: 100px !important; }
.pb120 { padding-bottom: 120px !important; }

.ptb90 { padding-top: 90px !important; padding-bottom: 90px !important; }
.pb90 { padding-bottom: 90px !important; }

.prl4 { padding-right: 4px; padding-left: 4px; }

/* font */
.f10 { font-size: 10px !important; }
.f11 { font-size: 11px !important; }
.f12 { font-size: 12px !important; }
.f14 { font-size: 14px !important; }
.f16 { font-size: 16px !important; }
.f18 { font-size: 18px !important; }
.f20 { font-size: 20px !important; }
.f24 { font-size: 24px !important; }
.f26 { font-size: 26px !important; }
.f28 { font-size: 28px !important; }
.f30 { font-size: 30px !important; }
.f32 { font-size: 32px !important; }
.f34 { font-size: 34px !important; }
.f36 { font-size: 36px !important; }
.f38 { font-size: 38px !important; }
.f40 { font-size: 40px !important; }
.f42 { font-size: 42px !important; }
.f44 { font-size: 44px !important; }