@charset "UTF-8";
/* ------------見出し、お問い合わせ部分---------------- */
h2.h2-a{
	background-color:#171e55;
}
.cl_blue{
	color: #171e55;
}
.unit_inq_outline {
    background: #473a80 none repeat scroll 0 0;
    border-radius: 3px;
    padding: 10px;
    position: relative;
}
.unit_inq_inner {
    background: #f8f5ff none repeat scroll 0 0;
    border-radius: 3px;
    padding: 15px;
    position: relative;
}

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

.unit_inq_inner p:first-child {
    margin:0;
}

/* ----------------LINE、サントリーID応募----------------- */

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

@media all and (max-width: 640px) {
    .bdr_green,.bdr_yellow {
        margin: 0 5px;
    }
}

/* ----------対象商品例 section#product------------ */
section .objex{
	font-weight: bold;
	color: #171e55;
	font-size: 100%;
}

section div.product ul{
    padding: 0;
    align-self: flex-end;
    margin:20px 0;
}

section div.product ul li{
    display: inline;
    margin: 0 10px 10px 0;
    padding: 0;
    vertical-align: bottom;
}

section div.product {
    text-align: center;
    display: flex;
    justify-content: center;
}


@media all and (max-width: 767px) {
    section div.product {
        display: block;
    }
}

@media all and (max-width: 440px) {
    section div.product ul li {
        margin: 0 auto 10px;
    }
}

/*======================賞品dl==============================*/
.present {
    margin: 10px 0 30px 0;
}

/* ==================other======================= */
#head img {
    margin: 0 auto;
    display: block;
}

p.center {
    text-align: center;
}

p {
    max-height: 100%;
}

#suntory_contents #container #contents .letter{
    margin: 1em 0;
}

#suntory_contents .caution_letter{
	font-size: 0.9em;
}

/* ==================ec_link======================= */
.ec_link {
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
    line-height:1.5em;
}

.ec_link p:last-child {
    font-size: 0.8em;
}

.ec_link p a:hover {
    text-decoration: none;
}

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