@charset "utf-8";

/* 
 * キャンペーン 個別設定CSS
 * 
 * 	お食事はセゾンカード・UCカードで ファミレスでのご利用で全国共通お食事券5,000円分が当たる！
 * 	/campaign/restaurantcp1407/
 * 
 */
 
 
#cnt .sp_only{
	display:none;
}

#cnt .pc_only{
	display:block;
}


#responsive_wrap .ttl-unit-01 h3 {
	width:100%;
	margin-bottom:0;
}
#cnt .clf:after {
	content : "";
	display : block;
	clear : both;
}
#responsive_wrap .attention p{
	font-size:22px;
	font-weight:bold;
	color:#FF0004;
	text-align:center;
	line-height:30px;
	margin-top:30px;
}
#responsive_wrap .attention p.notes{
	font-size:12px !important;
	color:#000;
	font-weight:normal;
	line-height:15px;
	margin-top:10px;
}
#responsive_wrap .info{
	border:2px solid #000;
	padding:20px;
	margin-top:30px;
}
#responsive_wrap .info ul{
	width:100%;
	margin-bottom:30px;
}
#responsive_wrap .info ul li{
	display:inline-block;
	vertical-align:text-top;
}
#responsive_wrap .info ul li:first-child{
	width:180px;
}
#responsive_wrap .info p.ttl{
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
}
#responsive_wrap .info ul li.last{
	width:480px;
	padding-left:20px;
}
#responsive_wrap .info ul li span{
	display:block;
	font-size:12px;
	text-align:center;
}

#cnt .caution{
	padding-left: 1em;
    text-indent: -1em;	
}

#cnt{
	width:100%;
}

#spn{
	width:100%;
}


@media (max-width: 720px) {

	#cnt img{
		width:100%;
		height:auto;
	}
#cnt .sp_only{
	display:block;
}

#cnt .pc_only{
	display:none;
}
	
	
	#responsive_wrap .ttl-unit-01 h3 img{
		width:100%;
	}
	#responsive_wrap .info ul{
		text-align:center;
	}
	#responsive_wrap .info ul li.last{
		width:100%;
		padding-left:0;
		text-align:left;
		margin-top:20px;
	}
	#responsive_wrap .info a img{
		width:100%;
	}
	
	#cnt .all{
	width:100%;
	height:auto;
	box-sizing: border-box;
}

/*#cnt .spn .nav_item {
	display:block;
	width: 80%;
	height:auto;
	text-align:center!important;
	padding:0px!important;
}*/

#cnt .spn .nav_item {
	text-align:center!important;
	padding:5px!important;
	height:auto;
	box-sizing: border-box;
}

#cnt .spn .nav_item img{
	width:100%;
	height:auto;
	box-sizing: border-box;
}


#cnt .gazo{
	width:100%;
	height:auto;
	
}

#cnt .spn{
	width:100%;
	height:auto;
	box-sizing: border-box;
}

#cnt .spn .gazo_item {
	display:block;
	width:100%;
	height:auto;
	box-sizing: border-box;
}

#cnt .spn .gazo_item img{
	width:100%;
	height:auto;
	box-sizing: border-box;
}

#cnt .btsize{
	text-align:center;
}

#cnt .btsize img{
	width:80%;
	text-align:center;
}

}



#cnt .nav {
    display: table;
    width: 100%;
    background: #FFF;
	height:auto;
}
#cnt .nav_item {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	height:auto;
}

/*#cnt .nav_item + .nav_item {
    border-left: 1px solid #CCC;
}*/

#cnt .nav_item a {
    display: block;
    padding: 15px 0;
    color: #666;
    text-decoration: none;
    font-size: 14px;
}

#cnt .kasen{
	border-bottom:solid 3px #59a2d5;
}

/*#cnt ul.ct li img{
display: inline;
margin: 0px;
}

ul.example li {
display: inline;
margin: 0px;
}*/

#cnt .gazo {
display: table;
    width: 100%;
    background: #FFF;
}

#cnt .gazo_item {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

/*#cnt .gazo li{
display:inline-block;
border:none;
padding:0px;
text-align:center
}*/
	
/*ライトボックス部分*/
#cnt .rb {
    display: table;
    width: 100%;
    background: #FFF;
}
#cnt .rb_item {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

/*#cnt .nav_item + .nav_item {
    border-left: 1px solid #CCC;
}*/

#cnt .rb_item a {
    display: block;
    padding: 0px;
    color: #666;
    text-decoration: none;
    font-size: 14px;
}

#cnt .btsize{
	text-align:center;
}







/*ACCORDION*/
div.accordion {
  width: 100%;
  border:#dddddd solid 1px;
  box-sizing: border-box;
}
div.accordion > ul > li > a {
  display: block;
  color: #000000;
  font-size: 16px;
  text-decoration: none;
  background-color: #ffffff;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  padding: 10px 12px;
  position: relative;
  border:#dddddd solid 1px;
}
div.accordion > ul > li > a:hover{
  color: #ffffff;
  background-color: #00a0ea;
}
div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after{
  font-size: 12px;
  position: absolute;
  right: 12px;
  top: 16px;
  color: #00a0ea;
}
div.accordion > ul > li > a:after{
  content: "▼";
}
div.accordion > ul > li > a.active:after{
  content: "▲";
}
div.accordion > ul > li > ul {
  display: none;
  border:#dddddd solid 1px;
}
div.accordion > ul > li > ul > li > a{
  display: block;
  color: #fff;
  font-size: 14px;
  border-bottom: 1px solid #fff;
  padding: 6px 12px;
  position: relative;
}
div.accordion > ul > li > ul > li > a:hover{
  background-color: #00a0ea;
}
/*ACCORDION*/

#cnt .toggle{
	color: #000000;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


/*フェードイン*/
#cnt .in{
      -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      opacity: 0;
    }

    .fade {
      opacity: 1;
      }
	  
	  
#animation {
margin: 50px 0;
font-size: 40px;
font-weight: bold;
color: #ff0000;
}

#animation2 {
margin: 50px 0;
font-size: 40px;
font-weight: bold;
color: #ff0000;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}

@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translatex(-20px); }
 100% { opacity: 1; -webkit-transform: translatex(0); }
}

@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translatex(-20px); -ms-transform: translatex(-20px); transform: translatex(-20px); }
 100% { opacity: 1; -webkit-transform: translatex(0); -ms-transform: translatex(0); transform: translatex(0); }
}
/*フェードイン*/



/*アコーディオン3*/
#acd-menu dt {
	position: relative;
	height: 44px;
	line-height: 44px;
	padding: 0 30px 0 50px;
	background-color: #0f1630;
	border-bottom: 1px solid #fff;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}
#acd-menu dt::before {
	content: '';
	position: absolute;
	top: 18px;
	right: 10px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top-color: #d1c8c3;
}
#acd-menu .open::before {
	content: '';
	position: absolute;
	top: 10px;
	right: 10px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom-color: #d1c8c3;
}
#acd-menu dt::after {
	content: '';
	position: absolute;
	top: 7px;
	left: 10px;
	height: 6px;
	width: 30px;
	background-color: #d1c8c3;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 12px 0 #d1c8c3, 0 24px 0 #d1c8c3;
	box-shadow: 0 12px 0 #d1c8c3, 0 24px 0 #d1c8c3;
}
#acd-menu dd ul li {
	list-style: none;
}
#acd-menu dd ul li a {
	display: block;
	position: relative;
	height: 44px;
	line-height: 44px;
	padding: 0 30px 0 30px;
	background-color: #e1e5f6;
	border-bottom: 1px solid #eee;
	font-size: 16px;
	color:#2f4598;
}
#acd-menu dd ul li a::before {
	content: '';
	position: absolute;
	top: 14px;
	right: 10px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-left-color: #0f1630;
}
/*アコーディオン3*/



#cnt div.an{
	width: 100%;
	height:auto;
	box-sizing: border-box;
}

#cnt ul#accordionBox {
    width: 100%;
    text-align: center;  
}
#cnt ul#accordionBox li{
    background: #ffffff;
    list-style-type: none;
}
#cnt h3 {
    height: 50px;
    line-height: 50px;
    border: #dcdcdc 1px solid;
    background: #ffffff;
}

#cnt dt.subTrigger {
    height: auto;
    line-height: 40px;
    border: #dcdcdc 1px solid;
    background: #FFFFFF;
}
#cnt dl.subList dd{
    padding: 10px;
    border: #000 1px solid;
    background: #FFEEEE;
    height: auto;
}
#cnt dl.subList dt {
	position:relative;
}

#cnt h3.mainOpened {
	background:#3366FF;
}
#cnt dl.subList dt.subOpened {
	background:#0066FF;
}



/*div.an > ul > li > h3:hover{
  color: #ffffff;
  background-color: #00a0ea;
}

div.an > ul > li > h3:after, div.an > ul > li > h3.active:after{
  font-size: 12px;
  position: absolute;
  right: 12px;
  top: 16px;
  color: #00a0ea;
}*/

/*div.an > ul > li > h3:after{
  content: "▼";
  color: #f619b0;
}
div.an > ul > li > h3.active:after{
  content: "▲";
  color: #f619b0;
}*/

#an > ul > li > li:hover{
  color: #ffffff;
  background-color: #00a0ea;
}

#cnt .mainTrigger h3:hover {
	background-color: #00a0ea!important;
	color: #ffffff; 
}

#cnt div.an > ul > li > ul {
  display: none;
  border:#dddddd solid 1px;
}
#cnt div.an > ul > li > ul > li > a{
  display: block;
  color: #fff;
  font-size: 14px;
  border-bottom: 1px solid #fff;
  padding: 6px 12px;
  position: relative;
}