@charset "Shift_JIS";

/* ------------------------------------------------------------------------
�@body
------------------------------------------------------------------------ */
body {}


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



/* ------------------------------------------------------------------------
�@body > #toTopPage
------------------------------------------------------------------------ */
#toTopPage {
	margin:3px 0 24px 0;
	background-color:#19212b;
}

/* ------------------------------------------------------------------------
�@body > #suntory_contents
------------------------------------------------------------------------ */
#suntory_contents {}
#suntory_contents a:link,
#suntory_contents a:visited,
#suntory_contents a:hover,
#suntory_contents a:active {
	color:#E22365;
}
#suntory_contents .box h2 {
	border-color:#e37017;
	background-color:#ffebd5;
}
#suntory_contents .box .cnt {
	border-color:#e37017;
}
#suntory_contents #container h1 {
    margin: 0 0 30px 0;
}


#suntory_contents span.q6 {
    font-weight: normal;
}


@media screen and (max-width: 767px){
#suntory_contents #form_area h2, 
#suntory_contents #form_area h2.h2_1st, 
#suntory_contents #kantanriyou h3 {
    background-color: #ffebd5;
}
#suntory_contents #container h1 {
    margin: 0 0 20px 0;
}

}

/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container > #contents > #notes
------------------------------------------------------------------------ */
#notes h2,
#notes h2 span {
	color:#e37017;
}

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

#notes p.pl1 {
	padding-left:1em;
}

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


/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container > #contents > h2#h2-form-box
------------------------------------------------------------------------ */
h2#h2-form-box,
h2#h2-form-box span,
h2#h2-enquete-box, 
h2#h2-enquete-box span {
	color:#e37017;
}



#aaa #upload_form .cnt_wrap, 
#bbb .cnt_wrap {
	font-family:'Noto Sans Japanese',"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","ƒ�ƒCƒŠƒI",Meiryo,Osaka,sans-serif;
}



/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container > #contents > twitterŽü‚è#aaa#bbb
------------------------------------------------------------------------ */


h2.sub_title br {
    display: none;
}

h2.sub_title span {
    font-size: 70%;
    color: #333;
    padding: 15px;
}

div#tw_txt {
    font-size: 180%;
	font-weight: bold;
    background-color: #1da1f2;
	padding: 16px 0 0 0;
}

#twitter_login #tw_txt img {
    margin-top: -16px;
    vertical-align: middle;
}

h2.sub_title {
    padding: 0.25em 0 .25em 0.55em;
    border-left: 14px solid #4bb4f5;
    font-size: 170%;
    color: #4bb4f5;
    margin: 20px 0;
    font-weight: bold;
}


#suntory_contents p.er_msg_social {
    border: 3px double #ff0000;
    padding: 15px;
    color: #ff0000;
    font-weight: bold;
    font-size: 83%;
    margin: 5px 0 15px 0;
    line-height: 140%;
}

#suntory_contents p.er_msg_social span {
    color: #444;
    font-weight: normal;
}


#suntory_contents #contents .img img {
    margin-bottom: 30px;
    width: 100%;
}


#suntory_contents #aaa span.ttl.fs150, 
#suntory_contents #bbb span.ttl.fs150 {
    font-size: 150%;
    font-weight: bold;
    vertical-align: middle;
    padding: 0 31px 0 5px;
}

#bbb .cnt_wrap h2 img, 
#aaa .cnt_wrap h2 img {
    vertical-align: middle;
}

#suntory_contents #aaa #upload_form .cnt_wrap{
    background-color: #E9F6FE;
    padding: 35px;
    border: 1px solid #BBE3FB;
    border-bottom: none;
} 


#suntory_contents div#bbb {
    background-color: #E9F6FE;
    padding: 35px;
	margin-bottom:20px;
    border: 1px solid #BBE3FB;
    border-top: none;

}

#contents #aaa #upload_form input.form-submit {
    width: 360px;
    height: 80px;
    font-size: 200%;
    color: #FFFFFF;
    background-color: #93A0AB;
    border-color: #93A0AB;
}

#aaa li.upsubmit {
    text-align: center;
	margin-top: 15px;
}

#aaa p.chui, 
#upload_form div#preview {
    text-align: center;
}


#bbb .cnt_wrap.msg {
    margin-top: 30px ;
}




#bbb .comment.cnt textarea {
    width: 680px;
    height: 164px;
    margin: 0;
    padding: 0;
}

#suntory_contents #bbb.con{
    background-color: #E9F6FE;
    padding: 35px;
	margin-bottom:20px;
    border: 1px solid #BBE3FB;

}

.comment.cnt.cnt, 
#bbb.con div#preview {
    text-align: center;
}

#bbb.con .comment.cnt {
    padding-bottom: 30px;
    border-bottom : 1px solid #7f9db9;
}


#bbb.con .comment.cnt.cnt p, 
#bbb .comment.cnt.cnt_err p.er_msg_point {
    text-align: left;
}


#bbb .comment.cnt.cnt p {
    margin: 5px 0;
	text-align: right;
}

#bbb #inputlength span.iro {
    color: #fba800;
}


#suntory_contents .pc_none {
	display: none;
}

#aaa #upload_form div h2 br,
#aaa #tw_txt br,
#bbb h2 br {
    display: none;
}

.cnt_wrap.msg .phrase.cnt p, 
.cnt_wrap.msg p{
    word-wrap: break-word;
}

#aaa #twitter_login a {
    width: 100%;
    height: auto;
}


p #inputlength {
    font-size: x-large;
}


/*#aaa #upload_form img#preview {
    width: 360px;
    height: auto;
}
*/
@media screen and (max-width: 767px){

h2.sub_title br {
    display: block;
}

#suntory_contents .pc_none {
	display: block;
}
#suntory_contents .sp_none {
	display: none;
}

#aaa #twitter_login img {
    margin-top: -12px;
}

#aaa div#twitter_login {
    width: 90%;
    margin: 30px auto;
}

div#tw_txt {
	font-size: 155%;
    padding: 12px 0 12px 0;
}

#tw_txt span.sm {
    font-size: 75%;
}

#suntory_contents p.er_msg_social {
    margin: 5px 5px 15px;
}

#bbb .comment.cnt textarea {
    width: 100%;
}

#suntory_contents #bbb.con,
#suntory_contents #aaa #upload_form .cnt_wrap,
#suntory_contents div#bbb {
	border:none;
}

#suntory_contents img.pc_none {
    max-width: 100%;
}

#suntory_contents div.img {
    max-width: 100%;
    margin: 30px;
}

h2.sub_title {
    font-size: 170%;
    color: #4bb4f5;
    margin: 20px 0;
    font-weight: bold;
    text-align: center;
	padding: 0;
    border-left: 0;
}

#contents #aaa #upload_form input.form-submit {
    width: 100%;
}

#suntory_contents #aaa #upload_form .cnt_wrap,
#suntory_contents div#bbb,
#suntory_contents #bbb.con {
    padding: 20px 18px;
}

#aaa #upload_form div h2 br,
#aaa #tw_txt br,
#bbb h2 br {
    display: block;
}

#aaa form#upload_form .cnt_wrap h2.h2.h2, 
#bbb .cnt_wrap h2.h2.h2 {
    text-align: center;
    padding: 10px 0;
}

#bbb .cnt_wrap.msg h2.h2 {
    text-align: left;
}

#bbb.con .comment.cnt.cnt p {
    text-align:center ;
}


#suntory_contents #aaa span.ttl.fs150, 
#suntory_contents #bbb span.ttl.fs150 {
    padding: 5px 0;
    display: inline-block;	
	}

#aaa #upload_form img#preview,
#bbb #preview img#preview {
    width: 100%;
    height: auto;
}

p.chui_1 {
    text-align: center;
}


}


/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container > #contents > twitterŽü‚ècon
------------------------------------------------------------------------ */
.column.right {
    width: 75%;
}

.column4 {
    margin-bottom: 35px;
}

#suntory_contents #bbb.con span.ttl.fs150 {
    padding: 0 10px 0 5px;
}

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

.column.right {
    width: 100%;
}

#suntory_contents #bbb.con span.ttl.fs150 {
    padding: 5px 0;
}

}



/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container > #contents > enquete
------------------------------------------------------------------------ */
#suntory_contents .box .cnt ul.inline {
    padding-bottom: 3px;
}

#suntory_contents #enquete h2.h2_err_err, 
#suntory_contents #enquete h2.h2_err_err_err, 
#suntory_contents #enquete h2.h2_err_err_err_err, 
#suntory_contents #enquete h2.h2_err_err_err_err_err{
    background-color: #ff99cc;
    border: 2px solid #f00;
}

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

/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container > #contents > #kantan
------------------------------------------------------------------------ */
#suntory_contents #kantan {
	background-color:#e5e5e5;
	border-color:#C8AD80;
}

#suntory_contents #kantan_box {
    border-bottom: none;
}

@media screen and (max-width: 767px){
	#suntory_contents #kantan,
	 {
		background-color:#f3d271;
	}
}

/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container > #contents > #kantanriyou
------------------------------------------------------------------------ */
#suntory_contents #kantanriyou .cnt {
	border-color:#e37017;
}

/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container > #contents > #form_area
------------------------------------------------------------------------ */
#suntory_contents #form_area,
#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 #form_area div.name .name_kanji,
#suntory_contents #form_area div.zip .zip_zip,
#suntory_contents #form_area div.zip .zip_todoufuken,
#suntory_contents #form_area div.zip .zip_sikucho,
#suntory_contents #form_area .mm_notes dl dd ul.mailmagazine li {
	border-color:#e37017;
}
#suntory_contents #form_area div.mm_read {
	background-color:#ffebd5;
}



#suntory_contents #form_area div.cnt.cnt_1st p.er_msg_point {
  padding: 4px 0 0 0;
}

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

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


#suntory_contents #form_area div.cnt_wrap h2.h2_1st,
#suntory_contents #form_area div.cnt_wrap div.cnt_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 #datahenko h3, 
#suntory_contents #kantanriyou h3 {
    background-color: #ffe1bf;
}

}

/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container > #contents > #formthanks
------------------------------------------------------------------------ */


#suntory_contents #formthanks h2 {
    color: #e37017;
}


#formthanks p.info {
    text-align: left;
	padding: 0 10px;
}



/*Š®—¹�EƒGƒ‰�[�EŠúŠÔŠO‰æ–ʂ̃eƒLƒXƒgƒŠƒ“ƒN•¶“ª‚Ì–îˆó‰æ‘œ*/
#formthanks .brand_top a,
#formthanks .campetc a {
  background-image: url("/btc/CP201305/img/yj2.gif");
}



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


#formthanks img.donebnr,
#link_box_area img.donebnr {
    max-width: 90%;
	height: auto;
	padding-bottom: 10px;
}
}