@charset "utf-8";

/*----------------------------------------------------
 elements
 ----------------------------------------------------*/
 body {
 	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
     
 }

 a {
 	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }

 img {
 	vertical-align: bottom;
     max-width: 100%;
 }

 li {
 	list-style: none;
 }


/*====================================================
 clearfix
 ====================================================*/
 .clearfix:after { content: ''; display: block; clear: both; }

 .cf {overflow: hidden;}

 .clear{
 	clear:both;
 	font-size:0;
 	line-height:0;
 	padding:0;
 	margin:0;
 }

 .clearB {clear: both;}

/*================================================
align settings
==================================================*/
.alignC, .center {
	text-align:center!important;
}
.alignL {
	text-align:left !important;
}
.alignR {
	text-align:right !important;
}

/*================================================
float settings
==================================================*/
.floatL {
	float:left;
}
.floatR {
	float:right;
}

/*================================================
font family
==================================================*/

.garamond {
    /* font-family: 'EB Garamond', serif; */
    /* font-family: 'Roboto', sans-serif; */
    font-family: 'Cormorant Garamond', serif;
}

.oswald {
font-family: 'Oswald', sans-serif;
}

.minchoTxt {
font-family: 'Noto Serif JP', serif;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	-webkit-transform: rotate(.028deg);
	-ms-transform: rotate(.028deg);
	transform: rotate(.028deg);
	font-feature-settings: normal;
	letter-spacing: 1px;
}

.gothicTxt {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体" , YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	-webkit-transform: rotate(.028deg);
	-ms-transform: rotate(.028deg);
	transform: rotate(.028deg);
	font-feature-settings: normal;
	letter-spacing: 1px;
}

/*================================================
table
==================================================*/
table {
	border-collapse: collapse;
	border-spacing: 0px;
}



/* 共通 */
.pc { display: block !important;}
.tab { display: none;}
.sp { display: none;}

body {
    position: relative;
}
a {
    text-decoration: none;
    color: #231815;
}
.inner {
    /*width: 96%;*/
    margin: 0 auto;
}
.flex {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
/*キャプション*/
.rela {
    position: relative;
}
.cap_txt {
    position: absolute;
    font-size: 10px;
    bottom: 5px;
}
.cap_R { right: 5px;}
.cap_L { left: 5px;}
.cap_W { color: #fff;}
.cap_B { color: #000;}
.cap_ShaW { text-shadow: 2px 0 2px #fff, -2px 0 2px #fff, 0 2px 2px #fff, 0 -2px 2px #fff;}
.cap_ShaB { text-shadow: 2px 0 2px #000, -2px 0 2px #000, 0 2px 2px #000, 0 -2px 2px #000;}


/*注釈*/
.att {
    max-width: 1000px;
    width: 94%;
    margin: 30px auto 20px;
    font-size: 11px;
    line-height: 1.7;
}
.att li {
    text-indent: -1em;
    padding-left: 1em;
    text-align: left;
}
p.copyright {
    display: block;
    width: 100%;
    padding: 20px 0 ;
    color: #fff;
    font-size: 11px;
    text-align: center;
}

#pageTop {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 80px;
    height: 80px;
    z-index: 99;
}
#pageTop a {
    display: block;
    width: 100%;
    transition: .3s;
}
#pageTop a:hover{ opacity: .6;}
#pageTop img { width: 100%;}

/*---------------------------
tab
---------------------------*/
@media only screen and (max-width: 1257px) {

    /* 共通 */
    .pc { display: none !important;}
    .tab { display: block !important;}
    .sp { display: none;}

}

/*---------------------------
sp
---------------------------*/
@media only screen and (max-width: 767px) {


    /* 共通 */
    .pc { display: none !important;}
    .tab { display: none !important;}
    .sp { display: block !important;;}


    /*注釈*/
    .notes { font-size: 10px;}
    
    

    p.copyright { border-bottom: 1px solid #fff;}

    #pageTop {
        bottom: 135px;
        right: 15px;
        width: 60px;
        height: 0px;
        z-index: 99;
    }
}

/*    ▼fade in
スクロールで表示（jquery.inview.js）
====================================*/
.move{
    transition: 1.3s;
    opacity: 0;
}
.mv02{
    opacity: 1.0;
}