@charset "UTF-8";
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/*-------------------------------------------------
 
  style xmas25 sp
 
 --------------------------------------------------*/
 
 
  /* header
****************************************************/


@media (max-width:768px) {

	#main-bg{
		background-image: url('images/xmas20/bg_full-2026-xmas_sp.jpg') !important;
		background-size: auto 100% !important;
	}

	.pageTop {
		position: fixed;
		bottom: 0;
		right: 0;
		text-align: center;
		margin: 10px 0;
		display: none;
	}
	.pageTop img {
		width: 63%;
	}

	.breadcrumb{
	  font-size: 0.8em;
	  margin: 4px 0;
	  position: relative;
	  max-width: 1200px;
	  min-width: 960px;
	}
	/* kihachi-style */
	.kihachi-style {
		margin: 20px 0 60px;
	}
	.kihachi-style h2 {
		margin: 0;
	}
	.kihachi-style h2 p {
		margin: 10px 10px;
	}
	.kihachi-style .contents-list > li,
	.contents-list > li.chocolate-detail {
		margin: 0;
		padding: 0;
	}
	.kihachi-style .contents-list > li figure {
		width: 80%;
		margin: 0;
		text-align: center;
	}
	ul.caution {
		text-align: left;
		font-size: 11px;
		line-height: 17px;
		margin: 30px 15px 0;
	}
	#restaurantList h3 {
		margin-bottom: 15px!important;
		padding-top: 15px;
	}

	.kihachi-style .contents-list > li {
		height: auto;
		width: auto;
		margin: 8% 0;
	}

	figure.visible-xs {
		display:inline-block !important;
	}

	#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 p.panel-label {
		width: 70%;
	}
	ul#tabs-list li#li-for-panel-1 p.panel-label {
		width: 70%;
	}
	ul#tabs-list li#li-for-panel-1 p.panel-label:hover {
		width: 80%;
	}

	ul#tabs-list li#li-for-panel-2 p.panel-label {
		width: 70%;
	}
	ul#tabs-list li#li-for-panel-2 p.panel-label:hover {
		width: 80%;
	}
	#tabs-list #li-for-panel-3 p.panel-label {
		width: 70%;
	}
	ul#tabs-list li#li-for-panel-3 p.panel-label {
		width: 70%;
	}
	ul#tabs-list li#li-for-panel-3 p.panel-label:hover {
		width: 80%;
	}
	 #tabs-list #li-for-panel-4 p.panel-label {
		width: 70%;
	}
	ul#tabs-list li#li-for-panel-4 p.panel-label {
		width: 70%;
	}
	ul#tabs-list li#li-for-panel-4 p.panel-label:hover {
		width: 80%;
	}
	
	
	.plan-box-shop p.txt-address {
		font-size: 1em;
	}

}