@charset 'utf-8';
/*▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼  */

/* common_style.css */

/*★★★★★★★★★★ 共通設定用 ★★★★★★★★★★*/

/* 設定情報：ページ最小幅960px 
	コンテンツ最大幅1200px
	
*/

/*◆◇◆◇◆◇◆◇◆◇　本体 ◇◆◇◆◇◆◇◆◇◆*/

/* 最小幅と最大幅の設定 */

#wrap,header,header .inner,#global_navi,#global_navi ul,main,footer,footer .inner {
	min-width: 960px;
}

header .inner,#global_navi ul,footer .inner,.c_box, .card_box, .footer_menu {
	max-width: 1200px;
}

.c_box,.card_box,.footer_menu {
	min-width: 900px;
}

html {
	position: relative;
	width: 100%;
	height: 100%;
	background: url('/img/common_parts/h_bg.jpg') 110px 115px fixed repeat;
	font-size: 62.5%;
}

body {
	position: relative;
	width: 100%;
	height: 100%;
	color: #2d1e04;
	font-size: 1.6rem;
}

#wrap {
	position: relative;
	min-height: 100vh;
}

/*◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇　Header ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇*/

header {
	position: relative;
	margin-bottom: 40px;
	width: 100%;
	height: 165px;
	background: url('/img/common_parts/main_bg.jpg') repeat-y;
	background-size: 100%;
}

header .inner {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 120px;
}

/*########### Logo ###########*/

#logo {
	position: relative;
	overflow: hidden;
	margin-left: 15px;
	max-width: 395px;
	height: 120px;
}

#logo img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	transform: translate3d(-50%, -50%, 0);
}

/*########### ヘッダー文 ###########*/

#title_text {
	position: absolute;
	top: 50%;
	right: 0;
	padding-left: 395px;
	width: 100%;
	color: #2d1e04;
	text-align: center;
	transform: translate3d(0, -50%, 0);
}

#title_text p {
	font-weight: bold;
	font-size: 2.3rem;
	font-family: 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝B', 'ＭＳ 明朝', Meiryo, serif;
	line-height: 1.5em;
}

/*########### global navi ###########*/

#global_navi {
	z-index: 22;
	width: 100%;
	height: 45px;
	background-color: #4a5b16;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
}

#global_navi ul {
	display: table;
	margin: 0 auto;
	width: 100%;
	height: 45px;
}

#global_navi ul li {
	display: table-cell;
	border-right: 1px solid #ffffff;
}

#global_navi li:last-child {
	border-right: 0 solid #ffffff;
}

#global_navi ul a {
	display: block;
	padding: 0 1em;
	height: 45px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
	font-weight: bold;
	font-size: 2rem;
	line-height: 45px;
}

/*◆◇◆◇◆◇◆◇◆◇◆◇◆◇　Main　◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇*/

main {
	position: relative;
	padding: 0 30px 104px 30px;
	width: 100%;
	height: 100%;
}

.c_box {
	position: relative;
	margin: 0 auto;
	margin-bottom: 40px;
	padding: 20px;
	min-height: 100%;
	width: 100%;
	height: 100%;
	background: url('/img/common_parts/main_bg.jpg') repeat-y;
	background-size: 100%;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6);
}

.c_box section {
	padding: 4%;
	width: 100%;
	background: rgba(253, 245, 220, 0.48);
	word-wrap: break-word;
}

.c_box .text_block{
	width: 100%;
	float: none;
	clear: both;
	overflow: hidden;
	margin-bottom: 1em;
}


.card_box {
	position: relative;
	margin: 0 auto;
	margin-bottom: 20px;
	width: 100%;
	height: 100%;
}

.card_box ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	width: 100%;
	height: 100%;
}

.card_box li {
	align-self:stretch;
	margin-bottom: 20px;
	min-height: 230px;
	width: 48%;
	width: calc(100% / 2 - 10px);
	background: url(/img/common_parts/main_bg.jpg) repeat-y;
	background-size: 100%;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}
.card_box li a{
	align-self:stretch;
	display: flex;
	overflow: auto;
	padding: 20px;
	width: 100%;
	height: 100%;
	min-height: 230px;
	color:#2d1e04;
	text-decoration: none;
	/*background: rgba(255, 0, 0,0.5 );*/
}
.card_box .thumbnail {
	position: relative;
	/*float: left;*/
	overflow: hidden;
	width: 35%;
	height: 100%;
	/*background: rgba(0, 255, 0,0.5 );*/
}

.card_box.books .thumbnail {
	width: 140px;
}

.card_box .thumbnail img{
	position: absolute;
	top:50%;
	left: 50%;
	width: auto;
	height: 105%;
	-webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.card_box.books .thumbnail img{
	position: absolute;
	top:50%;
	left: 50%;
	width: auto;
	height:105%;
	-webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.card_box .post_content{
	/*float: right;*/
	padding: 5px 10px 10px 10px;
	width: 65%;
	height: 100%;
	background: rgba(253, 245, 220, 0.48);
}

.card_box.books .post_content{
	width: calc(100% - 140px);
}

.card_box p{
	padding: 0;
	line-height: 1.4em;
}

/* footer メニュー */

.footer_menu {
	margin: 0 auto 40px;
	padding: 15px 15px 10px 15px;
	width: calc(100% - 30px);
	background: url(/img/common_parts/main_bg.jpg) repeat-y;
	background-size: 100%;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}

.footer_menu ul {
	display: flex;
	overflow: auto;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

.footer_menu ul li {
	padding-right: 10px;
	max-width: 340px;
	width: 33.33%;
	width: calc(100% / 3);
	height: 65px;
}

.footer_menu ul > li:last-child {
	padding-right: 0;
}

.footer_menu a {
	display: block;
	height: 60px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

ul.banner li{
	padding-bottom: 10px;
}

ul.banner a{
	display: block;
	height: 60px;
}

li.text_banner {
	text-align: center;
}

li.text_banner a {
	display: block;
	background-color: #4f4db6;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
	font-weight: bold;
	font-size: 2rem;
	line-height: 60px;
}

li.webshop a {
	background-image: url(/img/common_parts/banner/shop_bg2.png), url(/img/common_parts/banner/shop_bg_l.png), url(/img/common_parts/banner/shop_bg_r.png), url(/img/common_parts/banner/shop_bg1.png);
	background-position: center, left, right, center;
	background-size: contain;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
}

li.blog a {
	background-image: url(/img/common_parts/banner/blog_bg2.png), url(/img/common_parts/banner/blog_bg_l.png), url(/img/common_parts/banner/blog_bg_r.png), url(/img/common_parts/banner/blog_bg1.png);
	background-position: center, left, right, center;
	background-size: contain;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
}

/*◆◇◆◇◆◇◆◇◆◇◆◇◆◇　Footer　◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇*/

/*########### footer ###########*/

footer {
	position: absolute;
	bottom: 0;
	z-index: 20;
	width: 100%;
	height: 104px;
	background-color: #4a5b16;
	-webkit-box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.4);
	box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.4);
}

footer .inner {
	margin: 0 auto;
	padding: 25px 0;
	width: 100%;
	height: 104px;
	background-color: #4a5b16;
	color: #ffffff;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
	line-height: 1.7em;
}

/*◆◇◆◇◆◇◆◇◆◇◆◇◆◇　テキスト関係　◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇*/

.h_01{
	font-size: 3.2rem;
	line-height: 2em;
}
.h_02{
	font-size: 2.8rem;
	line-height: 2em;
}
.h_03{
	font-size: 2.4rem;
	line-height: 2em;
}
.h_04{
	font-size: 2.2rem;
	line-height: 2em;
}
.h_05{
	font-size: 2rem;
	line-height: 2em;
}
.h_06{
	font-size: 1.8rem;
	line-height: 2em;
}

@media screen and (max-width: 1019px){
  .exhibition .h_02 {
    font-size: 2.5rem;
  }
}

/* ポジション */

.C_p{text-align: center;}
.L_p{text-align: left;}
.R_p {text-align: right;}

/*　見出し装飾 */

.motif_1 strong, .motif_2 strong{
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 0.5em 0 0.8em 1.7em;
	padding-right: 0.25em;
	padding-bottom: 2px;
	border-bottom: 0.1em solid rgb(45, 30, 4);
	vertical-align: bottom;
	text-align: center;
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1em;
}

.motif_1 strong:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1.9em;
	z-index: -1;
	display: block;
	margin: auto;
	width: 2em;
	height: 2em;
	background: url("/img/common_parts/motif_01.png");
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
}

.motif_2 strong {
	margin-bottom: 1em;
	margin-left: 1.5em;
}

.motif_2 strong:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1.5em;
	z-index: -1;
	display: block;
	margin: auto;
	width: 1.8em;
	height: 1.8em;
	background: url("/img/common_parts/motif_06.png");
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
}

.motif_3 strong {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 0.5em 0 0.6em;
	padding-bottom: 0.15em;
	border-bottom: 0.1em solid rgb(45, 30, 4);
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1em;
}

.motif_3 strong:first-letter {
	padding-left: 0.1em;
	font-size: 1.5em;
}
.sub_title {
	margin-top: -0.8em;
}

.sub_title strong{
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 0 0 0.6em 1em;
	padding-bottom: 0.15em;
	border-bottom: 0.1em solid rgb(45, 30, 4);
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1em;
}

.long_title{
	letter-spacing: -0.08em;
	font-size: 2rem;
}

.mark1 {
	display: inline-block;
	margin-left: 0.5em;
	color: red;
	line-height: 1em;
}

p{ font-size: 1.8rem;}

.long_text {
	/* 両端揃え インデント */
	padding: 0 0 1em 0;
	text-align: justify;
	text-indent: 0em;
	line-height: 1.7em;
}

.smt{
	padding-left: 1em;
	text-indent: -1em;
}
br.sp{
	display: none;
}

/* 仕切り線 */
.hr {
	display: table;
	clear: both;
	margin: 0 auto 1em;
	width: 70%;
	height: 6.4rem;
	background: url("/img/common_parts/motif_04.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.hr_b,
.hr_a {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

.hr_b {
	padding-right: 7rem;
}

.hr_a {
	padding-left: 7rem;
}

.hr_b:before {
	display: block;
	width: 100%;
	height: 2px;
	background: -webkit-linear-gradient(left, rgba(45, 30, 4, 0), rgba(45, 30, 4, 0.8), #2d1e04);
	background: -moz-linear-gradient(left, rgba(45, 30, 4, 0), rgba(45, 30, 4, 0.8), #2d1e04);
	background: -ms-linear-gradient(left, rgba(45, 30, 4, 0), rgba(45, 30, 4, 0.8), #2d1e04);
	background: -o-linear-gradient(left, rgba(45, 30, 4, 0), rgba(45, 30, 4, 0.8), #2d1e04);
	content: "";
}

.hr_a:before {
	display: block;
	max-width: 100%;
	height: 2px;
	background: -webkit-linear-gradient(right, rgba(45, 30, 4, 0), rgba(45, 30, 4, 0.8), #2d1e04);
	background: -moz-linear-gradient(right, rgba(45, 30, 4, 0), rgba(45, 30, 4, 0.8), #2d1e04);
	background: -ms-linear-gradient(right, rgba(45, 30, 4, 0), rgba(45, 30, 4, 0.8), #2d1e04);
	background: -o-linear-gradient(right, rgba(45, 30, 4, 0), rgba(45, 30, 4, 0.8), #2d1e04);
	content: "";
}

hr {
	clear: both;
	margin: 2em auto;
	max-width: 80%;
	height: 2px;
	border: 0;
	background: -webkit-linear-gradient(left, rgba(45, 30, 4, 0), rgba(45, 30, 4, 0.9), #2d1e04, rgba(45, 30, 4, 0.9), rgba(45, 30, 4, 0));
	background: -moz-linear-gradient(left, rgba(45, 30, 4, 0), rgba(45, 30, 4, 0.9), #2d1e04, rgba(45, 30, 4, 0.9), rgba(45, 30, 4, 0));
	background: -ms-linear-gradient(left, rgba(45, 30, 4, 0), rgba(45, 30, 4, 0.9), #2d1e04, rgba(45, 30, 4, 0.9), rgba(45, 30, 4, 0));
	background: -o-linear-gradient(left, rgba(45, 30, 4, 0), rgba(45, 30, 4, 0.9), #2d1e04, rgba(45, 30, 4, 0.9), rgba(45, 30, 4, 0));
}

/*########## Fixed用設定 ##########*/

#global_navi.fixed_gnav {
	/*グローバルナビ用*/
	position: fixed;
	top: 0;
	z-index: 900;
}

/*########## ギャラリー関係 ##########*/
.my_gallery img{
	cursor:zoom-in;
}

/* タブレット縦向き スマホ横向き */
/*@media screen and (min-width:500px) and (max-width:899px) {*/
@media screen and (max-width:899px) {
	.SD html,
	.SD body,
	.SD #wrap,
	.SD header,
	.SD header .inner,
	.SD #global_navi,
	.SD #global_navi ul,
	.SD main,
	.SD footer,
	.SD footer .inner {
		min-width: 500px;
		max-width: 899px;
	}

	.SD .c_box,
	.SD .card_box,
	.SD .footer_menu {
		min-width: 440px;
		max-width: 839px;
	}

	.SD header,
	.SD .c_box,
	.SD .footer_menu {
		margin-bottom: 20px;
	}

	.SD .card_box {
		margin-bottom: 0;
	}

	.SD main {
		padding: 0 15px 104px 15px;
	}
	
	/*◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇　Header ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇*/

	.SD header {
		height: 145px;
	}

	.SD header .inner {
		height: 100px;
	}

	/*########### Logo ###########*/

	.SD #logo {
		margin-left: 5px;
		max-width: 40%;
		height: 100px;
	}

	.SD #logo img {
		max-width: 100%;
	}

	/*########### ヘッダー文 ###########*/

	.SD #title_text {
		padding-left: calc(40% + 5px);
	}

	.SD #title_text p {
		font-size: 18px;
	}

	/*########### global navi ###########*/

	.SD #global_navi ul a {
		font-size: 1.8rem;
	}

	/*◆◇◆◇◆◇◆◇◆◇◆◇◆◇　Main　◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇*/

	.SD .card_box li {
		width: 100%;
	}

	.SD .card_box .thumbnail {
		width: 25%;
	}

	.SD .card_box .post_content {
		width: 75%;
	}

	.SD .card_box.books .thumbnail {
		width: 140px;
	}

	.SD .card_box.books .post_content {
		width: calc(100% - 140px);
	}

	.SD footer p {
		font-size: 1.6rem;
	}

	/*◆◇◆◇◆◇◆◇◆◇◆◇◆◇　テキスト関係　◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇*/

	.SD .h_01 {font-size: 2.8rem;}

	.SD .h_02 {font-size: 2.4rem;}

	.SD .h_03 {font-size: 2rem;}

	.SD .h_04 {font-size: 1.8rem;}

	.SD .h_05 {font-size: 1.6rem;}

	.SD .h_06 {font-size: 1.6rem;}

	.SD p {
		font-size: 1.6rem;
	}
	
	.SD .exhibition .h_02 {
    font-size: 2rem;
  }
}

/* タブレット横向き */

@media screen and (min-width:900px) {}




/* メモ帳とLink非表示 */

#global_navi ul li#memo,#global_navi ul li#link{
	display: none;
}