@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Comfortaa');
/*
.mincho {
	font-family: 'ryuminpro';
}
*/

html{
	font-size: 10px;
	font-size: 62.5%;
}
body {
    font-family: 'hypatia-sans-pro',-apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
    position: relative;
/*    font-weight: lighter;*/
}
body * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body a {
    -webkit-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
    color: inherit;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline:none;
    }
body img {
    -webkit-transition: 0.4s ease-in-out;
            transition: 0.4s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: top
}
p {
    margin: 0 auto .8em;
}
p:last-child {
    margin-bottom: 0;
}


/* clearfix
-----------------------------------------------------*/
.clearfix::before, .clearfix::after {
	content: "";
	display: table;
}
.clearfix::after {
	clear: both;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
q, blockquote {
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}
a img {
	border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
*, :after, :before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


@media screen and (max-width: 768px) {
	body {
		min-width: 100%;
	}
	img {
		max-width: 100%;
	}
	.hidden-sp {
		display: none !important;
	}
}

@media screen and (min-width: 769px) {
	.hidden-pc {
		display: none !important;
	}
}

/*/////////////////////cmn/////////////////////*/
#contents {
    background: #fff;
    width: 100%;
    overflow: hidden;
	min-height: calc(100vh - 50px);
/*	padding-bottom: 80px;*/
}
#contents > .innerBox {
    padding-top: 50px;
}
.hoverBtn:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}
.zoomImg .zoom-inner{
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #fff;
}
.zoomImg .zoom-inner:before {
    content: '';
    display: block;
    padding-top: 100%;
}
.zoomImg .zoom-inner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.zoomImg:hover .zoom-inner img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
/*    opacity: .6;*/
}
/*
.hoverBtn:hover {
    color: #483d8b;
}
*/

a{
	text-decoration: none;
}
.innerBox{
    width: 85%;
	max-width: 1200px;
    margin: auto;
}
.inb {
    display: inline-block;
}
.center{
	text-align: center;
}
.relative {
    position: relative;
}

figure {
    position: relative;
}
figure:after {
    position: absolute;
    display: block;
    content:'';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
figure.roundPhoto img {
    border-radius: 10px;
    overflow: hidden;
}


.flexBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.flexBox.flexWrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flexBox.flexCenter {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
    .flexBox.flexPC {
        display: block;
    }
    .inbMOB {
        display: inline-block;
    }
    .innerBox {
        padding: 60px 0;
        width: 85%;
    }
	.shortPadding {
        padding: 30px 0;
	}
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
	#contents {
	}
    .flexBox.flexMOB {
        display: block;
    }
    .inbPC {
        display: inline-block;
    }
    .innerBox {
        padding: 100px 0;
    }
	.shortPadding {
        padding: 50px 0;
	}
    .centerPC {
        text-align: center;
    }
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
    .inbTAB {
        display: inline-block;
    }
    .innerBox {
        width: 90%;
        padding: 60px 0;
    }
	.shortPadding {
        padding: 30px 0;
	}
}

@media screen and (min-width:1200px) {
	#contents {
/*		min-height: calc(100vh - 495px);*/
	}
}

/*====================================================
     //NOTE メインパーツ
====================================================*/
.linkBtn {
    font-size: 1.5rem;
    border: none;
    border-radius: 0;
    width: 70%;
    max-width: 280px;
    position: relative;
    background: #000;
    -webkit-transition: 0.4s ease-in-out;
            transition: 0.4s ease-in-out;
    color: #fff;
    line-height: 1.3;
    padding: .5em;
    display: block;
    margin: 30px auto;
    text-align: center;
    cursor: pointer;
}
.linkBtn:hover {
    color: #000;
}
.linkBtn.white {
    background: #fff;
    color: #483d8b;
}
.linkBtn.white:hover {
    color: #fff;
}
.linkBtn:before {
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    background: #ffd700;
    direction: rtl;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.linkBtn:hover:before {
    width: 100%;
    right: auto;
    left: 0;
}
.linkBtn * {
    position: relative;
}
.crossBtn-outer {
    width: 90%;
    max-width: 300px;
    margin: 100px auto 30px;
    text-align: center;
    position: relative;
}
.crossBtn {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
}
.crossBtn:before ,
.crossBtn:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 200px;
    bottom: -30px;
    margin: auto;
    background: #483d8b;
    -webkit-transform-origin:left bottom 0;
    transform-origin:left bottom 0;
    -webkit-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}
.crossBtn:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: calc(50% + 10px);
}
.crossBtn:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(45deg);
    right: calc(50% + 10px);
}
.crossBtn-outer:hover .crossBtn:before {
    bottom: -40px;
    left: calc(50% + 20px);
}
.crossBtn-outer:hover .crossBtn:after {
    bottom: -40px;
    right: calc(50% + 20px);
}
.crossBtn-outer .linkBtn {
    width: 100%;
    max-width: none;
}
.btn-L {
    max-width: 700px;
    font-size: 1.8rem;
    font-weight: bold;
    border: solid 3px;
}
.btn-Color {
    background: #483d8b;
    color: #fff;
    border-color: #483d8b;
}
.btn-Color .linkIcon:after {
    border-left-color: #fff;
}
.linkIcon {
    position: relative;
    padding-left: 1.5em;
    display: inline-block;
    line-height: 1.2;
	cursor: pointer;
}
.linkBtn .linkIcon {
    -webkit-transition: none;
            transition: none;
	padding-left: 1.3em;
}
a.linkIcon {
    margin: 10px auto;
}
button.linkIcon {
    -webkit-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;

}
.linkIcon:before, .linkIcon:after {
    position: absolute;
    content: '';
    display: block;
    top: -.1em;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}
.linkIcon:before {
/*
    width: 1.2em;
    height: 1.2em;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    background: #fff;
    border: solid thin;
    border-color: #483d8b;
*/
}
.linkIcon:after {
    width: 0;
    height: 0;
    bottom: 0;
    left: .43em;
    margin: auto;
    border: solid .5em transparent;
    border-top: solid .3em transparent;
    border-bottom : solid .3em transparent;
    border-left-color: #483d8b;
/*    border-left-color: #ffd700;*/
}
.linkIcon.bottom:after {
    width: 0;
    height: 0;
    top: .5em;
    left: .3em;
/*	top: 0;*/
	bottom: 0;
    margin: auto;
    border: solid .5em transparent;
    border-left: solid .3em transparent;
    border-right : solid .3em transparent;
    border-top-color: #483d8b;
}
.linkBtn .linkIcon.bottom:after {
    top: 0;
}
.linkBtn .linkIcon:before {
    display: none;
}
a.uLine,span.uLine{
    border-bottom: dotted 1px;
    border-color: #888;
}
a.uLine:hover {
/*    border-bottom: solid 1px;*/
}
.newWindow {
    width: .7em;
    height: .7em;
    background: url(../img/icon/newWindow.svg) no-repeat left;
    display: inline-block;
    margin-left: .3em;
}
.triangle_right {
    display: inline-block;
    content: '';
    width: 0;
    height: 0;
    top: -.1em;
    bottom: 0;
    left: 2px;
    margin: auto;
    border: solid 8px transparent;
    border-top: solid 5px transparent;
    border-bottom : solid 5px transparent;
    border-left-color: currentColor;
}
.mw700 {
    max-width: 700px;
    margin: auto;
}
.mw960 {
    max-width: 960px;
    margin: auto;
}
.w100 {
    width: 100%;
}
.balloonBox {
    background: #fff;
    border-radius: 100px;
    padding: .5em 1.2em;
    position: relative;
    border: solid 3px;
    border-color: currentColor;
    margin-bottom: 1.2em;
    display: inline-block;
}
.balloonBox:before {
    position: absolute;
    content: '';
    display: block;
    width: .8em;
    height: .8em;
    background-color: currentColor;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    bottom: -.5em;
    left: 0;
    right: 0;
    margin: auto;
}
.balloonBox:after {
    position: absolute;
    content: '';
    display: block;
    width: .8em;
    height: .8em;
    background-color: #fff;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    bottom: calc(-.5em + 4px);
    left: 0;
    right: 0;
    margin: auto;
}
.sideBorder-outer {
    width: 80%;
    max-width: 600px;
    margin: auto;
    padding: 0 10%;
    overflow: hidden;
    text-align: center;
}
.sideBorder {
    padding: 0 .8em;
    display: inline-block;
    position: relative;
    padding-top: .1em;
    margin-bottom: 10px;
}
.sideBorder:before, .sideBorder:after {
    position: absolute;
    content: '';
    display: block;
    width: 300px;
    height: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-top: solid 2px;
    border-color: #968e73;
}
.sideBorder:before {
    right: 100%;
}
.sideBorder:after {
    left: 100%;
}
label {
    cursor: pointer;
}
.whiteBox {
    margin-bottom: 20px;
    padding: 16px;
    background: #fff;
}
.roundBox {
    border-radius: 20px;
    margin-bottom: 20px;
    padding: 16px;
    background: #fff;
}
.shadowBox {
    border-radius: 20px;
    -webkit-box-shadow: 0 0 10px #968e73;
    box-shadow: 0 0 10px #968e73;
    margin-bottom: 20px;
    padding: 16px;
    background: #fff;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
    .rChangeBtn {
        border: none;
        color: none;
        font-size: .9em;
        padding: 0;
    }
    .rChangeBtn .linkIcon {
        color: #000;
    }
    .rChangeBtn .linkIcon:before {
        display: block;
    }
}


/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
    .linkBtn:hover, a:hover .linkBtn {
/*
        background: #483d8b;
        border-color: #483d8b;
        color: #fff;
*/
    }
    .btn-Color:hover {
        background: #ff3b3b;
        border-color: #ff3b3b;
    }
    a:hover ,
    button.linkIcon:hover {
        color: #483d8b;
        color: #c0c0c0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    a:hover .linkIcon:before, .linkBtn:hover .linkIcon:before {
        background: #483d8b;
    }
    a:hover .linkIcon:after,
    .linkBtn:hover .linkIcon:after,
    button.linkIcon:hover:after ,
    a.linkIcon:hover:after {
        border-left-color: #c0c0c0;
    }
    a:hover .linkIcon.bottom:after ,
    .linkBtn:hover .linkIcon.bottom:after {
        border-top-color: #fff;
        border-left-color: transparent;
    }
    .linkBtn:hover .linkIcon:after {
/*        color: #fff*/
        border-left-color: #000;
    }
    a.uLine:hover {
        border-color: #483d8b;
        border-color: #c0c0c0;
    }
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}


/*====================================================
     //note form
====================================================*/

input, button, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button {
    cursor: pointer;
}
/*====================================================
     //note 余白
====================================================*/
.m-auto {margin: auto}
.ma-0 {margin: 0}
.ma-05em {margin: .5em}
.ma-10em {margin: 1.0em}
.ma-15em {margin: 1.5em}
.ma-20em {margin: 2em}
.mt-0 {margin-top: 0}
.mt-05em {margin-top: .5em}
.mt-10em {margin-top: 1.0em}
.mt-15em {margin-top: 1.5em}
.mt-20em {margin-top: 2em}
.mb-0 {margin-bottom: 0}
.mb-05em {margin-bottom: .5em}
.mb-10em {margin-bottom: 1.0em}
.mb-15em {margin-bottom: 1.5em}
.mb-20em {margin-bottom: 2em}
.pa-0 {padding: 0}
.pa-05em {padding: .5em}
.pa-10em {padding: 1.0em}
.pa-15em {padding: 1.5em}
.pa-20em {padding: 2em}
.pt-0 {padding-top: 0}
.pt-05em {padding-top: .5em}
.pt-10em {padding-top: 1.0em}
.pt-15em {padding-top: 1.5em}
.pt-20em {padding-top: 2em}
.pb-0 {padding-bottom: 0}
.pb-05em {padding-bottom: .5em}
.pb-10em {padding-bottom: 1.0em}
.pb-15em {padding-bottom: 1.5em}
.pb-20em {padding-bottom: 2em}
/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}


/*====================================================
     //NOTE テキスト フォント
====================================================*/
.trajan {
    font-family: 'trajan-pro-3','hypatia-sans-pro',-apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.lamonde {
    font-family: 'le-monde-livre-classic-byol', 'hypatia-sans-pro',-apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-weight: 300;
    font-style: normal;
}
.f-05em {font-size: .5em}
.f-06em {font-size: .6em}
.f-07em {font-size: .7em}
.f-08em {font-size: .8em}
.f-09em {font-size: .9em}
.f-10em {font-size: 1.0em}
.f-11em {font-size: 1.1em}
.f-12em {font-size: 1.2em}
.f-13em {font-size: 1.3em}
.f-14em {font-size: 1.4em}
.f-15em {font-size: 1.5em}
.f-18em {font-size: 1.8em}
.f-20em {font-size: 2.0em}

.f-10 {font-size: 1.0rem}
.f-11 {font-size: 1.1rem}
.f-12 {font-size: 1.2rem}
.f-13 {font-size: 1.3rem}
.f-14 {font-size: 1.4rem}
.f-15 {font-size: 1.5rem}
.f-18 {font-size: 1.8rem}
.f-20 {font-size: 2.0rem}

.small {
    font-size: .8em;
}
.big {
    font-size: 1.3em;
}
strong {
    font-weight: bold;
}
sup {
    font-size: .5em;
    vertical-align: .5em;
}
.fuchi3 {
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
.fuchi5 {
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}

.fw-bold {
    font-weight: bold;
}
.fw-normal {
    font-weight: normal;
}
.baseColor {
    color: #000;
}
.mainColor {
    color: #483d8b;
}
.attentionColor {
    color: #da4453;
}
#header h1 {
	position: absolute;
	z-index: -1;
	color: #fff;
}
h1,h2,h3 {
    font-family: 'trajan-pro-3','hypatia-sans-pro',-apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    text-align: center;
    line-height: 1.3;
}
.txt-left {
	text-align: left;
}
.txt-right {
	text-align: right;
}
.txt-center {
	text-align: center;
}

.pagetitleBox {
    margin: 20px 0;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
    h2 {font-size: 3.0rem; line-height: 1.3;}
    h3 {font-size: 2.4rem;}
}

@media screen and (min-width:480px) and (max-width:768px) {
    h2 {font-size: 3.0rem;}
    h3 {font-size: 2.6rem;}
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
    h2 {font-size: 3.4rem;}
    h3 {font-size: 2.8rem;}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
/*
    h2 {font-size: 2.6rem;}
    h3 {font-size: 2.1rem;}
*/
}

@media screen and (min-width:1200px) {
    h2 {font-size: 3.6rem;}
    h3 {font-size: 3.0rem;}
}



/*====================================================
     //NOTE 装飾系
====================================================*/
.circleMark {
    display: inline-block;
    border: solid 1px;
    font-size: .9em;
    line-height: 1.0;
    padding: .3em .5em .2em;
    border-radius: 100px;
    margin-top: -2em;
    vertical-align: 0;
}
.squareMark {
    display: inline-block;
    border: solid 1px;
    font-size: .9em;
    line-height: 1.0;
    padding: .2em .5em .2em;
/*    margin-top: -2em;*/
    vertical-align: 0;
}
ul.markList > li {
    position: relative;
    padding-left: 1.2em;
/*	line-height: 1.3;*/
	margin: .3em 0;
}
ul.markList > li:before {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
}
ul.markList.musicNote > li:before {
    content: '\266A';
    font-size: 1.1em;
}
ul.markList.dot > li:before {
    content: '\30FB';
}
ul.markList.checkMark > li:before {
    content: '';
    top: .5em;
    left: 0;
    width: 8px;
    height: 5px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
ul.markList.attentionMark > li:before {
    content: '\203B';
}

ul.markList li.other:before {
	display: none;
}


/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
}
/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
}
/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}


/*====================================================
     //id #movie
====================================================*/
#movie .topics-outer li .yt-outer {
    margin-bottom: 10px;
}

.yt-outer {
}
.yt {
    position: relative;
    height: 0;
    padding: 0px 0 56%;
    overflow: hidden;
}
.yt:before {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: solid 1px;
    border-color: #fff;
    z-index: 10;
    pointer-events: none;
}
.yt iframe {
    position: absolute;
    bottom: 0;
    width: 101%;
    height: 101%;
	top: -.5%;
	left: -.5%;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
    #movie .topics-outer {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #movie .topics-outer li {
        width: 90%;
        max-width: 400px;
        margin: 10px auto;
    }
    #movie .topics-outer li dd.description {
        display: none;
    }
}

@media screen and (min-width:480px) and (max-width:768px) {
    #movie .topics-outer li {
        max-width: none;
        display: table;
    }
    #movie .topics-outer li .yt-outer {
        float: left;
        width: 50%;
    }
    #movie .topics-outer li dl {
        float: right;
        width: 48%;
    }
    #movie .topics-outer li dd.description {
        display: block;
    }
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
    #movie li {
        width: 24%;
    }
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}


/*====================================================
     //class .fs-c-breadcrumb パンくずリスト
====================================================*/
.fs-c-breadcrumb {
    display: none;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
}

@media screen and (min-width:480px) and (max-width:768px) {
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}




/*====================================================
     //class .fs-c-productPrice--selling 販売価格
====================================================*/
.fs-c-productListItem__prices,
.fs-c-productPrice--selling {
    line-height: 1.1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
/*    width: 100%;*/
}
.fs-c-productPrice--selling .fs-c-productPrice__main__price {
    font-size: 1.5rem;
}
.fs-c-productPrice--selling .fs-c-productPrice__addon ,
.fs-c-price__addon,
/*.fs-c-productPrice__addon,*/
.fs-c-cartTable__unitPrice .fs-c-productPrice__addon__label {
    position: relative;
    display: inline-block;
    font-size: 1.0rem;
    font-size: .7em;
    padding: 0em .5em 0 1em;
}
.fs-c-productPrice--selling .fs-c-productPrice__addon:before ,
.fs-c-productPrice--selling .fs-c-productPrice__addon:after ,
.fs-c-price__addon:before ,
.fs-c-price__addon:after,
/*
.fs-c-productPrice__addon:before ,
.fs-c-productPrice__addon:after,
*/
.fs-c-cartTable__unitPrice .fs-c-productPrice__addon__label:before,
.fs-c-cartTable__unitPrice .fs-c-productPrice__addon__label:after {
    position: absolute;
    top: 0;
}
.fs-c-productPrice--selling .fs-c-productPrice__addon:before ,
.fs-c-price__addon:not(.fs-c-price__addon--listPrice):not(.fs-c-productOption__price__addon):before,
/*.fs-c-productPrice__addon:before ,*/
.fs-c-cartTable__unitPrice .fs-c-productPrice__addon__label:before{
    content: '\FF08';
    left: 0;
}
.fs-c-productPrice--selling .fs-c-productPrice__addon:after ,
.fs-c-price__addon:not(.fs-c-price__addon--listPrice):not(.fs-c-productOption__price__addon):after,
/*.fs-c-productPrice__addon:after,*/
.fs-c-cartTable__unitPrice .fs-c-productPrice__addon__label:after{
    content: '\FF09';
    right: -.5em;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 579px) {
}

@media screen and (min-width:580px) and (max-width:768px) {
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}


/*====================================================
     //class .fs-c-productPrice--listed 通常価格（セール用）
====================================================*/
.fs-c-productPrice--listed {
    font-size: 1.2rem;
}
.fs-c-productPrice--listed .fs-c-productPrice__addon--listed {
    font-size: .8em;
    margin: 0 .5em;
    position: relative;
    color: #fff;
}
.fs-c-productPrice--listed .fs-c-productPrice__addon--listed:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #888;
    top: 0;
    bottom: 0;
    margin: auto;
}
.fs-c-productPrice--listed .fs-c-productPrice__addon--listed:after {
    position: absolute;
    content: '';
    width:50%;
    height: 1px;
    background: #888;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin:right top 0;
    transform-origin:right top 0;
}
.fs-c-productPrice__main__price,
.fs-c-productPrice__addon {
    -webkit-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}
.fs-c-productPrice--listed + .fs-c-productPrice--selling .fs-c-productPrice__main {
    color: #cb1010;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
}

@media screen and (min-width:480px) and (max-width:768px) {
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
/*
    .fs-c-productListItem__productName:hover + .fs-c-productListItem__prices .fs-c-productPrice--selling .fs-c-productPrice__main__price {
        color: #c0c0c0;
    }
*/
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}



/*====================================================
     //Class .sa ※要javascript
====================================================*/
.sa {
  opacity: 0;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
}

.sa.show {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

.sa-lr {
  -webkit-transform: translate(-80px, 0);
  transform: translate(-80px, 0);
}

.sa-rl {
  -webkit-transform: translate(80px, 0);
  transform: translate(80px, 0);
}

.sa-up {
  -webkit-transform: translate(0, 80px);
  transform: translate(0, 80px);
}

.sa-down {
  -webkit-transform: translate(0, -80px);
  transform: translate(0, -80px);
}

.sa-scaleUp {
  -webkit-transform: scale(.7);
  transform: scale(.7);
}

.sa-scaleDown {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

.sa-rotateL {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sa-rotateR {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}



.pagetop {
    z-index: 500;
    display: none;
/*    padding: 10px;*/
}
.pagetop a {
    width: 100%;
    height: 100%;
    background: #483d8b;
    border-radius: 50%;
    display: block;
    margin-left: auto;
    margin-right: 0;
    position: relative;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}
.pagetop a span {
    position: absolute;
    top: 0;
    left: 24px;
/*    right: 0;*/
    bottom: 0;
    margin: auto;
    width: 2px;
    height: 20px;
    color: #fff;
    background: currentColor;
}
.pagetop a span:before {
    content: '';
    position: absolute;
    left: -7px;
    top: 0px;
    width: 16px;
    height: 16px;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
    .pagetop a:hover {
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
    }
}

/*====================================================
     //class .fs-c-featuredProduct おすすめ商品
====================================================*/
.fs-c-featuredProduct ,
.fs-c-wishlistProduct__header,
.pickUp_parts {
    margin-top: 50px;
}
.fs-c-featuredProduct  {
    padding-bottom: 20px;
}
.fs-c-wishlistProduct h2.fs-c-wishlistProduct__title,
.fs-c-featuredProduct .fs-c-featuredProduct__header > h2 ,
.pickUp_parts > h2 {
    font-size: 2.4rem;
    margin-bottom: 20px;
}

.fs-c-productListCarousel__list__item {
    position: relative;
}
.slick-slide{
    padding: 0 10px;
}
.fs-c-productListItem__imageContainer a:hover img {
    opacity: .8;
}
.fs-c-productListCarousel__list__item .fs-c-productListItem__productName a {
    font-size: 1.3rem;
    font-family: 'hypatia-sans-pro',-apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    text-align: left;
    padding-bottom: .5em;
    width: 100%;
    line-height: 1.2;
    display: block;
}
.fs-c-productListCarousel__list__item .fs-c-productName__copy {
    font-size: 1.1rem;
    display: block;
    font-weight: normal;
    margin: 5px 0 ;
}
.fs-c-productListCarousel__list__item .fs-c-productName__name {
    font-size: 1.2rem;
}
.fs-c-productListItem__control form {
    display: none;
}
.fs-c-productMark__mark {
    padding: .2em .4em;
}

.fs-c-productListItem__prices {
/*
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none;
*/
}
/*
.fs-c-productListItem__productName:hover + .fs-c-productListItem__prices {
    color: #c0c0c0;
}
*/

.fs-c-productPrice {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.fs-c-featuredProduct .fs-c-productListItem__prices {
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.fs-c-productPrice--selling .fs-c-productPrice__main__label {
    display: none;
}
.fs-c-featuredProduct .fs-c-productPrice__main__price {
    display: inline-block;
}
.fs-c-button--addToWishList--icon,
.fs-c-button--removeFromWishList--icon {
    width: 15px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.fs-c-productListCarousel__ctrl {
    -ms-flex-preferred-size: 15px;
    flex-basis: 15px;
    min-width: 15px;
}
.fs-c-button--carousel {
    width: 15px;
    height: 15px;
    z-index: 1;
    display: block;
/*    border: solid 1px #000;*/
    position: relative;
    cursor: pointer;
}
.fs-c-productListCarousel__ctrl.slick-disabled {
    cursor: default;
}
.fs-c-productListCarousel__ctrl .fs-c-button--carousel:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border: solid 1px transparent;
    -webkit-transition: 0.2s all;
            transition: 0.2s all;
    z-index: 5;
    pointer-events: none;
}
.fs-c-productListCarousel__ctrl .fs-c-button--carousel--prev:before {
    right: -55%;
    border-top-color: #000;
    border-left-color: #000;
}
.fs-c-productListCarousel__ctrl .fs-c-button--carousel--next:before {
    left: -55%;
    border-bottom-color: #000;
    border-right-color: #000;
}

.fs-c-productListCarousel__ctrl .fs-c-button__label {
    display: none;
}
.fs-c-buttonContainer {
    text-align: center;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
    .slick-initialized .slick-slide {
        width: calc(86vw / 2);
    }
    .fs-c-featuredProduct__list ,
    .fs-c-productListCarousel {
        width: calc(100% + 50px);
        margin-left: -25px;
    }
}

@media screen and (min-width:580px) and (max-width:679px) {
    .slick-initialized .slick-slide {
        width: calc(86vw / 3);
    }
}

@media screen and (min-width:680px) and (max-width:768px) {
    .slick-initialized .slick-slide {
        width: calc(86vw / 4);
    }
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
    .slick-initialized .slick-slide  {
        width: calc(80.55vw / 5);
    }
    .pickUp_parts .fs-c-productListCarousel__list__item {
        width: calc(80.55vw / 5);
    }
    .fs-c-featuredProduct .fs-c-button--carousel--prev:hover:before {
        right: 0px;
    }
    .fs-c-featuredProduct .fs-c-button--carousel--next:hover:before {
        left: 0px;
    }
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
    .slick-initialized .slick-slide {
        width: calc(80vw / 4);
    }
}

@media screen and (min-width:1200px) {
    .slick-initialized .slick-slide {
        width: calc((82.3vw - 170px) / 5);
    }
}

@media screen and (min-width:1440px) {
    .slick-initialized .slick-slide {
/*        width: calc(66.5vw / 5);*/
    }
}

@media screen and (min-width:1440px) {
    .slick-initialized .slick-slide {
        width: calc(1000px / 5);
    }
}


/*====================================================

====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
}

@media screen and (min-width:480px) and (max-width:768px) {
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}



/*====================================================
     //class .is-warning アクセス集中警告？
====================================================*/
.fs-c-modal__inner.is-warning {
    border-color: #483d8b;
}
.fs-c-modal__inner.is-warning .fs-c-modal__header {
    background: #483d8b;
    text-align: center;
    padding: .5em 1em;
}
.fs-c-modal__inner.is-warning .fs-c-modal__header h2 {
    font-size: 1.8rem;
}
.fs-c-modal__inner.is-warning .fs-c-buttonContainer {
    text-align: center;
}
.fs-c-modal__inner.is-warning .fs-c-buttonContainer button {
    background: #000;
    padding: .3em 1em;
    color: #fff;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
}

@media screen and (min-width:480px) and (max-width:768px) {
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

/*====================================================

====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
}

@media screen and (min-width:480px) and (max-width:768px) {
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}