@charset "UTF-8";

/* -------------- Resetting Again Base CSS Start -------------- */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, main,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, main, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* -------------- Resetting Again Base CSS End -------------- */

.clearfix {
	overflow: hidden;
}

* html .clearfix {
	zoom: 1;
}

/* -------------- サイト共通基本プロパティ -------------- */

body {
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	background: #fff;
	color: #666;
	font-size: 30px;
/*	font-size: 16px; */
}

a {
	color: #666;
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

a:hover {
/*	color: #2495b4;*/
	opacity: 0.7;
}

img {
	box-sizing:border-box;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
/*
img:hover {
	opacity: 0.7;
}*/

div#wrapper {

}

main {
	width: 1000px;
	margin: 0 auto;
}

main#lower {
	width: 950px;
	margin: 50px auto;
}

p {
	font-size: 16px;
	line-height: 1.8;
 }

/* -------------- drawer -------------- */

button.drawer-toggle {
	display: none;
}


/* -------------- サイト共通汎用部品：余白 -------------- */

.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p20 { padding: 20px; }

/* -------------- サイト共通汎用部品：背景色 -------------- */

.bgw { background-color: #fff; }

/* -------------- サイト共通汎用部品：カテゴリー色 -------------- */

.cat {
	font-size: 12px;
	line-height: 1.5;
	font-weight: bold;
	border: 1px solid #333;
	color: #333;
//	border-radius: 3px;
	display: inline-block;
	width: 5em;
	text-align: center;
}

.cat-color1 { border-color: #e44f41; color: #e44f41; } /* 1:ニュース */
.cat-color2 { border-color: #92b614; color: #92b614; } /* 2:イベント */
.cat-color3 { border-color: #2495b4; color: #2495b4; } /* 3:メディア */
.cat-color4 { border-color: #b28632; color: #b28632; } /* 4:コラム */
.cat-color5 { border-color: #713338; color: #713338; } /* 5:対談 */
.cat-color6 { border-color: #2495b4; color: #2495b4; } /* 6:新刊情報 */
.cat-color9 { border-color: #666666; color: #666666; } /* 9:その他 */


/* -------------- サイト共通汎用部品：在庫ステータス色 -------------- */

.zaiko-status0 { border: 2px solid #f93; color: #f93; background: #fff;font-weight:bold; } /* 0:在庫あり */
.zaiko-status1 { border: 2px solid #ccc; color: #ccc; background: #fff;font-weight:bold; } /* 1:未刊 */
.zaiko-status2 { border: 2px solid #d1c17c; color: #d1c17c; background: #fff;font-weight:bold; } /* 2:在庫僅少 */
.zaiko-status3 { background: #ccc; } /* 3:重版中 */
.zaiko-status4 { background: #ccc; } /* 4:品切 */
.zaiko-status5 { background: #ccc; } /* 5:未使用 */
.zaiko-status6 { background: #ccc; } /* 6:未使用 */
.zaiko-status7 { background: #ccc; } /* 7:未使用 */
.zaiko-status8 { background: #ccc; } /* 8:未使用 */
.zaiko-status9 { background: #ccc; } /* 9:絶版 */

/* -------------- サイト共通汎用部品：文字色 -------------- */

.caution-red { color:#cc0000; }

/* -------------- サイト共通汎用部品：パンくず -------------- */

ul.breadcrumb {
	font-size: 14px;
	margin: 2em 0;
}

ul.breadcrumb li {
	display: inline-block;
}

ul.breadcrumb li:before {
	font-family: FontAwesome;
	content: "\f105";
	color: #ffb137;
	font-weight: bold;
	padding-right: 0.4em;
	padding-left: 0.2em;
}

ul.breadcrumb li:first-child:before {
	content: none;
}

/* -------------- drawer -------------- */

button.drawer-toggle {
	display: none;
}

/* -------------- サイト共通汎用部品：見出し -------------- */

h2.mds {
	border-bottom: 1px solid #ddd;
	font-size: 24px;
	font-weight: bold;
	padding: 0.5em 0.75em;
	position: relative;
/*	margin-bottom: 10px;
	border:1px solid;
	position: relative;*/
}

h2.mds span {
	font-size: 12px;
	font-weight: normal;
	float: right;
}

h2.mds + p.more {
	position: absolute;
	right: 0;
	top: 25px;
	font-size: 16px;
}

h2.mds + p.more:before {
	font-family: FontAwesome;
	content: "\f101";
	color: #ffb137;
	font-weight: bold;
	padding-right: 0.1em;
}

h3 {
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 25px 0;
}

/* -------------- サイト共通汎用部品：テキスト系 -------------- */

h2.mds + p.count {
	position: absolute;
	right: 0;
	top: 5px;
	line-height: 1.6;
	font-size: 16px;
}

h2.mds + p.read {
	line-height: 1.6;
	font-size: 16px;
	margin-top: 20px;
}

div.sub-box > p {
	line-height: 1.6;
	font-size: 16px;
}

p.comment {
	line-height: 1.6;
	font-size: 16px;
}

/* -------------- サイト共通汎用部品：デフォルトフォーム -------------- */

/* カンマでまとめて指定しても効かない */
::-webkit-input-placeholder { color: #ccc; }
::-moz-placeholder { color: #ccc; }
:-moz-placeholder { color: #ccc; }
:-ms-input-placeholder { color: #ccc; }

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="number"],
textarea, 
select {
	outline: none;
}

form.default {
	margin-top: 40px;
	margin-bottom: 80px;
}

form.default dl {
	overflow: hidden;
}

form.default dl dt {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	text-align: right;
	margin-top: 0.5em;
	padding: 5px;
	padding-top: 1em;
	width: 250px;
	float: left;
	vertical-align: top;
}

form.default dl dt span {
	color: #ff0000;
	font-size: 0.7em;
}

form.default dl dt span:before {
	content: "【";
}

form.default dl dt span:after {
	content: "】";
}

form.default dl dd {
	font-size: 16px;
	margin-left: 270px;
	margin-top: 0.5em;
	line-height: 3;
	padding: 5px;
}

form.default dl dd span {
	display: inline-block;
	font-size: 14px;
	text-indent: 0.5em;
}

form.default dl dd span:before {
	content: "※";
}

form.default dl dd strong {
	color: #ff0000;
}

form.default dl dd label {
	display: inline-block;
	margin-right: 1em;
}

form.default p.area-ctg {
	margin-left: 250px;
}

form.default p.area-ctg label {
	display: inline-block;
	margin-right: 1em;
}

form.default input[type=text], 
form.default input[type=tel],
form.default input[type=email] {
	border: 0;
	font-size: 16px;
	padding: 10px;
	border: solid 1px #ccc;
	width: 20em;
	border-radius: 3px;
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
	transition: all 300ms 0s ease;
}

form.default input.em5 { width: 5em; }
form.default input.em8 { width: 8em; }
form.default input.em10 { width: 10em; }
form.default input.em20 { width: 20em; }
form.default input.em30 { width: 30em; }
form.default input.p100 { width: 100%; }

form.default textarea {
	border: 0;
	font-size: 16px;
	padding: 10px;
	border: solid 1px #ccc;
	width: 30em;
	height: 5em;
	border-radius: 3px;
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}

form.default textarea:focus,
form.default input:focus {
	border: solid 1px #f8c180;
}

form.default input[type=radio],
form.default input[type=checkbox] {
	display: inline-block;
	transform: scale(1.4);
	border-radius: 3px;
	margin-right: 0.5em;
}

form.default select {
	font-size: 16px;
	padding: 10px;
	border-radius: 5px;
	border: solid 1px #fff;
}

form.default button {
	border: none;
	margin: 0 0 0 275px;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	border-radius: 3px;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 40px;
	background: #f79836;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

form.default button:hover {
	opacity: 0.7;
}

a.btn {
	border: none;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	border-radius: 3px;
	font-weight: bold;
	padding: 10px 40px;
	background: #f79836;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	display: inline-block;
	margin: 15px 0 0 10px;
}
a.btn:hover {
	opacity: 0.7;
}

/* -------------- サイト共通汎用部品：シェアボタン -------------- */

div.share-buttons {
	width: 500px;
	float: right;
	margin-bottom: 20px;
}

div.share-buttons ul li {
	display: inline-block;
	margin-right: 5px;
}

/* -------------- サイト共通汎用部品：ページ送り -------------- */

nav.page-nav {
	margin: 40px 0;
	font-size: 16px;
	overflow: hidden;
}

nav.page-nav p.prev a,
nav.page-nav p.next a {
	border-radius: 3px;
	background: #d1c17c;
	width: 90px;
	padding: 5px 30px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

nav.page-nav p.prev a { float: left; }
nav.page-nav p.next a { float: right; }

nav.page-nav p.dpn a {
	visibility: hidden;
}

nav.page-nav ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
}

nav.page-nav ul li a {
	display: block;
	border-radius: 3px;
	background: #ddd19e;
	padding: 5px;
	margin: 0 8px;
	color: #fff;
	font-weight: bold;
}

nav.page-nav ul li.cnt {
	border-radius: 3px;
	background: #d1c17c;
	padding: 5px;
	margin: 0 8px;
	color: #fff;
	font-weight: bold;
}

/* -------------- サイト共通汎用部品：デフォルトtable -------------- */

table.default {
	margin: 0 auto;
	width: 80%;
}
table.default th,td {
	border: 1px solid #DDD;
	font-size: 16px;
	line-height: 1.4;
	padding: 20px;
}

table.default th {
	background: #EEE8CE;
	text-align: left;
	width: 20%;
	font-weight: bold;
}

table.default iframe {
	height:400px;
	margin-top: 10px;
	width: 100%;
}

table.default > p {
	font-size: 16px;
	line-height: 1.4;
}

/* -------------- カラー統一 -------------- */

header {
	border-top: 15px solid #8acde3; 
/*2412	border-top: 15px solid #c2a52d;*/
}

footer {
	border-bottom: 15px solid #88cce3; 
/*2412	border-bottom: 15px solid #c2a52d;*/
}

h2.top-information-mds {
	border-bottom: 4px solid #80cde3;
/*2412	border-bottom: 4px solid #c2a52d;*/

}
div.top-information dl dd.date {
	color: #2495b4;
/*2412	color: #c2a52d;*/
}

h2.mds {
	border-left: 5px solid #80cde3;
/*2412	border-left: 5px solid #c2a52d;*/
}

h3 {
	color: #2a9ebf;
/*2412	color: #c2a52d;*/
}

a:hover {
	color: #c2a52d;
}


/* PAGER */
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #c8e2ea;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #80cde3;
/*2412	background: #c2a52d;*/
}



/* -------------- サイト共通ヘッダー -------------- */


header {
	border-bottom: 5px solid #dcdddd;
	width: 100%;
	height: 150px;
}

header div.inner {
	width: 1000px;
	height: 150px;
	margin: 0 auto;
	position: relative;
}

header h1 {
	position: absolute;
	top: 40px;
}

header nav {
	position: absolute;
	right: 0;
	bottom: 0;
}

header nav ul {
	float: right;
	border-left: 1px dotted #ddd;
}

header nav ul li {
	display: inline-block;
	padding: 5px 20px;
	font-size: 16px;
	font-weight: bold;

	border-right: 1px dotted #ddd;
	margin-top: 5px;
}

header nav ul li.atv a {
	color: #e44f41;
}

header ul.sns {
	position: absolute;
	top: 40px;
	right: 0;
}

header ul.sns i,
footer ul.sns i {
	width: 50px;
	height: 50px;
	margin: 0;
	border-radius: 50%;
	background: #898f9c;
	line-height: 50px;
	text-align: center;
}

header ul.sns i:before,footer ul.sns i:before { padding 0; line-height: 50px; }
header ul.sns a:link i,
header ul.sns a:visited i,
footer ul.sns a:link i,
footer ul.sns a:visited i { 
	color: #fff;
	-webkit-transition: 0;
	transition: 0;
}
header ul.sns a:hover i,
footer ul.sns a:hover i { background: #898f9c;opacity: .7; }

footer ul.sns,
footer ul.sns-x { display:none; }



header ul.sns-x {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 40px;
	right: 0;
	text-align: center;
	border-radius: 50%;
	background: #898f9c;
}

footer ul.sns-x {
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #898f9c;
}

header ul.sns-x img,
footer ul.sns-x img {
	padding: 12px 5px 5px;
	max-width: 70%;
	margin: 0 auto;
}

/* -------------- サイト共通フッター -------------- */

footer {
	margin-top: 50px;
	height: 150px;
	background: #eeefef;
}



footer div.inner {
	width: 1000px;
	height: 150px;
	margin: 0 auto;
	position: relative;
}


footer p.logo-f {
	position: absolute;
	top: 50px;
	font-size: 28px;
	font-weight: bold;
}

footer p.access {
	position: absolute;
	top: 90px;
	font-size: 14px;
	font-weight: bold;
}

footer nav {
	position: absolute;
	top: 80px;
	right: 0;
}

footer nav ul {
}

footer nav ul li {
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	border-left: 1px solid #666;
	padding: 0 5px;
}

footer nav ul li:first-child {
	border-left: none;
}


.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
}
.pagetop a {
	display: block;
	z-index: 999;
	text-indent: -9999px;
	width: 58px;
	height: 58px;
	background: url(../imgs/btn_pagetop.png);
}
 
.pagetop a:hover {
	opacity: 0.7;
}