/* ▼▼▼▼ ～ 834px ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 834px) {

.second h1 {}
.second h2 {}
.second h3 {}
.second h4 {}
.second h5 {}
.second h6 {}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
    *  ヘッダー
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#ham_hd{height: 81px; }
#ham_hd .logo{ width: 100px; padding:0px; top:15px; left: 10px; z-index: 15; box-sizing: border-box; }
.ham-btn {top: 30px; right: 10px;}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
    *  フッター
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
footer{ font-size: 0.8em;}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
    *  トップページ
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.hero .text-box .logo img{ width: 180px;}
.hero .text-box h1{ width: 90%; font-size: 0.8em; line-height: 2.5;}
.hero .text-box .en{font-size: 0.7em;}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
    *  下層ページ
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/ 
.second .showcase .showlist{display: block;}
.second .showcase .showlist .item-image__wrap{	height: 30vh;}
.second .showcase .showlist li{ width: 100%; margin: 2em 0; padding: 0;}

.second .caselayout .movie{ width: 90%; padding: 0; margin: 0 auto 3em auto;}

.second .pricelayout .priceBox{width: 100%; margin: 0 0 0 0; font-size: 0.8em;}
.second .pricelayout .detail{ font-size: 0.8em;}
.second .danlayout .danBox{width: 100%; margin: 0 0 0 0; font-size: 0.85em;}


/* ▲▲▲▲ ～ 834px ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */




/* ▼▼▼▼▼ ～414px▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 414px) {

.second h1 {}

/* ▲▲▲▲▲ ～414px ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */