@charset "utf-8";

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


/*----------------------------------------------------------------
よくある質問
----------------------------------------------------------------*/
#qa #commentArea {
    margin: 0 20px;
}
#qa #commentArea p {
	float:left;
    width: 593px;
}
#qa #commentArea img {
	float:right;
	border:1px solid #FFF;
	outline:1px solid #CCC;
}

#qa > h3 {
    margin: 40px 0 15px;
}
#qa > ul > li:before {
	content: " \f101";
	font-family: FontAwesome;
    color: #ddd;
    margin: 0 10px;
}
#qa p.answer{
    border: 1px solid #dddddd;
    padding: 3rem;
}
#qa p.answer a {
	text-decoration: underline;
		color: #CC0000;
	}
	
/*----------------------------------------------------------------
お買い物ガイド
----------------------------------------------------------------*/
#shopGuide > .guideContents {
	margin:0 auto;
    width: 100%;}
#shopGuide h3 {
    margin: 40px 0 15px;
    font-weight: bold;
}
#shopGuide h4 {
	color:#882E35;
	font-weight:bold;
    margin: 30px 0 15px;
}
	#shopGuide > .guideContents > div > .guideList {
		margin: 0 0 30px;
		max-width: 450px;
		padding: 0 20px;
		box-sizing: border-box;
	}
	#shopGuide > .guideContents > div > .guideList:nth-of-type(odd) {
		float: left;
	}
	#shopGuide > .guideContents > div > .guideList:nth-of-type(even) {
		float: right;
	}
		#shopGuide > .guideContents > div > .guideList > h3 {
			border-bottom: 1px solid #ccc;
			margin: 10px 0 15px;
			padding: 0 0 5px;
			pointer-events: none;
		}
		#shopGuide > .guideContents > div > .guideList > ul > li:before {
			content: " \f101";
			font-family: FontAwesome;
			color: #ddd;
			margin: 0 10px;
		}
		#shopGuide > .guideContents > div > .guideList > ul > li {
	line-height: 200%;
	}
	

	#shopGuide > h3 + div {
		margin: 10px auto;
		max-width:750px;
		width:100%;
	}
	#shopGuide > h3 + div ul {
		border: 1px solid #dddddd;
		margin: 10px;
		padding: 20px;
	}
	#shopGuide > h3 + div > ul li {
		margin: 10px;
		padding-left:1em;
		text-indent:-1em;
	}
	#shopGuide > h3 + div > ul li > span {
		font-weight: bold;
	}
	#shopGuide > div > table {
		border-collapse: collapse;
		margin: 10px auto 40px;
		max-width:720px;
		width:100%;
	}
	#shopGuide > div > table tr > td {
		border: 1px solid #ccc;
		padding: 10px;
	}
	#shopGuide > div > table#haisou tr > td {
		text-align: center;
	}
	#shopGuide > div > table#haisou tr:nth-of-type(1) > td {
		font-size: 0.9em;
		background: none repeat scroll 0 0 #ddd;
		font-weight: bold;
	}
	#shopGuide > div > table#haisou tr > td:nth-of-type(1) {
		width:200px;
	}
	#shopGuide > div > table#haisou tr > td:nth-of-type(2),
	#shopGuide > div > table#haisou tr > td:nth-of-type(3),
	#shopGuide > div > table#haisou tr > td:nth-of-type(4) {
		width:180px;
	}
	#shopGuide > div > table#haisou tr > td:nth-of-type(1) {
		width:200px;
	}
	#shopGuide > div > table#haisou tr > td:nth-of-type(2),
	#shopGuide > div > table#haisou tr > td:nth-of-type(3),
	#shopGuide > div > table#haisou tr > td:nth-of-type(4) {
		width:200px;
	}


#shopGuide > div > table#noshi tr:nth-of-type(1) > td {
	font-size: 0.9em;
    background: none repeat scroll 0 0 #ddd;
    font-weight: bold;
    text-align: center;
}
#shopGuide > div > table#noshi tr > td:nth-of-type(2),
#shopGuide > div > table#noshi tr > td:nth-of-type(3) {
	width:33%;
}
#shopGuide div.flowImg {
    border: 1px solid #fff;
    outline: 1px solid #ccc;
}
#shopGuide div.flowImg > img {
    margin: 0 auto;
    padding: 10px 0px;
    max-width: 700px;
    width: 100%;
}
#shopGuide div.info {
    background: #EEEAE2;
    padding: 2rem;
    box-sizing: border-box;
}
#shopGuide div.info h5 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 2rem;
    background: #151729;
    color: #FFF;
    padding: 0.5rem;
}
#shopGuide div.info dl {
	margin-bottom:1.5rem;
}
#shopGuide div.info dl:last-of-type {
	margin-bottom:0;
}
#shopGuide div.info dl dd {
    float: left;
    font-weight: bold;
}
#shopGuide div.info dl dd:after {
	content:":";
	margin:0 1rem;
}
#shopGuide div.info dl dt {
}
#shopGuide div.info dl dt span {
	line-height:1;
}


	@media only screen and (max-width: 767px){
		#shopGuide > h3 + div ul {
			padding: 10px;
		}
		#shopGuide > .guideContents > div > .guideList {
			max-width: none;
			width: 100%;
		}
		#shopGuide > .guideContents > div > .guideList h3 {
			position:relative;
			pointer-events: inherit;
			cursor: pointer;
		}
		#shopGuide > .guideContents > div > .guideList h3:after {
			position:absolute;
			content:"\f078 ";
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			margin-right: 1rem;
			right: 0;
		}
		#shopGuide > .guideContents > div > .guideList .dropdown {
			display:none;
		}
		#shopGuide > .guideContents > div > .guideList:nth-of-type(odd) {
			float: none;
		}
		#shopGuide > .guideContents > div > .guideList:nth-of-type(even) {
			float: none;
		}
		#shopGuide div.info {
			padding: 1rem;
		}
		#shopGuide div.info h5 {
			text-align: left;
			margin-bottom: 1rem;
		}
		#shopGuide div.info dl {
			border-bottom:1px dashed #CCC;
			padding-bottom:1rem;
			margin-bottom:1rem;
		}
		#shopGuide div.info dl:last-of-type {
			border-bottom:none;
			padding-bottom:0;
			margin-bottom:0;
		}
		#shopGuide div.info dl dd {
			float: none;
			width:100%;
		}
		#shopGuide div.info dl dt {
			width:100%;
		}
		#shopGuide div.info dl dd:after {
			/*content:"";
			margin:0;*/
		}
		#shopGuide div.info dl dt span {
			line-height: inherit;
			display:block;
		}
	}
  
  /*-----------------------------
  Company
 ----------------------------*/

dl.profile {
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    background: #E6E6E6;
	height: auto;
  margin:0;
	width:100%;
}


dl.profile dt {
	font-size: 15px;
	float:left;
	clear: left;
	width:200px;
	font-weight:bold;
	
	background: #E6E6E6;
	padding:5px;
}

dl.profile dd {
    background-color:#ffffff;
    margin-left:210px;
    margin-bottom:0; 
    padding:15px;
 
}

	@media only screen and (max-width: 767px){
dl.profile dt {
	width:100px;
}

dl.profile dd {
    margin-left:110px;
}
}

.top_border{
	border-top:1px solid #ccc;
	}
	
dl.history {
 margin:20px 0 10px 20px;
 height: 60px;

}

dl.history dt {
 font-weight:bold;
 width:180px;
 border-right:1px solid #ccc;
 padding:5px 0 5px 10px;
 clear:both;
 float:left;
}
dl.history dd {
 margin-left:200px;
 padding:5px 5px 5px 5px;
 
}

/*2行の場合*/
dl.history_02 {
 margin:20px 0 10px 20px;
 height: 80px;

}


dl.history_02 dt {
height: 60px;
 font-weight:bold;
 width:180px;
 border-right:1px solid #ccc;
 padding:5px 0 5px 10px;
 clear:both;
 float:left;
}
dl.history_02 dd {
 margin-left:200px;
 padding:5px 5px 5px 5px;
 
}

.award {
	float: right;
	clear: right;
	width:100%;
	max-width: 690px;
	margin-left: 10px;
	padding-top: 10px;
}

.media {
	float: right;
	clear: right;
	width:100%;
	max-width: 580px;
	padding-top: 20px;
}
	@media only screen and (max-width: 1199px) {
		#main_contents .img_left {
			float: none;
		}
		.award {
			float: none;
		}
		.media {
			float: none;
		}
	}
	@media only screen and (max-width: 767px){
		dl.history ,
		dl.history_02 {
			margin: 0 0 15px;
			height: auto;
			padding: 0 10px 15px;
			border-bottom: 1px dotted #ccc;
		}
		dl.history dt ,
		dl.history_02 dt {
			height: auto;
			font-weight: bold;
			width: 100%;
			border-right: none;
			padding: 0;
			float: none;
		}
		dl.history dd ,
		dl.history_02 dd {
			margin-left: 0;
			padding: 0;
		}
	}