@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: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho",  serif;}

.gothic{ font-family:Helvetica, Arial, YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;}
.enText{font-family: 'EB Garamond', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho",  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{ position: fixed; height: 100vh; width: 20%; z-index: 1; top: 0; left: 0;}

main{}
main{
   width : 80% ;
	/*
   width : -webkit-calc(100vw - 20vw) ;
   width : calc(100vw - 20vw) ;
	*/
    margin-right:0;
    margin-left: auto;
}







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

header{overflow-y: auto;
    padding-bottom: 20px;}
header.page-index{}
header .logo { text-align: center; margin-top: 6vh;}
header .logo img { max-width: 172px; height: auto;}
header .nav_area { margin-top: 48px;}
header .nav_area img {}

/*nav*/
nav{}
.nav_area{}
.nav_area ul.nav{ }
.nav_area ul.nav li{  text-align: left; position: relative; margin-top: 9%;}
.nav_area ul.nav li a{ display: block; padding-left: 50%;}
.nav_area ul.nav li img{ max-width: 170px; width: 170px; height: auto; transform: translateX(-50%);}
.nav_area ul.nav li,
.nav_area ul.nav li a{
	transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-moz-transition-duration:0.3s;}


.nav_area ul.nav li:before{
	position: absolute;
	top:10px;
	left: 0;
	content: '';
	display: block;
	width: 84px;
	height: 75px;
	background: url(/img/icon_bird.svg) no-repeat 0 0;
	background-size:84px 75px;
    transform: translate(-84px,-40%);
    transition: all 0.1s ease-in-out;
	}
.nav_area ul.nav li a:hover img,
.nav_area ul.nav li.select img{ opacity: .5;}
.nav_area ul.nav li:hover:before,
.nav_area ul.nav li.select:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 84px;
	height: 75px;
	background: url(/img/icon_bird.svg) no-repeat 0 0;
	background-size:84px 75px;
    transform: translate(-35px,-40%);
    transition-delay: 0.1s;
	}
.nav_area ul.nav li.nav_sns:before,
.nav_area ul.nav li.nav_sns:hover:before{
	display: none;
	}
.nav_area ul.nav li.nav_sns a{ padding-left: 0;}
.nav_area ul.nav li.nav_sns img{ transform: translateX(0);}

.nav_area ul.nav li.nav_about{}
.nav_area ul.nav li.nav_works{}
.nav_area ul.nav li.nav_booklists{}
.nav_area ul.nav li.nav_company{}
.nav_area ul.nav li.nav_contact{}
.nav_area ul.nav li.nav_legal{}
.nav_area ul.nav li.nav_sns{
	display: flex;
    justify-content: flex-start;
    align-items: center;
	width: 172px;
    margin: 12% auto 0 auto;}
.nav_area ul.nav li.nav_sns .nav_fb{}
.nav_area ul.nav li.nav_sns .nav_insta{}
.nav_area ul.nav li.nav_sns .nav_en{}

.nav_area ul.nav li.nav_sns .nav_fb a{padding-right:10px;}
.nav_area ul.nav li.nav_sns .nav_insta a{padding-right:19px;}
.nav_area ul.nav li.nav_sns .nav_en a{}

.nav_area ul.nav li.nav_sns .nav_fb img{ width: 12px; }
.nav_area ul.nav li.nav_sns .nav_insta img{ width: 20px; }
.nav_area ul.nav li.nav_sns .nav_en img{ width: 44px;}

/*
.nav_area ul.nav li.nav_fb{ margin-top: 10%;}
.nav_area ul.nav li.nav_fb img{ max-width: 13px; width: 13px; margin-left: -78px;}
.nav_area ul.nav li.nav_en{ margin-top: 5%;}
.nav_area ul.nav li.nav_en img{ max-width: 164px; width: 164px; margin-left: -6px;}

.nav_area ul.nav li.nav_fb:before,
.nav_area ul.nav li.nav_fb:hover:before,
.nav_area ul.nav li.nav_en:before,
.nav_area ul.nav li.nav_en:hover:before{
	display: none;
	}
*/

/*	footer
------------------------------------------*/
footer{
    height: 200px;
    position: relative;
    width: 100%;}
/*
.pagetop {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    padding-left: 20%;
    text-align: center;
}
*/
.pagetop {
    position: absolute;
    bottom: 30px;
    right: 0;
    width: 80%;
    text-align: center;
}
.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{}
section{}

.mainImg{ width:100%;}
.mainImg img{ width:100%;}

.mainImg{ padding-bottom: 110px;}

.textArea a {
    text-decoration: underline;
}
.textArea a:hover {
    text-decoration: none;
	opacity: .6;
}

.intro{ width: 75%; margin: 0 auto; position: relative; padding-bottom: 140px; margin-bottom: 110px;}
.intro::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;}
.intro h2 { color: #b79400; font-size: 25px; padding-bottom: 40px;}

/*pageTtl*/
/*
.pageTtl { position:relative; font-size:18px; padding-bottom:23px; margin-bottom:68px; text-align:center; letter-spacing: 0.14em; font-weight: bold;}
.pageTtl .en{ font-size:15.5px; display:block; color:#8c766b; font-family: 'EB Garamond', serif; letter-spacing: 0.1em; font-weight: normal; line-height: 1.2;}
.pageTtl:after{
    content: "";
    width: 38px;
    height: 1px;
	background:#bf6a4c;
    position: absolute;
    bottom: 0;
    left: 50%;
	transform:translateX(-50%);}
*/

/*subNav*/
.subNav{ background:#F8FBFF; border-bottom:1px solid #C2D2E6;}
.subNav .inner{ max-width:1030px; margin:0 auto;}
.subNav .inner ul{ display:table; margin:0 auto; margin-bottom:-1px;}
.subNav .inner ul li{ display:table-cell; font-size:14px;}
/*.subNav .inner ul li.select{ border-bottom:1px solid #004396;}*/
.subNav .inner ul li a{ color:#004396; padding:10px 32px; display:block;}
.subNav .inner ul li.select a,
.subNav .inner ul li a:hover{ border-bottom:1px solid #004396;}
.subNav .inner ul li span{}



/*intro*/
.contentsWrap{ padding:100px 0 90px; width:980px; margin:0 auto; }


.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; text-decoration: none;}
.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;}




/*	01 index
------------------------------------------*/

/*footer.page-index { height: 0px;}*/
footer.page-index { height: auto;}

/*scrollNav*/
.scrollNav{ position: fixed; top: 50%; right: 0; transform: translateY(-50%); width: 22px; z-index: 99;}
.scrollNav ul{}
.scrollNav ul li{ display: block; padding: 9px 0; position: relative; width: 22px; height: 4px;}
.scrollNav ul li:after{
    content: "";
    width: 22px;
    height: 4px;
    position: absolute;
	top:50%;
	right: 0;
	transform: translateY(-50%);
	background:#c8d8e2;}
.scrollNav ul li:hover{ cursor: pointer;}
.scrollNav ul li:hover:after{background: #91b1c6;}
.scrollNav ul li.active:after{ background: #91b1c6;}

.btn_scroll{ position: fixed; bottom: 33px; right: 36px; width:12.5px; height: 64px; z-index: 99;}
.btn_scroll img{ width:12.5px; }
.btn_scroll img:hover{ cursor: pointer; opacity: .5;}

.btn_scroll {
    transition: opacity .6s ease, visibility .6s ease 0s;
}
.btn_scroll.hide {
    opacity: 0;
    visibility: hidden;
    transition: opacity .6s ease, visibility .6s ease .6s;
}


/*topSection*/
.topSection{ min-height: 980px; height: 100vh;}
.topSection h1{ display:flex; justify-content:space-between; padding-bottom: 16%;}
.topSection h1 span.jp{ padding-right: 10px;}
.topSection h1 img{ height:28px; width: auto;}
.topSection .textArea .textBox{}
.topSection .textArea h2{
    color: #b79400;
    font-size: 30px;
    line-height: 1.6;
    padding-bottom: 16%;
    letter-spacing: 0.06em;
    font-weight: normal;
}
.topSection .textArea p{}
.topSection .textArea .btn_more{margin-top: 20%; margin-bottom: 8%;}


/*topNew*/
/*
.topNew{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
   flex-flow: column;
  -ms-flex-pack:distribute;
  justify-content:center;}
*/
.single-item{}
.single-item .slide {
    position: relative;
}
.single-item .slide {
	/*height: 100vh;*/
	width: 100%;
	height: calc(100vh - 80px);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
/*
.single-item .slide .picArea {
    height: 90vh;
    display: table-cell;
    vertical-align: middle;
	width: 75vw;
}
.single-item .slide .picArea img{ width: 100%;}
*/
.single-item .slide .picArea{ display: none;}
/*
.single-item .slide a {
    position: absolute;
    bottom: 5%;
    left: 0;
	background:rgba(255,255,255,.8);
    width: auto;
    padding: 18px 20px 18px 44px;
	z-index: 1;
}
.single-item .slide a .textArea {
	display:table;
}
.single-item .slide .textArea .text,
.single-item .slide .textArea .btn_detail{display: table-cell; vertical-align: middle;}
.single-item .slide .textArea .text{ font-size: 14px; line-height: 1.7; white-space: nowrap; padding-right: 40px;}
.single-item .slide .textArea .btn_detail{ text-align: center; }
.single-item .slide .textArea .btn_detail span{ 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;}
.single-item .slide .textArea .btn_detail span: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;}
*/
.single-item .slide a {
    position: absolute;
    bottom: 12%;
    right: 4%;
    background: rgba(255,255,255,.8);
    width: auto;
    padding: 20px 24px 16px;
    z-index: 1;
    /* box-shadow: 0 2px 8px rgba(0,0,0,.5); */
}
.single-item .slide a .textArea {}
.single-item .slide .textArea .text,
.single-item .slide .textArea .btn_detail{}
.single-item .slide .textArea .text{ font-size: 14px; line-height: 1.7;}
.single-item .slide .textArea .btn_detail{ text-align: center; }
.single-item .slide .textArea .btn_detail span {
    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: 3px 12px 3px 3px;
    margin-top: 12px;
    font-size: 16.5px;
    letter-spacing: 0.04em;
}
.single-item .slide .textArea .btn_detail span: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;}


.topNew{height: calc(100vh - 12px); padding: 6px;}
/*
.topNew .inner {
    margin: 0 2%;
}
*/

/*newstopics*/
.newstopics{ width: 100%; display: table; margin-top: 40px; padding-left: 16px;}
.newstopics .ttlArea,
.newstopics .newsArea{ display: table-cell; vertical-align: top;}
.newstopics .ttlArea{ font-size: 15px; letter-spacing: 0.04em; color:#b79400 ; position: relative; width: 88px; line-height: 1.2; font-family: 'EB Garamond', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho",  serif;}
.newstopics .ttlArea:after{
    content: "";
    width: 1px;
    height: 12px;
    position: absolute;
    top: 3px;
    right: 20px;
    background: #b79400;}
.newstopics .newsArea{ position: relative; }
.newstopics .newsArea dl{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease-in .3s, visibility .3s ease-in .3s;
}
.newstopics .newsArea dl.active{
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease-in 1s, visibility 0s ease-in 0s;
}
.newstopics .newsArea dl dt,
.newstopics .newsArea dl dd{ display: table-cell; vertical-align: top; line-height: 1.2;}
.newstopics .newsArea dl dt{ color: #615653; padding-right: 10px; font-size: 13.5px;}
.newstopics .newsArea dl dd{ font-size: 14px;}


/*topAbout*/
.topAbout{display: flex; align-items: center;}
.topAbout .textArea{width: 28%; margin: 0 auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
   flex-flow: column;
  -ms-flex-pack:distribute;
  justify-content:space-between;
    /*justify-content: center;*/
height: 78vh;
max-height: 722px;
min-width: 370px;}
.topAbout .textArea .textBox{}

.topAbout .picArea{
   width : 55% ; /* IE8以下とAndroid4.3以下用フォールバック */
   width : -webkit-calc(100% - 45%) ;
   width : calc(100% - 45%) ;}
.topAbout .picArea{ height: 78vh; min-height: 800px; background: url(/img/pic_about.jpg) no-repeat center center; background-size: cover;}
.topAbout .picArea img{ width: 100%;}
.topAbout .textArea h1{}
.topAbout .textArea h2{}
.topAbout .textArea p{}
.topAbout .textArea .btn_more{}

/*topWorks*/
.topWorks{display: flex; align-items: center; min-height: 730px;}
.topWorks .picArea{width: 34%; margin: 0 auto; max-width: 430px;}
.topWorks .textArea{ width : 46% ; padding-right: 10%;}
.topWorks .picArea{ height: 74vh; background: url(/img/pic_works.jpg) no-repeat center center; background-size: cover;}
.topWorks .picArea img{ width: 100%;}
.topWorks .textArea{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
   flex-flow: column;
  -ms-flex-pack:distribute;
  justify-content:space-between;
height: 68vh;
max-height: 670px;}
.topWorks .textArea h1{}
.topWorks .textArea h2{ padding-bottom: 12%;}
.topWorks .textArea p{ }
.topWorks .textArea .btn_more{margin-top: 26%; margin-bottom: 8%;}


/*topPhilosophy*/
.topPhilosophy{display: flex; align-items: center;}
.topPhilosophy .textArea{width: 34%; margin: 0 10%;}
.topPhilosophy .picArea{ width : 46%;}
/*.topPhilosophy .picArea{ height: 78vh; min-height: 800px; background: url(/img/pic_philosophy.png) no-repeat center center; background-size: cover;}*/
.topPhilosophy .picArea ul li{ height: 26vh; min-height: 276px; margin: 3px 0;}
.topPhilosophy .picArea ul li.pic1{ background: url(/img/pic_philosophy1.jpg) no-repeat top center; background-size: cover;}
.topPhilosophy .picArea ul li.pic2{ background: url(/img/pic_philosophy2.jpg) no-repeat center center; background-size: cover;}
.topPhilosophy .picArea ul li.pic3{ background: url(/img/pic_philosophy3.jpg) no-repeat bottom center; background-size: cover;}
.topPhilosophy .picArea img{ width: 100%;}
.topPhilosophy .textArea h1{ padding-bottom: 30%;}
.topPhilosophy .textArea .conceptText{
    color: #b79400;
    font-size: 29px;
    line-height: 1.5;
	padding-bottom: 20px;
	font-family: 'EB Garamond', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho",  serif;
}
.topPhilosophy .textArea .conceptTextJp{ color: #b79400; padding-bottom: 14%; font-size: 16px;}
.topPhilosophy .textArea p{}


/*topItemlist*/
.topItemlist{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
   flex-flow: column;
  -ms-flex-pack:distribute;
  justify-content:center;}
.topItemlist .inner{ margin: 0 10%;}
.topItemlist h1{ padding:120px 0 138px;}

.topItemlist .btn_books{ text-align: center; margin-top: 116px; margin-bottom: 180px;}
.topItemlist .btn_books 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; padding: 14px 20px;
    margin: 0 auto;
    width: 300px;
    font-size: 18px;
    letter-spacing: 0.04em;}
.topItemlist .btn_books 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;}


/*	02 about
------------------------------------------*/
/*.page-about .mainImg{background:url(/about/img/main.jpg) no-repeat center; background-size:cover;}*/


/*	03 booklists
------------------------------------------*/
.page-booklists{}
.page-booklists .pageTtlArea{ display: flex; justify-content: space-between; padding: 164px 0 70px;}
.page-booklists .pageTtl h1{}
.page-booklists .pageTtl h1 img{ width: 130.5px; height: auto;}
.page-booklists .pagetop { padding: 0 10% 0 8%;}

/**/

.searchArea{ display: flex; justify-content: flex-end; font-family:Helvetica, Arial, YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;}
.searchArea .selectBox{}
.searchArea .selectBox select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	-webkit-appearance: none;
	border: 0;
	width: 100%;
	font-size: 15px;
	color: #063e83;
	height: 34px;
	padding: 0 40px 0 14px;
	background: rgba(231,237,243,.9);
	background-image: url(/booklists/img/search_arrow.svg);
	background-position: center right 12px;
	background-repeat: no-repeat;
	background-size:12px 7px ;}
.searchArea .selectBoxCate{}

.searchArea .searchBox{ padding:0 6px;}
.searchArea .searchBox input{background: rgba(231,237,243,.9); height: 34px; border: 0; padding: 0 10px; color: #063e83;}
.searchArea .searchBox :placeholder-shown {
    color: #063e83; }
.searchArea .searchBox :placeholder-shown {
    color: #063e83; }
/* Google Chrome, Safari, Opera 15+, Android, iOS */
.searchArea .searchBox ::-webkit-input-placeholder {
    color: #063e83; }
/* Firefox 18- */
.searchArea .searchBox :-moz-placeholder {
    color: #063e83; opacity: 1; }
/* Firefox 19+ */
.searchArea .searchBox ::-moz-placeholder {
    color: #063e83; opacity: 1; }
/* IE 10+ */
.searchArea .searchBox :-ms-input-placeholder {
    color: #063e83; }

.searchArea .btn_search { line-height: 0;}
.searchArea .btn_search input {
	border-radius: 0;
	-webkit-appearance: none;
  cursor: pointer;
  display: block;
  width: 93px;
  height: 34px;
  border: none;
  text-indent: -9999px;
  background: url(/booklists/img/btn_search.svg) no-repeat 0 0;
  background-size:93px 34px;
}
.searchArea .btn_search input:hover { opacity: .7;}

.page-booklists .cateList{ padding-bottom: 90px;}
.page-booklists .cateList .ttl{ font-size: 16px; color: #b79400; font-weight: normal; font-family: 'EB Garamond', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho",  serif; letter-spacing: 0.04em; padding-bottom: 6px;}
.page-booklists .cateList ul{ font-size: 0;}
.page-booklists .cateList ul li {
    font-size: 14px;
    display: inline-block;
    width: 33.3%;
    margin-bottom: 6px;
    padding-right: 6px;
    vertical-align: top;
}
.page-booklists .cateList ul li a {
    display: block;
    background: #f7f4eb;
    padding: 12px 20px;}
.page-booklists .cateList ul li a:hover{ opacity: .7;}

.page-booklists .cateList_slide{
  display: none;
  overflow: hidden;
	padding-bottom: 50px;
}
/*
.common-overlay-nav{ display: none;}
.common-overlay-nav .container{position: fixed; top: 0; left: 0; background: rgba(255,255,255,.9); z-index: 1; width: 100%; height: 100vh;}
.huhamburgerMenu buttom{ display: none;}
.cateList_fade{ width:auto; margin: 0 auto; padding-top: 50px;}
.cateList_fade .ttl{ font-size: 16px; color: #b79400; font-weight: normal; font-family: 'EB Garamond', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho",  serif; letter-spacing: 0.04em; padding-bottom: 6px;}
.cateList_fade ul{}
.cateList_fade ul li {}
*/

.page-booklists .cateArea{ display: flex; justify-content: space-between; padding-bottom: 14px;}
.page-booklists .cateArea h2{ font-size: 16px; color: #b79400; font-weight: normal; font-family: 'EB Garamond', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho",  serif; letter-spacing: 0.04em;}
.page-booklists .cateArea h2 span.cateName{ font-size: 20px; color: #564b33; padding-left: 10px; padding-right: 40px;}
.page-booklists .cateArea h2 span.keyword{ font-size: 16px; color: #564b33; padding-left: 10px;}
.page-booklists .cateArea .navCate{ font-size: 14px; padding-bottom: 28px;}
.page-booklists .cateArea .navCate a{ position: relative; display: block;}
.page-booklists .cateArea .navCate a:before{
    content: "";
    width: 17px;
    height: 16px;
    position: absolute;
    top: 50%;
	left: -24px;
	transform: translateY(-50%);
	background: url(/booklists/img/navicon.svg) no-repeat 0 0;
	background-size: 17px 15px;}

.booklistsWrap{ margin: 0 8% 0 5%;}
.booklistsWrap .inner{ border-top: 1px solid #efefef;}

.booklistsWrap .sortArea{  display: flex; justify-content:flex-end; padding:28px 0 50px; font-size: 13px; font-family:Helvetica, Arial, YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;}
.booklistsWrap .sortArea .results{ display: flex; justify-content: flex-start; align-items: center;}
.booklistsWrap .sortArea .order{ display: flex; justify-content: flex-start; align-items: center; padding-left: 28px;}
.booklistsWrap .sortArea .selectBox{ padding-left: 10px;}
.booklistsWrap .sortArea .selectBox select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	-webkit-appearance: none;
	border: 0;
	width: 100%;
	font-size: 15px;
	height: 30px;
	padding: 0 24px 0 14px;
	background:#f7f4eb;
	background-image: url(/booklists/img/search_arrow2.svg);
	background-position: center right 12px;
	background-repeat: no-repeat;
	background-size:7px 12px ;}
.booklistsWrap .sortArea .selectBoxResults{}
.booklistsWrap .sortArea .selectBoxOrder{}

.booklistsWrap .pagination{ padding-top: 70px;}
.booklistsWrap .pagination ul{ display: flex; justify-content: center;}
.booklistsWrap .pagination ul li{}
.booklistsWrap .pagination ul li.prev{ padding-right: 20px;}
.booklistsWrap .pagination ul li.next{ padding-left: 20px;}
.booklistsWrap .pagination ul li a{ display: block; padding: 10px;}

/*itemlistWrap*/
.itemlistWrap ul{text-align: center; font-size: 0;}
.itemlistWrap ul li {
    display: inline-block;
    width: 24%;
    margin: 0 1% 20px 0;
    text-align: left;
    vertical-align: top;
}
.itemlistWrap ul li:nth-child(4) {
    margin-right: 0;
}
.itemlistWrap ul li a{ display: block; padding: 18px 18px 26px 18px; position: relative; background: #fff;}
.itemlistWrap ul li a:hover{ background:#fdfcf9;}
/*.itemlistWrap ul li a:hover{ background:rgba(183,148,0,.03);}*/

/*
.itemlistWrap ul li a:hover:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
	left: 0;
	background:#f7f4eb;
	opacity: .5;
	background-blend-mode: multiply;}
*/
.itemlistWrap ul li span{ display: block;}
.itemlistWrap ul li span.pic{ text-align: center;}
.itemlistWrap ul li span.pic img { width: 100%; max-width: 270px; mix-blend-mode: multiply;}
.itemlistWrap ul li a:hover span.pic img { /*background:#fdfcf9;*/}
.itemlistWrap ul li span.pic {
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	mix-blend-mode: multiply;
}
.itemlistWrap ul li span.author{ font-size: 13.5px; padding-top: 16px;}
.itemlistWrap ul li span.title{ font-size: 13.5px;}
.itemlistWrap ul li span.info{ font-size: 12.5px; padding-bottom: 10px;}
.itemlistWrap ul li span.price{ font-size: 17px; color: #b79400; padding-top: 10px; font-family: 'EB Garamond', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho",  serif;}

.itemlistWrap.book ul li {
  box-sizing: border-box;
  margin: 0;
  padding: 0 6px;
}


/*	04 booklists detail
------------------------------------------*/
.itemDataWrap{}
.itemDataWrap .basicData{ display: flex; justify-content:center; padding:86px 0 100px; align-items: flex-start;}
.itemDataWrap .basicData .picArea{ width: 44%; text-align: center; margin-right: 6%; background: #fff;}
.itemDataWrap .basicData .picArea img{ width: 100%; max-width: 500px;}
.itemDataWrap .basicData .textArea{ width: 50%;}
.itemDataWrap .basicData .textArea p{ line-height: 1.7;}
.itemDataWrap .basicData .textArea .author{ font-size: 20px;}
.itemDataWrap .basicData .textArea .title{ font-size: 20px; padding-bottom: 76px;}
.itemDataWrap .basicData .textArea .info{ padding-bottom: 16px;}
.itemDataWrap .basicData .textArea .info span.edition{}
.itemDataWrap .basicData .textArea .info span.year{}
.itemDataWrap .basicData .textArea .info span.place{}
.itemDataWrap .basicData .textArea .author_en{}
.itemDataWrap .basicData .textArea .title_en{}
.itemDataWrap .basicData .textArea .info_en{ padding-bottom: 24px;}
.itemDataWrap .basicData .textArea .info_en span.plac{}
.itemDataWrap .basicData .textArea .info_en span.publisher{}
.itemDataWrap .basicData .textArea .info_en span.year{}
.itemDataWrap .basicData .textArea .info_en span.itemNum{}
.itemDataWrap .basicData .textArea .price { padding-bottom: 48px;}
.itemDataWrap .basicData .textArea .edition_en { padding-bottom: 6px; font-size: 14px;}
.itemDataWrap .basicData .textArea .oth { font-size: 14px;}

.itemDataWrap .informationData {}
.itemDataWrap .informationData .infoTtl{ font-family: 'EB Garamond', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho",  serif; color: #b79400; font-style: italic; font-size: 22.7px; position: relative; margin-bottom: 120px;}
.itemDataWrap .informationData .infoTtl:before{content: ""; width: 80%; height: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border: 1px solid #fafafa;}
.itemDataWrap .informationData .innerText{  margin: 0 auto; width: 100%; min-width:808px; max-width: 980px; padding:0 5%;}
.itemDataWrap .informationData .ttl{ padding-bottom: 50px;}
.itemDataWrap .informationData .textArea{ padding-bottom: 28px;}
.itemDataWrap .informationData .textArea p{ font-size: 14px; line-height: 1.8;}
.itemDataWrap .informationData .picAreaA{ padding-bottom: 46px;}
.itemDataWrap .informationData .picAreaA ul { display: flex; justify-content: space-between; align-items: center;}
.itemDataWrap .informationData .picAreaA ul li{ width: 48%;}
.itemDataWrap .informationData .picAreaA ul li span{ display: block;}
.itemDataWrap .informationData .picAreaA ul li span.pic{}
.itemDataWrap .informationData .picAreaA ul li span.pic img {
    max-width: 100%;
    max-height: 560px;
    display: block;
    margin: 0 auto;
}
.itemDataWrap .informationData .picAreaA ul li span.caption{ font-size: 12px; padding-top: 8px; text-align: center;}
.itemDataWrap .informationData .picAreaB { padding-bottom: 46px;}
.itemDataWrap .informationData .picAreaB span{ display: block;}
.itemDataWrap .informationData .picAreaB span.pic{}
.itemDataWrap .informationData .picAreaB span.pic img{
    max-width: 100%;
    margin: 0 auto;
    display: block;
    max-height: 700px;
	/*
    max-height: 58vh;
    min-height: 600px;
	*/
}
.itemDataWrap .informationData .picAreaB span.caption{ font-size: 12px; padding-top: 8px;}


/*	08 about
------------------------------------------*/

.page-about{}
.page-about .pageTtlArea{ padding: 164px 0 34px;}
.page-about .pageTtl h1{}
.page-about .pageTtl h1 img{ width: 303px; height: auto;}
.aboutWrap{ margin: 0 8% 0 5%;}
.aboutWrap .inner{}

.aboutbox{ width: 75%; margin: 0 auto; position:relative; padding-bottom: 118px; margin-bottom: 104px;}
.aboutbox::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;}
.aboutbox:last-child{ padding-bottom: 30px; margin-bottom: 0;}
.aboutbox:last-child::after{ display: none;}
.aboutbox h3 { color: #b79400; font-size: 25px; padding-bottom: 40px;}
.intro .name{ text-align: right; padding-bottom: 54px;}
.aboutbox .logodesign {
    margin-left: 50px;
    margin-bottom: 50px;
    margin-top: 20px;
}
.aboutbox .shopname{ text-align: right; padding-top: 70px; line-height: 1.6;}
.aboutbox .shopname .master{ font-size: 17px;}
.aboutbox .shopname span {
    padding-left: 8px;
    font-size: 15px;
}

/*	08 works
------------------------------------------*/

.page-works{}
.page-works .pageTtlArea{ padding: 164px 0 34px;}
.page-works .pageTtl h1{}
.page-works .pageTtl h1 img{ width: 197px; height: auto;}
.worksWrap{ margin: 0 8% 0 5%;}
.worksWrap .inner{}

.worksbox{ width: 75%; margin: 0 auto; position:relative; padding-bottom: 180px; margin-bottom: 144px; display: table;}
.worksbox::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;}
.worksbox:last-child{ padding-bottom: 30px; margin-bottom: 0;}
.worksbox:last-child::after{ display: none;}
.worksbox h3 { color: #b79400; font-size: 25px; padding-bottom: 40px;}

.worksbox .textArea,
.worksbox .picArea{ display: table-cell; vertical-align: middle;}
.worksbox .textArea{ width: 65%; padding-right: 8%;}
.worksbox .picArea {
    width: 35%;
    height: 50vh;
    min-height: 590px;
    max-height: 690px;
}
.worksbox .picArea img{ width: 100%;}
.worksbox1 .picArea{ background: url(/works/img/pic1.jpg) no-repeat center center; background-size: cover;}
.worksbox2 .picArea{ background: url(/works/img/pic2.jpg) no-repeat bottom center; background-size: cover;}
.worksbox3 .picArea{ height: auto;}
.worksbox3 .picArea img{ border: 1px solid #eaeaea;}
.worksbox4 .picArea{ height: auto;}

/*	08 company
------------------------------------------*/

.page-company{}
.page-company .pageTtlArea{ padding: 164px 0 70px;}
.page-company .pageTtl h1{}
.page-company .pageTtl h1 img{ width: 146px; height: auto;}
.companyWrap{ margin: 0 8% 0 5%;}
.companyWrap .inner{}
.companyWrap dl{ display: table; width: 100%; border-bottom: 1px solid #f4f4f4;}
.companyWrap dl:first-child{ border-top: 1px solid #f4f4f4;}
.companyWrap dl dt,
.companyWrap dl dd{ display: table-cell; padding:20px 20px;}
.companyWrap dl dt {
    width: 14%;
    min-width: 130px;
    max-width: 200px;
}
.companyWrap dl dd{}
.companyWrap dl iframe{ width: 100%; height: 300px; margin-top: 20px;}
.companyWrap #map{ width: 100%; height: 500px; margin-top: 20px; display: block;}


/*	08 legal
------------------------------------------*/

.page-legal{}
.page-legal .pageTtlArea{ padding: 164px 0 70px;}
.page-legal .pageTtl h1{}
.page-legal .pageTtl h1 img{ width: 408px; height: auto;}
.legalWrap{ margin: 0 8% 0 5%;}
.legalWrap .inner{}
.legalWrap dl{ display: table; width: 100%; border-bottom: 1px solid #f4f4f4;}
.legalWrap dl:first-child{ border-top: 1px solid #f4f4f4;}
.legalWrap dl dt,
.legalWrap dl dd{ display: table-cell; padding:20px 20px;}
.legalWrap dl dt {
    width: 14%;
    min-width: 180px;
    max-width: 200px;
	white-space: nowrap;
}
.legalWrap dl dd{}

/*	08 contact
------------------------------------------*/
.page-contact{}
.page-contact .pageTtlArea{ padding: 164px 0 70px;}
.page-contact .pageTtl h1{}
.page-contact .pageTtl h1 img{ width: 197px; height: auto;}
.contactWrap{ margin: 0 8% 0 5%;}



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

/*
.overlay-open-btn,
.common-overlay-nav{ display: none;}
*/
@media screen and (max-width:750px) and (orientation:portrait) {
.nav_area ul.nav li:hover:before,
.nav_area ul.nav li.select:before { display: none;}


html{ width: 340%;}
header { overflow-y: initial; height: auto;}
.legalWrap { padding: 0 8% 0 5%; margin: 0;}
.legalWrap dl{ width: auto;}

/*
header {
    position: relative;
    height: auto;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}
main {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}
header .nav_area {
    margin-top: 12px;
    margin-bottom: 12px;
}
header .logo { margin-top: 2vh;}
.nav_area ul.nav li {margin-top: 12px;}
.nav_area ul.nav li.nav_sns{margin: 20px auto 0 auto;}
*/
	/*
html{ width:1080px;}
.topSlide {overflow-x: hidden;}
	*/

}
@media screen and (min-width:751px) and ( max-width:1200px) and (orientation:portrait){
.nav_area ul.nav li:hover:before,
.nav_area ul.nav li.select:before { display: none;}
	/*
html{ width:1080px;}
.topSlide {overflow-x: hidden;}
	*/
}

@media screen and (min-width:1201px) and ( max-width:1416px){
.nav_area ul.nav li:hover:before,
.nav_area ul.nav li.select:before { display: none;}
}



/*
@media screen and (max-width:1260px) and (orientation:portrait) {
html{ width:1080px;}
.topSlide {
	overflow-x: hidden;
}
.topSlide{ width:100%; height:680px; padding-top:0; box-sizing:border-box;}
.slick-slide{ position:relative; height:600px!important; margin-bottom:38px;}
.slick-slide .textArea {
    position: absolute;
    top: 0;
    left: 0;
    transform: initial;
    z-index: 999;
    height: 168px;
    width: 100%;
}
.slick-slide .textArea .icon {
    padding-bottom: 0;
    position: absolute;
    bottom: -36px;
    left: 0;
    background: #3872B6;
    padding: 0 6vw;
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.slick-slide .textArea .icon span{ background:#3872B6; color:#fff; padding:0; font-size:13px;}
.slick-slide .textArea .icon span.mainFont{ padding:0; font-size:20px;}
.slick-slide .textArea .text {
    color: #fff;
    font-size: 13px;
    padding-bottom: 0;
    line-height: 1.5;
    position: absolute;
    top: 20px;
    left: 10px;
	display:none;
}
.slick-slide .textArea .btn{ display:none;}
.slick-slide .textArea .btn span{ border:1px solid #fff; padding:10px; color:#fff;}
.slick-slide .pic img{ width:100%;}

.slick-slide.slide2 .textArea{ left:0; right:initial; transform:initial; text-align:initial;}

.topSlide .single-item{}

.topSlide .slick-dots {
	display: block!important;
    bottom: -24px;
}
.topSlide .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 8px;
}
.topSlide .slick-dots li button {
    width: 10px;
    height: 10px;
    background: #ccc;
}
.topSlide .slick-dots li button:hover,
.topSlide .slick-dots li button:focus,
.topSlide .slick-dots li.slick-active button {
    background: #1B5706;
}
}
*/

.grecaptcha-badge {
    visibility: hidden;
}

.recaptcha-message {
    font-size: 12px;
    text-align: center;
    color: rgb(199,178,205);
}