dust_scratches@charset "UTF-8";

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
common
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
:-ms-input-placeholder {
    color: #b0b0b0;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
:-ms-input-placeholder {
    color: #b0b0b0;
}
.floatRight{
	float:right;
}
.floatLeft{
	float:left;
}
.mask{
	width:100%;
	height:100%;
	z-index:190;
	position:absolute;

	display:none;
	top:0px;
	left:0px;
}

.text-center {
  text-align:center;
}
.text-break {
  word-break:break-all;
}
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.font-bold {
  font-weight:bold;
}

  /* li要素のインデント */
  .list-indent {
    text-indent: -1em;
    margin-left: 1em;
}

.list-style-disc{
    list-style-type: disc;
}

/* heading-ttl */
h2 {
  margin: 0;
  font-size: 50px;
  font-weight: normal;
font-family: 'Lobster', cursive;
/* padding-bottom: 30px; */
width: 980px;
margin: auto;
color:#261880;
}

h3{
  font-size: 200%;
  margin: 0 0 15px;
  font-family: 'Kaisei Opti', serif;
}

p {
font-family: 'Kaisei Opti', serif;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
ヘッダー
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */

header {
  background: url(../images/book_mainV.jpg) no-repeat center;
  background-size: 100%;
}

header section {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: 283px;
}

header section.ud_page {
  height: 123px!important;
}

header section > h1 {
  position: absolute;
  right: 0;
  bottom: 30px;
}

header section > h1 img {
  width:250px;
}

header section > h1 a {
  width: 250px;
  height: 83px;
  display: block;
}
header section > h1 a:hover {
  opacity: 0.8;
}

header section .sns_area {
  overflow: hidden;
}

header section .sns_area ul {
  overflow: hidden;
  margin-top: 30px;
}
header section .sns_area ul li {
  float: left;
  padding-right: 20px;
  border: none;
}
header section .sns_area ul li img {
  width: 40px;
}
header section .sns_area ul li a:hover {
  opacity: 0.7;
}

header section nav ul {
  overflow: hidden;
  position: absolute;
  bottom: 30px;
}

header section nav ul li {
  float: left;
  border-right: 1px solid #fff;
  padding: 0 5px;
  line-height: 1.0;
}
header section nav ul li:first-child {
  padding-left: 0;
}
header section nav ul li:last-child {
  padding-right: 0;
  border-right: none;
}
header section nav ul li a {
  color: #fff;
}

/*-------------------------------+CONTENTS AREA
---------------------------------*/
main {
  width: 100%;
  margin: 0px auto;
  clear: both;
  overflow: hidden;
}

main section {
  padding-bottom: 30px;
  margin: auto;
}

section .sec_cover {
  width: 980px;
  margin: 30px auto;
}

/* INFORMATION */
#sec01 {
  padding-top: 30px;
  background: url(../images/dust_scratches.png) repeat top left;
}
#sec01 dl {
  padding-left: 50px;
  line-height: 2.5;
}
#sec01 dl dt {
  float: left;
  padding: 0 50px 0 55px;
}
#sec01 dl dt.new_icn {
  background: url(../images/icn_info_new.png) no-repeat left center;
  background-size: 45px;
}

/* DRINK&FOOD */
#sec02 {
  /* background: url(../images/fukidasi01.svg) no-repeat left center; */
  background-size: 100%;
  overflow: hidden;
}
#sec02 .sec02_area {
  overflow: hidden;
}
#sec02 ul li {
  overflow: hidden;
  display: block;
  padding-bottom: 30px;
}
#sec02 ul li:last-child {
  float: right;
}

#sec02 li img {
  float:left;
  shape-outside: circle(50%);
  width: 280px;
  padding: 10px;
}

/* #sec02 .drink_area img {
  float:right;
  shape-outside: circle(50%);
  width: 200px;
  padding: 5px;
} */

/* INSTAGRAM */
#sec_insta {
  clear: both;
  background: url(../images/dust_scratches.png) repeat top left;
    overflow: hidden;
}
#sec_insta .sec_cover {
  margin-bottom: 0;
}

/* BLOG */
#sec03 {
  /* background: url(../images/fukidasi02.svg) no-repeat center center;
  background-size: 95%; */
    overflow: hidden;
}
#sec03 #rss {
  overflow: hidden;
}
#sec03 #rss li {
  width: 32.44%;
      float: left;
      text-align: left;
      padding: 15px;
      margin: 0 5px;
      height: 585px;
}
#sec03 #rss li blockquote {
  text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    opacity: 0.85;
}

#sec03 #rss li:nth-of-type(3n) {
  margin-right: 0;
}
#sec03 #rss li:nth-of-type(n+4) {
  display: none;
}

#sec03 #rss li > a {
  text-decoration: none;
  padding-bottom: 20px;
  font-weight: bold;
  display: block;
}
#sec03 #rss li > a::before {
  content: "［"
}
#sec03 #rss li > a::after {
  content: "］"
}
#sec03 #rss li > a:hover {
  color: #333;
}

#sec03 #rss li h3 {
  font-size: 16px;
  background: #fff;
  opacity: 0.85;
}

#sec03 #rss li img {
  width: 100%;
  height: auto;
}

#sec03 #rss li p,#sec03 #rss li a {
color: #000;
background: #fff;
opacity: 0.85;
padding-bottom: 0;
  }
  #sec03 #rss li p + p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

#sec03 .sec_cover {
  margin-bottom: 0;
}

#sec03 .sec_cover .txt_right {
  margin-top: 100px;
}

/* BOOK LIST */
#sec04 {
    background: url(../images/dust_scratches.png) repeat top left;
    overflow: hidden;
}
#sec04 .sec_cover {
  margin-top: 0px;
}
#sec04 #output {
  overflow: hidden;
}
#sec04 #output li {
  float: left;
  width: 20%;
  box-sizing: border-box;
  text-align: center;
  padding: 0 20px 20px;
}
#output.top_list li:nth-of-type(n+31) {
  display: none;
}
#output li .book_ttl, #output li .book_name, #output li .book_corp {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5;
  font-size: 75%;
}
#output li .book_ttl {
  background: url(../images/icn_newwindow.png) no-repeat right center;
    background-size: 16px;
    padding-right: 13px;
}
#output li .book_ttl:hover {
  opacity: 0.5;
}

#output li .book_name {
  font-weight: bold;
}

#output li img {
  min-height: auto;
  max-width: 129px;
  height: 176px;
  padding-bottom: 5px;
}

#output li a:hover {
  opacity: 0.7;
}

body.site_booklist main {
background: url(../images/dust_scratches.png) repeat top left;
overflow: hidden;
}
body.site_booklist #sec04 {
  width: 980px;
  margin: auto;
}
body.site_booklist #sec04 ul#output {
  padding: 80px 0;
}

/* ACCESS */
#sec05 {
  /* background: url(../images/fukidasi03.svg) no-repeat left center; */
  background-size: 100%;
    overflow: hidden;
}
#sec05 #map {
  width: 50%;
  float: left;
  padding-bottom: 45%;
}
#sec05 dl {
  width: 50%;
  overflow: hidden;
  padding-left: 35px;
  background: #fff;
  opacity: 0.85;
  font-family: 'Kaisei Opti', serif;
}

#sec05 dl dt {
  font-weight: bold;
  float: left;
}
#sec05 dl dd {
  padding-bottom: 15px;
}

/*-------------------------------+Other
---------------------------------*/

.txt_right {
  text-align: right;
}
.txt_right a {
  background: url(../images/icn_link_arrow.png) no-repeat left center;
      background-size: 18px;
      padding: 5px 0 5px 25px;
}
.icn_blank {
  background: url(../images/icn_newwindow.png) no-repeat right center;
      background-size: 18px;
      padding: 5px 25px 5px 0;
}

/* PAGE TOP */
body .sclolltop {
  opacity: 0;
}
body.linktop .sclolltop {
  display: block;
  position: fixed;
  bottom: 80px;
  right: 20px;
  animation-name: linkbtn;
  animation-duration: 1s;
  animation-iteration-count:1;
  animation-fill-mode: forwards;
}
@keyframes linkbtn {
0% {
  opacity: 0;
}
 100% {
  opacity: 1;
}
}

.more_btn,.second_btn,.third_btn,.fourth_btn,.fifth_btn {
  margin: 20px auto 0px;
  padding: 10px 30px;
  color: #fff;
  background: #261880;
  width: 300px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 80px;
}
.more_btn:hover {
  opacity: 0.7;
}

.second_btn,.third_btn,.fourth_btn,.fifth_btn {
  display: none;
}

.off_ticket div {
  text-align: center;
}


/*-------------------------------+FOOTER
---------------------------------*/
footer {
  color: #fff;
  margin-top: 0;
  padding: 0;
  width: 100%;
}

/* footer gfooter */
.gfooter {
  background: #261880;
	width: 100%;
	padding: 50px 0;
	text-align: center;
}

.gfooter .gfooter_terms p {
	font-size: 14px;
	color: #fff;
}

/*----------- media query landscape --------*/
@media only screen and (max-width: 812px){
h2 {
  padding-left: 15px;
}
header section {
  width: 100%;
  max-width: 100%;
}
header section > h1 {
    right: 30px;
}
main {
    width: 100%;
    margin: 0 auto;
  }
  main section {
    margin: 0 15px;
    padding-bottom: 50px;
}
main section .sec_cover {
    width: 100%;
}
  header img.tsundoku {
    width: 26%;
  }
  header section .sns_area ul {
    padding-left: 13px;
}
  header section nav ul {
    padding-left: 13px;
}
#sec01 dl {
    padding-left: 15px;
}
#sec01 dl dt {
    padding: 0 20px 0 55px;
}
#sec04 #rss ul li {
    width: 32.2%;
    height: auto;
}
}
/*----------- media query portrait --------*/
@media only screen and (max-width: 640px){
header {
  background-position-y: top;
}
header section {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  height: 160px;
}
header section > h1 {
 top: 7px;
 right: 5px;
}
header section > h1 img {
  width: 150px;
}
header section > h1 a {
  width: auto;
  height: auto;
}
header section nav ul {
  font-size: 76%;
  margin: auto;
  bottom: 15px;
}
header section .sns_area ul {
    margin-top: 12px;
}
header section .sns_area ul li {
    padding-right: 10px;
}
header section .sns_area ul li img {
    width: 35px;
}
main {
  width: 100%;
  margin: 0 auto;
}
main section {
    padding-bottom: 20px;
      margin: 0 auto;
  }
h2 {
  font-size: 35px;
  padding: 0 0 15px 10px;
  width: 100%;
}
h3{
  font-size: 170%;
  position: absolute;
}
main section .sec_cover {
  width: 100%;
  margin: 10px auto 0;
}

#sec01 {
}
#sec01 dl {
    padding-left: 10px;
    line-height: 1.5;
}
#sec01 dl dt {
    float: none;
    padding: 0 0 0 10px;
}
#sec01 dl dt.new_icn {
    padding: 0 0 0 50px;
}
.icn_blank {
    background: url(../images/icn_newwindow.png) no-repeat 99% center;
    padding: 5px 30px 5px 0;
    background-size: 18px;
}
.txt_right {
  margin-right: 15px;
}
#sec01 dl dd {
padding: 0 5px 15px;
}
#sec02 {
  background: none;
}
#sec02 ul li {
    width: 100%;
    float: none;
    padding: 10px;
}
#sec02 li img {
  padding-top: 55px;
}
#sec02 li p {
  padding-top: 55px;
}
#sec_insta iframe {
  border-radius: 0px;
}
#sec03 {
  background: none;
    overflow: hidden;
}
#sec03 #rss li {
    width: 100%;
    padding: 5px 5px 20px;
    margin: 0;
    font-size: 90%;
    height: auto;
}
#sec03 #rss ul li:last-child {
  border-bottom: none;
}
#sec03 #rss ul li h3 {
    margin: 10px 0;
}
#sec03 #rss li a {
  font-size: 90%;
}
#sec03 #rss ul li > a {
    padding-bottom: 15px;
}
#sec03 #rss li > a:last-child {
    padding-bottom: 0;
}
#sec03 .sec_cover .txt_right {
  margin-top: 0px;
}
#sec04 #output li {
  width: 33.3%;
  height: auto;
  padding: 0 5px 10px;;
}
#output li img {
    max-width: 100px;
    max-height: 147px;
}
body.site_booklist #sec04 {
  width: 100%;
  margin: auto;
}
body.site_booklist #sec04 ul#output {
  padding: 15px 0;
}
#sec05 {
background: none;
}
#sec05 #map {
    width: 100%;
    float: none;
    padding-bottom: 100%;
}
#sec05 dl {
    width: 100%;
    padding: 15px;
}
#sec05 dl dd {
    padding-bottom: 0px;
}
.gfooter_terms {
  padding: 0 15px;
}
.gfooter .gfooter_terms p {
    font-size: 75%;
}
body.linktop .sclolltop {
    right: 0px;
    bottom: 20px;
}
body.linktop .sclolltop img {
  width: 80%;
}
.off_ticket div img {
  width: 100%;
  padding: 0px 20px;
}
}
/*----------- media query portrait --------*/
@media only screen and (max-width: 320px){
}