.s_catch { font-size: 120%; text-align: left; padding: 0; line-height: 180%; letter-spacing: 0; text-shadow: 1px 1px 5px rgba(0, 0, 0, .2); font-weight: 600;}
.udl { background:linear-gradient(transparent 60%, rgba(231, 0, 18, .075) 60%); padding-bottom: .25em;}
.br_nomal { word-break: normal;}
.dpbk { display: block;}

#contents .con_txt { padding-bottom: 4em; margin-bottom: .5em;}
#contents .title_txt { text-align: left; font-size: 102%; color: rgba(122, 30, 37, 1); padding-bottom: 1em; text-shadow: 1px 1px 5px rgba(100, 100, 100, .4);}
#contents .con_txt::before { content: '“ '; font-size: 200%; color: rgba(231, 0, 18, 1); position: absolute; top: .5em; left: .5em;}
#contents .con_txt::after { content: ' ”'; font-size: 200%; color: rgba(231, 0, 18, 1); position: absolute; bottom: 0; right: .5em;}
#contents .con_txt .date_txt { box-sizing: border-box; font-size: 75%; color: rgba(231, 0, 18, 1); position: absolute; bottom: .75em; right: 4em; text-align: right;  padding-top: .5em;}

#contents .con_txt .kkm { background: rgba(255, 255, 255, .9); padding: .5em; font-size: 90%; line-height: 170%;}
#contents .con_txt .kkm .evt table { margin: auto;}
#contents .con_txt .kkm .evt dt { text-align: center; padding-top: .5em; padding-bottom: .35em; color: rgba(122, 30, 37, .75);}
#contents .con_txt .kkm .evt dt::before { content: '《 ';}
#contents .con_txt .kkm .evt dt::after { content: ' 》';}
#contents .con_txt .kkm .evt dd { padding: .5em 0 1em .5em;}
#contents .con_txt .kkm .evt tr { border-top: 1px dotted rgba(129, 137, 157, 1);}
#contents .con_txt .kkm .evt dd th { font-size: 95%; letter-spacing: 0; font-weight: 900; white-space: nowrap; vertical-align: top; color: rgba(122, 30, 37, 1); padding-top: .75em; text-align: right;}
#contents .con_txt .kkm .evt dd td { font-size: 102%; letter-spacing: 0; font-weight: 900; padding-top: .75em; line-height: 150%; padding-bottom: .5em;}
#contents .con_txt .kkm .evt tr.nb { border-top: 0;}
#contents .con_txt .kkm .evt tr.nb th { text-align: left;}
#contents .con_txt .kkm .evt tr.nb td { border-bottom: 1px dotted rgba(129, 137, 157, 1); padding-top: 0; padding-bottom: .75em; padding-left: .75em;}
#contents .con_txt .kkm .evt0 { width: auto; margin: 0 auto; font-size: 90%;}
#contents .con_txt .kkm .evt0 dt { padding: .75em .75em 0 0; color: rgba(122, 30, 37, .75);}
#contents .con_txt .kkm .evt0 dt::before { content: '［  ';}
#contents .con_txt .kkm .evt0 dt::after { content: ' ］';}
#contents .con_txt .kkm .evt0 dd { padding: 0 .75em .5em 1em;}
#contents .con_txt .kkm .evt1 dt, #contents .con_txt .kkm .evt1 dd { text-align: center;}

#contents .con_txt .kkm .goods dt { padding: .75em .75em 1em .75em; color: rgba(122, 30, 37, .75); text-align: left; font-size: 115%;}
#contents .con_txt .kkm .goods dd { padding: 0;}
#contents .con_txt .kkm .goods dd table { width: auto; margin: 0 auto; letter-spacing: 0; font-size: 98%;}
#contents .con_txt .kkm .goods dd caption { text-align: center;}
#contents .con_txt .kkm .goods dd caption::before { content: '＜';}
#contents .con_txt .kkm .goods dd caption::after { content: '＞';}
#contents .con_txt .kkm .goods dd th { text-align: right; font-weight: 800; color: rgba(129, 137, 157, 1); white-space: nowrap; vertical-align: top; line-height: 140%;}
#contents .con_txt .kkm .goods dd td { text-align: left; font-weight: 800; white-space: nowrap; vertical-align: top; line-height: 140%; padding-bottom: .35em;}
#contents .con_txt .kkm .goods dd td { white-space: normal;}

.kome li { line-height: 135%; padding-bottom: .25em;}

.sub_title { letter-spacing: 0;}

th { vertical-align: top;}
td { padding-bottom: .5em;}

/*for_W640-*/
@media all and (min-width: 640px) { 
#contents .con { padding-top: 2em;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
#contents .con { padding-top: 3em; padding-bottom: 4em;}
#contents .con_txt .kkm .goods dd table { font-size: 104%;}
.sub_title { text-align: center;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#contents .con { padding-top: 4.5em; padding-bottom: 6em;}
}

/* tate_img */
.nimg_sp { width: 100%; max-width: 480px; margin: 2em auto 1em auto; position: relative;}
.nimg_sp img { width: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative; box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, .2);}
.nimg_sp0 { width: 100%; max-width: 480px; margin: 0 auto 1em auto; position: relative;}
.nimg_sp0 img { width: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative; box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, .2);}

/* goods_img */
.gimg_sp-t { width: 100%; max-width: 480px; margin: .5em auto; position: relative;}
.gimg_sp-y { width: 100%; max-width: 720px; margin: .5em auto; position: relative;}
.gimg_sp-t img, .gimg_sp-y img { width: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}

/* game_img */
.gmimg_sp-w { width: 100%; max-width: 800px; margin: .5em auto; position: relative;}
.gmimg_sp { width: 60%; max-width: 320px; margin: 0 auto .25em auto; position: relative;}
.gmimg_sp#qr { max-width: 180px;}
.gmimg_sp-w img, .gmimg_sp img { width: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}