@charset "UTF-8";

/*テンプレートcssファイルの読み込み
---------------------------------------------------------------------------*/
@import url("aos.css");
@import url("drawer.css");
@import url("../webfonts/css/all.min.css");


/*全体の設定
---------------------------------------------------------------------------*/
body, h1, h2, h3, h4, h5, h6, p, div, dt, dd, dl, img, input, form, ul, li, span, iframe {
	margin: 0px;
	padding: 0px;
vertical-align: bottom;
position: relative;
}
html {
scroll-behavior: smooth; /* スムーススクロール */
-moz-text-size-adjust:none;
-webkit-text-size-adjust:100%;
overflow-x: hidden;
overflow-y:scroll;
}
*, *:before, *:after { box-sizing: border-box;}
.anchor{
display: block;
padding-top: 500px;
margin-top: -500px;
}
.fixed {
position: fixed;
top: 0;
padding: 0;
width: 100%;
z-index: 1000;
background-color: rgba(255,255,255,0.9);
-webkit-transition: all .4s ease 0s,background .6s ease .2s;
transition: all .4s ease 0s,background .6s ease .2s;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
body {
font-family:  "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
font-feature-settings : "palt";
letter-spacing: .5px;
color: #FFF;
font-size: 16px;
line-height:2em;
	background: #000;
}
a {
 text-decoration: none;
}
img {
 border: 0;
 vertical-align: bottom;
 -webkit-backface-visibility: hidden; backface-visibility: hidden;
}
.clearfix:after {
content: "."; 
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
overflow:hidden;
}


/*container（サイト全般を囲むブロック）
---------------------------------------------------------------------------*/
.container {
padding: 0 6%;
box-sizing:border-box;
width:100%;
margin: 0 auto;
}

@media screen and (min-width: 992px) {
.container {
width:980px;
padding: 0;
}
a[href^="tel:"] {
pointer-events: none;
}
}
@media screen and (min-width: 1200px) {
.container {
width:1100px;
}
}

/*img*/
img{vertical-align:middle;border-style:none;border:0;-webkit-backface-visibility: hidden;}
a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )";}

/*フロート設定*/
.tex img.centered,.tex img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
clear:none;
}
.tex img.alignright,
.tex .alignright img{
margin-left:20px;
margin-right:0;
margin-bottom:20px;
display:inline;
clear:none;
}
.tex img.alignleft,
.tex .alignleft img {
margin-left:0;
margin-right:20px;
margin-bottom:20px;
display:inline;
clear:none;
}
.tex img.alignnone,
.tex .alignnone img {
margin-left:0;
margin-right:0;
margin-bottom:10px;
clear:none;
display:block;
}
.tex .alignright,.right {
float:right;
}
.tex .alignleft {
float:left;
}
@media screen and (max-width:767px) {
.tex img.alignright,.tex img.alignleft,.tex img.alignnone,.tex img.aligncenter {clear:both;display:block;margin-left:auto;margin-right:auto;}
.tex .alignright {float:none;}
.tex .alignleft {float:none;}
.tex .aligncenter {clear:both;display:block;margin-left:auto;margin-right:auto;}
}

/*PC･スマホ 表示・非表示
---------------------------------------------------------------------------*/
@media screen and (min-width:1024px){.sp{display: none !important;}}
@media screen and (max-width:1023px){.pc{display: none !important;}}


/*PC･スマホ 改行
---------------------------------------------------------------------------*/
.br-sp {display: block;}
@media screen and (min-width: 768px){
.br-sp {display: none;}
}


/*	footer
/* ------------------------------------- */
#footer {
	background: #000;
	width: 100%;
	margin: 0px;
	color: #FFF;
}
.footer_box {
	padding: 30px 0 30px 0;
	text-align:center;
}
#footer img {
	width: 100%;
}
#footer h5 a {
	color: #FFF;
	font-size: 120%;
}
#footer h5 a span{
	color: #FFF;
	font-size: 120%;
}

#footer address {
	font-style: normal;
	font-size: 80%;
line-height:1.6em;
  margin: 0 auto;
}

#footer p {
	font-style: normal;
	font-size: 80%;
line-height:1.6em;
  margin: 0 auto;
	padding:10px 0 5px 0
}
#footer .copy {
font-family: Verdana, “Droid Sans”;
font-size: 70%;
padding: 0;
font-weight:normal;
margin: 0 auto;
}

@media screen and (min-width: 992px) {
#footer{
	width: 100%;
	margin: 0px;
}
.footer_box{
	width:980px;
	padding: 30px 0 30px 0;
	margin: 0px auto;
}
#footer p {
	font-style: normal;
	font-size: 80%;
line-height:1.6em;
  margin: 5px auto 0 auto;
}
}

/*	footer menu
/* ------------------------------------- */
.md_box {
  margin:40px 0 0 0;
}
ul.md-flex {
text-align: center;
  }
.md-flex {
margin: 0 auto;
}
.md-flex li {
display: inline;
padding: 0 10px;
border-right: #fff 1px solid;
}
.md-flex li a {
color: #FFF;
}
.md-flex li:last-child {
border:0;
}
.md-flex li a:hover {
opacity: 0.5;
transition: 0.5s;
color: #fff;
}
@media only screen and (max-width: 767px) {
.md-flex li {
font-size: 80%
}
}

/*pagetop
---------------------------------------------------------------------------*/
.pagetop {
display: none;
position: fixed;
bottom: 20px;
left: 20px;
z-index: 9999;
}
.pagetop a {
display: block;
background-color: #ff9900;
text-align: center;
color: #FFF;
font-size: 12px;
text-decoration: none;
padding: 2px 10px 5px 10px;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
.pagetop a:hover {
display: block;
background-color: #ffe033;
text-align: center;
color: #fff;
text-decoration: none;
}



/*インスタグラム
---------------------------------------------------------------------------*/
.shareList {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0;
margin: 0;
list-style: none;
	float:right;
	position: fixed;
top: 15px;
right: 65px;
z-index: 100;
}
.fa-header-insta {
margin-top: 0;
margin-left:0;
color: #fff;
font-size: 27px;
}


/*info
---------------------------------------------------------------------------*/
.info_box a {
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
text-decoration: none;
width: 100%;
padding: 0;
position: relative;
transition: 0.5s;
transition-property: opacity;
}
.info_box a p {
font-size: 85%;
font-weight: normal;
padding:0 20px 0 0;
margin-top: 3px
}
.info_box a h5 {
text-decoration: none;
font-weight: normal;
font-size: 100%;
line-height: 150%;
padding:5px 0;
width: 100%;
}
.info_box a:hover {
cursor: pointer;
transition: 0.5s;
text-decoration: none;
opacity: 0.5; 
}

/*pop
---------------------------------------------------------------------------*/
.pop {
    display: block;
    position: fixed;
    bottom: 10px;
    right: 10px;
		z-index: 100;
}

.pop img {
	width: 130px;
}
.pop a {
    display: block;
}
.pop a img {
	transition: 1s;
}
.pop a:hover img {
opacity: .6;
}
@media screen and (min-width: 992px) {
.pop img {
	width: 200px;
}
}

/* 等分
---------------------------------------------------------------------------*/
.boxA:after{content: "";
display: block;
clear: both}
@media screen and (min-width: 768px) {
.box2{float: left;width: 47%;}
.box3{float: right;width: 47%;}
.boxB{float: left;width: 60%;}
.boxC{float: right;width: 35%;}
}
@media (max-width:767px){
.box2,.boxB{margin-bottom: 5%}
}