@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap&subset=japanese');

* {box-sizing:border-box;}
a, a:after {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; outline:none;}
a {cursor:pointer;text-decoration: none;}
div,ol,ul,li,p,span,a {position:relative;}
ol,ul,li {list-style:none;list-style-type:none;padding:0;}
body,header,footer,menu,p,ul {padding:0;margin:0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;margin:0;padding:0;line-height:1em;}
div,a,img,p,li {display:block;}
a:hover img {opacity:0.75;}
a {color: #fff;}
a:hover {color: #fc0;}
img {width: 100%;}

body {background: #fff;color: #111;font-feature-settings: "palt", "swsh";}

header {}
header > div, footer > div {width: 100%;margin: 0 auto;padding: 1em;}
.content section {width: 100%;max-width: 980px;margin: 0 auto;padding: 2em 1em;}
.content section.hero {max-width: none;padding: 0;}
.content section.video {padding: 3em 2em;}
header a img.logo {width: 25%;max-width: 250px;}

#wrapper > hr {width: 1em;margin: 5em auto;border: none;height: 1px;background: #fff;border-bottom: 1px solid #ccc;}
.content {}
section {}
section h2 {font-size: 2em;font-weight: 600;margin-bottom: 1em;}
section h5 {font-size: 1em;font-weight: 600;margin-bottom: 0.25em;border-bottom: 1px solid #111;padding-bottom: 0.25em;}
section p {line-height: 1.75;}

.flexwrapper {display: flex;flex-wrap: wrap;justify-content: space-between;}

section.description {}
section.description > div {float: none;width: 100%;}
section.description > img {float: none;width: 100%;}
section.description p span.red {color: #f00;}
section.spec {}
section.spec > div {flex-basis: 100%;padding:1em 0 0 0;}
section.spec > ul.itemimage {flex-basis: 100%;}
section.spec p span {font-size: 80%;}
.itemimage {}
.itemimage li {flex-basis: 25%;padding: 0.25em;}
.itemimage li a {}
.itemimage li a img {}
section.capgallery {height: auto;}
section.capgallery > img {width: 100%;margin-bottom: 1em;height: auto;align-self: flex-start;}
section.video .youtube {width:100%;overflow: hidden;padding-top: 56.25%;margin-top: 1em;}
section.video .youtube:first-child {margin-top: 0;}
section.video .youtube iframe {position: absolute;top:0;left:0;width: 100% !important;height: 100% !important;}

section.outfit h2 {text-align: center;}
section.outfit > span {text-align: center;margin-bottom: 1em;font-size: 90%;display: block;}
section.outfit ul {}
section.outfit ul li {flex-basis: 48%;margin-bottom: 1em;}
section.outfit ul li h4 {text-align: center;font-weight: 500;margin-bottom: 0.5em;}
section.outfit ul li img {}
section.outfit ul li p {font-size: 0.8em;}
section.outfit ul li p span {font-size: 90%;padding-left: 1em;}

ul.comparison {border-bottom: 1px solid #ccc;}
ul.comparison li {padding: 0.5em;width: 20%;border-left: 1px solid #ccc;border-top: 1px solid #ccc;border-collapse: collapse;}
ul.comparison li.spruce {background: #ddf;width: 40%;text-align: center;}
ul.comparison li.cedar {background: #fdd;width: 40%;border-right: 1px solid #ccc;text-align: center;}
ul.comparison li b {font-size: 1.3em;}
ul.comparison li img {width: 60%;margin: 0 auto;}

#selector {background: #eef;margin-bottom: 2em;}
#bsfujishop {background: #fff;}
#selector section {}
#selector a,#bsfujishop a {flex-basis: 48%;}
#selector a p,#bsfujishop a p {color: blue;text-align: center;line-height: 1.3;}
#selector a:hover p,#bsfujishop a:hover p {text-decoration: underline;color: #f90;}

a.ticket {display: block;padding: 0.75em;background: #f00;text-align: center;margin-top: 1em;border-radius: 0.3em;font-size: 1.5em;}
a.ticket:hover {background: #f90;color: #fff;}
/*フッター*/
footer {background-color:#222;color:rgba(255,255,255,0.6);width:100%;border-top:1px solid rgba(0,0,0,0.3);}
footer div {padding:20px 0;}
p.copyright {font-weight:400;font-size:0.75em;text-align:center;line-height:2em;}
footer a {color:rgba(255,255,255,0.6);}

/*ページトップへ*/
.pagetop {display: block;position: fixed;right: 5px;bottom: 5px;z-index:+20;}
.pagetop a {display: block;background-color: rgba(255,0,0,0.6);color: rgba(255,255,255,0.75); text-align: center;text-decoration: none;outline:none;width: 50px;height: 50px;line-height: 50px;font-size: 40px;border-radius: 50%;}
.pagetop a i {}
.pagetop a:hover {color:rgb(233,168,37);}

.pcshow {display: none;}

/*汎用*/
.mincho {font-family: "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.serif {font-family:  "Times New Roman", Times, serif, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";}
.gothic {font-family: 'Noto Sans JP', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.txtwshadow {text-shadow:1px 1px 0.1em #000,-1px 1px 0.1em #000,-1px -1px 0.1em #000,1px -1px 0.1em #000;}
.clearfix:after, ul:after {content:"";display:block;position:relative;clear:both;}

@media screen and (min-width: 600px) {
	section.description > div {float: left;width: 70%;}
	section.description > img {float:right;width: 30%;}
	section.spec > div {flex-basis: 60%;padding: 0 0 0 1em;}
	section.spec > ul.itemimage {flex-basis: 40%;}
	section.capgallery > img {width: 49%;}
	section.outfit ul li {flex-basis: 23%;}
	.pcshow {display: block;}
}

/*750 920 1200 1500*/