@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=EB+Garamond');
/* CSS Document */

/*
	00 layout
	01 index
	02 about
	03 booklists
	11 contact


	80 basic
	98 common
	99 adjust
*/


/*	00 layout
------------------------------------------*/
*{
  padding:0;
  margin:0;
  color:#4a4341;
}

html,body{ height:100%; width:100%; min-height:100%;}
body {color:#4a4341; background:url(/img/bg.png) repeat-x top center;background-attachment: fixed;
font-family: 'EB Garamond',"Times New Roman", Times, "serif";
font-size: 17px;}
p{ line-height: 1.8;}


.gothic{ font-family:Helvetica, Arial, sans-serif;}
.enText{font-family: 'EB Garamond',"Times New Roman", Times, "serif";}

body {
	overflow-x: hidden;
	opacity:0;
	animation:fade_in 1s forwards;
	-o-animation:fade_in 1s forwards;
	-ms-animation:fade_in 1s forwards;
	-moz-animation:fade_in 1s forwards;
	-webkit-animation:fade_in 1s forwards;
}
@keyframes fade_in{100%{opacity:1;}}
@-o-keyframes fade_in{100%{opacity:1;}}
@-ms-keyframes fade_in{100%{opacity:1;}}
@-moz-keyframes fade_in{100%{opacity:1;}}
@-webkit-keyframes fade_in{100%{opacity:1;}}

div{ }

button:hover{ cursor:pointer;}


/*body{ display:none; }PageLoading*/
@media print {
#whole {
	width: 1420px;
	display: block;
}
}


/*--- clearfix ---*/
.clearfix:after {
    clear: both;
}
.clearfix:after, .clearfix:before {
    content: " ";
    display: table;
}

header:after,
main:after,
section:after{
	content: ".";
	display: block;
	height: 0px;
	font-size: 0;
	clear: both;
	visibility: hidden;
	}

/*--- transition ---*/
header{
	}

/*--- frame ---*/
/*header,main,footer{
	width:100%;
	min-width:1100px;
	margin-left:auto;
	margin-right:auto;
	}
*/
.container {
	}

/*base*/
.important{ color:#d62d07; font-weight:bold;}




/*	header
------------------------------------------*/
header{}

header{ position: relative; width: 80%; margin: 0 auto; max-width: 1030px;}
header .logo { text-align: center; margin-top: 6vh; padding-bottom: 48px; min-height: 323px;}
header .logo img { max-width: 172px; height: auto;}
header .nav_area1 { position: absolute; top: 10px; right: 10px;}
header .nav_area img {}
header .nav_area2 {position: absolute; bottom: 48px; right: 10px;}

/*nav*/
nav{}
header .nav_area1 .nav_jp img{ width: 150px;}

header .nav_area2 ul.nav { display: table;}
header .nav_area2 ul.nav li { display: table-cell; padding-left: 10px; vertical-align: middle;}
header .nav_area2 ul.nav li img{ height: 20px;}
header .nav_area2 ul.nav li.nav_fb{}
header .nav_area2 ul.nav li.nav_insta{}


/*	footer
------------------------------------------*/
footer{ position: relative; width: 100%; height: 130px; margin: 0 auto;}
.pagetop {
    position: absolute;
    bottom: 30px;
    left: 0;
    text-align: center;
    width: 100%;
}
.pagetop img{ width: 72px; height: 34.5px; margin: 0 auto;}
.copyrightArea{}
.copyrightArea .copyright{position: absolute;
    bottom: 30px;
    right: 26px;
    width: 10px;}
.copyrightArea .copyright img{ width: 10px; height: auto;}


/*	main
------------------------------------------*/
main{ position: relative; width: 80%; margin: 0 auto; max-width: 1030px;}
section{}




.btn_more{ text-align: center;}
.btn_more a{ display: block; background: #f7f4eb; color: #b79400; font-family: 'EB Garamond', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho",  serif; position: relative; width: 128px; padding: 10px 20px; margin-left: auto;}
.btn_more a:after{
    content: "";
    width: 11px;
    height: 20px;
    position: absolute;
    top: 50%;
	right: 18px;
	transform: translateY(-50%);
	background: url(/img/btn_more_arrow.svg) no-repeat 0 0;
	background-size: 11px 20px;}




/*	English page
------------------------------------------*/
.infoWrap{}

.mainImg{ width:100%;}
.mainImg img{ width:100%;}
.mainImg{ padding-bottom: 60px;}

.infoWrap .inner{ padding: 0 4%;}

.infoWrap .inner .infobox{ position:relative; padding-bottom: 144px; margin-bottom: 118px;}
.infoWrap .inner .infobox::after{
    content: "";
    width: 130px;
    height: 26px;
    position: absolute;
    bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background: url(/img/icon_book.svg) no-repeat 0 0;
	background-size: 130px 26px;}

.infoWrap .inner .infobox .shopname {
    text-align: right;
    padding-top:60px;
    font-size: 16px;}
.infoWrap .inner .infobox .shopname span{ font-size: 18px;}

.infoWrap .inner .contactBox,
.infoWrap .inner .addressBox{ text-align: center; padding-bottom:94px; font-size: 19px;}
.infoWrap .inner .contactBox h2,
.infoWrap .inner .addressBox h2{ font-size: 27px; color: #b79400; padding-bottom: 20px;}

.infoWrap .inner .contactBox{ }
.infoWrap .inner .addressBox{ }




/*	adjust
------------------------------------------*/


@media screen and (max-width:1080px) and (orientation:portrait) {



}
@media screen and (min-width:1081px) and ( max-width:1260px)  and (orientation:portrait){
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/
}