@charset "shift_jis";
#leftnavi{display:none !important;}
#wrapper,#middle_body{min-width: 1200px !important;width: 100% !important;margin: 0 auto !important;padding: 0 !important;}
#contents{width:1200px !important;margin:0 auto !important;float:none !important;padding:0 !important;}
.inner_content{width:100%;}


body{
	overflow-x:hidden;
	min-width:1200px;;
}
#wrapper{
	position:relative;
}

div.w1200 ul li .pc_img{display:block;}
div.w1200 ul li .smp_img{display:none;}
/* リンク */
.thanks * a,
.thanks * a:hover,
.thanks * a img,
.thanks * a:hover img{
	transition: 0.2s all;
}
.thanks * a:hover img{
	opacity: 0.7;
}

.thanks{
	margin:0 -400px;
	width:2000px;
	background-color:#ffffff;
	box-sizing:border-box;
	overflow:hidden;
	position:relative;
	background-position:center 120px;
}
.thanks *{
	font-family:'Meiryo UI','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif;

	box-sizing:border-box;
}
.read {
	width: 100%;
	text-align: center;
	margin-bottom: 0px;
	font-weight: 700;
	font-size: 32px;
	padding: 20px 0;
	color: #000;
	background-color: #fff;
	/*color: #5f0000; 暗い赤*/
	/*background-color: #fbe30b; ※黄色*/
}
.read_2 {
	width: 100%;
	text-align: center;
	margin-bottom: 0px;
	color: #5f0000;
	font-weight: 700;
	font-size: 32px;
	padding: 0px;
	background-color: #f7e871;
}
.read_3 {
	width: 100%;
	text-align: center;
	margin-bottom: 0px;
	color: #5f0000;
	font-weight: 700;
	font-size: 32px;
	padding: 0px;
	background-color: #234582;
}
.read_4 {
	width: 100%;
	text-align: center;
	margin-bottom: 0px;
	color: #5f0000;
	font-weight: 700;
	font-size: 32px;
	padding: 0px;
	background-color: #0b1f51;
}
.thanks .w1200{
	position:relative;
	z-index:100;
	width:1200px;
	margin:0 auto;
	text-align: center;
	z-index:20000;

}
.thanks .kanban{
	position:relative;
	/*min-height:507px;*/
	/*background-color:#ea0000;*/
}

.thanks .kanban .logo_wrap{
	position:relative;
	min-height: 580px;
	background: url(/IMAGE/2109aki_daikansya/title.jpg) no-repeat center top;
	background-size: contain;
	/*background-color:#ea0000;*/
}

.thanks .kanban .logo{
	position:absolute;
	display:inline-block;
	margin:94px auto;
	width:1315px;
	right:0;
	left:0;
	top:-75px;
	z-index:20000;
}
.thanks .kanban .abso{
	position:absolute;
	display:inline-block;
	top:0;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
}







.thanks .caption{
	position:relative;
	display:inline-block;
	margin:auto;
	margin:80px auto;
	padding:0 60px;
}
.thanks .caption span{
	font-family:'Meiryo UI','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif;
	display:block;
	text-align:center;
	font-size:50px;
	font-weight:bold;
	color:#f0c42d;

	/*text-shadow:10px 10px 10px #fddc6f88,:
				-10px 10px 10px #fddc6f88,
				10px -10px 10px #fddc6f88,
				-10px -10px 10px #fddc6f88;*/

}


.thanks h2 *{
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.thanks h2{

	width:1200px;
	color:#ffffff;
	background:#ea0000;
	line-height:80px;
	font-size:50px;
	text-align:center;
	margin:15px auto;
}
.thanks h2 span{
	transform: scale(0.9, 1);

}

.thanks h3 *{
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.thanks h3{
	width:1200px;
	color:#ffffff;
	background:#ea0000;
	line-height:80px;
	font-size:50px;
	text-align:center;
	margin:15px auto;
}
.thanks h3 span{
	transform: scale(0.9, 1);

}

/* バナーエリア　２カラム */
.thanks .bnrarea_2clm {
	width: 100%;
	margin: 0;
	padding: 30px 0 0;
	background-color: #ffffff;
}
.thanks .bnrarea_2clm ul {
	width: 1200px;
	margin: 0 auto;
	padding: 0;
	letter-spacing: -.40em;
}
.thanks .bnrarea_2clm ul li {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	width: calc((100% - 20px) / 2);
	margin-right: 20px;
}
.thanks .bnrarea_2clm ul li:nth-child(2n) {
	margin-right: 0;
}
.thanks .bnrarea_2clm ul li a {
	display: block;
}
.thanks .bnrarea_2clm ul li a img {
	width: 100%;
	height: auto;
}

/* ナビゲーション上見出し */
.thanks .heading_nav {
	width: 100%;
	margin: 30px 0;
	padding: 0.5em 0;
	box-sizing: border-box;
	background:#ea0000;
	text-align:center;
}
.thanks .heading_nav span {
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	color:#ffffff;
}


.thanks .nav{
	width: 100%;
	margin: 0 auto 50px;
	text-align: center;
	letter-spacing: -.40em;
}
.thanks .nav li{
	position:relative;
	display:inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin: 0 5px;
}
/*.thanks .nav li:nth-child(1){left:30px}
.thanks .nav li:nth-child(2){left:10px}
.thanks .nav li:nth-child(3){left:-10px}
.thanks .nav li:nth-child(4){left:-30px}*/

/* 1カラム商品エリア */
.thanks .c_content_1clm {
	width: 100%;
	margin: 0;
	padding: 10px 0 0;
}
.thanks .c_content_1clm li {
	width: 100%;
	margin: 0;
	/*padding: 0 10px 10px;*/
	padding: 10px;
	box-sizing: border-box;
}
.thanks .c_content_1clm li a {
	display: block;
}
.thanks .c_content_1clm li a img {
	width: 100%;
	height: auto;
}

.thanks .event{
	text-align:center;
	margin-top:-275px;
}
.thanks .event li{
	padding-top:100px;
	margin-bottom:100px;
}
.thanks .event li a{
	display:inline-block;
}
.thanks .event dl{
	border:20px solid #f0c42d;
	width:1040px;
	margin:0 auto;

	padding:20px;
	position:relative;
	background-color:#fff;

}
.thanks .event dl .icon{
	position:absolute;
	left: -106px;
	top: -160px;
}
.thanks .event dl dd{
	text-align:left;
}

.thanks .event dl .txt,
.thanks .event dl .title{
	padding:0 20px;
}
.thanks .event dl h3{
	font-size: 45px;
	padding: 30px 0;
}
.thanks .event dl .txt{
	font-size: 30px;
	line-height: 1.5;
}
.thanks .event dl .btn{
	text-align:center;
	display:inline-block;
	border:4px solid #DC1E23;
	padding:15px;
	border-radius:50px;
	font-size:30px;
	font-weight:bold;
	color:#DC1E23;
	margin:20px;
	width:700px;
	transition:0.3s;
	transition-delay:0s;
}
.thanks .event dl .btn:hover{
	background-color:#DC1E23;
	color:#fff;
}


.sample{
	overflow:hidden;
}
.sample img{
	position:relative;
	top:-1250px;
}









.thanks .fade-in{
	position:relative;
	opacity: 0;
}
.thanks .isActive .fade-in{

	animation-name:fade-in;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-iteration-count:1;
	animation-direction:normal;
	animation-fill-mode: forwards;
}
@keyframes fade-in {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.thanks .fade-in-top{
	position:relative;
	opacity: 0;
	transform: translate3d(0,-10%,0);
}
.thanks .isActive .fade-in-top{

	animation-name:fade-in-top;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-iteration-count:1;
	animation-direction:normal;
	animation-fill-mode: forwards;
}
@keyframes fade-in-top {
  0% {opacity: 0; transform: translate3d(0,-10%,0);}
  30% {opacity: 1;}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

.thanks .fade-in-bottom{
	position:relative;
	opacity: 0;
	transform: translate3d(0,50%,0);
}
.thanks .isActive .fade-in-bottom{

	animation-name:fade-in-bottom;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-iteration-count:1;
	animation-direction:normal;
	animation-fill-mode: forwards;
}
@keyframes fade-in-bottom {
  0% {opacity: 0; transform: translate3d(0,50%,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}


.thanks .fade-in-front{
	position:relative;
	opacity: 0;
	transform: scale(2);
}
.thanks .isActive .fade-in-front{

	animation-name:fade-in-front;
	animation-duration: 0.35s;
	animation-timing-function: ease-in;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-fill-mode: forwards;
}
@keyframes fade-in-front {
  0% {opacity: 0; transform: scale(2)}
  100% {opacity: 1; transform: scale(1);}
}


.thanks .fade-in-back{
	position:relative;
	opacity: 0;
	transform: scale(0.2);
}
.thanks .isActive .fade-in-back{

	animation-name:fade-in-back;
	animation-duration: 0.35s;
	animation-timing-function: ease-in;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-fill-mode: forwards;
}
@keyframes fade-in-back {
  0% {opacity: 0; transform: scale(0.2)}
  100% {opacity: 1; transform: scale(1);}
}

.thanks .slide-left{
	display:inline-block;
	position:relative;
	width:1px;
	white-space:nowrap;
	overflow:hidden;
}
.thanks .isActive .slide-left{

	animation-name:slide-left;
	animation-duration: 0.25s;
	animation-timing-function: ease-out;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-fill-mode: forwards;
}
@keyframes slide-left {
  0% {width:0;}
  100% {width:100%;}
}


@keyframes slide-banner {
  0% {height:0;}
  100% {height:578px;}
}
@keyframes slide-banner-shadow {
  0% {opacity:0;transform: scale(0.5);}
  100% {opacity:1;transform: scale(1);}
}


@keyframes item-fade {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
.thanks .button_fuwa{
	transition:0.5s;
}
.thanks .button_fuwa:hover{
	 animation: 2s float ease-in-out infinite;



}
@keyframes float {
  50% {
    transform: translateY(-5px);
  }
}




.thanks .delay1{animation-delay:0.1s;transition-delay:0.1s;}
.thanks .delay2{animation-delay:0.2s;transition-delay:0.2s;}
.thanks .delay3{animation-delay:0.3s;transition-delay:0.3s;}
.thanks .delay4{animation-delay:0.4s;transition-delay:0.4s;}
.thanks .delay5{animation-delay:0.5s;transition-delay:0.5s;}
.thanks .delay6{animation-delay:0.6s;transition-delay:0.6s;}
.thanks .delay7{animation-delay:0.7s;transition-delay:0.7s;}
.thanks .delay8{animation-delay:0.8s;transition-delay:0.8s;}
.thanks .delay9{animation-delay:0.9s;transition-delay:0.9s;}
.thanks .delay10{animation-delay:1.0s;transition-delay:1.0s;}
.thanks .delay11{animation-delay:1.1s;transition-delay:1.1s;}
.thanks .delay12{animation-delay:1.2s;transition-delay:1.2s;}
.thanks .delay13{animation-delay:1.3s;transition-delay:1.3s;}
.thanks .delay14{animation-delay:1.4s;transition-delay:1.4s;}
.thanks .delay15{animation-delay:1.5s;transition-delay:1.5s;}
.thanks .delay16{animation-delay:1.6s;transition-delay:1.6s;}
.thanks .delay17{animation-delay:1.7s;transition-delay:1.7s;}
.thanks .delay18{animation-delay:1.8s;transition-delay:1.8s;}
.thanks .delay19{animation-delay:1.9s;transition-delay:1.9s;}
.thanks .delay20{animation-delay:2.0s;transition-delay:2.0s;}
.thanks .delay21{animation-delay:2.1s;transition-delay:2.1s;}
.thanks .delay22{animation-delay:2.2s;transition-delay:2.2s;}
.thanks .delay23{animation-delay:2.3s;transition-delay:2.3s;}
.thanks .delay24{animation-delay:2.4s;transition-delay:2.4s;}
.thanks .delay25{animation-delay:2.5s;transition-delay:2.5s;}
.thanks .delay26{animation-delay:2.6s;transition-delay:2.6s;}
.thanks .delay27{animation-delay:2.7s;transition-delay:2.7s;}
.thanks .delay28{animation-delay:2.8s;transition-delay:2.8s;}
.thanks .delay29{animation-delay:2.9s;transition-delay:2.9s;}
.thanks .delay30{animation-delay:3.0s;transition-delay:3.0s;}



/* ■■■■■ コンテンツ部分 ■■■■■ */
.thanks .content {
	width: 100%;
	/*background-color: #fff;*/
	margin-bottom:35px;
	/*padding: 35px;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.thanks .content .item_box {
	width: 100%;
}
.thanks .content .item_box ul {
	width: 100%;
	margin: 0;
	padding: 10px;
	letter-spacing: -.40em;
	background-color: #ffe2e2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.thanks .content .item_box ul li {
	/*width: 300px;*/
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin: 0 20px 50px 0;
	padding: 0;
}
.thanks .content .item_box ul li:nth-child(3n) {
	margin-right: 0;
}
.thanks .content .item_box ul li a {
	display: block;
}

/* ■■■■■ カテゴリボタン ■■■■■ */
.thanks .c_content {
	clear: both;
	width: 100%;
	/* background-color: #fff; */
}
.thanks .content ul.cate{
	width: 100%;
        padding: 20px;
	text-align: center;
	letter-spacing: -.40em;
}
.thanks .content ul.cate li{
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
	position: relative;
	text-align: center;
	line-height: 3;
	font-size: 18px;
	font-weight: bold;
	padding: 0;
}
.thanks .content ul.cate li a {
	display: block;
	color:#fff;
	background-color: #2c88ed;
	border: solid 2px #fefd7e;
	border-radius: 5px;
	text-decoration:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.thanks .content ul.cate li a:hover{
	color: #2c88ed;
	border: solid 2px #2c88ed;
	background-color: #ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* ボタン1つのとき */
.thanks .content ul.cate.cate01 li{
	width: 100%;
	margin: 0;
}
/* ボタン3つのとき */
.thanks .content ul.cate.cate03 li{
	width: 32%;
	margin: 0 2% 1% 0;
}
.thanks .content ul.cate.cate03 li:nth-child(3n){
	margin-right: 0;
}
/* ボタン4つのとき */

.thanks .content ul.cate.cate04 li{
	width: 49%;
	margin: 0 2% 1% 0;
}
.thanks .content ul.cate.cate04 li:nth-child(2n){
	margin-right: 0;
}

/* ボタン5つのとき */
.thanks .content ul.cate.cate05 li{
	width: 32%;
	margin: 0 2% 1% 0;
}
.thanks .content ul.cate.cate05 li:nth-child(3n){
	margin-right: 0;
}

.thanks .bn_coupon {
	width: 100%;
	margin: 0 auto 30px;
}
.thanks .bn_coupon a {
	display: block;
}
.thanks .bn_coupon a img {
	width: 100%;
	height: auto;
}
/* 看板下の隙間は削除*/
.thanks .bn_coupon#camp02 {
	width: 100%;
	margin: 0 auto;
}

/* ■■■■■ ページTOPへ戻る ■■■■■ */
.pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 12px;
	font-weight: bold;
	z-index: 9999;
}
.pagetop a {
    background: #ea0000;
    text-decoration: none;
    color: #fff!important;
    width: 82px;
    padding: 33px 0;
    text-align: center;
    display: block;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    transition: all 0.3s ease 0s;
}
.pagetop a:hover {
    text-decoration: none;
    background: #FF6E00;
	transition: all 0.3s ease 0s;
}

.br_sp { display: none; }