@charset "utf-8";
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    font:normal 14px/1.3 'Noto Sans JP', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
    color: #332f2a;
    overflow-y: scroll;
    display: flex;
		flex-flow: column;
		min-height: 100vh;
    line-height: 2.5vh;
    font-size: 4vw;
}


.pc {
    display: none!important;
}

/*ここから*/
header {
	padding: 3%;
}
header span img {
	width: 50%;
}
section {
	text-align: center;
}
section img {
	width: 100%;
}

h1 {
    text-align: center;
    margin: 0 auto;
    padding: 0;
}
h1 img {    
        width: 100%;
}

#cinema {
    background: #001587;
	width: 100%;
}
#cinema div {
    background: url("../img/bg.png") no-repeat top left #001587;
    background-size: 30%;
	margin: 0 auto;
	padding-bottom: 5%;
}

#shopping {
    background: repeating-linear-gradient(-45deg, #fff697, #fff697 5px, #ffffff 5px, #ffffff 10px);
	width: 100%;
}
#shopping div {
	margin: 0 auto;
	padding: 5% 0;
}
#shopping div ul.link_list li a {
	display: block;
	width: 80%;
	position: relative; /* position: relative;で矢印の位置を基点とさせます */
	text-align: center;
    text-decoration: none;
	margin: 3% auto 0;
	padding: 5% 0;
	background-color: #6A3906;
	color: #ffffff;
	font-size: 0.7rem;
}
#shopping div ul.link_list li a::after{
    /* 擬似要素で矢印アイコンをつくる */
    content: '';
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    display: inline-block;
    width: 5px;
    height: 5px;
    /* 矢印アイコンの位置を設定 */
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(45deg); /* rotate(45deg)で矢印を回転（向きを変更）させる */
}

#cinema div p,
#shopping div p {
	margin-top: 5%;
}
#cinema div p.w90 img,
#shopping div p.w90 img {
	width: 90%;
}


/*ここまで*/


#pageTop img {
	width: 60%;
}


footer .membersprogram {
    position: relative;
}
footer .membersprogram a {
    position: absolute;
    width: 38%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 9%;
}

footer .note5 {
    display: block;
    padding: 1.2% 0;
    background: #dedede;
}
footer .note5 p {
    display: block;
    font-size: 0.88vw;
    text-align: left;
    line-height: 150%;
    letter-spacing: 0.05em;
    background: #dedede;
    width: 69%;
    margin: 0 auto;
    color: #666666;
}
footer .mop_link {
	width:100%;
	background: #b8b8b8;
	text-align: center;
	  padding: 30px 0;
}
footer .mop_link .menu li {
	display: inline-block;
	color: #000;
	padding: 0 0.6%;
	border-right: solid 2px #000;
    font-size: 1vw;
}
footer .mop_link .menu li:last-child {
	border-right: none;
}
footer .mop_link .menu li a {
	color: #000;
	text-decoration: none;
}
footer .mop_link .menu li a:hover {
	text-decoration: underline;
	opacity: 0.7;
}

footer .footerbody {
	width:100%;
	background: #000;
	text-align: center;
	  padding: 30px 0;
    font-size: 1vw;
    line-height: 5.8em;
}
footer .footerbody .menu li {
	display: inline-block;
	color: #fff;
	padding: 0 0.6%;
	border-right: solid 2px #fff;
    font-size: 2.5vw;
}
footer .footerbody .menu li:last-child {
	border-right: none;
}
footer .footerbody .menu li a {
	color: #fff;
	text-decoration: none;
}
footer .footerbody .menu li a:hover {
	text-decoration: underline;
	opacity: 0.7;
}
footer .footerbody .menu p {
    font-size: 2.5vw;
	color: #fff;
}
footer .footerbody span {
	display: inline-block;
	margin: 2% 0;
}