@charset "UTF-8";


* {
  margin: 0;
  padding: 0;
  border: 0;
}

#main-content .sp-show{ display: none; }
#main-content > .content{
	background-color: #f8d8e3;
	padding: 30px 0 20px;
}

#main-content .main{
	margin: 50px;
	border-radius: 5px;
	padding: 40px;
	position: relative;
}

.top {
	width: 100%;
	height: 100%;
}

#canvas {
	position: absolute;
	width: 940px;
	height: 478px;
	overflow: hidden;
}

#kips { width: 100%; text-align:center; }

#kips img{-webkit-backface-visibility: hidden;}

#container{
	width: 840px;
	padding-top: 20px;
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 0px;
	overflow: hidden;
}

#container .copy{ width: 840px; text-align:center; padding-bottom:50px;}

#container .copy p { color:#221814; font-size: 20px; letter-spacing:3px;}

#container .copy .txt-b {font-size: 32px;}

#container #left-contents {float: left;}

#container #right-contents {float: right; border-left: 1px solid #221814; padding-left:30px;}
.line   {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #000000;
}

#container .contents .ttl { text-align:left;}

#container .contents .ttl p{ color: #221814; font-size: 14px;}

#container .contents .ttl .txt-b {font-size: 22px; line-height:22px;}

#container .contents .box{display:block;width: 390px; height: 100%;}
#container .contents .box .cat {
	color: #e50819;
	font-size: 26px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 10px;
}
#container .contents .box .cat .nl {
	font-size: 18px;
}

#container .contents .floor { display:table-cell; background: #e50819; padding: 5px; }

#container .contents .floor img {-webkit-backface-visibility: hidden;}

#container .contents .shop {display:table-cell; padding-left: 20px; vertical-align:top;}

#container .contents .shop p {color: #221814; line-height:22px;}

#container .contents .shop .luck-bag {
	background: #FADCE9;
	padding:4px;
	margin: 2px 0 10px;
}

#container .contents .shop .bg-pink {background: #EB6DA5; padding: 5px; margin: 5px 0;}

#container .contents .shop .bg-pink .txt{ padding-left: 10px;}

#container .contents .shop .shop-ttl { color: #221814; font-weight:bold; padding-bottom: 4px; font-size: 16px;}

#container .contents .shop .date {
	background: #221814;
	color: #fefefe;
	padding: 1px 6px;
}

#container .contents .shop .border { border-top: #fefefe; width: 330px;}

#container .contents .shop .border-bottom {border-bottom: 1px solid #fff; width: 100%; display:block;}

.contents-border {border: 1px solid #fefefe; padding:20px 0; }

.other{ margin: 30px 50px 0; background-color: #ffffff; padding: 20px; border-radius: 5px;}

#container .contents .shop .open {
    width: 345px;
    magrin: 15px 0;
    padding: 3px 0;
    border-top: 1px dotted #221814;
    border-bottom: 1px dotted #221814;
    margin-bottom: 10px;
}

#chusen{ margin: 0 50px; border-radius: 5px; background-color: #FFEB3F; padding: 40px;}

#chusen .ttl{ color: #E40064;}

#chusen .event-border { border-bottom: 2px dotted #E40064; padding-bottom:10px;}

#chusen .present .txt{ color: #221814;padding: 10px 0;}

#chusen .present .txt p{ color: #221814; padding: 5px 0;}

#chusen .present .txt .to-bg{ background: #E40064; color: #fefefe;padding: 2px 8px; border-radius:10px;}

.first{ font-size: 20px;}

.second { font-size: 18px;}

.third { font-size: 16px;}

.to-txt { color: #E40064; font-weight:bold;}


@media screen and (max-width: 480px){
	
#main-content > .content{
	padding: 0;
}
	
#main-content .main{
	margin: 10px;
	border-radius: 3px;
	padding: 10px;
}
#main-content .pc-show{ display: none; }
#main-content .sp-show{ display: block; }
	
#canvas {
  position:absolute;
  width: 100%;
  max-height: 50%;
  overflow: hidden;
  
}
	
#kips { width: 95%; text-align:center; margin: 0 auto; padding: 20px 0;}

#kips img{-webkit-backface-visibility: hidden;}
	
#container{
	width: 95%;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	overflow: none;
	margin: 0 auto;
}

#container .copy{ width: 100%; text-align:center; padding-bottom:10px;}

#container .copy p { color:#221814; font-size: 18px; letter-spacing:3px; line-height:24px;}

#container .copy .txt-b {font-size: 26px;}

#container #left-contents {float: none; display:block; margin-top: 20px;}

#container #right-contents {float: none; display:block; border-left: 0 none; padding-left:0px; margin-top: 20px;}

#container .contents { margin-top: 20px;}

#container .contents .ttl { text-align:left; margin-bottom: 10px;}

#container .contents .ttl p{ color: #FFF9B0; font-size: 14px;}

#container .contents .ttl .txt-b {font-size: 20px; line-height:22px;}

#container .contents .box{ display:block; width: 100%; height: 100%;}

#container .contents .floor { text-align: center;}

#container .contents .floor img {-webkit-backface-visibility: hidden;}

#container .contents .shop {display:table-cell; padding-left: 5px; vertical-align:top; width: 94%;}

#container .contents .shop p {color: #221814; }

#container .contents .shop .bg-pink {background: #EB6DA5; padding: 5px; margin: 5px 0;}

#container .contents .shop .bg-pink .txt{ padding-left: 10px;}

#container .contents .shop .shop-ttl { color:#221814; font-weight:bold; padding-bottom:5px;}

#container .contents .shop .border { border-top: #fefefe; width: 100%;}

.other{ margin: 20px 10px 0; padding: 10px; border-radius: 3px;}
	
.other img {-webkit-backface-visibility: hidden;}

.first{ font-size: 18px; line-height: 24px;}

.second { font-size: 16px;}

.third { font-size: 14px;}

.to-txt { color: #E40064; font-weight:bold;}

#container .contents .shop .open {
	width: 100%;
}


}