/* ページ独自のCSS */


.caption{
	text-align: center;
}

dl.happy_main {
    margin: 0 0 30px 0;
    text-align: center;
    line-height: 2;
    font-size: 16px;
}

dl.happy_main dt{
	margin: 0 0 10px 0;
}

p.title{
	text-align: center;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	padding: 5px 0 6px;
	background:#fe3b61;
}

.contents_bnr02_wide p{
	font-size: 18px;
	line-height: 1.5;
}

.contents_bnr02_wide p.code {
    padding: 10px 5px 8px;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #000;
}

#content.cmn_wrapper01 .frame01{
	padding: 20px;
	border: solid 2px #fe3b61;
}

#content.cmn_wrapper01 .frame01 dl dt{
	margin: 0 0 5px 0;
	color: #fe3b61;
	font-size: 21px;
	font-weight: bold;
}

p.btn{
	max-width: 320px;
	margin: 0 auto !important;
}

p.btn a{
	padding: 10px;
	color: #fff;
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	display: block;
	background: #fc9208;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

#content.cmn_wrapper01 .btn a{
	color: #fff !important; 
	text-decoration: none;
}

 ul.bnr li{
 	margin: 0 0 15px 0;
 }

/*-------------------------------
480px以下用（スマートフォン用）
---------------------------------*/
@media screen and (max-width: 480px) {

.contents_bnr02_wide p.code{
	font-size: 24px !important;
}

#content.cmn_wrapper01 .frame01{
	padding: 15px 20px 20px 20px;
}

dl.happy_main {
    text-align: left;
    line-height: 1.5;
    font-size: 15px;
}

}


/**/

#content.cmn_wrapper01 .contents_bnr02_wide {
    margin: 0 0 16px;
}
#content.cmn_wrapper01 .contents_bnr02_wide .col {
    float: left;
    width: 492px;
    margin: 0 16px 10px 0;
}
#content.cmn_wrapper01 .contents_bnr02_wide .col_v {
    float: left;
    width: 492px;
    margin: 0 16px 10px 0;
}
#content.cmn_wrapper01 .contents_bnr02_wide .col:nth-child(2n) {
    margin-right: 0;
}
#content.cmn_wrapper01 .contents_bnr02_wide .col_v:nth-child(2n) {
    margin-right: 0;
}
#content.cmn_wrapper01 .contents_bnr02_wide .col > a {
    display: block;
}
#content.cmn_wrapper01 .contents_bnr02_wide .col_v > a {
    display: block;
}
#content.cmn_wrapper01 .contents_bnr02_wide .col .thumbnail {
    display: block;
    margin: 0 auto 5px;
}
#content.cmn_wrapper01 .contents_bnr02_wide .col_v .thumbnail {
    display: block;
    margin: 0 auto 5px;
}
#content.cmn_wrapper01 .contents_bnr02_wide .col .text {
    text-align: center;
}
#content.cmn_wrapper01 .contents_bnr02_wide .col_v .text {
    text-align: center;
}
@media print, screen and (max-width: 677px) {

    #content.cmn_wrapper01 .contents_bnr02_wide { }
    #content.cmn_wrapper01 .contents_bnr02_wide .col {
        float: none;
        width: 100%;
        margin: 0 0 10px;
    }
	#content.cmn_wrapper01 .contents_bnr02_wide .col_v {
        float: none;
        width: 100%;
        margin: 0 0 10px;
    }
    #content.cmn_wrapper01 .contents_bnr02_wide .col:nth-child(2n) {
        margin-right: 0;
    }
	#content.cmn_wrapper01 .contents_bnr02_wide .col_v:nth-child(2n) {
        margin-right: 0;
    }
    #content.cmn_wrapper01 .contents_bnr02_wide .col > a { }
	#content.cmn_wrapper01 .contents_bnr02_wide .col_v > a {}
    #content.cmn_wrapper01 .contents_bnr02_wide .col .thumbnail { }
	#content.cmn_wrapper01 .contents_bnr02_wide .col_v .thumbnail {}
    #content.cmn_wrapper01 .contents_bnr02_wide .col .text { }
	#content.cmn_wrapper01 .contents_bnr02_wide .col_v .text {}

}