@charset "utf-8";
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  /*line-height: 1.7em!important;*/
  letter-spacing: 2px;
}
body {
    width: 100%;
/*    height: 100%;*/
    margin: 0;
    padding: 0;
    background: #f6f6f6;
    font:normal 15px/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;
}


.sp {
    display: none!important;
}

/*ここから*/
header {
	padding: 1.5%;
}
section {
	text-align: center;
}
h1 {
    text-align: center;
    margin: 0 auto;
}
h1 img {    
    width: 100%;
}

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

#shopping {
    background: repeating-linear-gradient(-45deg, #fff697, #fff697 5px, #ffffff 5px, #ffffff 10px);
	width: 100%;
}
#shopping div {
	width: 1020px;
	margin: 0 auto;
	padding: 5% 0;
}
#shopping div p.txt-note {
	text-align: left;
	padding-left: 130px;
}
#shopping div ul.link_list li a {
	display: block;
	width: 790px;
	position: relative; /* position: relative;で矢印の位置を基点とさせます */
	text-align: center;
    text-decoration: none;
	margin: 2% auto 0;	
	padding: 3% 0;
	background-color: #6A3906;
	color: #ffffff;
	font-size: 20px;
}
#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: 10px;
    height: 10px;
    /* 矢印アイコンの位置を設定 */
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(45deg); /* rotate(45deg)で矢印を回転（向きを変更）させる */
}

#cinema div p,
#shopping div p {
	margin-top: 5%;
}

/*ここまで*/

footer .membersprogram {
    position: relative;
    
    max-width: 950px;
    margin: 0 auto;
}
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: #fff;
	padding: 0 0.6%;
	border-right: solid 2px #fff;
}
footer .mop_link .menu li:last-child {
	border-right: none;
}
footer .mop_link .menu li a {
	color: #fff;
	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;
    line-height: 2em!important;
}
footer .footerbody .menu li {
	display: inline-block;
	color: #fff;
	padding: 0 0.6%;
	border-right: solid 2px #332f2a;
}
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 p {
	color: #fff;
}
footer img {
    
}