@charset "utf-8";
/* CSS Document */

.nm{ font-size: 12px; line-height: 18px !important; display: block }
.spnone {display: none}

.bgred{
	background-color: #FF1705 !important;
}
#main .content{
	padding: 0 0 10px;
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
}
#main .txt-bold{ font-weight: bold; }
#main .main-ttl{
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#main .main-ttl *{
    color: #333333;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}
#main .main-ttl:before{ content: ''; position: absolute; left: 0; top: 120px; background: url(../image/d01.png) right 0 no-repeat; width: 230px; height: 192px; z-index: 10; }
#main .main-ttl:after{ content: ''; position: absolute; right: 0; top: 120px; background: url(../image/d02.png) 0 0 no-repeat; width: 230px; height: 192px; z-index: 10; }
#main .main-ttl .info{
	margin-top: 20px;
}
#main .main-ttl .info+.info{ margin-top: 20px; }
#main .main-ttl .info .caption{
	font-size: 16px;
	color: #FFFFFF;
}
#main .main-ttl .txt-l{
	font-size: 28px;
	line-height: 40px;
	color: #FFFFFF;
}
#main .main-ttl .txt{ font-size: 20px; line-height: 32px; }
#main .main-ttl .note{ border: 1px solid #d5be81; width: 1000px; margin: 30px auto 0; padding: 20px 0; border-radius: 5px; }
#main .main-ttl .marker{ color: #bd8b13; }
#main .main-ttl .store-list{ width: 1000px; margin: 20px auto 0; text-align: left; }
#main .main-ttl .store-list .item{ font-size: 20px; line-height: 1.5; display: inline-block; min-width: 50%; }
#main .main-ttl .store-list .item:nth-child(1){ max-width: none; width: 100%; }
#main .fukubukuro{
	background-color: #ffffff;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	border-radius: 10px;
	width: 900px;
	padding: 50px;
	box-sizing: border-box
}
#main .fukubukuro .date{ background-color: #c70520; color: #ffffff; font-size: 20px; line-height: 28px; padding: 2px 0; text-align: center; }
#main .fukubukuro .item{}
#main .fukubukuro .item02,
#main .fukubukuro .item03{ margin-top: 40px; }
#main .fukubukuro .item .photo{ text-align: center; margin-top: 25px; }
#main .fukubukuro .item .photo img{ max-width: 100%; height: auto; }
#main .fukubukuro .item .txt{ font-size: 16px; line-height: 24px;}
#main .fukubukuro .item .info-txt{ font-size: 16px; line-height: 28px; margin-top: 18px;}
#main .fukubukuro .item .ttl{
	color: #FF1805;
	font-size: 44px;
	line-height: 1.3em;
	margin-top: 10px;
	text-align: center;
}
#main .fukubukuro .item .ttl .sub{ color: #000000; font-size: 22px; line-height: 26px; display: block; padding-bottom: 10px; }
#main .fukubukuro .item .ttl+*{ margin-top: 10px; }
#main .fukubukuro .item .value{ color: #000000; font-weight: bold; font-size: 22px; line-height: 26px; margin-top: 5px; }
#main .fukubukuro .item .note{ border: 1px solid #333333; padding: 10px; margin-top: 10px; }
#main .fukubukuro .item .note .note-ttl{ background-color: #f5df4d; text-align: center; color: #333333; font-weight: bold; padding: 2px 0; margin-bottom: 5px; }
#main .fukubukuro .item .note .note-ttl~.note-ttl{ margin-top: 10px; }
#main .fukubukuro .item .note .txt{ padding-left: 1em; text-indent: -1em; }
#main .fukubukuro .item .note .txt::before{ content: '●'; color: #cccccc; }
#main .fukubukuro .item .info-list{ overflow: hidden; margin-top: 5px; }
#main .fukubukuro .item .info-list .head{
	float: left;
	width: 150px;
	border: solid #333333;
	border-width: 1px 0;
	text-align: center;
	color: #333333;
	font-weight: bold;
	margin-top: 10px;
	padding: 2px 0;
	font-size: 16px;
	background-color: #FFE78C;
}
#main .fukubukuro .item .info-list .txt{ padding: 3px 0 20px 10px; overflow: hidden; margin-top: 10px; font-size: 16px; line-height: 24px;}
#main .fukubukuro-navi{ width: 1000px; margin: 50px auto 0; }
#main .fukubukuro-navi .ttl{ color: #ab0000; font-size: 36px; line-height: 42px; }
#main .fukubukuro-navi .navi-list{ overflow: hidden; width: 1020px; margin: 10px 0 0 -20px; }
#main .fukubukuro-navi .navi-list .item{ float: left; margin: 20px 0 0 20px; width: 320px; }
#main .fukubukuro-navi .navi-list a{ display: block; border: 2px solid #ab0000; border-radius: 5px; text-align: center; font-weight: bold; color: #ab0000; text-decoration: none; font-size: 22px; line-height: 26px; padding: 20px 0; background: url(../image/icon_allow.png) 94% center no-repeat; }
#main .fukubukuro-navi .navi-list a:hover{ opacity: 1; background-color: #ab0000; color: #ffffff; }
#main .bottom-caption{ width: 1000px; margin: 80px auto 0; color: #333333; }
#main .kin-app {
	color: #FFFFFF;
	text-align: center;
	margin-top: 30px;
	font-size: 20px;
	line-height: 1.3em;
	font-weight: bold;
}

#main .app-btn {
	width: 500px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	overflow: hidden;
}
#main .app-btn a {
	width: 500px;
	display: block;
	margin: 0;
	padding: 20px 0px;
	background: #ffffff;
	text-align: center;
	color: #FF1805;
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
	border-radius: 50px;
	text-decoration: none;
	cursor: pointer;
	float: left;
}

#main .profile-box { background: #F2EEE8; padding: 36px; overflow: hidden; margin: 20px 0 ; }
#main .profile-box .photo { width: 330px; float: left; margin: 0 !important; padding: 0 !important}
#main .profile-box .info {width: 360px; float: right;} 
#main .profile-box .info .profile { text-align: left; padding-top: 20px}
#main .profile-box .info .name { padding-top: 15px;}
#main .profile-box .info .txt { padding-top: 20px; font-size: 16px; line-height: 24px;}


@media screen and (max-width: 480px){ /*1112px以下のcss*/
	.spnone {display: block}
	#main .content{ margin: 0; background-size: 400px auto; }
#main .main-ttl{
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#main .main-ttl *{
    text-align: left;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding-top: 0px;
}
	#main .main-ttl:before{ display: none; }
	#main .main-ttl:after{ display: none; }
	#main .main-ttl .info{ margin-top: 20px; }
	#main .main-ttl .info+.info{ margin-top: 10px; }
	#main .main-ttl .info .caption{ font-size: 14px; }
	#main .main-ttl .txt-l{ font-size: 18px; line-height: 26px; }
	#main .main-ttl .txt{ font-size: 14px; line-height: 24px; }
	#main .main-ttl .note{ width: auto; margin-top: 15px; padding: 15px; }
	#main .main-ttl .store-list{ width: auto; margin-top: 10px; }
	#main .main-ttl .store-list .item{ font-size: 16px; display: block; }
	#main .fukubukuro{ margin: 20px 15px 0; border-radius: 5px; width: auto; padding: 20px 15px; }
	#main .fukubukuro .date{ font-size: 18px; line-height: 22px; padding: 5px; }
	#main .fukubukuro .item{ width: auto; display: block; margin-left: 0; }
	#main .fukubukuro .item+.item{ margin-top: 20px; padding-top: 20px; border-top: 1px solid #cccccc; }
	#main .fukubukuro .item .ttl-sub{ font-size: 16px; line-height: 20px; }
	#main .fukubukuro .item .ttl{
	font-size: 24px;
	line-height: 32px;
	text-align: center;
}
    #main .fukubukuro .item .info-txt{ font-size: 14px; line-height: 24px; margin-top: 18px;}
	#main .fukubukuro .item .value{ font-size: 18px; line-height: 22px; }
	#main .fukubukuro-navi{ width: auto; margin: 30px 15px 0; }
	#main .fukubukuro-navi .ttl{ font-size: 24px; line-height: 32px; }
	#main .fukubukuro-navi .navi-list{ width: auto; margin: 0 0 0 -10px; }
	#main .fukubukuro-navi .navi-list > .item{
		margin: 10px 0 0; padding-left: 10px; width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#main .fukubukuro-navi .navi-list .item.abeno{ width: 100%; }
	#main .fukubukuro-navi .navi-list a{ font-size: 18px; line-height: 26px; padding: 15px 0; }
	#main .fukubukuro-navi .navi-list a:active{ opacity: 1; background-color: #ab0000; color: #ffffff; }
	#main .bottom-caption{ width: auto; margin-top: 30px; }
	#main .fukubukuro .item .info-list .head{
	float: none;
	width: 100%;
	border: solid #333333;
	border-width: 1px 0;
	text-align: center;
	color: #333333;
	font-weight: bold;
	margin-top: 10px;
	padding: 2px 0;
	font-size: 16px;
	background-color: #FFE78C;
}
#main .fukubukuro .item .info-list .txt{
    padding: 3px 0 20px 10px;
    overflow: hidden;
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
}
	#main .fukubukuro .item .ttl{
	text-align: center;
}
	
	#main .app-btn { width: auto; margin: 30px 15px ; text-align: center; overflow: auto}
	#main .app-btn a {width:100%; font-size: 16px; line-height: 20px; }
	#main .app-btn .qr { display: none;}

	#main .profile-box { background: #F2EEE8; padding: 20px; overflow: auto; margin: 20px 0 ; }
	#main .profile-box .photo { width: auto; float: none; margin: 0 !important; padding: 0 !important}
	#main .profile-box .photo img { width: auto; height: auto}
	#main .profile-box .info {width: auto; float: none;} 
	#main .profile-box .info .profile { text-align: left; padding-top: 10px}
	#main .profile-box .info .name { padding-top: 10px;}
	#main .profile-box .info .txt { padding-top: 14px; font-size: 16px; line-height: 24px;}


}
@media screen and (-webkit-min-device-pixel-ratio: 1.5),screen and (min-resolution: 1.5dppx){
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 480px),screen and (min-resolution: 1.5dppx) and (max-width: 480px){
}







/*スライド・アコーディオン追加*/
#main .main-ttl .slide-list{ overflow: hidden; width: 100%; border: solid #a01302; border-width: 8px 0; position: relative; z-index: 10; }
#main .main-ttl .slide-list .slide-body{ display: flex; display: -ms-flex; width: 1166%; }
#main .main-ttl .slide-list .slide-body .list-item{ width: 50%; display: flex; display: -ms-flex; justify-content: space-between; }
#main .main-ttl .slide-list .slide-body .list-item .item{ box-sizing: border-box; position: relative; }
#main .main-ttl .slide-list .slide-body .list-item .item:nth-child(2n+1)::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.1); }
#main .main-ttl .slide-list .slide-body .list-item .item img{ width: 100%; height: auto; }
#main .main-ttl .slide-list .slide-body{ animation: slide_conveyor 70s linear infinite; }
@keyframes slide_conveyor{
	0%{ transform: translateX(0); }
	100%{ transform: translateX(-50%); }
}
#main .section-acordion .cat-list{ display: flex; display: -ms-flex; justify-content: space-between; width: 93.736%; margin: 0 auto; flex-wrap: wrap; align-items: flex-start; }
#main .section-acordion .cat-list .item{ width: 48.3294%; background-color: #ffc42d; line-height: 0; border-radius: 6px; }
#main .section-acordion .cat-list .item .head{ line-height: 0; margin: 0; display: block; position: relative; cursor: pointer; }
#main .section-acordion .cat-list .item .head .icon{ width: 4.4444%; padding-top: 4.4444%; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
#main .section-acordion .cat-list .item .head .icon::before,
#main .section-acordion .cat-list .item .head .icon::after{ content: ""; position: absolute; width: 100%; height: 1px; background-color: #5e5d5d; left: 50%; top: 50%; transform: translate(-50%,-50%); }
#main .section-acordion .cat-list .item .head .icon::after{ transform: translate(-50%,-50%) rotate(90deg); }
#main .section-acordion .cat-list .item.active .head .icon::after{ display: none; }
#main .section-acordion .cat-list .item .acordion{ opacity: 0; height: 0; overflow: hidden; }
#main .section-acordion .cat-list .item.active .acordion{ opacity: 1; height: auto; transition: opacity 0.5s; }
#main .section-acordion .cat-list .item .navi-list{ margin: 0 10px 10px; }
#main .section-acordion .cat-list .item .navi-list .navi{ border: solid #b01702; border-width: 1px 0; }
#main .section-acordion .cat-list .item .navi-list .navi:nth-child(n+2){ margin-top: -1px; }
#main .section-acordion .cat-list .item .navi-list .navi a{ color: #040000; display: flex; display: -ms-flex; align-items: center; min-height: 70px; font-size: 16px; line-height: 1.4; text-decoration: none; pointer-events: none; }
#main .section-acordion .cat-list .item.active .navi-list .navi a{ pointer-events: auto; }
#main .section-acordion .cat-list .item .navi-list .navi a .word{ display: block; padding: 10px 15px 10px 0; width: 100%; position: relative; box-sizing: border-box; }
#main .section-acordion .cat-list .item .navi-list .navi a .word::before{ content: ""; position: absolute; right: 5px; top: 50%; border: solid transparent; border-width: 7px 0 7px 10px; border-left-color: #000; transform: translateY(-50%); }
#main .section-acordion .cat-list .item .navi-list .navi a .s-size{ font-size: 85%; }
#main .section-acordion01{ background-color: #ffffff; border-radius: 20px; border: 3px solid #ae7024; position: relative; margin-top: 170px; padding: 33px 0; }
#main .section-acordion01 img{ width: 100%; height: auto; vertical-align: bottom; }
#main .section-acordion01 .ttl{ width: 48.0984%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); margin-top: -11.1857%; }
#main .section-acordion01 .cat-list .item:nth-child(n+3){ margin-top: 2%; }
#main .section-acordion02{ margin-top: 30px; }
#main .section-acordion02 img{ width: 100%; height: auto; vertical-align: bottom; }
#main .section-acordion02 .cat-list{ width: 100%; }
#main .section-acordion02 .cat-list .item{ width: 32.4444%; border-radius: 4px; }
#main .section-acordion02 .cat-list .item .navi-list .navi a{ min-height: 65px; font-size: 14px; }
#main .main-ttl .ttl-body{ width: 100%; padding-top: 71.8779%; position: relative; }
#main .main-ttl .ttl-body::before{ content: ""; position: absolute; width: 148.6667%; height: 100%; top: 100%; left: 50%; transform: translateX(-50%); z-index: 5; background-color: #FF1705; margin-top: 25.5556%; }
#main .main-ttl .ttl-body img{ width: 100%; height: auto; }
#main .main-ttl .ttl-body .deco{ position: absolute; top: 0; left: 0; }
#main .main-ttl .ttl-body .deco01{ width: 148.6667%; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top: 16%; }
#main .main-ttl .ttl-body .deco02{ width: 95.1020%; margin-top: 2.449%; left: 50%; transform: translateX(-50%); }
#main .main-ttl .ttl-body .box{ width: 69.064%; /*width: 621px;*/ padding-top: 69.064%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top: 16%; }
#main .main-ttl .ttl-body .box .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ffc42d; border-radius: 50%; }
#main .main-ttl .ttl-body .box .deco03{ width: 25.7649%; margin: -15.3281% 0 0 39.3519%; }
#main .main-ttl .ttl-body .box .deco04{ width: 14.4928%; margin: 52.0437% 0 0 6.7102%; }
#main .main-ttl .ttl-body .box .deco05{ width: 14.6538%; margin: 50.0902% 0 0 78.2397%; }
#main .main-ttl .ttl-body .box .ttl{ width: 84.4771%; position: absolute; left: 0; top: 0; margin: 11.2135% 0 0 10.4563%; }
#header{ position: relative; z-index: 1000; background-color: #ffffff; }
#main{ overflow: hidden; }
#main .main-ttl .info,
#main .kin-app,
#main .app-btn,
#main .section-acordion{ position: relative; z-index: 100; }

@media screen and (max-width: 480px){ /*1112px以下のcss*/
	#main .main-ttl .slide-list{ border-width: 5px 0; }
	#main .section-acordion .cat-list{ width: 90%; }
	#main .section-acordion .cat-list .item{ width: 100%; border-radius: 1.7333vw; }
	#main .section-acordion .cat-list .item .head .icon{ right: 10px; }
	#main .section-acordion01{ border-radius: 6.4vw; margin: 17.4377% auto 0; width: 90%; padding: 0 0 5%; }
	#main .section-acordion01 img{ width: 100%; height: auto; vertical-align: bottom; }
	#main .section-acordion01 .ttl{ width: 93.7295%; margin-top: -12.4444%; position: relative; }
	#main .section-acordion01 .cat-list{ margin-top: 2%; }
	#main .section-acordion01 .cat-list .item:nth-child(n+2){ margin-top: 3%; }
	#main .section-acordion02{ margin-top: 5%; }
	#main .section-acordion02 .cat-list .item{ width: 100%; border-radius: 1.7333vw; }
	#main .section-acordion02 .cat-list .item:nth-child(n+2){ margin-top: 3%; }
	#main .section-acordion02 .cat-list .item .navi-list .navi a{ min-height: 70px; font-size: 16px; }
}

/*animation*/
#main .main-ttl .ttl-body .deco01{ opacity: 0; }
#main .main-ttl .ttl-body.show .deco01{ opacity: 1; transition: transform 0.5s; }
#main .main-ttl .ttl-body .deco01 img{ animation: deco01_animation 100s infinite linear; }
#main .main-ttl .ttl-body .deco02{ transform: translateX(-50%) scale(0); transform-origin: center bottom; }
#main .main-ttl .ttl-body.show .deco02{ transform: translateX(-50%) scale(1); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition-delay: 0.1s; }
#main .main-ttl .ttl-body .box .bg{ transform: scale(0); }
#main .main-ttl .ttl-body.show .box .bg{ transform: scale(1); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); }
#main .main-ttl .ttl-body .box .deco03{ transform: translateY(30%); opacity: 0; }
#main .main-ttl .ttl-body.show .box .deco03{ transform: translateY(0); opacity: 1; transition: opacity 0.5s, transform 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-delay: 0.5s; }
#main .main-ttl .ttl-body .box .deco04{ transform: rotate(20deg); opacity: 0; }
#main .main-ttl .ttl-body.show .box .deco04{ transform: rotate(0deg); opacity: 1; transition: opacity 0.5s, transform 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-delay: 0.6s; }
#main .main-ttl .ttl-body .box .deco05{ transform: rotate(-20deg); opacity: 0; }
#main .main-ttl .ttl-body.show .box .deco05{ transform: rotate(0deg); opacity: 1; transition: opacity 0.5s, transform 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-delay: 0.7s; }
#main .main-ttl .ttl-body .box .ttl{ transform: scale(0); }
#main .main-ttl .ttl-body.show .box .ttl{ transform: scale(1); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition-delay: 0.9s; }

@keyframes deco01_animation{
	0%{ transform: rotate(0deg); }
	100%{ transform: rotate(360deg); }
}