@charset "Shift_JIS";
/* ------------------------------------------------------------------------
 body
------------------------------------------------------------------------ */
body {
  font-family: sans-serif,Helvetica;
}
@media screen and (max-width: 767px){
  body, span, a {
    font-family: "Osaka",sans-serif,Helvetica !important;
  }
}


/* ------------------------------------------------------------------------
 body > #suntory_contents
------------------------------------------------------------------------ */
#suntory_contents {
	color: #333;
}

#suntory_contents .box .zip input[type=text],#suntory_contents .box .email input[type=email] {
	width:240px;
}


@media screen and (max-width: 767px){
#suntory_contents .box .cnt input.w90{
	width:95%;
}
}



/* ------------------------------------------------------------------------
 body > #suntory_contents > #container
------------------------------------------------------------------------ */
#container {
	padding: 0 0 30px !important;
}
#container h1{
	padding:0;
}
#suntory_contents #container h2.title {
    padding-top: 30px;
    margin-bottom: 10px;
	}

#container p.lead_reg {
    background-color:#FEF9ED;
    color: #B67308;
    font-size: 90%;
    line-height: 130%;
    margin: 0 0 20px;
    padding: 10px 15px;
}



@media screen and (max-width: 767px) {
	#container {
		width: 100% !important;
		padding: 0 !important;
		background: none;
	}
	
	#container p.lead_reg {
    	margin: 0 0 20px;
    	padding: 10px 15px;
	}

	#suntory_contents #container h2.title {
		padding-top: 3%;
		margin-bottom: 3%;
	}
		#container h2.title img {
			width: 100%;
			height: auto;
		}
}

/* ------------------------------------------------------------------------
�@body > #suntory_contents >#container > #contents
------------------------------------------------------------------------ */
#contents {
	margin: 0px auto;
    padding: 20px 0 0;
}


@media screen and (max-width: 767px) {
	
	#contents {
    padding: 0;
}


}
/* ------------------------------------------------------------------------
�@body > #suntory_contents >#container > #contents > #notes
------------------------------------------------------------------------ */

#notes h2{
	color:#D4890C;
}

#notes h3.first {
	margin-top: 0;
}
#notes h3 {
	margin-top: 1em;
	color: #D4890C;
	font-weight: bold;
}

#notes p.mt1em {
	margin-top: 1em;
}

#suntory_contents p.kome.pl1 {
    padding-left: 1em;
}
#suntory_contents p.kome.pl2 {
    padding-left: 2em;
}


#notes p.kome span.dot {
	font-family: "‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�";
}


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

#suntory_contents .box .cnt span.notes1 {
    display: block;
    padding: 10px 0;
}
}

/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container > #contents > #notes > #kiyaku_iframe_wrapper
------------------------------------------------------------------------ */
#suntory_contents #container #kiyaku_iframe_wrapper {
	margin-bottom: 0;
}



/* ------------------------------------------------------------------------
�@body > #suntory_contents >#container > #contents > form
------------------------------------------------------------------------ */
.column6 .column{
	width:15%;
	float:left;
}
#suntory_contents #form_area div.cnt_wrap h2.h2_1st,
#suntory_contents #form_area div.cnt_wrap div.cnt_1st {
    border-top: 1px solid #DEC59E;
}

@media screen and (max-width: 767px) {
 .column6 .column{
	 float: none;
     width: 100%;
 }
#suntory_contents #form_area div.cnt_wrap h2.h2_1st,
#suntory_contents #form_area div.cnt_wrap div.cnt_1st {
    border: none;
}
}

#suntory_contents .box h2, #suntory_contents #form_area h2, #suntory_contents #form_area h2.h2_1st {
	background-color: #F7F2EA;
	border-color: #DEC59E;
}

h2#h2-form-box, h2#h2-serial-box, h2#h2-visit-box, h2#h2-report-box, h2#h2-enquete-box {
	background-color: #DEC59E;
	padding: 9px 0 6px 10px;
	font-size: 80%;
	color: #000;
	font-weight: bold;
}

#suntory_contents #quiz_area div.cnt, #suntory_contents #form_area div.cnt, #suntory_contents #enquete div.cnt, #suntory_contents #visit div.cnt, #suntory_contents #report div.cnt, #suntory_contents #kantanriyou .cnt {
	border-color: #DEC59E;
}

#suntory_contents #enquete div.cnt_err, #suntory_contents #enquete div.cnt_err_err {
	border-left: 2px solid #f00;
	border-right: 2px solid #f00;
	border-bottom: 2px solid #f00;
	background-color: #ffdeef;
}

#suntory_contents #form_area div.cnt_wrap h2.first, #suntory_contents #form_area div.cnt_wrap div.first {
	border-top: 1px solid #DEC59E;
}

#suntory_contents #form_area div.mm_read{
    background-color: #E5D3B7;
}

#suntory_contents .box .cnt ul.inline {
	padding-bottom: 0;
}
	#suntory_contents .box .cnt ul.inline li {
		padding-right: 20px;
	}

#suntory_contents #contents .box div.cnt p.font_s {
	padding: 0;
}


.column2 .repo_l {
	text-align: center;
	width: 25%;
}

.column2 .repo_r {
	width: 75%;
}

#suntory_contents #visit .cnt ul.inline li {
	display: inline-block;
	padding-right: 0;
}

#suntory_contents #quiz_area div.cnt_err, #suntory_contents #visit div.cnt_err, #suntory_contents #visit div.cnt_err_err, #suntory_contents #report div.cnt_err {
	border-left: 2px solid #f00;
	border-right: 2px solid #f00;
	border-bottom: 2px solid #f00;
	background-color: #ffdeef;
}

#suntory_contents #visit h2.h2_err, #suntory_contents #visit h2.h2_err_err, #suntory_contents #report h2.h2_err {
	background-color: #ff99cc;
	border: 2px solid #f00;
}

#suntory_contents #report img {
	margin-bottom: 10px;
}

#suntory_contents #quiz_area.conf div.cnt p, #suntory_contents #visit.conf div.cnt p, #suntory_contents #report.conf div.cnt p, #suntory_contents #enquete.conf div.cnt p {
	margin: 0;
	padding: 10px 0;
	line-height: normal;
	word-wrap: break-word;
	word-break: break-word;
	overflow-wrap: break-word;
}

#suntory_contents form div.emp {
	border: 3px double #f00;
	padding: 1px;
	margin-bottom: 16px;
}
	#suntory_contents #visit, #suntory_contents #report, #suntory_contents #enquete {
		margin-bottom: 0;
	}
	h2#h2-enquete-box {
		margin-top: 0;
	}


@media screen and (max-width: 767px) {
	h2#h2-form-box, h2#h2-enquete-box {
		margin: 0;
	}

	#suntory_contents #form_area div.cnt_wrap h2.first, #suntory_contents #form_area div.cnt_wrap div.first {
		border: none;
	}

	#suntory_contents #visit div.zip span.example {
		display: none;
	}

	.column2 .repo_l, .column2 .repo_r {
		width: 100%;
	}

	#suntory_contents #quiz_area {
		margin: 0;
	}

	#suntory_contents #form_area div.cnt_wrap h2.h2_err {
		border: solid 2px #f00;
	}

	#suntory_contents form div.emp {
		padding: 0;
		margin-bottom: 2px;
	}
		#suntory_contents form div.emp_last {
			margin-bottom: 0;
	}
	#suntory_contents .pr30 {
    padding-right: 0;
	}	
	
	

	
}

/* ------------------------------------------------------------------------
�@body > #suntory_contents >#container > #contents > #formthanks
------------------------------------------------------------------------ */
#formthanks h2 {
    color: #D4890C;
    line-height: 140%;
}


#formthanks p.lead01 {
    font-size: 80%;
    line-height: 140%;
    margin-top: 1em;
}

#formthanks .inquiry {
    background: none repeat scroll 0 0 #FDF5E3;
    color: #000000;
    font-size: 80%;
    line-height: 130%;
    margin: 20px 90px;
    padding: 15px;
}

#formthanks .brand_top a, #formthanks .campetc a {
	background-image: url("/btc/CP201305/img/yj2.gif");
}

#suntory_contents a:link {
	color: #06c;
}

#suntory_contents a:visited {
	color: #579ab9;
}

#suntory_contents #submit_box a.confirm:link {
		background: url("/btc/CP201305/img/submit_btn10_bg.gif") no-repeat scroll center top transparent ;
}

#suntory_contents #submit_box a.confirm:hover {
		background-position:0 -40px ;
}


@media screen and (max-width: 768px) {
	#formthanks h2 {
		margin-top: 10px ;
	}
	
	#formthanks .inquiry {
		margin:1em 10%;
	}
	
	
	
}



/* ------------------------------------------------------------------------
�@body > #suntory_contents >#container > #contents > form > #submit_box
------------------------------------------------------------------------ */
/* 

@media screen and (min-width: 768px){
	#suntory_contents #submit_box a.confirm:link, #suntory_contents #submit_box a.confirm:visited {
		background: url("/btc/CP201305/img/submit_btn10_bg.gif") no-repeat scroll center top transparent ;
	}
	#suntory_contents #submit_box a.confirm:hover,#suntory_contents #submit_box a.confirm:active {
		background-position:0 -40px ;
	}
}

	.ie8 #suntory_contents #submit_box a.confirm:link, #suntory_contents #submit_box a.confirm:visited {
		background: url("/btc/CP201305/img/submit_btn10_bg.gif") no-repeat scroll center top transparent ;
	}
	.ie8 #suntory_contents #submit_box a.confirm:hover,#suntory_contents #submit_box a.confirm:active {
		background-position:0 -40px ;
	}
 ----------------- */


#suntory_contents #contents #submit_box a.confirm:link, #suntory_contents #contents #submit_box a.confirm:visited {
    background: url("/btc/CP201305/img/submit_btn10_bg.gif") no-repeat scroll center top transparent;
}

#suntory_contents #contents #submit_box a.confirm:hover, #suntory_contents #contents #submit_box a.confirm:active {
    background-position: 0 -40px;
}

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


	#suntory_contents #contents #submit_box a.confirm:link, #suntory_contents #contents #submit_box a.confirm:visited {
    display: block;
    height: auto;
    margin: 0 15px;
    padding: 10px 0;
    background-image: none;
    background-color: #C00;
    text-indent: 0;
    border-radius: 10px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background: #ffb76b;
    background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04));
    background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
    background: -o-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
    background: -ms-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
    background: linear-gradient(to bottom, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffb76b', endColorstr='#ffff7f04',GradientType=0 );
}
}