@charset "utf-8";

h1,h2,h3,ul,li,dl,dt,dd,p {
	margin: 0;
	padding: 0;
	line-height: 100%;
	list-style-type: none;
}
a { 
	text-decoration: none;
	color: #0f96b8;
}
a:hover {
	cursor: pointer;
	opacity: 0.7;
	text-decoration: underline;
}
.pc_only { dislay: block; }
.sp_only { dislay: none; }
.mb5 { margin-bottom: 5px; }

#suntory_contents {
	width: 100%;
}
#suntory_contents #wrapper {
	width: calc( 100% - 30px );
    margin: 0 15px 70px 15px;
	/*font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
}


#pan {
	/*width: calc( 100% - 5.3% );
	margin: 15px 0 40px 5.3%;*/
	width: calc( 100% - 15px );
	padding-left: 15px;
	margin: 15px 0 40px 0;
	font-size: 12px;
	color: #666;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
}
#pan a {
	font-size: 12px;
	color: #666;
}
span.pan_arrow{
 	position: relative;
  	display: inline-block;
  	padding-left: 30px;
}
span.pan_arrow::before{
  	content: '';
  	width: 6px;
  	height: 6px;
  	border: 0px;
  	border-top: solid 1px #000;
  	border-right: solid 1px #000;
  	-ms-transform: rotate(45deg);
  	-webkit-transform: rotate(45deg);
  	transform: rotate(45deg);
  	position: absolute;
  	top: 50%;
  	left: 10px;
  	margin-top: -9px;
}
#pan span.pan_arrow::before{
    border-top: solid 1px #666;
  	border-right: solid 1px #666;
}

#back {
	margin: 13.3% 5.3%;
	width: auto;
	padding: 25px 0;
	height: auto;
	background: url(/factory/online/img/n_icon_arrow2.png) left 30% center no-repeat;
	background-size: 8px auto;
	background-color: #e8e3db;
	border-radius: 4px;
	display: none;
}
#back a {
	width: auto;
	height: auto;
	padding-left: 40%;
	display: block;
	font-size: 20px;
	color: #333;
	font-weight: bold
}


#factory_common_footer_wrap #qa_btn_wrap {
	display: none;
}



@media screen and (max-width: 500px) {
#back {
    background: url(/factory/online/img/n_icon_arrow2.png) left 25% center no-repeat;
    background-size: 8px auto;
	background-color: #e8e3db;
	display: none;
}
#back a {
    padding-left: 35%;
}	
}

@media screen and (max-width: 450px) {
#back {
    background: url(/factory/online/img/n_icon_arrow2.png) left 23% center no-repeat;
    background-size: 8px auto;
	background-color: #e8e3db;
	display: none;
}
#back a {
    padding-left: 33%;
}
}
	
@media screen and (max-width: 380px) {
#back {
    background: url(/factory/online/img/n_icon_arrow2.png) left 20% center no-repeat;
    background-size: 8px auto;
	background-color: #e8e3db;
}
#back a {
    padding-left: 30%;
}	
}
	
@media screen and (max-width: 350px) {
#back {
    background: url(/factory/online/img/n_icon_arrow2.png) left 18% center no-repeat;
    background-size: 8px auto;
	background-color: #e8e3db;
}
#back a {
    padding-left: 28%;
}	
}