@charset "UTF-8";


/*-----------------
メイン
------------------*/
#fp-l {
	background-color:rgba(255,255,255,0.8);
	}
.cx_smartphoneview #fp-l {
	background-color:rgba(255,255,255,0.8);
}
#container{min-height:1250px;}


#main {
    clear: both;
    margin-top: 10px;
    min-height: 740px;
    padding: 0 20px;
    width: 600px;
}


.clearfix:after, .clear:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.mt20{margin-top: 20px;}

/*---------------
フッター
----------------*/
#footer_area {
    clear: both;
    overflow: hidden;
    width: 640px;
}


/*---------------
BGM
----------------*/
#fp-l-bgm {
    float: left;
    width: 640px;
	    background: url("../../img/fp-l-bgm.jpg") no-repeat scroll left top transparent;

}

#bgm_header{
	width:640px;height:188px;position:relative;}
	
#bgm_main {
    clear: both;
    min-height: 740px;
    padding: 0 20px;
    width: 600px;
}

.bgm_bg{
    background: url("../../img/bgm_bg.jpg") repeat-y;
	width:570px;
	padding:0 0 0 30px;
}
 .bgm_bg.mezado {
	padding-top: 20px;
}
.bgm_bg dl {
    letter-spacing: 0.3px;
    padding-bottom: 4px;
}	
.bgm_bg dt {
    float: left;
    width: 155px;
	padding-right:10px;
}
.bgm_bg dd {
    float: left;
    width: 190px;
	padding-right:10px;
}
.bgm_btm{
    background: url("../../img/bgm_btm.png") no-repeat;
	width:600px; height:90px;
}


/*---------------
SP
----------------*/
.cx_smartphoneview #bgm_main {
	font-size: 28px;
}
.cx_smartphoneview .bgm_bg {
	padding: 0 15px;
}
.cx_smartphoneview .bgm_bg.mezado {
	padding-top: 30px;
}
.cx_smartphoneview .bgm_bg dl {
	padding-bottom: 10px;
}
.cx_smartphoneview .bgm_bg dt {
	float: none;
	width: auto;
	font-weight: bold;
	padding-right: 0;
}
.cx_smartphoneview .bgm_bg dd {
	padding-right: 0;
	width: auto;
}
/*.cx_smartphoneview .bgm_bg dd:first-of-type {
	width: 340px;
}*/
.cx_smartphoneview .bgm_bg dd:nth-of-type(2) {
	float: right;
	/*width: 230px;*/
	text-align: right;
}
.cx_smartphoneview .bgm_bg dt.none,
.cx_smartphoneview .bgm_bg dd.none {
	display: none;
}
.cx_smartphoneview .bgm_bg dd[class^="column2"] {
	display: flex;
}
.cx_smartphoneview .bgm_bg dd.column2-1 span:first-of-type {
	width: 3em;
}
.cx_smartphoneview .bgm_bg dd.column2-2 {
	width: 420px;
}
.cx_smartphoneview .bgm_bg dd.column2-2 + dd {
	width: 140px;
}
.cx_smartphoneview .bgm_bg dd[class^="column2"] span:first-of-type {
	white-space: nowrap;
}