.col { color: rgba(80, 152, 221, 1); letter-spacing: .05em; font-size: 100%;}
.col2 { color: rgba(40, 112, 181, .75); letter-spacing: .05em; font-size: 85%;}
.ls { letter-spacing: .2em;}
.catch_txt { font-size: 120%;}
.sub_con dd { line-height: 180%;}
.sub_con .nkm { padding: 1em; text-align: left; background: rgba(255, 255, 255, .85); color: rgba(40, 112, 181, 1); letter-spacing: .15em; line-height: 180%;}
.sub_con .nkm th, .sub_con .nkm td { vertical-align: top;}
.contents { margin-bottom: 1em;}
.lst { margin-bottom: 0;}
.udl { border-bottom: 1px dashed rgba(255, 55, 110, 1); color: rgba(255, 55, 110, 1); font-size: 110%;}
.pdl1 { padding-left: 1em;}
.spot_sp { max-width: 700px; margin: 1em auto;}
.udl1 { border-bottom: 1px dashed rgba(80, 152, 221, .75);}
.kkm_wh { box-sizing: border-box; width: 100%; padding: .5em .75em; background-color: rgba(255, 255, 255, 1); border-radius: 5px; border: 1px solid rgba(0, 80, 255, .25); margin-bottom: .5em;}
.kkm_wh table { width: 100%; margin: 0 auto;}
/*for_W768-*/
@media all and (min-width: 768px) {
.catch_txt { font-size: 140%;}
.con_txt { padding: 1em 2em;}
.sub_con dd { line-height: 200%;}
.ls { padding: 1em 0; font-size: 90%;}
.kkm_wh table { width: auto; margin: 0 auto;}
.kkm_wh th { text-align: center;}
}

/*btn*/
.n_btnsp { text-align: center; padding: 1em 0;}
.n_btnsp a { -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); display: block; margin: 0 auto; max-width: 240px; text-decoration: none; border-radius: 4px; padding: 20px 20px; color: rgba(255, 255, 255, 1); box-shadow: rgba(255, 55, 110, 1) 0 80px 0px 2px inset;}
.n_btnsp a:hover { color: rgba(255, 55, 110, 1); box-shadow: rgba(255, 55, 110, 1) 0 0px 0px 2px inset;}

/*more*/
.more { box-sizing: border-box; width: 98%; margin: 0 auto; text-align: center; padding: 1em 0; margin-top: -1em; margin-bottom: 1em; border: 2px solid #fff; background: rgba(255, 255, 255, .5);}
.more span { color: rgba(0, 152, 221, 1); font-size: 90%; display: block; padding-right: 20px; font-weight: bold;}
.more span::after { content: ' \025bc';}
.more:hover { cursor: pointer; background: rgba(255, 255, 255, .25);}
.more:hover span { color: rgba(255, 55, 110, 1);}
.bknm_list { display: none;}
/*for_W768-*/
@media all and (min-width: 768px) {
.more { box-sizing: border-box; width: 88.5%; margin: 0 auto; text-align: center; padding: 1em 0; margin-top: -2em; margin-bottom: 2em; border: 2px solid #fff; background: rgba(255, 255, 255, .5);}
}