@charset "UTF-8"

/*
Name: mtn Playlist Blog StyleSheet
URL:https://meetmetonu.main.jp/file_link/common/def.php?md=css&id=spc_style.css
Author: nu by Takumi Fujimura
Last Update: 2017/07/04
*/

/* import */
@import url("/design/css/default.css") only screen and (min-width:769px);
@import url("/design/css/sp_default.css") only screen and (max-width:768px);

/* reset */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - https://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
   letter-spacing: 1px;
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr1 {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

@media screen and (min-width: 769px) {
/* Default */
html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

body {
font-size: 16px;
line-height: 1.3;
letter-spacing: 1px;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
min-width: 900px;
min-height: 100%;
}

.pc_off { display: none; }

.clear { clear: both; }

p { margin: 1em; }

ul, ol, li { zoom: normal; }

ul { list-style-type: disc; }

li { margin-left: 1.5em; }

ol li { margin-left: 0; }

ol { list-style-type: decimal; list-style-position: inside; }

iframe { vertical-align: bottom; } /* iframe下に出来るスペース対策 */

a { text-decoration: none; vertical-align: baseline; overflow: hidden; word-wrap: break-word; }

a:hover { text-decoration:underline; vertical-align: baseline; overflow: hidden; word-wrap: break-word; }

a:link { color: blue; }

a img { text-decoration: none; border: none; outline: none; }

img { border: none; }

th { word-break: break-all; }

img.wdat { max-width: 100%; max-height: auto; }

audio { width: 100%; margin: 5px 0px 0px 0px; }

/* Header & Footer */
.head_title { background: #000; color: #fff; }
.head_title h2{ padding: 6px; font-weight: bold; background: #000; color: #fff; font-size: 1.5em; line-height: 1.2;}
.head_title h2 a{ text-decoration: none; vertical-align: baseline; background: transparent; overflow: hidden; color: #fff; font-weight: bold; font-size: 1em;}
.head_title h2{ margin-bottom: 0.1em;}

.foot_info { padding: 15px 0px 10px; clear: both; font-weight: bold; background: #000; color: #fff; font-size: 15px; }
.foot_info a{ color: #fff; font-weight: bold; font-size: 15px; line-height: 1.2; }

/* Content */
#wrapper {
width: 900px;
height:100%;
margin: 0 auto;
padding:0px;
}

#contents {
width: 600px;
height: 100%;
float: right;
margin: 0px;
padding: 0px;
}

#sidebar {
width: 270px;
height: 100%;
float: left;
margin: 0px;
padding-bottom: 20px;
}

.topic_box {
border-radius: 0px; 
-moz-border-radius: 0px; 
-webkit-border-radius: 0px; 
border: 3px solid #000000;
padding: 10px;
word-break:break-all;
}

.topic_box_pd3 {
border-radius: 0px; 
-moz-border-radius: 0px; 
-webkit-border-radius: 0px; 
border: 3px solid #000000;
padding:3px;
word-break:break-all;
}

#data_topic_tl {
height:100%;
font-size:16px;
color:#fff;
background:#000;
padding: 5px;
}

#data_topic { margin-top:5px; }

#data_topic_tl a { color:#fff; }
#data_topic_tl a:link { color:#fff; }
#data_topic_tl a:visited { color:#fff; }
#data_topic_tl a:hover { color:#fff; }
#data_topic_tl a:active { color:#fff; }

hr.size01_black {
   border-width: 1px 0px 0px 0px;
   border-style: solid;
   border-color: black;
   height: 1px;
}

.dash_black {
  width: 100%;
  height: 1px;
  display:block;
  border: 0;
  border-top: 1px dashed #000000;
}

.dash_black_mds{
  border-left:7px solid #000;
  border-bottom:1px dashed #000;
  padding:.1em .2em;
  margin-bottom: 2px;
}

.topic_midashi{
border-left:7px solid #000;
border-bottom:1px solid #000;
padding:2px 5px 5px;
}

.program_info{ padding-top:5px; }

#txt_space { padding-top: 10px; }

div.black_line_2p { border-bottom: solid 2px black; position:relative; }

div.white_line_1p { border-bottom:solid 1px white; position:relative; margin-top:3px; }

.page_topic_13px { font-size:13px; }

.page_topic_20px { font-size:20px; line-height: normal; }

.page_topic_25px { font-size:25px; line-height: 1em; }

.page_topic_30px { font-size:30px; line-height: 15px; }
}

@media screen and (max-width:768px) {
/* Default */
html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

body {
font-size: 16px;
line-height: 1.3;
letter-spacing: 1px;
-webkit-text-size-adjust: none;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

.sp_off { display: none; }

.clear { clear: both; }

p { margin: 1em; }

ul, ol, li { zoom: normal; }

ul { list-style-type: disc; }

li { margin-left: 1.5em; }

ol li { margin-left: 0; }

ol { list-style-type: decimal; list-style-position: inside; }

iframe { vertical-align: bottom; } /* iframe下に出来るスペース対策 */

a { text-decoration: none; vertical-align: baseline; overflow: hidden; word-wrap: break-word; }

a:hover { text-decoration:underline; vertical-align: baseline; overflow: hidden; word-wrap: break-word; }

a:link { color: blue; }

a img { text-decoration: none; border: none; outline: none; }

img { max-width: 100%; max-height: auto; }

img.wdat { max-width: 100%; max-height: auto; }

audio { width: 100%; margin: 5px 0px 0px 1px; }

#kh_txt { padding: 7px; }

#kh_center { padding: 7px; }

.linkwd{ display: block; }

/* Header&Footer */
.head_title { background: #000; color: #fff; }
.head_title h2{ padding:6px; font-weight:bold; font-size:1.5em; line-height:1.2; }
.head_title h2 a{ display: block; color:#fff; font-weight:bold; font-size:1em; line-height:1.2; text-decoration: none; }
.head_title h2{ margin-bottom: 0.1em; }

.foot_info { padding:10px; clear:both; font-weight:bold; background:#000; color:#ffffff; font-size:15px;}
.foot_info a{ color:#ffffff; font-weight:bold; font-size:15px; line-height:1.2; text-decoration: none; overflow:hidden; }

/* Content */

.topic_box {
border-radius: 0px; 
-moz-border-radius: 0px; 
-webkit-border-radius: 0px; 
border: 3px solid #000000;
padding: 10px;
word-break:break-all;
}

.topic_box_pd3 {
border-radius: 0px; 
-moz-border-radius: 0px; 
-webkit-border-radius: 0px; 
border: 3px solid #000000;
padding:3px;
word-break:break-all;
}

#data_topic_tl {
height:100%;
font-size:16px;
color:#fff;
background:#000;
padding: 5px;
}

#data_topic { margin-top:5px; }

#data_topic_tl a { color:#fff; }
#data_topic_tl a:link { color:#fff; }
#data_topic_tl a:visited { color:#fff; }
#data_topic_tl a:hover { color:#fff; }
#data_topic_tl a:active { color:#fff; }

hr.size01_black {
   border-width: 1px 0px 0px 0px;
   border-style: solid;
   border-color: black;
   height: 1px;
}

.dash_black {
  width: 100%;
  height: 1px;
  display:block;
  border: 0;
  border-top: 1px dashed #000000;
}

.dash_black_mds{
  border-left:7px solid #000;
  border-bottom:1px dashed #000;
  padding:.1em .2em;
  margin-bottom: 2px;
}

.topic_midashi{
border-left:7px solid #000;
border-bottom:1px solid #000;
padding:2px 5px 5px;
}

.program_info{padding-top:5px;}

div.black_line_2p { border-bottom: solid 2px black; position:relative; }

div.white_line_1p { border-bottom:solid 1px white; position:relative; margin-top:3px; }

.page_topic_13px { font-size:13px; }

.page_topic_20px { font-size:20px; line-height: normal; }

.page_topic_25px { font-size:25px; line-height: 1em; }

.page_topic_30px { font-size:30px; line-height: 15px; }
}