html { overflow-y: scroll; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

img { vertical-align: bottom; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

li { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; font-variant: normal; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }

/*to enable resizing for IE*/
input, textarea, select { *font-size: 100%; }

/*because legend doesn't inherit in IE */
legend { color: #000; }

del, ins { text-decoration: none; }

#News { padding-top: 50px; }

#irimoyacafe .head .headBody h1 img { opacity: 0; }
#irimoyacafe .head .headBody h1 img.active { height: 60px; width: auto; opacity: 1; }
@media screen and (max-width: 768px) { #irimoyacafe .head .headBody h1 img.active { height: 30px; width: auto; } }
#irimoyacafe .slidemain .photo .inner.p01 { background: url("../images/slide01.jpg") center center; }
#irimoyacafe .slidemain .photo .inner.p02 { background: url("../images/slide02.jpg") center center; }
#irimoyacafe .slidemain .photo .inner.p03 { background: url("../images/slide03.jpg") center center; }
#irimoyacafe .slidemain .photo .inner.p04 { background: url("../images/slide04.jpg") center center; }

.contents { padding-top: 50px; padding-bottom: 50px; }
@media screen and (max-width: 600px) { .contents { padding-top: 0; } }
.contents .ttl-en { text-align: center; margin-bottom: 30px; }
.contents .sec_visual { width: 100%; position: relative; }
.contents .sec_visual img { width: 100%; height: auto; display: block; }
.contents .sec_photo { width: 70%; height: 460px; background-size: cover; background-position: center center; }
.contents .sec_text { position: absolute; top: 50%; transform: translateY(-50%); width: 40%; background-color: #f6f5ec; padding: 40px; }
.contents .sec_text img { width: 100%; height: auto; display: block; }
@media screen and (max-width: 768px) { .contents .sec_text { width: 90%; position: relative; transform: translateY(-20px); padding: 40px 0; margin-left: 5%; text-align: center; }
  .contents .sec_text img { display: inline-block; width: 80%; } }
.contents .sec_btn a { width: 120px; display: block; padding: 0.25em 0; color: #221815; font-weight: bold; text-align: center; font-size: 15px; border: 2px solid #c3b191; border-radius: 2em; text-decoration: none; margin: 30px auto 0; }
.contents .sec_copy_txt { position: absolute; bottom: -2em; left: 5%; font-size: 18px; background-color: black; padding: 20px 10px; color: #FFFFFF; /*-webkit-writing-mode:vertical-rl; -ms-writing-mode:tb-rl; writing-mode:vertical-rl;*/ }
.contents .sec_copy_txt img { width: 18px; height: auto; }
@media screen and (max-width: 768px) { .contents .sec_copy_txt { bottom: auto; top: -1em; font-size: 16px; }
  .contents .sec_copy_txt img { width: 16px; } }
@media screen and (max-width: 600px) { .contents .sec_copy_txt { top: -1em; left: 2%; font-size: 14px; }
  .contents .sec_copy_txt img { width: 14px; } }
@media screen and (max-width: 480px) { .contents .sec_copy_txt { font-size: 12px; padding: 10px 7.5px; }
  .contents .sec_copy_txt img { width: 12px; } }
@media screen and (max-width: 380px) { .contents .sec_copy_txt { font-size: 10px; padding: 10px 5px; }
  .contents .sec_copy_txt img { width: 10px; } }
.contents .sec_box { position: relative; width: 100%; }
.contents .sec_box.right-side .sec_text { right: 0; }
.contents .sec_box.left-side .sec_text { left: 0; }
.contents .sec_box.left-side .sec_photo { margin-left: 30%; }
@media screen and (max-width: 768px) { .contents .sec_box .sec_photo { width: 100%; height: auto; padding-bottom: 50%; }
  .contents .sec_box.right-side .sec_text { right: 0; }
  .contents .sec_box.left-side .sec_text { left: 0; }
  .contents .sec_box.left-side .sec_photo { margin-left: 0%; } }

/*-----------------------------------

	sec1

------------------------------------*/
#sec1 .sec_text { width: 290px; }
#sec1 .sec_text img { max-width: 290px; }
@media screen and (max-width: 768px) { #sec1 .sec_text { width: 90%; } }
#sec1 .sec_photo { background-image: url("../images/photo-naturallocal.jpg"); }

/*-----------------------------------

	sec2

------------------------------------*/
#sec2 .sec_text { width: 360px; }
#sec2 .sec_text img { max-width: 360px; }
@media screen and (max-width: 768px) { #sec2 .sec_text { width: 90%; } }
#sec2 .sec_photo { background-image: url("../images/photo-barista.jpg"); }

/*-----------------------------------

	sec3

------------------------------------*/
#sec3 .sec_text { width: 360px; }
#sec3 .sec_text img { max-width: 360px; }
@media screen and (max-width: 768px) { #sec3 .sec_text { width: 90%; } }
#sec3 .sec_photo { background-image: url("../images/photo-soup.jpg"); }

/*-----------------------------------

	sec4

------------------------------------*/
#sec4 { width: 100%; max-width: none; }
#sec4 .sec_inner { background-color: #fbead6; padding-bottom: 30px; }
#sec4 .sec_visual .sec_copy_txt { left: auto; right: 10%; z-index: 1; }
#sec4 .cf { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; }
#sec4 .sec_left { position: relative; margin-left: 5%; width: 36%; float: left; }
@media screen and (max-width: 768px) { #sec4 .sec_left { width: 100%; margin-left: 0%; float: none; } }
#sec4 .sec_left .sec_text { position: static; transform: translateY(-30px); width: 100%; max-width: 320px; }
#sec4 .sec_left .sec_text img { max-width: 320px; }
@media screen and (max-width: 768px) { #sec4 .sec_left .sec_text { width: 90%; max-width: none; } }
#sec4 .sec_pic_group1 { position: relative; width: 100%; max-width: 360px; margin-left: 10%; margin-top: 10px; }
#sec4 .sec_pic_group1 .sec_pic_group_inner { width: 100%; padding-bottom: 111.1111111111%; overflow: hidden; }
#sec4 .sec_pic_group1 .sec_pic { position: absolute; }
#sec4 .sec_pic_group1 .sec_pic img { width: 100%; height: auto; display: block; }
#sec4 .sec_pic_group1 #sec4_pic2 { top: 0; left: 0; width: 85%; }
#sec4 .sec_pic_group1 #sec4_pic3 { top: 52%; left: 0; width: 52.2222222222%; }
#sec4 .sec_pic_group1 #sec4_pic4 { bottom: 0; right: 0; width: 47.7777777778%; }
@media screen and (max-width: 768px) { #sec4 .sec_pic_group1 { width: 90%; max-width: none; margin-left: 5%; margin-top: 0px; }
  #sec4 .sec_pic_group1 .sec_pic_group_inner { padding-bottom: 44%; }
  #sec4 .sec_pic_group1 #sec4_pic2 { top: 0; left: 0; width: 64.7%; }
  #sec4 .sec_pic_group1 #sec4_pic3 { display: none; }
  #sec4 .sec_pic_group1 #sec4_pic4 { bottom: auto; top: 0; right: 0; width: 35.3%; } }
#sec4 .sec_right { width: 45%; float: right; margin-right: 5%; margin-top: 50px; }
#sec4 .sec_right .sec_pic img { width: 100%; height: auto; display: block; }
@media screen and (max-width: 768px) { #sec4 .sec_right { margin-left: 5%; margin-top: 0; float: none; width: 90%; font-size: 0; }
  #sec4 .sec_right .sec_pic { width: 50%; display: inline-block; } }

/*-----------------------------------

	sec5

------------------------------------*/
#sec5 { width: 100%; max-width: none; padding-bottom: 0; }
#sec5 .sec_inner { background-color: #000000; padding-bottom: 0px; }
#sec5 .sec_visual .sec_copy_txt { left: 15%; bottom: 2em; background-color: #FFFFFF; color: #000000; z-index: 1; }
#sec5 .sec_visual .sec_copy_txt br { display: none; }
@media screen and (max-width: 768px) { #sec5 .sec_visual .sec_copy_txt { top: 1em; bottom: auto; }
  #sec5 .sec_visual .sec_copy_txt br { display: inline; } }
#sec5 .cf { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; }
#sec5 .sec_left { position: relative; margin-left: 5%; width: 36%; float: left; }
@media screen and (max-width: 768px) { #sec5 .sec_left { width: 100%; margin-left: 0%; float: none; } }
#sec5 .sec_left .sec_text { position: static; transform: translateY(0px); width: 100%; max-width: 320px; background-color: rgba(0, 0, 0, 0); }
#sec5 .sec_left .sec_text img { max-width: 320px; }
#sec5 .sec_left .sec_text .sec_btn a { background-color: #fff3da; }
@media screen and (max-width: 768px) { #sec5 .sec_left .sec_text { width: 90%; max-width: none; transform: translateY(-30px); background-color: black; } }
#sec5 .sec_pic_group1 { position: relative; width: 100%; max-width: 360px; margin-left: 10%; margin-top: 10px; }
#sec5 .sec_pic_group1 .sec_pic_group_inner { width: 100%; overflow: hidden; }
#sec5 .sec_pic_group1 .sec_pic img { width: 100%; height: auto; display: block; }
#sec5 .sec_pic_group1 #sec5_pic2 { width: 85%; }
#sec5 .sec_pic_group1 #sec5_pic3 { margin-left: 20%; width: 85%; }
@media screen and (max-width: 768px) { #sec5 .sec_pic_group1 { width: 90%; max-width: none; margin-left: 5%; margin-top: 0px; font-size: 0; }
  #sec5 .sec_pic_group1 #sec5_pic2 { width: 50%; display: inline-block; }
  #sec5 .sec_pic_group1 #sec5_pic3 { width: 50%; display: inline-block; margin-left: 0%; } }
#sec5 .sec_right { width: 45%; float: right; margin-right: 5%; margin-top: 50px; position: relative; }
#sec5 .sec_right .sec_pic img { width: 100%; height: auto; display: block; }
#sec5 .sec_right .sec_copy_txt { left: auto; right: 5%; bottom: auto; top: -2em; background-color: #FFFFFF; color: #000000; z-index: 1; }
#sec5 .sec_right .sec_copy_txt br { display: none; }
@media screen and (max-width: 768px) { #sec5 .sec_right .sec_copy_txt { top: -1em; bottom: auto; }
  #sec5 .sec_right .sec_copy_txt br { display: inline; } }
@media screen and (max-width: 768px) { #sec5 .sec_right { margin-left: 5%; margin-top: 0; float: none; width: 90%; font-size: 0; }
  #sec5 .sec_right .sec_pic { width: 50%; display: inline-block; overflow: hidden; }
  #sec5 .sec_right .sec_pic img { width: 140%; margin-left: -20%; } }
#sec5 .sec_pic_group2 { font-size: 0; margin-top: 30px; margin-left: auto; margin-right: auto; width: 100%; max-width: 1000px; }
#sec5 .sec_pic_group2 .sec_pic { width: 50%; display: inline-block; }
#sec5 .sec_pic_group2 .sec_pic img { width: 100%; height: auto; display: block; }

/*-----------------------------------

	bnr-space

------------------------------------*/
.bnr-area { text-align: center; padding: 3rem 0 0; }
.bnr-area li { display: inline-block; border: 1px solid #000000; width: 420px; }
@media screen and (max-width: 768px) { .bnr-area li { width: 360px; } }
@media screen and (max-width: 480px) { .bnr-area li { width: 300px; } }
.bnr-area li a { padding: 15px 0 0; display: block; text-decoration: none; }
.bnr-area li a p { font-size: 12px; width: 100%; background-color: black; color: #FFFFFF; padding: 0.5em 0; }
.bnr-area li a img { width: 100%; max-width: 415px; height: auto; }

/*-----------------------------------

	cafe-access

------------------------------------*/
.cafe-access { max-width: 1000px; width: 100%; background: #DED1B6; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1rem 2rem; margin: 4rem auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.cafe-access .ttl-en { width: 100%; margin: 2rem 0; text-align: center; }
.cafe-access .cafe-acc-list { width: calc(100% - (600px + 1rem)); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media screen and (max-width: 900px) { .cafe-access .cafe-acc-list { margin-left: auto; margin-right: auto; width: 100%; max-width: 600px; } }
@media screen and (max-width: 768px) { .cafe-access .cafe-acc-list { width: 100%; } }
.cafe-access .cafe-acc-list li { font-size: .9rem; margin-bottom: .5rem; letter-spacing: .1rem; }
.cafe-access .cafe-acc-list li.cafe-acc-img { max-width: 235px; width: 100%; margin-bottom: 30px; }
.cafe-access .cafe-acc-list li.cafe-acc-img img { width: 100%; height: auto; }
.cafe-access .cafe-acc-list li.cafe-acc-txt { width: 100%; }
.cafe-access .cafe-acc-list li.cafe-acc-ttl { width: 23%; }
.cafe-access .cafe-acc-list li.cafe-acc-con { width: 75%; }
.cafe-access .cafe-map { width: 600px; margin-bottom: 2rem; }
@media screen and (max-width: 900px) { .cafe-access .cafe-map { margin-left: auto; margin-right: auto; width: 100%; margin-top: 1rem; max-width: 600px; } }
@media screen and (max-width: 768px) { .cafe-access .cafe-map { width: 100%; margin-top: 1rem; } }
.cafe-access .cafe-map iframe { max-width: 100%; }
.cafe-access .social-area { width: 100%; padding: 10px 0; text-align: center; }
.cafe-access .social-area li { width: 40px; display: inline-block; margin: 5px; }
.cafe-access .social-area li a { display: block; }
.cafe-access .social-area li img { width: 100%; height: auto; display: block; }