@charset "UTF-8";

/* ---------見出し、お問い合わせ色、レイアウト----------- */
h2.h2-a{
	background-color:#002472;
    margin-top: 30px;
}

.cl_blue{
	color:#a46201;
}
.unit_inq_outline {
    background: #fdd600 none repeat scroll 0 0;
    border-radius: 3px;
    padding: 10px;
    position: relative;
}
.unit_inq_inner {
    background: #fffcdb none repeat scroll 0 0;
    border-radius: 3px;
    padding: 15px;
    position: relative;
}
/* ---------サントリーID、LINE友だち応募----------- */
p.cl_green {
    color: #00b900;
}

.bdr_green {
    border: 1px solid #00b900;
    border-radius: 15px;
    padding: 10px;
    display: inline-block;
}

p.cl_blue_1 {
    color: #2E75B6;
}

.bdr_yellow {
    display: inline-block;
    padding: 12px 10px 13px 10px;
    border-radius: 30px;
    background: #ffde00;
}

/* ---------対象商品画像　ex_obj,obj_list----------- */
#ex_obj{
    text-align: center;
    margin-bottom: 30px;
}
.objex {
    color: #a46201;
    padding: 10px 0;
}
ul.obj_list{
    display: inline;
    padding: 0;
    margin-bottom: 20px;
}
.obj_list li {
    display: inline;
    margin: 0 10px 10px 0;
    padding: 0;
    vertical-align: bottom;
}
.obj_p {
    margin: 2em 1em;
    text-align: left;
}
@media all and (max-width: 425px) {
.obj_list li img{
    width:12%;
}
}
/* ---------アプリQRコード部分　app,app_unit,app_p,qr----------- */
#app{
    margin: 30px 0;
}
.app_unit{
    text-align:center;
    margin: 20px 0;
}
.app_p {
    margin: 20px 0;
}
.qr {
    float: left;
    position: relative;
    left: 27%;
    margin: 10px 2em;
}
.qr img{
    width: 150px;
    height: 150px;
}

/* ---------other----------- */
.present p.kome {
    margin-left: 2em;
}

.obj1{
	box-sizing:border-box;
}

p {
    max-height: 100%;
}

p.center {
    text-align: center;
}

br.kaigyou {
    display: none;
}

p.admin {
    margin-left: 1em;
}

@media all and (max-width: 767px) {
img.pc{
    display: none;
}
ul.obj_list{
    display: block;
    max-width: 767px;
}
.obj_list li img:{
    max-width: 90%;
}
.obj_p {
    margin: 1em 1em;
}
.qr{
	position:static;
	float:none;
}
}
@media all and (max-width: 640px) {
.sp_none{
	display:none;
}
.obj1{
	width:300px;
	margin:0 auto;
	text-align:center;
}
.obj1 li{
	margin:0;
	padding:0;
}
.obj1 li.fl{
	float:none !important;
}

br.kaigyou {
    display: inline;
}
.bdr_green,.bdr_yellow {
    margin: 0 5px;
}
}
@media all and (max-width: 560px) {
.obj1{
	width:300px;
	margin:0 auto;
	text-align:center;
}
}

/* ---close btn--- */
#suntory_contents .apply_btn.disabled a{
	pointer-events:none;
    background-color: #9e9e9e;
}
/* ---/close btn--- */