@charset "UTF-8";
/*=============================================================

	Date: 2022-3-10
	CSS Document ： Miyako Takayama × MEDE19F

=============================================================*/
body {
 width: 100%;
}
/* ---------------------------------

BASE
	
--------------------------------- */
div#container_md {
 position: relative;
 text-align: left;
}
@media not all and (min-width: 919px) {
 div#container_md {
  padding: 26px 0 0;
 }
 div.look_md img {
  height: auto;
  width: 100%;
 }
}
/* ---------------------------------

パンくず
	
--------------------------------- */
div.pankuzu_fca {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 padding: 20px;
 font-size: 10px;
 color: #888888;
 /* top: 0; */
 background: #FFF;
 /* left: 0; */
 position: relative;
 z-index: 20;
 letter-spacing: 0.1em;
}
div.pankuzu_fca ul {
 display: -webkit-flex;
 display: flex;
 margin-bottom: 0;
}
div.pankuzu_fca ul li {
 padding: 0 6px 0 0;
}
div.pankuzu_fca ul li a {
 padding: 0 7px 0 0;
 color: #888888;
}
div.pankuzu_fca p, div.pankuzu_fca h3 {
 color: #888;
 font-size: 100%;
 margin-bottom: 0;
 line-height: 1.7;
}
@media not all and (min-width: 919px) {
 div.pankuzu_fca {
  /* border-top: 1px solid #f1f1f1; */
  /* margin: 10px auto 10px; */
  padding: 10px 10px 0;
  z-index: 10;
  position: relative;
 }
 div.pankuzu_fca p, div.pankuzu_fca h3 {
  font-size: 10px;
 }
 div.pankuzu_fca ul li {
  padding: 0 6px 6px 0;
 }
}
/* ---------------------------------

LINK
	
--------------------------------- */

div.look_md a {
 text-decoration: none;
 transition: all 0.5s ease;
 outline: none;
 overflow: visible;
}
div#container_md a:hover {
 text-decoration: none;
	/*opacity: 1;*/
	
}
*:focus {
 outline: none;
}
@media (min-width: 919px) {
 a:hover {
  opacity: 0.7;
 }
}
@media not all and (min-width: 919px) {
 a:hover {
  text-decoration: none;
 }
}
/* ---------------------------------

PAGETOP
	
--------------------------------- */
div.pagetop_me {
 position: fixed;
 bottom: 5%;
 right: 5%;
 cursor: pointer;
 transition: all 0.3s;
 z-index: 1;
}
@media screen and (min-width: 919px) {
 div.pagetop_me:hover {
  bottom: 6%;
 }
}
@media not all and (min-width: 919px) {
 div.pagetop_me {
  bottom: 5%;
  right: 2%;
  width: 10%;
 }
}
/*------------------------------------

MAIN

------------------------------------*/
div.look_md {
 color: #000000;
 font-family: A1 Mincho;
 line-height: 1.0;
 letter-spacing: 0.1em;
 -moz-font-feature-settings: "palt";
 -webkit-font-feature-settings: "palt";
 font-feature-settings: "palt";
 font-variant-ligatures: no-common-ligatures;
 position: relative;
}
div.look_md img {
 height: auto;
 max-width: 100%;
 /*width: 100%;*/
}
.scrollin {
 opacity: 0;
 /* transform: translateY(3rem); */
 transition: opacity .8s, transform .8s;
}
.scrollin.active {
  opacity: 1;
 /* transform: translateY(0); */
 transition-delay: .0s;
}
.open_md::after {
 background: #FFF;
 content: "";
 display: block;
 width: 100%;
 height: calc(100% + 1px);
 position: absolute;
 top: -1px;
 left: 0;
 transition: 1.3s;
 transition-delay: .4s;
}
.open_md.left_md::after {
 background: #eaeaea;
 left: auto;
 right: 0;
}
.scrollin.active .open_md::after {
 width: 0%;
}
.fade{
 opacity: 0;
}
/* ---------------------------------

HEADER
	
--------------------------------- */
#header_md {
 font-size: 10px;
 padding: 3px 15px 15px 0;
 position: absolute;
 right: 0;
 margin: 20px auto;
 top: 0;
 z-index: 21;
 letter-spacing: 0;
}
#header_md ul {
 display: -webkit-flex;
 display: flex;
 margin: 0;
}
#header_md li {
 line-height: 1;
 margin-right: 7px;
}
#header_md li a {
 color: #888;
 padding-bottom: 1px;
}
@media not all and (min-width: 919px) {
 #header_md {
  padding: 10px 10px 0;
  left: 0;
  right: auto;
  background: #FFF;
  width: 100%;
  margin: 0;
  border-bottom: 1px solid #f1f1f1;
 }
 #header_md ul {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
 }
 #header_md li {
  margin: 0 7px 7px 0;
 }
}