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


a:hover img{
/*モダンブラウザ用*/
opacity:0.7	;
/*IE7以下用*/
filter:alpha(opacity=7);
/*IE8用*/
-ms-filter:"alpha(opacity=7)";
}

img{
	max-width:100%;
}

.pc_device_480,
.pc_device_680{
	display:block!important;
}

.sd_device_480,
.sd_device_680{
	display:none!important;
}


.clearfix:after {
clear: both;
float: none;
content: ".";
display: block;
height: 0;
visibility: hidden;
}


#content.happy_plus {
	background: #e5006a;
}


#content.happy_plus #container{
	background:none;
}

#content.happy_plus .primaryContainer{
	max-width:960px;
	margin:0 auto 2%;
	text-align:center;
}

#content.happy_plus .primaryContainer .ch{
	margin:0 0 2% 0;
}

#content.happy_plus .page_hd{
	padding:0 0 2% 0;
}

#content.happy_plus .page_hd img{
	max-width:860px;
	width:100%;
}

#content.happy_plus .left_box{
	float:left;
	width:41%;
}

#content.happy_plus .left_box img{
	width:94%;
}

#content.happy_plus .right_box{
	float:right;
	width:59%;
}

#content.happy_plus .right_inner{
	background: url("../img/subpage/happy_plus/border.png");
	background-repeat:repeat-y;
	width:auto;
	padding:0 0 0 3%;
}


.right_inner .ticket_box{
	background: url("../img/subpage/happy_plus/bg_ticket.png");
	background-size:100% auto;
	background-repeat:no-repeat;
	width:auto;
	margin:0 0 5% 0;
	padding:0.8% 0 0.8% 0 ;
}

.right_inner .article_box{
	background: url("../img/subpage/happy_plus/bg_article.png");
	background-repeat:no-repeat;
	background-size:100% auto;
	width:auto;	
	padding:0.8% 0 0.8% 0 ;
}

.main .main_nav{
	margin:0 0 5% 0;	
}




.ticket_box div{
	float:left;
	margin:0 0.9% 0.6% 0;
	background:#ffffff;
}

.ticket_box div a,
.article_box div a{
	display:block;
	font-size:0;
	line-height:0;
}


.ticket_box .ticket00{
	width:67.2%;
	height:20px;
	margin:0;
	background:none;
}

.ticket_box .ticket01,
.ticket_box .ticket03{
	margin:0 0 0.6%;
}

.ticket_box .ticket04{
	float:right;
	margin:0;
}

.article_box div{
	float:left;
	margin:0 0.9% 0.6% 0;
	background:#ffffff;
}


.article_box .article00{
	width:33.5%;
	height:20px;
	margin:0 auto 0.6%;
	background:none;
}

.article_box .article05,
.article_box .article08
{
	margin:0 auto 0.6%;
}

.article_box .article06,
.article_box .article09
{
	float:right;
	margin:0 auto 0.6%;
}

.right_inner img{
	max-width:180px;
}

h3{
	text-align:center;
	overflow:hidden;
	clear:both;
	float:none;
}

h3 img{
	width:100%;
	margin:auto;
}

.main .ticket_area{
	clear:both;
	float:none;
	background: url("../img/subpage/happy_plus/bg_ticket_area.jpg");
	margin:-4% 0 0 0;
	padding:5% 0 0 0;
}

.main .ticket_area{
	clear:both;
	float:none;
	background: url("../img/subpage/happy_plus/bg_article_area_sd.jpg");
	margin:-4% 0 0 0;
	padding:5% 0 0 0;
}


.main .ticket_area .shop{
	background:#221814;
	width:96%;
	margin:0 auto 2%;
	padding:0.5% 0 0.5% 0;
}

#content .ticket_area .shop .box_left{
	float:left;
	width:23%;
}

#content .ticket_area .shop .box_left p{
	color:#ffffff;
	text-align:left;
	
}

.main .ticket_area .shop .box_center{
	float:left;
	background:#fae3bb;
	width:52%;
	text-align:left;
}

.main .ticket_area .shop .box_right{
	float:right;
	background:#f4b3c2;
	width:25%;
	font-size:12px;
	letter-spacing:0.1em;
	line-height:1.4em;
}

.shop .box_left img.shop_no{
	max-width:133px;
	width:100%;
	padding:2% 0 3% 2%;
}

#content .shop .box_left p.shop_name{
	color:#fff100;
	text-align:center;
	font-weight:bold;
	font-size:0.8em;
	margin:auto;
	letter-spacing:0.2em;
}

#content .shop .box_left p span{
	display:block;
	font-size:1.3em;
	color:#fff100;
	line-height:1.8em;
}

#content .shop .box_left p.shop_explain{
	color:#ffffff;
	font-size:12px;
	font-weight:normal;
	letter-spacing:0.1em;
	line-height:1.5em;
	padding:4% 2% 0 5%;
	text-align:left;
}

#content .shop .box_left p.icon_data{
	text-align:center;
	margin:10% auto 6%;
	float:none;
	clear:both;
}

#content .shop .box_left p.icon_data img{
	margin:auto;
	max-width:50px;
}


.shop .box_left .icon_data img.pc_device_480{
	max-width:51px;
}

.shop .box_left .icon_data img.sd_device_480{
	max-width:100%;
}

#content .shop .box_left a.shop_tel{
	display:block;
	font-weight:bold;
	padding:0 0 0 4%;	
}


#content .shop .box_left a.shop_tel span {
    color: #ffffff;
	text-decoration:underline;
	border-color:#ffffff;
	text-align:left;
}

#content .shop .box_left a.shop_tel:hover,
#content .shop .box_left a.shop_tel:active{
	color:#fff0a4;
}

#content .shop .box_left a.shop_tel img{
	width:40%;
	
}

.shop .box_left #accessMap{
	text-align:center;
	margin:2% auto;
	overflow:hidden;
}

#content .shop .box_left .shop_detail{
	font-size:12px;
	line-height:1.2em;
	padding:0 0 0 4%;	
}

#content .shop .box_center .center_inner{
	padding:2.5% 2.5% 1% 2.5%;
	font-size:13px;
	letter-spacing:0.1em;
	line-height:1.4em;
}

#content .shop .box_center .inner_left{
	float:left;
	width:50%;
}

#content .shop .box_center .inner_right{
	float:right;
	width:50%;
}


/* :::::::::: shop02 :::::::::: */
#content .shop02 .box_center .top_box .inner_left{
	float:right;
	width:50%;
}

#content .shop02 .box_center .top_box .inner_right{
	float:left;
	width:50%;
}

.shop02 .inner_left .shop_txt02 img {
    max-width: 150px;
}

#content .shop02 .box_right .shop_rule {
    height: 293px;
}

/* :::::::::: shop03 :::::::::: */

#content .shop03 .inner_left .shop_txt02 {
	padding:5% 0 5% 0;
}

#content .shop03 .inner_left .shop_txt01 {
	line-height: 1.6em;
}

#content .shop03 .inner_right img {
    max-width: 220px;
	margin:0 0 0 2%;
}


#content .shop03 .box_right .shop_rule {
    height: 362px;
}



/* :::::::::: shop04 :::::::::: */


#content .shop04 .box_center .top_box .inner_left {
    float: left;
    width: 45%;
}

#content .shop04 .box_center .top_box .inner_right {
    float: right;
    width: 55%;
}

#content .shop04 .inner_right img {
    max-width: 260px;
}

#content .shop04 .top_box .inner_left .shop_txt02 img {
    max-width: 180px;
}

#content .shop04 .bottom_box .shop_txt03 {
    padding: 2% 0 0 0;
}

#content .shop04 .box_right .shop_rule {
    height: 425px;
}

/* :::::::::: shop05 :::::::::: */


#content .shop05 .box_center .top_box.center_inner {
    padding: 0 2.5% 1% 0;
}

#content .shop05 .box_center .center_inner {
    padding: 0 2.5% 1%;
}


#content .shop05 .box_center .top_box .inner_left{
	float:right;
	width:60%;
}

#content .shop05 .box_center .top_box .inner_right{
	float:left;
	width:40%;
}



#content .shop05  .inner_left .shop_txt01 {
    padding: 8% 2% 8% 6%;
}

#content .shop05 .inner_left .shop_txt02 img {
    max-width: 292px;
    width: 100%;
}


#content .shop05 .box_center .bottom_box .inner_left{
	float:left;
	width:39%;
}

#content .shop05 .box_center .bottom_box .inner_right{
	float:right;
	width:61%;
}

#content .shop05 .bottom_box .shop_txt03 {
    padding: 0 0 0;
}

.shop05 .bottom_box .inner_right img {
    max-width: none;
	width:100%;
}


.shop05 .bottom_box .inner_left .shop_txt02 img {
    max-width: none;
	width:100%;
}


#content .shop05 .box_right .shop_rule {
    height: 444px;
	overflow:inherit;
}




#content .shop05 .bottom_box .cs_box{
}


#content .shop05 .bottom_box .cs_box .cs{
	float:left;
}

#content .shop05 .bottom_box .cs_box .cs img{
	width:100%;
}

#content .shop05 .bottom_box .cs_box .cs.img01{
	width:33.0076%;
}

#content .shop05 .bottom_box .cs_box .cs.img02{
	width:33.3333%;
}

#content .shop05 .bottom_box .cs_box .cs.img03{
	width:33.659%;
}










/* :::::::::: shop06 :::::::::: */

#content .shop06 .box_center .bottom_box.center_inner {
    padding: 0 2.5% 1% 0;
}

#content .shop06 .bottom_box .shop_txt03 {
    padding: 0 0 0;
}


#content .shop06 .box_center .bottom_box .inner_left {
	padding:0 0 0 3%;
	width:47%;
}

#content .shop06 .box_right .shop_rule {
    height: 357px;
	overflow:inherit;
}




/* :::::::::: shop07 :::::::::: */


#content .shop07 .box_center .top_ttl {
	text-align:center;
	padding:1% 0 2% 0;

}

#content .shop07 .box_center .top_ttl img{
	width:96%;

}

#content .shop07 .bottom_box .shop_txt03 {
    padding: 0 0 0;
}


#content .shop07 .box_center .bottom_box .inner_left{
	width:52%;
}

#content .shop07 .box_center .bottom_box .inner_right{
	width:45%;
}


.shop07 .bottom_box .shop_txt02 img {
    max-width: none;
}

#content .shop07 .box_right .shop_rule {
    height: 385px;
	overflow:inherit;
}


/* :::::::::: shop08 :::::::::: */
#content .shop08 .box_right .shop_rule {
    height: 319px;
	overflow:inherit;
}



/* :::::::::: shop09 :::::::::: */


#content .shop09 .box_center .top_box .inner_left{
	float:right;
	width:49%;
}

#content .shop09 .box_center .top_box .inner_right{
	float:left;
	width:49%;
}

#content .shop09 .box_right .shop_rule {
    height: 292px;
}



/* ::::::::::  :::::::::: */







#content .shop .bottom_box .inner_right{
	width:48%;
}


#content .shop .box_center .shop_ttl{
	background:#221814;
	color:#ffffff;
	padding:2% 0 1% 4%;
	font-size:14px;
	margin:0 0 3% 0;
}

.inner_left .shop_txt01{
	padding:0 6% 8% 0;
}

.inner_left .shop_txt02 img{
	max-width:200px;
	width:100%;
}

.bottom_box .shop_txt02 img{
	max-width:221px;
}


.inner_right img{
	max-width:243px;
	width:100%;
}

.bottom_box .inner_right img{
	max-width:221px;
}


#content .bottom_box .shop_txt03{
	color:#e5006a;
	font-weight:bold;
	padding:2% 0 0 0;

}

#content .bottom_box .shop_txt04{
	padding:0 0 4% 0;

}

#content .box_right{
}

#content .box_right .rule_ttl{
	text-align:center;
	padding:4% 0 6% 0;	
}

#content .box_right .rule_ttl img{
	width:94%;
}

#content .box_right .shop_rule{
	overflow:scroll;
	height:322px;
	background:#f4b3c1;
	text-align:left;
}

#content .box_right .rule_txt{
	color:#000000;
	padding:0 4% 0 6%;
}


#content .box_right .att{
	background:#fffbd0;
	padding:6% 4%;
	margin:4% auto 0;
}

#content .box_right .att p{
	color:#ef7200;
	padding:0 1% 3% 2%;
}


#content .box_right .att .example{
	background:#ffffff;
	padding:5% 0;
	margin:0 auto 4%;

}

#content .box_right .att div.example p{
	color:#804f21;
}

#content .box_right .att div.example span{
	color:#ef8200;
}

#content .box_right p.example_ttl{
	width:80%;
	margin:0 auto 3%;
	background:#ef8200;
	color:#ffffff!important;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	padding:1% 0;	
}



#content .box_right .rule_line{
	border:none;
	border-bottom:dotted #ffe1e1 2px;
	width:94%;
	margin:0 auto 4%;
}




@media screen and (max-width: 960px) {
	
#content.happy_plus .primaryContainer {
    margin: auto;
    max-width: 960px;
	width:96%;
}

.ticket_box div,
.article_box div {
		width:32.786%;
}

.ticket_box div img,
.article_box div img{
	width:100%;
}



}

@media screen and (max-width: 780px) {

}

@media screen and (max-width: 768px) {
	
	
.main .ticket_area .shop .box_center {
	padding:0 0 7% 0;
}

.main .ticket_area .shop06 .box_center {
	padding:0 0 0 0;
}

#content .shop .box_right .shop_rule {
    height: 384px;
}


#content .shop01 .box_right .shop_rule {
    height: 374px;
}


#content .shop02 .box_right .shop_rule {
    height: 386px;
}

#content .shop03 .box_right .shop_rule {
    height: 450px;
}

#content .shop04 .box_right .shop_rule {
    height: 500px;
}

#content .shop05 .box_right .shop_rule {
    height: 428px;
}

#content .shop06 .box_right .shop_rule {
    height: 410px;
}

#content .shop07 .box_right .shop_rule {
    height: 404px;
}

#content .shop08 .box_right .shop_rule {
    height: 394px;
}

#content .shop09 .box_right .shop_rule {
    height: 356px;
}

}

@media screen and (max-width: 680px) {
	
.pc_device_680{
	display:none!important;
}

.sd_device_680{
	display:block!important;
}

	

	
#content .ticket_area .shop .box_left {
    float: none;
    width: 100%;
	padding:0 0 4% 0;
}

#content .shop .box_left .overview{
    float: left;
    width: 35%;
	padding:1% 2% 0 2%;
}


.shop .box_left img.shop_no {
    max-width: 150px;
}

#content .shop .box_left p.shop_name {
	float:right;
	width:59%;
	text-align:left;
	padding:3.5% 0 0 2%;
	font-size: 1em;
}

#content .shop .box_left p span {
    font-size: 1.5em;
}

#content .shop .box_left p.shop_explain {
    width: auto;
	float:none;
	clear:both;
	font-size: 14px;
}

.shop .box_left .icon_data {
	display:none;
}


#content .shop .box_left a.shop_tel {
	padding:0 3% 0 0;
	text-align:right;
}

#content .shop .box_left a.shop_tel span {
	text-align:right;
}

#content .shop .box_left p.shop_explain {
	padding: 1% 2% 0 5%;
}

.shop .box_left #accessMap{
	float:left;
	width:100%;
	margin: 2% auto 0.7%;
}

.shop .box_left #accessMap iframe {
	width:94%;
	height:90%;
}

#content .shop .box_left p.shop_detail {
	float:none;
	clear:both;
	text-align:left;
    font-size: 14px;
    line-height: 1.6em;
    padding: 0 0 2.5% 4%;
}


.main .ticket_area .shop .box_center {
    width: 65%;
	padding: 3% 0 0;
}


#content .box_right {
	width: 35%;
    padding: 3% 0 0;
}

#content .shop .box_center .center_inner {
    padding: 0 2.5% 1%;
}

#content .box_right .rule_ttl {
    padding: 0 0 6%;
}

#content .box_right .shop_rule {
    height: 290px;
}

}

@media screen and (max-width: 600px) {

#content.happy_plus .left_box,
#content.happy_plus .right_box  {
    float: none;
    width: 90%;
	margin:4% auto 0;
	text-align:center;
}

#content.happy_plus .right_inner {
    background: none;
	padding:0;
}

#content.happy_plus .left_box img {
    width: 80%;
}

.right_inner .ticket_box {
    margin: 0 0 3%;
}
	
}


@media screen and (max-width: 568px) {	
#content .box_right .shop_rule {
    height: 330px;
}
}



@media screen and (max-width: 480px) {
	
#content .shop .box_left p.shop_name span {
    line-height: 1.2em;
}

.shop02 .inner_left .shop_txt02 img {
    max-width: 100%;
}

.pc_device_480{
	display:none!important;
}

.sd_device_480{
	display:block!important;
}

.right_inner .ticket_box{
	background: url("../img/subpage/happy_plus/bg_ticket_area_sd.jpg");
	padding:3% 5% 0;
	width:90%;
}

.right_inner .ticket_box .ttl_ticket{
	background: url("../img/subpage/happy_plus/ttl_ticket.png");
	background-position:center;
	background-size:auto 100%;
	height:50px;
	margin:0 auto 5%;
}

.right_inner .article_box{
	background: url("../img/subpage/happy_plus/bg_article_area_sd.jpg");
	padding:3% 5% 0;
	width:90%;
}

.right_inner .article_box .ttl_article{
	background: url("../img/subpage/happy_plus/ttl_article.png");
	background-position:center;
	background-size:auto 100%;
	height:50px;
	margin:0 auto 5%;
}




.ticket_box div, 
.article_box div {
    width: 50%;
	margin:0 auto 3%!important;
	background:none;
}

.ticket_box .ticket01,
.ticket_box .ticket03,
.article_box .article05,
.article_box .article07,
.article_box .article09{
	float:left;
	text-align:left;
}

.ticket_box .ticket01 img,
.ticket_box .ticket02 img,
.ticket_box .ticket03 img,
.ticket_box .ticket04 img,
.article_box .article05 img,
.article_box .article06 img,
.article_box .article07 img,
.article_box .article08 img,
.article_box .article09 img{
	width:97%
}

.ticket_box .ticket02,
.ticket_box .ticket04,
.article_box .article06,
.article_box .article08
{
	float:right;
	text-align:right;
}




.ticket_box .ticket00,
.article_box .article00{
	display:none;
}








#content.happy_plus .left_box{
    margin: 0 auto 0;
}


#content.happy_plus .page_hd {
    padding: 4% 0 0;
}

#content .ticket_area .shop .box_left,
.main .ticket_area .shop  {
	background:#ffffff;
	margin: 0 auto 4%;
}

.main .ticket_area .shop{
	padding:2% 0 0 0;
}

#content .ticket_area .shop .box_left{
	margin: 0 auto 0;
}


#content.happy_plus .nav_two{	
padding:4% 0 2% 0;
}

#content.happy_plus .nav_two p{
	float:left;
	width:50%;
	margin:0;	
}

#content.happy_plus .nav_two p img{
	width:100%;	
}

#content.happy_plus .shop_nav_txt{
	width:80%;
	margin:auto;
}




#content .shop .box_left .overview {
    width: 28%;
    padding:0;
	text-align:right;	
}

#content .shop .box_left .overview img{
    width: 75%;
	padding:0;
	margin:auto;
}

#content .shop .box_left p.shop_name,
#content .shop .box_left p.shop_name span {
	
	color: #e40073;
}

#content .shop .box_left p.shop_name span{
	font-size:1.7em;
}

#content .shop .box_left p.shop_name{
	width:68%;
	padding: 3.5% 0 0 4%;
}

#content .shop .box_left p.shop_explain {
	width:82%;
	color:#000000;
	padding:0;
	margin:auto;	
}

.shop .box_left .icon_data {
	display:block;
}

#content .shop .btn_top{
	text-align:right;
	padding:0 0 2% 0;
}

#content .shop .btn_top img{
	max-width:120px;
}


#content .shop .box_left a.shop_tel span {
    text-align: center;
}

/* :::::::::: shop_nav ::::::::::*/
#content .shop .shop_nav{
	padding:2% 0 0 0;
}

#content .shop .shop_nav li{
	width:33.333333%;
	float:left;
}

#content .shop .shop_nav li img{
	width:100%;
}


#content .shop .box_left p.shop_detail {
    color:#000000;
}

#content .shop .box_left p.icon_data img {
    max-width: 100%;
}


#content .shop .box_left a.shop_tel {
	float:none;
	clear:both;
	padding:2% 0 0 0;
	text-align:center;
}


#content .shop .box_left a.shop_tel img {
    width: 82%;
}

.shop .box_left #accessMap iframe {
    width: 82%;
}

#content .shop .box_left p.shop_detail {
    width: 82%;
	padding:0;
	margin:auto;
}

#content .shop .box_center{
   float:none;
   clear:both;
   width:100%;
   background:none;

}

#content .shop .box_center .center_inner {
    padding: 0 0 1%;
}


#content .box_right {
   float:none;
   clear:both;
   width:100%;
}

#content .shop .box_center .inner_left,
#content .shop .box_center .inner_right {
    float: none;
    width: 82%;
	margin:auto;
	text-align:center;
	
}

.inner_left .shop_txt01 {
    padding: 0 0 8% 0;
	font-size:14px;
	text-align:left;
}

.inner_left .shop_txt02{
	padding: 0 0 8% 0;

}


.inner_left .shop_txt02 img {
    max-width: 230px;
}

#content .bottom_box .shop_txt03,
#content .bottom_box .shop_txt04 {
	text-align:left;
}

.inner_left .shop_txt02 img,
.bottom_box .inner_right img {
    max-width: none;
}


#content .box_right .shop_rule {
	text-align:left;
	margin:0 auto 4%;
}

#content .shop07 .box_center .top_ttl {
	width:82%;
	margin:auto;
}



#content .shop07 .box_center .bottom_box .inner_left{
	width:82%;
}

#content .shop07 .box_center .bottom_box .inner_left img{
	max-width:243px;
}


#content .shop07 .box_center .bottom_box .inner_right {
    width: 82%;
	padding:10% 0 0 0;
}





}

@media screen and (max-width: 360px) {	
	
}

@media screen and (max-width: 320px) {

}