@charset "utf-8";
@font-face {
	font-family: 'aoyagi';
	src: url('font/aoyagi.ttf');
}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
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 {font:14px/1 "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block;}
nav ul {list-style:none;}
ul,dl,ol {text-indent: 0;}
li {list-style: none; list-style-position:outside;}
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;}
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;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}

img {
	height: auto;
	vertical-align: bottom;
	width: auto;
	max-width: 100%;
}
.dotted{
	background-image: -moz-linear-gradient(left, #000000, #000000 4.7619%, rgba(0, 0, 0, 0) 4.7619%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(left, #000000, #000000 4.7619%, rgba(0, 0, 0, 0) 4.7619%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(left, #000000, #000000 4.7619%, rgba(0, 0, 0, 0) 4.7619%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to right, #000000, #000000 4.7619%, rgba(0, 0, 0, 0) 4.7619%, rgba(0, 0, 0, 0) 100%);
    background-size: 11px 11px;
    height: 1px;
}
.mincho{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* =======================================

	STRUCTURE CSS

========================================== */

/* リンク */
a {
	color: #333;
	text-decoration:none;
	outline: none;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}
a:link{
	color: #333;
	text-decoration:none;
	outline: none;
}
a:visited{color: #333;}
a:hover{
	color: #FF004C;
	text-decoration:underline;
}
a:active{
	color: #333;
	text-decoration:underline;
}


/* clearfix */
.cf:after {content: " ";display: block;clear: both;height: 0;visibility: hidden;}
.cf { display: inline-block; }

/* \*/
* html .cf,
* html .bf { height: 1%; }
.cf { display: block; }
/* */


/* form */
form input[type="text"], form input[type="password"], form input[type="datetime"], form input[type="datetime-local"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="week"], form input[type="number"], form input[type="email"], form input[type="url"], form input[type="search"], form input[type="tel"], form input[type="color"], select, textarea { padding: 8px; border: 1px solid #ccc; font-size: 14px; width: 100%; }

form input[type="text"]:focus, form input[type="password"]:focus, form input[type="datetime"]:focus, form input[type="datetime-local"]:focus, form input[type="date"]:focus, form input[type="month"]:focus, form input[type="time"]:focus, form input[type="week"]:focus, form input[type="number"]:focus, form input[type="email"]:focus, form input[type="url"]:focus, form input[type="search"]:focus, form input[type="tel"]:focus, form input[type="color"]:focus, textarea:focus { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset; }


/* GRID */
.row {margin: 0 -1% 20px -1%;letter-spacing: -.40em;width: 102%;}
.row * {letter-spacing: normal;}
.row .col, ul.row li {
	margin: 0 1% 20px;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
.row .col p:last-child, ul.row li p:last-child { margin-bottom: 0; }

.grid02 .col, ul.grid02 li {width: 48%;}
.grid03 .col, ul.grid03 li {width: 31.3%;}

@media screen and (max-width: 768px) {
	.chose .col{
		display: block;
		width: 100%;
		max-width: 450px;
		margin: 0 auto 20px;
	}
}

.grid04 .col, ul.grid04 li {width: 23%;}
.grid05 .col, ul.grid05 li {width: 18%;}
.grid06 .col, ul.grid06 li {width: 14.60%}
.grid07 .col, ul.grid07 li {width: 12.28%}
.grid08 .col, ul.grid08 li {width: 10.5%}
.grid09 .col, ul.grid09 li {width: 9.11%}
.grid10 .col, ul.grid10 li {width: 8%}
.grid-right { float:right }
.row .full { width: 98% !important; }

/* table レイアウト */
.table-col {
	margin: 0 0 20px;
	display: table;
	table-layout: fixed;
	width: 100%;
}
.table-col .col {display: table-cell; vertical-align:top;}
.table-col .w40 { padding: 0 20px 0 0; width: 40%; }


/*　汎用クラス
========================================== */

.none {display: none;zoom: 1;}
.none:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}

.small      {font-size: 12px;}
.f-small {font-size: x-small;color: #7f7f7f;}
.bold       {font-weight: bold;}
.attention  {color: #996666 !important;}

.fc-red     {color: #ca0000 !important;}

.al-right  {text-align: right !important;}
.al-center {text-align: center !important;}
.al-left   {text-align: left !important;}
.va-top    {vertical-align: top !important;}
.va-middle,
.vm {vertical-align: middle !important;}
.guide .vm{
  vertical-align: -5px !important;
  width: 35px;
  margin-right: 10px;
}
.va-bottom {vertical-align: bottom !important;}

.fl-left  {float: left  !important;}
.fl-right {float: right !important;}

.fl-imgLeft  {float: left !important; margin-right: 10px !important;}
.fl-imgRight {float: right !important; margin-left: 40px !important; overflow:hidden;}

.clear      {clear: both !important;}

.mt10  {margin-top: 10px !important;}
.mt15  {margin-top: 15px !important;}
.mt20  {margin-top: 20px !important;}
.mt35  {margin-top: 25px !important;}
.mt30  {margin-top: 30px !important;}
.mt35  {margin-top: 35px !important;}
.mt40  {margin-top: 40px !important;}
.mt45  {margin-top: 45px !important;}
.mt50  {margin-top: 50px !important;}
.mt100 {margin-top: 100px !important;}

.mb00  {margin-bottom: 0 !important;}
.mb10  {margin-bottom: 10px !important;}
.mb15  {margin-bottom: 15px !important;}
.mb20  {margin-bottom: 20px !important;}
.mb35  {margin-bottom: 25px !important;}
.mb30  {margin-bottom: 30px !important;}
.mb35  {margin-bottom: 35px !important;}
.mb40  {margin-bottom: 40px !important;}
.mb45  {margin-bottom: 45px !important;}
.mb50  {margin-bottom: 50px !important;}
.mb100 {margin-bottom: 100px !important;}


@media screen and (max-width: 980px) {
	footer .grid05 .col {width: 31.3333333%;}	
}

@media screen and (max-width: 768px) {
	.grid04 .col, ul.grid04 li {width: 48%;}
	.grid05 .col, ul.grid05 li, footer .grid05 .col {width: 48%;}	
}
@media screen and (max-width: 480px) {
	.sp {display:block;}.pc {display:none;}

	.grid02 .col, ul.grid02 li {width: 98%;}
	.grid03 .col, ul.grid03 li {width: 98%;}
	.grid04 .col, ul.grid04 li {width: 98%;}
	
	.fr, .fl {
		margin: 0 0 20px;
		padding: 0;
		float: none !important;
		text-align: center;
	}

	.table-col {display: block;}
	.table-col .col {display: block;}
	.table-col .w40 { padding: 0; width: 100%; }
}



/* LAYOUT
========================================== */
body {
	text-align: center;
	color: #2C2C25;
	background: #EDECE0 url(images/common/body-bg.png);
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	/* font-family: Helvetica, Roboto, "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; */
	min-width: 0;
}
body.category-monthly {width: 100%;}
.inner {
	margin: 0 auto;
	padding: 0 20px;
	text-align: left;
	position: relative;
	max-width: 1260px;
	width: 100%;
}
#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 100%;
	overflow: hidden;
}


/* HEADER
========================================== */

#header {
	margin: 0 0 50px;
	border-top: 20px solid #000000;
	background: url(images/common/header-bg.png) no-repeat center top;
	height: 370px;
	background-color: #fff;
}
body#top #header { margin: 0; }

#header #logo_sub {display: block; margin: 0 auto 5px;}
#header #logo {padding: 111px 0 30px;text-align: center;}
#header #headerTxt {
/* 	width: 345px; */
  width: 22%;
  min-width: 210px;
	height: 87px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(https://www.token-net.com/wp-content/uploads/2021/05/h-tel.png) no-repeat center center;
	position: absolute;
	background-size: 100%;
	left: 20px;
	top: 10px;
}

/* GLOBALNAVI
========================================== */

#menu {
	padding: 15px 10px;
	cursor: pointer;
	display: none;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 60px;
	text-align: center;
	z-index: 1000;
}

#gnav {
	margin: 0 auto;
	clear: both;
	text-align: center;
	width: 100%;
}
#gnav ul {
	margin: 0 auto 10px;
	border-collapse: separate;
	border-spacing: 2px 0;
	display: table;
}
#gnav li {
	display: table-cell;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size: 16px;
	text-align: center;
}
#gnav li a {
	padding: 5px 12px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #111;
	display: block;
	text-decoration: none;
	position: relative;
}
#gnav li a::before {
	content: "";
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -5px;
	display: block;
	width: 0px;
	height: 0px;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}
#gnav li a:hover,
#gnav li a.current,
#gnav li a.parents { background: #c71f14; color: #fff; }

#gnav li a:hover::before,
#gnav li a.current::before,
#gnav li a.parents::before {border-color: #c71f14 transparent transparent transparent;}

#gnav li.top a.parents { background: #fff; color: #111; }
#gnav li.top a.parents:hover { background: #c71f14; color: #fff; }
#gnav li.top a.parents::before { border-color: #fff transparent transparent transparent; }
#gnav li.top a.parents:hover::before { border-color: #c71f14 transparent transparent transparent; }
.topVerticalMenu{
	position: absolute;
	top: 10px;
	right: 0;
}
.topVerticalMenu a:hover{
	text-decoration: none;
}
.topVerticalMenu li{
	float: right;
	margin-right: 25px;
}
.topVerticalMenu li p{
	-ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    line-height: 25px;
    vertical-align: middle;
    font-size: 20px;
    padding-top: 15px;
}

/* FOOTER
========================================== */

#footer {
	clear: both;
	background: url(images/common/footer-bg.png);
	font-size: 14px;
}
#footer a {color: #f3f3f3;}
#footer a:hover {color: #fff;}

#footer h2 {
	margin: 0 0 20px;
	font-size: 20px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
	line-height: 1.5;
}
#footer h2.sec { font-size: 27px; }
#footer p { margin: 0 0 15px; line-height: 1.6; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
#footer #pagetop { margin: 0; text-align: right; }

#footer .guide {
	margin: 0;
	background: url(images/common/guide-bg.png) no-repeat right bottom;
	color: #0c0c0c;
	clear: both;
}
#footer .guide a { color: #0c0c0c; }
#footer .guide .col { padding: 40px 0 20px 40px; }
#footer .guide .col:first-child { padding: 40px 0 20px; width: 420px; }

#footer .guide .infonavi {
	padding: 10px 20px 10px 30px;
	background-color: #FFF;
	position: absolute;
	left: 10px;
	bottom: 0;
}

#footer .guide ul { display: table; width: 100%; }
#footer .guide ul li { display: table-cell; font-weight:bold; width: 33.3333%;}
#footer .guide ul li a {padding: 0 10px 0 28px;background: url(images/common/icon-guide.png) no-repeat left center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#footer .guide ul li a:hover {background: url(images/common/icon-guide_on.png) no-repeat left center;color: #c71f14;}

#footer .guide dl { margin: 30px 0 0; }
#footer .guide dl dt {
	padding: 5px 0 5px 40px;
	background: url(images/common/icon-circle.png) no-repeat left center;
	font-size: 22px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
	font-weight: bold;
	line-height: 1.5;
}
#footer .guide dl dd { margin: 0 0 20px; padding: 0 0 0 40px; font-size: 17px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

#footer #fnav {
	margin: 0;
	padding: 55px 15px 1px;
	background: #444444;
	color: #f3f3f3;
}
#footer #fnav ul li {font-weight: bold;}
#footer #fnav ul li a {
	margin: 0 0 15px;
/* 	padding: 2px 0 2px 15px; */
	padding: 2px 0 2px 0;
	display: block;
/* 	background: url(images/common/footer_ico.png) no-repeat left 4px; */
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#footer #fnav ul li ul {margin: 0 0 0 15px;}
#footer #fnav ul li ul li {font-weight: normal;}

#footer small {
	padding: 10px;
	background: #222;
	color: #fff;
	display: block;
	font-size: 12px;
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

div#breadcrumb div {
  float: left;
  padding-bottom: 10px;
  padding-left: 5px;
}

div#breadcrumb div a{
  text-decoration: none;
}

div#breadcrumb div a:hover{
  text-decoration: underline;
}


/* CRUMBS
========================================== */
#crumbs {
	font-size: 12px;
	margin: 0 0 20px;
	clear: both;
	zoom: 1;
	display: none;
}
#crumbs:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}
#crumbs ol {text-align: left;}
#crumbs ol li {float: left;display: inline;}
#crumbs .arrow {padding: 0 10px;content: ">";}
#crumbs a {text-decoration: none;}

#search {
	height: 40px;
	margin: -3px 0 15px;
	background: url(images/common/search_bg.png) repeat-x;
	position: relative;
	z-index: 999;
}
#search #sform {padding: 6px 50px;}
#search #sform dl {width: 610px;}
#search #sform dl dt {
	float: left;
	width: 100px;
	padding: 5px 0;
}
#search #sform dl dd {float: right;width: 500px;}
#search #s {width: 360px;height: 19px;}
#search .infonavi {
	position: absolute;
	top: 10px;
	right: 0;
}
#search #submitBtn {
	border: 0px;
	width: 64px;
	height: 25px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(images/common/search_btn.png) no-repeat;
}


/* MAIN
========================================== */

#main-img { overflow: hidden; width: 100%; }
#main-img .ms-view { overflow: visible; }
#main-img .master-slider { padding: 0 0 5px; background: #f4e8d0; }
#main-img .ms-container {background: #000;}
#main-img .ms-slide {
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
#main-img .ms-sl-selected {
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
#main-img .master-slider,.ms-slide .ms-slide-bgcont{opacity: 1 !important;}

#contents { padding: 0 0 40px; background: url(images/common/d-border.png) repeat-x left bottom; }
#contents a {color: #2C2C25;text-decoration: underline;}
#contents a:hover {
	color: #2C2C25;
	text-decoration: none;
	border-bottom: none;
}
#contents p {line-height: 1.6;margin: 0 0 20px;}
#contents p.notes {line-height: 1.6;margin: 0 0 40px;}
#contents .bw { padding: 20px 20px 1px; background: #fff; /* border: 1px solid #e8e6e7; */ border-top: none; }

#contents strong {font-weight: bold;}
#contents em     {font-style: italic;}


#main {
	margin: 0 0 20px;
	padding: 0 0 0 230px;
	line-height: 1.6;
	width: 100%;
	float: right;
}
body#top #main { padding: 0; display: block; float: none; width: 100%; }
#main.onecolumn { padding: 0; }

#main figure { text-align: center; }

section {margin: 0 0 20px;}
.page section {margin: 0 0 60px;}



/* SIDE
========================================== */
#sidebar {
	margin: 0 -200px 20px 0;
	width: 200px;
	float: left;
}
#sidebar a { text-decoration: none; }
#sidebar ul.bnr { margin: 0 0 40px; }
#sidebar ul.bnr li {
	margin: 0 0 10px;
	font-size: 16px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
	text-align: center;
}
#sidebar ul.bnr li span { margin: 0 0 10px; display: block; }

#sidebar section {margin: 0 0 20px;}
#sidebar section h2 {margin: 0 0 10px;}
#sideTopTitle{
  margin-top: -20px !important;
}

/* SIDENAVI ----------------------- */

#sidebar .snav {margin: 0 0 40px;}
#sidebar .snav li {
	margin: 0 0 8px;
	font-size: 20px;
	font-family: "aoyagi", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
}
#sidebar .snav li a,
#sidebar .snav li span.dd {
	padding: 3px 0 3px 30px;
	background: url(images/common/icon-side.png) no-repeat left center;
	color: #000;
	display: block;
	text-decoration: none;
}
#sidebar .snav li a:hover,
#sidebar .snav li a.current {background-image: url(images/common/icon-side_on.png); color: #c71f14;}

#sidebar .snav ul li ul {margin: 8px 0 0;}
#sidebar .snav ul li ul li {margin: 0 0 8px 20px;}
#sidebar .snav ul li ul li a {display: block;background: url(images/common/side-arrow.png) no-repeat 13px 10px;}
#sidebar .snav ul li ul li a:hover,
#sidebar .snav ul li ul li a.current {background-image: url(images/common/side-arrow.png);}

#mailmagazine input[type="text"] {
	width: 100%;
	height: 19px;
	margin: 0 0 5px;
}
input[type="text"] {color: #969696;}
input[type="text"].focus{color: #2C2C25;}


@media screen and (max-width: 768px) {
	.inner { padding: 0; }
	#contents .inner { padding: 0 20px; }
	#top #contents .inner { padding: 0; }
	
	#header {
		background: #fff url(images/common/header-bg_sp.png) no-repeat center top;
		height: 187px;
		margin-bottom: 10px;
	}

	#header #logo {padding: 60px 30px 0;text-align: center;}
	#header #logo_sub {width: auto !important;}
	#logo img{
  	width: 200px;
	}
	#header #headerTxt {display: none;}
	#subtext {display: none;}
	#menu {display: block;}
	#menu i.fa.fa-bars{
  	font-size: 30px;
	}
	#gnav {
		position: absolute;
		top: 76px;
		left: 0;
		display: none;
		height: auto;
		width: 100%;
		z-index: 1000;
	}
	#gnav ul { margin: 0; width: 100%; display: block; }
	#gnav ul li {
		background: #333;
		border:none;
		border-bottom: 1px solid #9F928F;
		text-align: left;
		width: 100%;
		display: block;
	}
	#gnav ul li a {
		padding: 15px 2%;
		background: none !important;
		color: #FFF !important;
		font-weight: normal;
		font-size: 16px;
		text-decoration: none;
		width: 100%;
		display: block;
		height: auto;
		line-height: auto;
		text-align: left;
	}
	#gnav ul li a:before { border: none; }
	
	.topVerticalMenu{
		display: none;
	}
	
	#main {
		margin: 0 0 40px;
		padding: 0;
		float: none;
		width: 100%;
	}
	#sidebar {
		margin: 0 0 40px;
		display: none;
		float: none;
		width: 100%;
	}
	
	#footer h2.sec { font-size: 20px; }
	#footer .guide .col { padding: 0 20px 20px; display: block;  }
	#footer .guide .col:first-child { padding: 40px 20px 20px; width: 100%; }
	
	#footer .guide dl { margin: 30px 0 0; }
	#footer .guide dl dt {font-size: 18px;}
	#footer .guide dl dd { margin: 0 0 20px; padding: 0 0 0 40px; font-size: 14px; }
	
	#footer .guide ul li { text-align: center; }
	#footer .guide ul li a {
		padding: 25px 0 0;
		font-size: 12px;
		background: url(images/common/icon-guide.png) no-repeat center top;
		display: block;
	}
	#footer .guide ul li a:hover {background: url(images/common/icon-guide_on.png) no-repeat center top;}
	#footer #fnav .inner { padding: 0; }
	#footer p.chosaku { padding: 0 20px 20px; }

}
@media screen and (max-width: 480px) {}



/* =======================================

	PARTS CSS

========================================== */

.return_now {display: none;}
.category .image img {
	max-width: 750px;
	height: auto;
}
.pagenavi {
	width: 100%;
	clear: both;
	padding: 50px 0 0;
	zoom: 1;
}
.pagenavi:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}
.pagenavi ul {}
.pagenavi ul li {}
.pagenavi ul li.prev {
	float: left;
	width: 50%;
	text-align: left;
}
.pagenavi ul li.next {
	float: right;
	width: 50%;
	text-align: right;
}

.link {margin: 0 0 50px;}
.link dt {font-weight: bold;margin: 0 0 10px;}
.link dd {padding: 0 0 20px;margin: 0 0 20px;border-bottom: solid 1px #ccc;}
.linkTable {width: 100%;}
.linkTable td {
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	line-height: 1.6;
}


/* 見出し
========================================== */

#contents h1 {
	margin: 0 0 30px;
	padding: 8px 10px 16px 80px;
	background: #000 url(images/common/d-border.png) repeat-x left bottom;
	color: #fff;
	font-size: 28px;
	padding-left: 85px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
/*  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
/* 	font-family: "aoyagi", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif; */
	font-weight: normal;
	position: relative;
}
#contents h1::before {
  content: "";
  position: absolute;
  left: 30px;
  top: -39%;
  bottom: -50%;
  margin: auto;
  background: url(images/page/kamonIcon03.png) no-repeat left top;
  background-size: 30px;
  width: 46px;
  height: 46px;
}

#contents h2 {
	margin: 0 0 25px;
	padding: 0 0 20px;
	font-size: 40px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
	background: url(images/common/d-border.png) repeat-x left bottom;
	text-align: center;
}
#contents h2 a { text-decoration: none; }

#contents h2.roof {
	margin: 0 0 25px;
	padding: 70px 0 10px;
	font-size: 36px;
	font-family: "aoyagi", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
	font-weight: normal;
	background: url(images/common/roof-bg.png) no-repeat center top;
}
#contents h2.roof-fl {
	margin: 0 0 25px;
	padding: 110px 0 30px;
	font-size: 46px;
	font-family: "aoyagi", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
	font-weight: normal;
	background: url(images/common/roof-bg02.png) no-repeat center top;
}

#contents h3{
	margin: 0 0 15px;
	padding: 5px 10px;
	background: #001843;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
#contents p.h-bar{
  margin: 0 0 15px;
	padding: 5px 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 18px;
	font-weight: bold;
}
#contents .guide h3, #contents .guide .h-bar{
  font-weight: normal;
  margin-top: 0px;
}
#contents .guide p{
  margin-bottom: 40px;
}
#contents .guide section > p:first-child{
  margin-bottom: 20px;
}
#contents .guide section .notes{
  margin-top: -30px;
}
#contents h3 a,
#contents .h-bar a { color: #fff; text-decoration: none; }
#contents h3 a:hover,
#contents .h-bar a:hover { color: #fff; text-decoration: underline; }
.customize-support #contents .h-bar a{color: #333 !important;}
#contents h1.bnr,
#contents h2.bnr,
#contents h3.bnr {margin: 0 0 20px;padding: 0;background: none;border: none; font-family: "aoyagi", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;}
#contents h1.bnr::before { background: none; }


/* Table
========================================== */

table { font-size: 14px; }

.table01 { margin:0 0 20px; border: 5px solid #e8e6e7; clear: both; background-color: #fff;}
.table01 table {
	width: 100%;
	margin: 0;
/* 	border-left: 1px solid #e8e6e7; */
	border-top: 1px solid #e8e6e7;
	background: #fff;
	font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}
.table01 table th {
	padding: 10px;
	background: #001843;
	color: #FFF;
	text-align: center;
	border-right: 2px solid #fff;
	white-space: nowrap;
}
.table01 table th.w100{
  width: 100px;
}
.table01 table th.w160{
  width: 160px;
}
.table01 table td {
	padding: 10px 6px;
	background: #fff;
	white-space: nowrap;
/*
	border-right: 1px solid #D5D7D7;
	border-bottom: 1px solid #D5D7D7;
*/
	text-align: center;
}
	.table01 table td:nth-of-type(3){white-space: normal;min-width: 160px;}
.table01 table th:last-child {border-right: 1px solid #e8e6e7;}
.table01 table td:last-child {/* border-right: 1px solid #e8e6e7; */}
.table01 table td p {margin: 0;}
.table02 {}
.table02 table {
	width: 100%;
	margin: 0 0 10px;
	border-left: 1px solid #D5D7D7;
	border-top: 1px solid #D5D7D7;
}
.table02 table tr:nth-child(even) {background-color: #f3f5f2;}
.table02 table tr:nth-child(odd) {background-color: #FFF;}
.table02 table th {
	padding: 10px 20px;
	background: url(images/common/th_bg.png) repeat;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	color: #FFF;
	text-align: center;
	border-right: 1px dotted #D5D7D7;
	border-bottom: 1px solid #D5D7D7;
	vertical-align: middle;
	white-space: nowrap;
}
.table02 table th span {
	font-size: 10px;
	margin: 10px 0 0;
	color: #908C82;
}
.table02 table td {
	line-height: 1.8;
	padding: 10px;
	border-right: 1px dotted #D5D7D7;
	border-bottom: 1px solid #D5D7D7;
	vertical-align: middle;
}
.table02 table td span {
	font-size: 10px;
	margin: 10px 0 0;
	color: #908C82;
}
.table02 table th:last-child {border-right: 1px solid #D5D7D7;}
.table02 table td:last-child {border-right: 1px solid #D5D7D7;}
.table02 table td p {margin: 0;}

.table03 {}
.table03 table {width: 100%;}
.table03 table th {
	padding: 10px 10px 20px;
	border-top: 2px solid #5f6d89;
	font-weight: bold;
	line-height: 1.8;
	vertical-align: top;
}
.table03 table td {
	padding: 10px 10px 20px;
	border-top: 1px solid #c9c9c9;
	line-height: 1.8;
}


#gallery-1 {padding: 20px;text-align: center;}
#gallery-1 td {padding: 20px;}
.gallery {
	color: #e6e6e6;
	line-height: 1.6;
	margin: 0 0 50px;
	text-align: center;
}
.gallery h2 {
	height: 70px;
	width: 750px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(images/page/gallery_tit.png) no-repeat;
}
@media screen and (min-width: 769px) {
  .gallery ul{
    padding: 40px 0;
    background-color: #000;
  }
}
.gallery ul li { /* margin: 0 0 20px; */ margin: 0; }
/*
.image {
	margin: 0 0 20px;
	padding: 30px 0 0;
	text-align: center;
}
*/
.gallery .image{
	display: block;
	background-color: #000;
}
.image {
    text-align: center;
    border-bottom: 0;
}
.item .image, #monthly .image, #recommend .image{
    background-color: #000;
    border: 5px solid #e8e6e7;
}
.image img {/* border: 2px solid #444444; */ max-width: 100%;height: auto;}
.home #monthly .image img {max-width: 750px;height: auto;}


/*----------- カレンダー -----------*/
div#isp-calendar-frame {width: 100%;}
table#isp-calendar-inner {width: 100%;}
table#isp-calendar-inner div.move_button {width: 23px;height: 15px;}
table#isp-calendar-inner div.prv {cursor: pointer;}
table#isp-calendar-inner div.prv_off {}
table#isp-calendar-inner div.nxt {text-align: right;cursor: pointer;}
table#isp-calendar-inner div.nxt_off {text-align: right;}
/* 年月タイトル */
table#isp-calendar-inner td.calendar-date-title {font-weight: bold;text-align: center;margin: 0;padding: 0;}

/* 線の色 */
table#isp-business-calendar {
	background-color: #909090;
	width: 100%;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}

/* カレンダー全般 */
table#isp-business-calendar td {
	padding: 10px 5px;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: url(images/common/calendar_bg02.png) repeat-x;
}
table#isp-business-calendar .all{
  background-color: #ffaaaa !important;
}
#calendar h2 img{
  margin: 20px auto;
  display: block;
}

/* ヘッダ */
table#isp-business-calendar thead th {
	color: #FFF;
	padding: 5px;
	text-align: center;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: url(images/common/calendar_bg04.png) repeat-x;
}


table#isp-business-calendar .business {background-color: #ffffff;} /* 営業日 */
table#isp-business-calendar .today {background-color: #ddeeff;} /* 本日 */
table#isp-business-calendar .all {background: url(images/common/calendar_bg03.png) repeat-x;} /* 休日 */
table#isp-business-calendar .space {background-color: #eeeeee;} /* 他月 */
table#isp-business-calendar td {
  color: #222;
}
p.calendar-information {
	float: left;
	background: transparent url(images/common/calendar_bg03.png) repeat-x;
	margin: 5px 0px;
	padding: 0px 0px 0px 18px;
}

/* 当月に戻るリンク */
p.return_now {
	float: right;
	margin: 5px 0px;
	padding: 0px;
	font-size: 0.8em;
}

@media screen and (max-width: 768px) {
  #footer .row.grid05 .col:last-child{
    width: 98%;
    margin-right: 1%;
  }
  #footer .row.grid05 .col:last-child > ul{
    float: left;
    display: block;
    width: 50%;
  }
  #calendar{
    max-width: 223px;
    display: block;
    margin-left: 50%;
  }
  #calendar h2 img{
    margin-top: 0;
  }
}

@media screen and (max-width: 480px){
  #calendar{
    margin: 120px auto 0 auto;
  }
}


/* =======================================

	トップページ

========================================== */


#information iframe , #information_under iframe { 
	margin: 20px 0 20px;
	padding: 0 40px;
	}
#information h2 , #information_under h2 {
	margin: 0 0 20px;
	padding: 0;
	background: none;
	border: none;
	font-size: 24px;
}
#information h3 , #information_under h3 {
	margin: 0;
	padding: 10px 10px 15px;
	background: #000 url(images/common/d-border.png) repeat-x left bottom;
	border-radius: 0;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	font-size: 32px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
/* 	font-family: "aoyagi", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif; */
	text-align: center;
}

#information .blr , #information_under .blr {
/*
	padding: 20px 20px 1px;
	border: 3px solid #000938;
*/
	padding: 0px 20px 1px;
	background: url(images/common/borderBg.png) no-repeat;
	background-size: 100% 100%;
}

#information .news .col , #information_under .news .col { margin: 0 0 20px; width: 50%; }
#information dl , #information_under dl{ padding: 0 50px; }
#information dl dt , #information_under dl dt{padding: 0 5px;	float: left;}
#information dl dd , #information_under dl dd {margin: 0 0 10px;padding: 0 0 0 10em;}
#information .dotted , #information_under .dotted {margin-bottom: 10px;}

@media screen and (max-width: 768px) {
	#information dl dd,#information dl dt,#information_under dl dd,#information_under dl dt{
		display: block;
		width: 100%;
	}
		#information dl dt,#information_under dl dt{font-weight: bold;}
		#information dl dd,#information_under dl dd{padding: 0;}
}

.chose .box {
	padding: 25px 20px 1px;
	background: #fff;
	border: 2px solid #000;
	border-top: none;
	letter-spacing: -0.4em;
	min-height: 260px;
}

.chose .box ul {
	padding: 0 1.5%;
	display: inline-block;
	letter-spacing: normal;
	width: 33.3%;
	vertical-align: top;
	min-height: 
}

.chose .map_box{
	padding: 10px 10px 20px 20px;
	background: #fff;
	border: 2px solid #000;
	border-top: none;
	letter-spacing: -0.4em;
	min-height: 260px;
}

@media screen and (max-width: 980px) {
	.chose .box ul{
		width: 50%;
	}
}

.chose .box.quality ul,.chose .box.type ul,.chose .box.price ul{
  width: 50%;
}
.chose .box ul li {
	margin: 0 0 20px;
	padding: 5px 0 5px 22px;
	font-size: 16px;
	font-weight: bold;
	position: relative;
}
.chose .box ul li::before {
	content: "\f138";
	font-family: fontAwesome;
	position: absolute;
	top: 5px;
	left: 0;
}

.chose .era {
/* 	 background: #fff url(images/home/era-bg.png) no-repeat right top; background-size: cover; */
  background-color: #EDECE0;
}
.chose .certificate {
/*   background: #fff url(images/home/certificate-bg.png) no-repeat right top; background-size: cover; */
  background-color: #EDECE0;
}
.chose .quality {
/*   background: #fff url(images/home/quality-bg.png) no-repeat right top; background-size: cover; */
  background-color: #EDECE0;
}
.chose .type {
/*   background: #fff url(images/home/type-bg.png) no-repeat right top; background-size: cover; */
  background-color: #EDECE0;
}
.chose .price {
/*   background: #fff url(images/home/price-bg.png) no-repeat right top; background-size: cover; */
  background-color: #EDECE0;
}

@media screen and (max-width: 640px) {
	.map .col{
		width: 600px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
}


#monthly,
#recommend { margin: 0 auto; padding: 0; width: 100%; max-width: 1320px; }

#monthly .inner,
#recommend .inner { /* padding: 0 20px; */ padding: 0;max-width: none; margin-bottom: 30px; }

#monthly { margin-top: 50px; margin-bottom: 50px; }

ul.banner{
  overflow: hidden;
}

ul.banner li {
  width: 33.3333333%;
  float: left;
}

ul.banner li a{
	display: block;
	text-align: left;
	width: 50%;
}

.bannerParallel a{
	float: left;
}

ul.banner li.oneBanner {
	width: 16.6666666%;
}

ul.banner li.threeBanner {
	width: 50%;
}

ul.banner li.oneBanner a{
	display: block;
	text-align: left;
	width: 100%;
}

ul.banner li.threeBanner a{
	display: block;
	text-align: left;
	width: 33.3333333%;
}

@media screen and (max-width: 480px) {
  ul.banner li , ul.banner li.oneBanner , ul.banner li.threeBanner{
    width: 100%;
  }
  ul.banner li h2 img{
    width: 200px !important;
  }

  ul.banner li a , ul.banner li.oneBanner a , ul.banner li.threeBanner a{
	text-align: center;
	width: 100%;
}


.bannerParallel a{
	float: none;
}

}

/* =======================================

	共通

========================================== */

#contents figure { margin-bottom: 20px;/* margin-top: 75px;  */}
#contents ul.bnr { margin-bottom: 20px; }
#contents ul.bnr li { margin-bottom: 10px; }


/* ボタン */
#contents .btn { text-align: center; }
#contents .btn a {
	margin: 0 auto 20px;
    padding: 5px 0;
    background: #c71f14;
    border: 2px solid #c71f14;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #FFF;
    display: block;
    float: right;
    font-size: 18px;
    text-decoration: none;
    width: 80%;
    max-width: 145px;
    font-family: "aoyagi", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
}
#contents .btn a:hover {
	background: #FFF;
	color: #c71f14;
	text-decoration: none;
}


/* ボタンリスト */
#contents .btn-list { margin: 0 0 20px; display: table; table-layout: fixed; width: 100%; }
#contents .btn-list li {
	padding: 0 20px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#contents .btn-list li a {
	padding: 8px 0;
	background: #333;
	border: 2px solid #333;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #FFF;
	display: block;
	font-family: fontAwesome,"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
	font-size: 18px;
	text-decoration: none;
	width: 100%;
}
#contents .btn-list li a:hover {
	background: #FFF;
	color: #333;
	text-decoration: none;
}
#contents .btn-list li:first-child a {
	background: #c71f14;
	border: 2px solid #c71f14;
}
#contents .btn-list li:first-child a:hover {
/* 	background: #FFF; */
	color: #c71f14;
}
#contents .btn-list li a.shopBtn{
	background: url(images/common/shopBtn.png) no-repeat;
	background-size: 100% 100%;
	border: 0;
}
#contents .btn-list li a.shopBtn:hover,#contents .btn-list li a.newsBtn:hover{
	color: #fff;
	opacity: 0.8;
}
#contents .btn-list li a.newsBtn{
	background: url(images/common/newsBtn.png) no-repeat;
	background-size: 100% 100%;
	border: 0;
}
#contents .btn-list li:last-child{
  padding: 0;
}
#contents .btn-list li:last-child a{
  padding: 0;
}
#contents .btn-list li:last-child a img{
  height: 46px;
  width: auto;
}

.bannerZemi a{
	background: none !important;
	border: none !important;
}

.entry { font-size: 16px; }

.notes {
	margin: 0 0 30px;
	padding: 10px;
	border: 1px solid #a9a9a9;
	background: #e6e6e6;
	font-size: 16px;
	font-weight: bold;
}


dl.case { margin: 0 0 40px; font-size: 14px; }
dl.case dt {
	margin: 0 0 15px;
	padding: 5px 10px;
	background: #001843;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
dl.case dd { margin: 0 0 30px; }


#contents .item {margin: 0 0 60px;}
#contents .item h2 { margin: 0 0 20px; font-size: 32px;}



#greeting .textarea {
	margin: 0 260px 0 0;
/*
	padding: 20px 20px 10px;
	border: 3px solid #000938;
*/
	text-align: center;
	padding: 0px 20px 10px;
	/*background: url(images/common/borderBg.png) no-repeat;*/
	background-size: 100% 87%;
    background-position-y: 50%;
}

span.gray {
    background-color: #444;
    color: #fff;
    display: block;
    width: 80px;
    margin: 0 auto;
}

span.red {
    background-color: #c71f14;
    color: #fff;
    display: block;
    width: 80px;
    margin: 0 auto;
}

span.orange {
    background-color: #cb8b4a;
    color: #fff;
    display: block;
    width: 80px;
    margin: 0 auto;
}

span.navy {
    background-color: #001843;
    color: #fff;
    display: block;
    width: 80px;
    margin: 0 auto;
}

/* =======================================

	詳細ページ

========================================== */

#contents .single { font-size: 16px; font-family: fontAwesome,"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif; }
#contents .single h1 { padding-left: 40px; }
#contents .single h1::before {
	content: "";
	position: absolute;
	left: 0;
	top: -10px;
	background: url(images/common/h1-entry.png) no-repeat left top;
	width: 14px;
	height: 90px;
}
#contents .single .price .kakaku{
	display: inline-block;
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
    border-radius: 4px;
    padding: 5px 42px;
    margin-right: 20px;
    background: #001843;
    color: #fff;
    vertical-align: middle;
}
#contents .single .price {
	margin: 40px 0 60px;
	padding: 0;
	font-size: 42px;
	display: none;
}
#contents .single .price span { font-size: 22px; }

#contents .single .spec table {
	margin: 0 0 20px;
	font-size: 18px;
	width: 100%;
}
#contents .single .spec table th,
#contents .single .spec table td { padding: 5px 8px; word-wrap: break-word; }
#contents .single .spec table th { color: #111; }
#contents .single .spec table th span { font-size: 12px; color: #aaa; }

#contents .single .spec table.detail { table-layout: fixed; }
#contents .single .spec table.detail th { width: 120px; }

#contents .single .spec table.jyuyo th { line-height: 1.2; width: 140px; }


#contents .table01 p{
	background-color: #fff;
    margin: 0;
    padding: 10px;
    font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}
#contents .table01 div.btn{
	display: inline-block;
    width: 100%;
    background-color: #fff;
}
#contents .table01 div.btn a{
	display: inline-block;
	margin: 10px 10px 5px;
}
#contents .table01 .dotted{
	background-image: -moz-linear-gradient(left, #000000, #000000 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(left, #000000, #000000 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(left, #000000, #000000 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to right, #000000, #000000 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 100%);
    background-size: 11px 11px;
    height: 2px;
}
#contents .table01 .borderTr:last-child{
	display: none;
}
#contents .aboutItem h3{
/* 	display: inline-block; */
display: none;
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
    border-radius: 8px;
}
#contents .aboutItem{
	margin-bottom: 20px;
}
#contents .aboutItem p{
	margin-bottom: 0;
	font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size: 14px;
}
#contents .aboutItem p.small{
	font-size: 12px;
	margin: 10px 0;
}
#contents .aboutItem .contents{
	background-color: #e8e6e7;
	padding: 15px;
	border: 1px solid #aaa;
	margin-top: -10px;
}
#contents .aboutItem p.atention{
	margin: 5px 0 0 0;
}

/* =======================================

	初めての方へ

========================================== */

#contents .guide {}
#contents .guide h1 {
	padding-left: 70px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#contents .guide h1::before {
  content: "";
  position: absolute;
  left: 30px;
  top: -39%;
  bottom: -50%;
  margin: auto;
  background: url(images/page/kamonIcon03.png) no-repeat left top;
  background-size: 30px;
  width: 46px;
  height: 46px;
}
/*
#contents .guide section{
  margin-bottom: 100px;
}
*/
#contents .guide section:first-child h3:nth-child(5){
  display: none;
}

/* =======================================

	ご注文方法

========================================== */

.access {
	margin: 0 0 30px;
	background: #eaebea;
	border: 2px solid #11274f;
	display: table;
	vertical-align: middle;
	height: 270px;
	width: 100%;
}
.access dl { 
	padding: 20px;
	color: #11274f;
	display: table-cell;
	vertical-align: middle;
}
.access dl dt { padding: 10px 0; float: left; font-weight: bold; }
.access dl dd {
	padding: 10px 0 10px 6em;
	border-bottom: 1px solid #ccc;
}

/* =======================================

	日本刀書籍案内

========================================== */

#contents .books {}
#contents .books h2 {
	margin: 0 0 20px;
	padding: 0;
	background: none;
	border: none;
	font-size: 18px;
	text-align: left;
}
#contents .books h2 a { text-decoration: none; }
#contents .books figure { text-align: center; }
#contents .books .col {
	padding: 20px 20px 1px;
	background: #fff;
	border: 5px solid #e8e6e7;
}

#contents .books .purchase {
	margin: 0 0 20px;
	padding: 0 0 0 10px;
	border-left: 5px solid #001843;
}
#contents .books .purchase p { margin: 0; }
#contents .books .purchase .ttl { font-size: 18px; font-weight: bold; }


/* =======================================

	日本の歴史他コンテンツ　共通

========================================== */

#contents .cont { font-size: 16px; }
#contents .cont section { margin: 0 0 40px; }
#contents .cont h2 {
	margin: 0 0 20px;
	padding: 0 0 0 10px;
	background: none;
	border: none;
	border-left: 5px solid #2c2c25;
	font-size: 25px;
	text-align: left;
}
#contents .novels .cont .sub-ttl {
  margin: 0 0 20px 0px;
  padding: 5px 10px 5px 60px;
  background: url(images/common/whitekamon.png) #001843 no-repeat 15px 10px;
  background-size: 34px 34px;
  border: none;
  font-size: 30px;
  color: #fff;
  font-weight: normal;
  text-align: left;
  border: 1px solid #aaa;
  border-radius: 12px;
  display: inline-block;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
}
#contents .cont .sub-ttl {
	margin: 0 0 30px;
	padding: 5px 0 5px 50px;
	font-size: 40px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
}

#contents .thesis .sub-ttl {background: url(images/common/icon-thesis.png) no-repeat left center;}
#contents .thesis h3 {
	padding: 5px 0 5px 25px;
	background: url(images/common/icon-thesis.png) no-repeat left center;
	background-size: 21px auto;
	-moz-background-size: 21px auto;
	-webkit-background-size: 21px auto;
	-o-background-size: 21px auto;
	-ms-background-size: 21px auto;
	color: #2c2c25;
}

#contents .thesis li{
  padding-left: 30px;
}

#contents .knowledge .sub-ttl {background: url(images/common/icon-knowledge.png) no-repeat left center; font-size: 32px;}
#contents .knowledge li { padding:15px 0;margin: 0 30px; border-bottom: 1px solid #ebe2d1;}
@media screen and (max-width: 480px) {
  #contents .knowledge li {
    margin: 0;
  }
}
#contents .knowledge li:last-child{border: 0px;}
#contents .knowledge li a { text-decoration: underline; }
#contents .knowledge li a:hover { text-decoration: underline; }

#contents .novels .sub-ttl {
    margin: 0 0 20px 0px;
    padding: 5px 10px 5px 60px;
    background: url(images/common/whitekamon.png) #001843 no-repeat 15px 8px;
    background-size: 30px 30px;
    border: none;
    font-size: 28px;
    color: #fff;
    font-weight: normal;
    text-align: left;
    border: 1px solid #aaa;
    border-radius: 6px;
    display: inline-block;
}
@media screen and (max-width: 768px) {
  #contents .novels .sub-ttl{
    font-size: 22px;
    background-size: 28px 28px;
    padding: 5px 10px 5px 55px;
  }
}
#contents .novels h2 {
  margin: -44px 0 20px -17px;
  padding: 5px 10px 5px 55px;
  background: url(images/common/whitekamon.png) #001843 no-repeat 15px 8px;
  background-size: 28px 28px;
  border: none;
  font-size: 19px;
  color: #fff;
  font-weight: normal;
  text-align: left;
  border: 1px solid #aaa;
  border-radius: 6px;
  width: 280px;
}
@media screen and (max-width: 768px) {
  #contents .novels h2{
    width: 250px;
    background-size: 20px 20px;
    font-size: 16px !important;
    padding: 5px 10px 5px 45px;
  }
}
#contents .novels .col {
  margin-bottom: 60px;
  background-color: #e8e6e7;
  padding: 15px;
  border: 1px solid #aaa;
}
@media screen and (max-width: 980px) {
  #contents .novels .col{
    width: 98%;
  }
  #contents .novels .col:last-child{
    margin-bottom: 0;
  }
}
#contents .novels p { margin: 0 0 5px; }
#contents .novels p a {text-decoration: underline; margin-left: 10px;}
#contents .novels p a:hover { text-decoration: underline; }
#contents .novels .mb40{
  background-color: #e8e6e7;
  padding: 15px;
  border: 1px solid #aaa;
  margin-bottom: 80px !important;
}
#contents .accessBt h3{
	width: 265px;
    text-align: center;
    margin: 0 auto 15px auto;
}

#contents .orner{
	margin-top: 75px;
}

#contents h2.bank{
	background:url(images/common/bank.png) no-repeat left top;
}

#contents .payment h2 img{
	padding-right: 15px;
	vertical-align: top;
	min-width: 50px;
}

.wpcf7-submit{
	background: url(images/common/shopBtn.png) no-repeat;
    background-size: 100% 100%;
    border: 0;
    width: 200px;
    height: 50px;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    margin-left: 20px;
}

.wpcf7-submit:hover{
	opacity: 0.8;
}

aside.table-col {
    margin-top: 60px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 0px !important;
  top: auto;
  right: 0;
  bottom: 20px!important;
  left: 0;
}
@media screen and (max-width: 768px) {
	/* ボタン */
	#contents .btn a {float: none;}
	#contents .btn-list { margin: 0 0 20px; display: block; }
	#contents .btn-list li {
		margin: 0 0 20px;
		padding: 0 20px;
		display: block;
	}
	#contents .table01 p{
  	font-size: 10px;
	}
	.table01 {width: 100%; /* max-height: 380px; */ overflow: auto;}
	.table01::-webkit-scrollbar {height: 5px;}
	.table01::-webkit-scrollbar-track {border-radius: 5px;background: #eee;}
	.table01::-webkit-scrollbar-thumb {border-radius: 5px;background: #666;}
	
	.table01 table {width: 100%; min-width: 640px;}
	.spnone{display: none !important}
	
	#information .chose .row , #information_under .chose .row { padding: 0 15px; }
	#information .chose .box ul , #information_under .chose .box ul { width: 50%; }
	#monthly,
	#recommend {padding: 0;}

	#monthly .inner,
	#recommend .inner {padding: 0 20px !important;}
}
@media screen and (max-width: 480px) {
	
	/* ============== 見出し ================ */
	#contents h1 {
		margin: 0 0 20px;
		padding: 6px 10px 10px 50px;
		background: #000 url(images/common/d-border.png) repeat-x left bottom;
		background-size: auto 6px;
		-moz-background-size: auto 6px;
		-webkit-background-size: auto 6px;
		-o-background-size: auto 6px;
		-ms-background-size: auto 6px;
		color: #fff;
		font-size: 20px;
	}
	#contents h1::before {
    content: "";
    position: absolute;
    left: 10px;
    top: -26px;
    background: url(images/page/kamonIcon03.png) no-repeat left top background-size: 60px auto;
    -moz-background-size: 30px auto;
    -webkit-background-size: 30px auto;
    -o-background-size: 30px auto;
    -ms-background-size: 30px auto;
    width: 30px;
    height: 30px;
	}
	#contents .single h1::before {
		background: url(images/common/h1-entry.png) no-repeat left top;
		background-size: 10px auto;
		-moz-background-size: 10px auto;
		-webkit-background-size: 10px auto;
		-o-background-size: 10px auto;
		-ms-background-size: 10px auto;
		width: 45px;
		height: 70px;
		top: -9px;
	}

	#contents h2 {
		padding: 0 0 15px;
		background-size: auto 6px;
		-moz-background-size: auto 6px;
		-webkit-background-size: auto 6px;
		-o-background-size: auto 6px;
		-ms-background-size: auto 6px;
		font-size: 22px;
	}
	#contents h2 img { width: 30px; }
		#contents h2.special img { min-width: 140px; }
		#contents h2.recommend img { min-width: 200px; }
		
	#contents h2.bnr img { width: 30%; }
	
	#contents h2.roof,
	#contents h2.roof-fl {
		margin: 0 0 25px;
		padding: 45px 0 0;
		font-size: 28px;
		background: url(images/common/roof-bg_sp.png) no-repeat center top;
		background-size: 100% auto;
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		-ms-background-size: 100% auto;
	}
	
	#contents .item h2 { margin: 0 0 20px; font-size: 18px;}
	
	#contents h3,
	#contents .h-bar,#contents .guide .h-bar {font-size: 16px;}
	
	
	/* トップページ */
	#information .news .col , #information_under .news .col { width: 100%; }
	#information .blr , #information_under .blr {
		margin: 0 5% 20px;
		width: 90%;
	}

	#information dl dt , #information_under dl dt {padding: 0;	float: none;}
	#information dl dd , #information_under dl dd {margin: 0 0 20px;padding: 0;}
	#information h2 , #information_under h2 {
		margin: 0 0 20px;
		padding: 0;
		background: none;
		border: none;
		font-size: 18px;
	}
	#information .blr , #information_under .blr{
		background-image: none;
		padding: 0;
	}
	#contents .btn-list li:first-child{
		float: left;
		padding-right: 5px;
		padding-left: 0;
		width: 50%;
	}
	#contents .btn-list li:last-child{
		float: right;
		padding-left: 5px;
		padding-right: 0;
		width: 50%;
	}
	#information .chose .box ul li , #information_under .chose .box ul li {
    	margin: 0 0 10px;
    }
	
	/* =======================================

		詳細ページ

	========================================== */
	
	#contents .single .price {
		margin: 0 0 20px;
		padding: 0;
/* 		border-bottom: 1px solid #001843; */
		font-size: 36px;
	}
	#contents .single .price .kakaku{
		display: block;
		width: 148px;
	}
	#contents .single .price span { font-size: 20px; }

	#contents .single .spec table {
		margin: 0 0 20px;
		font-size: 16px;
		width: 100%;
	}
	#contents .single .spec table th { padding: 5px 0; float: left; width: 120px; }
	#contents .single .spec table td { padding: 5px 0 5px 140px; display: block; width: 100%;}
	#contents .single .spec table th { color: #111; }
	#contents .single .spec table th span { font-size: 12px; color: #999; }


	
	
	/* ============== 共通 ================ */
	
/* 	.table01 { max-height: 380px; } */
	
	.table03 {}
	.table03 table th {
		padding: 10px;
		display: block;
	}
	.table03 table td {
		border-top: none;
		display: block;
	}
	
	.notes {
		padding: 15px;
		font-size: 14px;
	}

	dl.case dt {font-size: 16px;}
	
	#greeting .fl-imgRight {
		margin: 0 0 20px !important;
		float: none !important;
		text-align: center;
	}
	#greeting .textarea {
		margin: 0;
		padding: 15px 0px 5px;
/* 		border: 3px solid #000938; */
		background-image: none;
		text-align: center;
	}
	
	/* =======================================

	日本の歴史他コンテンツ　共通

	========================================== */

	#contents .cont { font-size: 14px; }
	#contents .cont h2 {font-size: 20px;}
	#contents .cont .sub-ttl {
		margin: 0 0 20px;
		padding: 5px 0 5px 50px;
		font-size: 24px;
	}
	#contents .novels .sub-ttl {
    font-size: 22px;
  }
}
#contents .h-bar a{color: #333 !important;}

	/* =======================================

	スマホスライドメニュー

	========================================== */
.slidemenu{
  display: none;
}

@media screen and (max-width: 768px) {
  #wrapper {
    z-index: 1;
  }
  .slidemenu {
    display: block;
    top: 0;
    right: 0;
    width: 240px;
    position: fixed;
    visibility: hidden;
    z-index: -1;
    box-sizing: border-box;
    background-color: #222;
    color: #ccc;
    border-left: 2px solid #111;
    border-top: 20px solid #000;
  }
  .slidemenu li a{
    padding: 15px 0;
    display: block;
    -webkit-tap-highlight-color: rgba(0,0,0,0.7);
    border-bottom: solid 1px #111;
    color: #fff;
  }
  .slidemenu .slidemenu-header {
    position: relative;
  }
  .slidemenu .slidemenu-body {
    height: 100%;
    overflow: hidden;
    position: relative;
  }
  .slidemenu .slidemenu-content {
    position: relative;
    margin-top: 10px;
  }
}

p#pagetop {
  position: fixed;
  bottom: 30px;
  right: 30px;
}

#subtext {
    width: 345px;
    min-width: 210px;
    height: 87px;
    overflow: hidden;
    position: absolute;
    background-size: 100%;
    left: 19px;
    top: 72px;
}