@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;
  }
}

/* ------------------------------------------------------------------------
 #suntory_contents
------------------------------------------------------------------------ */
#suntory_contents a:link {
  color: #1111cc;
}
#suntory_contents a:visited {
  color: #1111cc;
}
#suntory_contents a:hover,
#suntory_contents a:active {
  color: #1111cc;
}



/* ------------------------------------------------------------------------
 #suntory_contents > #container
------------------------------------------------------------------------ */
@media screen and (max-width: 767px) {
	
	  #container h1 img {
    height: auto;
  }

	
  #container h2.flow img {
    height: auto;
    width: 100%;
}
}


/* ------------------------------------------------------------------------
 #suntory_contents > #container
------------------------------------------------------------------------ */

#container .pc_none {
	display: none;
}

#container .sp_none h1 {
	width:960px;
	height:760px;
	background-image: url(/btc/whisky/campaign/cp1610271/img/hdr_CSUNY1610271.jpg);
	position:relative;
	margin: 0 auto 30px;
}

#container .sp_none h1 a {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position:absolute;
  display: block;
  width:170px;
  height:37px;
  left:76.04166666666667%;
  top:81.71052631578947%;
}

@media screen and (max-width: 767px){
	#container .sp_none {
		display: none;
	}
	#container .pc_none {
		display: block;
	}
	#container .pc_none h1 a {
		display: block;
	}
}

/* ------------------------------------------------------------------------
 #suntory_contents > #container > #contents > #notes
------------------------------------------------------------------------ */
#notes h2,
#notes h2 span {
  color: #ea5513;
}

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

/* ------------------------------------------------------------------------
 #suntory_contents > #container > #contents > form
------------------------------------------------------------------------ */

h2#h2-quiz-box {
    margin: 10px 0 0;
    padding: 4px 0;
    font-weight: bold;
    color: #5bc2dc;
    clear: both;
}

h2#h2-form-box,
h2#h2-form-box span,
h2#h2-quiz-box,
h2#h2-quiz-box span,
h2#h2-enquete-box,
h2#h2-enquete-box span {
  color: #ea5513;
}
#suntory_contents .box h2,
#suntory_contents #kantan,
#suntory_contents #form_area div.mm_read {
  border-color: #ed9028;
  background-color: #fee4c7;
}
#suntory_contents .box .cnt,
#suntory_contents #form_area div.cnt,
#suntory_contents #form_area div.cnt_wrap h2.h2_1st,
#suntory_contents #form_area div.cnt_wrap div.cnt_1st,
#suntory_contents #kantanriyou .cnt {
  border-color: #ed9028;
}
#suntory_contents #form_area div.cnt.cnt_1st p.er_msg_point {
  padding: 4px 0 0 0;
}
#suntory_contents .box .cnt ul.inline {
  padding-bottom: 3px;
}

@media screen and (max-width: 767px) {
  #suntory_contents #form_area h2,
  #suntory_contents #form_area h2.h2_1st {
    background-color: #fee4c7;
  }
  #suntory_contents #form_area div.cnt_wrap h2.h2_1st {
    border: none;
  }
  #suntory_contents #form_area div.cnt_wrap h2.h2_err {
    border: solid 2px #f00;
    background-color: #ff99cc;
  }
  #suntory_contents #form_area div.mm_read,
  #suntory_contents #kantanriyou h3,
  #suntory_contents #datahenko h3 {
    background-color: #FBD6AD;
  }
}

/* ------------------------------------------------------------------------
 #suntory_contents > #container > #contents > #quiz_area
------------------------------------------------------------------------ */

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


#suntory_contents #quiz_area .cnt ul.inline li {
    display: block;
    padding: 0 10px 0 0;
    white-space: normal;
}

h2#h2-quiz-box {
    margin: 2px 5px;
}

}


/* ------------------------------------------------------------------------
 #suntory_contents > #container > #contents > #enquete
------------------------------------------------------------------------ */
#suntory_contents #enquete h2.h2_err,
#suntory_contents #enquete h2.h2_err_err,
#suntory_contents #enquete h2.h2_err_err_err,
#suntory_contents #enquete h2.h2_err_err_err_err {
  background-color: #ff99cc;
  border: 2px solid #f00;
}
#suntory_contents #enquete div.cnt_err,
#suntory_contents #enquete div.cnt_err_err,
#suntory_contents #enquete div.cnt_err_err_err,
#suntory_contents #enquete div.cnt_err_err_err_err {
  border-left: 2px solid #f00;
  border-right: 2px solid #f00;
  border-bottom: 2px solid #f00;
  background-color: #ffdeef;
}

/* ------------------------------------------------------------------------
 #suntory_contents > #container > #contents > #formthanks
------------------------------------------------------------------------ */
#formthanks h2 {
  color: #ea5513;
}
#formthanks .brand_top a,
#formthanks .campetc a {
  background-image: url("/btc/CP201305/img/yj2.gif");
}


@media screen and (max-width: 767px){
#link_box_area img.donebnr {
    max-width: 90%;
    padding-bottom: 10px;
}
}


/* ------------------------------------------------------------------------
 #suntory_contents > #container > #contents > #kantan
------------------------------------------------------------------------ */
#suntory_contents #kantan_box {
    border-bottom: none;
}


/* ------------------------------------------------------------------------
 #suntory_contents > #container > #contents > #karyou
------------------------------------------------------------------------ */
#suntory_contents #container h1 {
    margin: 0 auto 30px;
}


@media screen and (max-width: 767px){
	#suntory_contents #container h1 {
    margin-bottom: 20px;
	}

	#suntory_contents #sns_area {
    margin: 0px auto 10px;
	}

}

/* ------------------------------------------------------------------------
ƒ�ƒ‹ƒ}ƒKƒp�[ƒ~ƒbƒVƒ‡ƒ“•”•ª
------------------------------------------------------------------------ */
#form_area div.hakusyu {
	position: relative;
}
#suntory_contents #form_area h2 span.hakusyu {
	font-weight: bold;
	line-height: 1.7;
	top: 6px;
	right: 580px;
}


#suntory_contents #form_area .mm_notes p.mailmag_tit {
    color: #000;
}

 
#contents #form_area .hakusyu h2.mm_ttl {
    padding-right: 40px;
}


@media screen and (max-width: 767px){
	#suntory_contents #form_area h2 span.hakusyu {
		line-height: 1.9;
	}
	
	#contents #form_area .hakusyu h2.mm_ttl {
    padding-right: 5px;
}

}


/* ------------------------------------------------------------------------
seminar
------------------------------------------------------------------------ */


#suntory_contents #seminar div.cnt_wrap{
  display: inline-table;
    width: 100%;
}

#suntory_contents #seminar div.cnt_wrap div{
  display:table-cell;
  border-width:1px;
  border-top-style:solid;
  padding: 15px 5px;
}


#suntory_contents #seminar div.cnt_wrap h2{
  vertical-align:middle;
  display:table-cell;
  width:210px;
  border-width: 1px 0 1px 1px;
  padding: 8px;

}

#seminar span.ttl {
    padding-right: 40px;
}

#suntory_contents #seminar div.cnt_wrap div.cnt_err {
    background-color: #FFDEEF;
    border: 2px solid #FF0000;
}


#suntory_contents #seminar div.cnt_wrap h2 span.ttl {
    position: relative;
    display: block;
}

#suntory_contents #seminar h2 span.required {
    margin: 0;
    position: absolute;
    right: 0px;
}

#suntory_contents #seminar p.er_msg_point {
    padding: 4px 0 0 0;
    margin: 0;
}

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

  #suntory_contents #seminar div.cnt_wrap{
    border:none;
    display: block;
  }

  #suntory_contents #seminar div.cnt_wrap .h2_err{
    border: solid 2px #f00;
    background-color: #ff99cc;
    border-bottom: none;
  }

  #suntory_contents #seminar div.cnt_wrap h2,
  #suntory_contents #seminar div.cnt_wrap div{
    display:block;
    width:auto;
    border-top-style:none;
    padding: 3px 5px 3px 8px;
  }
  #suntory_contents #seminar div.cnt_wrap h2{
    padding:5px;
  }
  
  
  #suntory_contents #seminar div.cnt_wrap h2 span.ttl {
    margin-left: 0;
	}
  #suntory_contents #seminar h2 span.required, 
  #suntory_contents #seminar h3 span.required {
    margin: 0 5px 0 0;
    padding: 1px 4px 0;
    position: static;
    top: 0px;
    left: 0px;
	}
  
  #suntory_contents #seminar div.cnt_wrap h2.h2.h2_lastchild {
    border-bottom: none;
  }
  
  #seminar span.ttl {
    padding-right: 0;
	}

}