@charset "UTF-8";

*{margin:0; padding:0;}

body{
font-feature-settings: "palt";
font-size: 1.0em;
margin:0 auto;
color: #000;
font-family:'Shuei KakuGo Gin L','Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, 'sans-serif';

/* 販売終了用 */
display: -moz-box;		/* Fx用 */
display: -webkit-box; 	/* Safari、スマホ用 */
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
min-height: 100vh;
}

/* 【ゴシック系初期フォント】font-family:'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, 'sans-serif' */
/* 【明朝系初期フォント】font-family:YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif' */

ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, figure {
margin: 0;
padding: 0;
font-weight: normal;
list-style: none;
text-decoration: none;
font-feature-settings: "palt";
}

/* テキストリンク */
a {text-decoration:none; color:#858585; outline: none;}


/* 本文 */
p{padding: 0; margin: 0; line-height: 180%; word-wrap: normal; word-break: break-all;}
/* 画像 */
img {
vertical-align: top;
font-size: 0;
line-height: 0;
max-width: 100%;
height: auto;
border-style:none;
}


/* clear */
.cle:before, .cle:after {content: " "; display: table;}
.cle:after {clear: both;}
.cle {*zoom: 1;}


hr{
height: 1px;
background-color: #ea5e23;
border: none;
color: #ea5e23;
margin: 5px 0 10px 0;
}









/* -------------------------- */
/* --------flexbox 共通-------- */
/* -------------------------- */

/*自動隙間　横並び　行替え　左寄せ*/
.flex{
display: -moz-box;		/* Fx用 */
display: -webkit-box; 	/* Safari、スマホ用 */
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction:row;
flex-wrap:wrap;/*折り返しても*/
justify-content:space-between;
}






/* -------------------------- */
/* --------  パンくず  ------- */
/* -------------------------- */
.breadcrumb{
padding: 2%;
list-style: none;
font-size: 0.7em;
overflow: hidden;
}
.breadcrumb li:nth-child(1) a{color: #ea5e23;}
.breadcrumb li{float: left;}
.breadcrumb li::after{
content: ">";
margin: 5px;
}
.breadcrumb li:last-child::after{
content: "";
margin: 5px;
}







/* -------------------------- */
/* --------  販売終了  ------- */
/* -------------------------- */

.end{
width: 100%;
height: 70vh;
display: -moz-box;		/* Fx用 */
display: -webkit-box; 	/* Safari、スマホ用 */
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items:center;
justify-content: center;
align-self: center;
flex-direction:column;
}

.end p{
background-color: #F2F2F2;
width: 700px;
text-align: center;
padding: 5% 5%;
box-sizing: border-box;
font-size: 1.7rem;
}



@media screen and (max-width: 1000px) {

.end{height: 50vh;}

.end p{
width: 80%;
font-size: 1.2rem;
padding: 5% 5%;
}

}