@charset "UTF-8";
/* CSS Document */

*, body {font-family: serif;}
body {margin: 0; background: rgba(255, 255, 255 ,0.4) url("../img/back.jpg"); background-size: cover; background-repeat: no-repeat; color: #fff; background-attachment: fixed; position: inherit;}
ul {margin: 0; padding: 0;}
header {overflow: hidden; height: fit-content!important;}
h1 {font-size: 80%; font-family: sans-serif; float: right; margin: 5px 10px 5px 0; font-weight: 100; text-indent: 0; padding: 5px 10px; z-index: 550; position: relative; color: #0062ab;}
h2 {color: #333;}
h3 {font-size: 110%; margin: 0 0 5px 0; border-left: 6px solid #0062ab; padding: 5px 0 4px 9px;}
h4 {font-size: 110%; margin: 0 0 10px 0; border-bottom: 1px dotted #0062ab; padding: 5px 0 4px 5px;}
.right h3 {font-size: 110%; margin: 0 0 5px 0; border-left: 6px solid #0062ab; padding: 5px 0 4px 9px;}

p {margin: 0;}

/* 標準のテーブル設定 */
#table01 {border-collapse: collapse; margin: 0 auto 10px; width: 100%;}
#table01 th {padding: 10px; border: 1px solid #999999; background: none repeat scroll 0 0 #eeeeee; text-align: center; vertical-align: middle; font-weight: bold;}
#table01 td {padding: 10px; border: 1px solid #999999;}
#table01 table {width: 100%;}

/* 文字の右寄せ */
.t_right {text-align: right;}

#box {position: relative; width: 1000px; height: fit-content; margin: 0 auto; padding: 40px; box-shadow: 0px 1px 15px #823a15; background: #3a03036e; z-index: 0;}
img.photo {background: #FFFFFF; padding: 4px; border: 1px solid #999999;}

.width660px {width: 660px;}
.width300px {width: 300px;}
.left {float: left;}
.right {float: right;}
.center {margin: 0 auto; width: fit-content;}
.clearfix {clear: both;}
.spacer {margin: 0 0 20px 0;}
.spacer40 {margin: 0 0 40px 0;}
.spacer_6px {margin: 0 0 6px 0;}

/* note読み込み */
ul.note {list-style-type :none;}
ul.note li {margin: 0 0 25px 0; border-bottom: 1px dotted #fff;}
ul.note li a {color :#fff; text-decoration: none; display: block; overflow: hidden; padding: 20px;}
ul.note li a:hover {opacity: 0.6; background: #fb6912; color: #333;}
ul.note li a img {width: 250px; padding: 5px; border: 1px solid #333; background: #fff; margin: 0 10px 0 0;}
ul.note li a h4.entry_title {margin: 0; background: #ad1414; padding: 10px 0 10px 14px; letter-spacing: 0.16em; margin: 0 0 5px 0; font-size: 110%; overflow: hidden;}
ul.note li a .entry_content {clear: both;}
ul.note li a time {text-align: right; display: block; margin: 0 0 6px 0; font-size: 70%; letter-spacing: 0.18em;}
ul.note li a {display:-webkit-box; display:-ms-flexbox; display:flex;}
ul.note li .entry_thumb {position: relative; margin: 0 10px 0 0; width: 250px; overflow: hidden; border-radius: 4px;}
ul.note li .entry_txt {width: calc(100% - 250px);}

ul.note li::after {content:"･･･続きはこちら"; font-size:80%; float: right; font-size: 80%; top: -24px; position: relative; right: 12px; color: #aaa;}

#loader {width: 220px; height: 19px; display: none; position: fixed; top: 50%; left: calc(100% / 2 - 110px); z-index: 800; /* #fadeより多い値を入れて下さい */}
#fade {width: 100%; height: 100%;  display: none;  background-color: #fff; position: absolute;  top: 0px;  left: 0px; z-index: 750;}


@media screen and (max-width: 1094px){
ul.note li a{-webkit-box-orient: vertical;-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
ul.note li .entry_thumb {width: 100%; margin: 0 0 10px 0;}
ul.note li .entry_txt {width: 100%;}
}

ul.note li .entry_thumb:before {display: block; width: 100%; height: 0; padding-bottom: 52.34375%; content: "";}
ul.note li .entry_thumb img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-sizing: border-box;}

/* main visual */
#stage {position: relative; max-width: 100%; margin: 0 auto; background:#fff;}
.pic {position: absolute;}
.pic img {width: 100%; height: auto; opacity:0; -moz-animation: imgTrans 32s infinite; -webkit-animation: imgTrans 32s ease-in infinite; animation: imgTrans 32s infinite;}
#photo1 img {-moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s;}
#photo2 img {-moz-animation-delay: 8s; -webkit-animation-delay: 8s; animation-delay: 8s;}
#photo3 img {-moz-animation-delay: 16s; -webkit-animation-delay: 16s; animation-delay: 16s;}
#photo4 img {-moz-animation-delay: 24s; -webkit-animation-delay: 24s; animation-delay: 24s;}
@-webkit-keyframes imgTrans {0% {opacity: 0;} 10% {opacity: 1;} 35% {opacity: 1;} 40% {opacity: 0;} 100% {opacity: 0;}}
@-moz-keyframes imgTrans {0% {opacity: 0;} 10% {opacity: 1;} 35% {opacity: 1;} 40% {opacity: 0;} 100% {opacity: 0;}}
@keyframes imgTrans {0% {opacity: 0;} 10% {opacity: 1;} 35% {opacity: 1;} 40% {opacity: 0;} 100% {opacity: 0;}}
/* main visual */

@media screen and (max-width: 1094px){
img {width: 100%; height: auto; margin: 5px auto; box-sizing: border-box;}

/*iframe#instagram {width: 100%; height: calc(100% / 1)!important;}*/

#box {width: 100%; box-sizing: border-box; height: fit-content; margin: 10px auto 0; padding: 40px 10px;}
.width300px {width: 100%;}
.width660px {width: 100%;}
.spacer_6px {margin: 0 0 10px 0;}

/* note読み込み */
ul#note {padding: 0;}
ul#note li a img {width: 100%; margin: 0 0 10px 0;}

/* スライド有り #index_slide　スライド無し #index */
body:not(#index_slide) section.pc-only {display: none;}
}

#instagram {width: 100%; height: 660px;}
/* CSSでレスポンシブ対応 */

@media screen and (max-width: 1094px) {
.iframe-wrapper {position: relative; width: 100%; padding: calc(660 / 660 * 100%) 0 0;}
#instagram {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
}
/* 色設定 */
/* * {color: #333;}*/
ul.note li a h4.entry_title {background: #59acea;}
h3 {border-left: 4px solid #0062ab;}
.right h3 {border-left: 6px solid #0062ab;}
body::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: #0000006e; z-index: -2;}
#box {box-shadow: 0px 1px 15px #ffffff; background: #093e2a94; clear: both;}
#box {box-shadow: none; background: none;}
ul.note li a:hover {color: #fff; background: #0062ab;}