/* cssは/domain.jp/public_html/css ←ここに入れる　*/

/*■■■■■■■■■■■■■■■■■■
デスクトップ：981px以上のスクリーンサイズ
タブレット：980px〜768pxスクリーンサイズ
モバイル：767px以下のスクリーンサイズ
■■■■■■■■■■■■■■■■■■*/

/*■■■■■■■■■■■■■■■■■■
基本的なフォント設定　
■■■■■■■■■■■■■■■■■■*/
body, p, input, textarea, select , h2, h3, h4, h5, h6
{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif !important;letter-spacing:0.1em;}
h1{ font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif !important;letter-spacing:0.1em;}
/*■■■■■■■■■■■■■■■■■■
明朝体の場合　
----------------------------------------------
body, p, input, textarea, select ,h1, h2, h3, h4, h5, h6{font-family: "Times New Roman", "Hiragino Mincho ProN","BIZ UDPMincho",  "Yu Mincho", "MS PMincho", serif !important;letter-spacing:0.1em;}
■■■■■■■■■■■■■■■■■■*/

/* 
改行のcss
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (max-width:980px){.br_pc_only{display:none;}}
/*スクリーンサイズが980px以下の場合に適用　パソコン画面のみ改行が有効*/
@media screen and (min-width:981px){.br_no_pc{display:none;}} 
/* スクリーンサイズが981px以上の場合に適用 　パソコン画面のみ改行が無効　タブレットとスマホは改行が有効*/
@media screen and (min-width: 768px){.br_sp{display:none;}} 
/* スクリーンサイズが768px以上の場合に適用　スマホのみ改行が有効*/

/* 
テキスト関係のcss
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.mxn_org_nowrap{white-space: nowrap;}

.mxn_org_text_SS{font-size:80%;}
.mxn_org_text_S{font-size:90%;}
.mxn_org_text_L{font-size:110%;}
.mxn_org_text_LL{font-size:120%;}
.mxn_org_text_3L{font-size:130%;}
.mxn_org_text_4L{font-size:140%;}
.mxn_org_text_5L{font-size:150%;}
.mxn_org_text_6L{font-size:160%;}
.mxn_org_text_7L{font-size:170%;}
.mxn_org_text_8L{font-size:180%;}
.mxn_org_text_9L{font-size:190%;}
.mxn_org_text_10L{font-size:200%;}
.mxn_org_text_11L{font-size:210%;}
.mxn_org_text_12L{font-size:220%;}
.mxn_org_text_13L{font-size:230%;}
.mxn_org_text_14L{font-size:240%;}
.mxn_org_text_15L{font-size:250%;}
.mxn_org_text_16L{font-size:260%;}
.mxn_org_text_17L{font-size:270%;}
.mxn_org_text_18L{font-size:280%;}
.mxn_org_text_19L{font-size:290%;}
.mxn_org_text_20L{font-size:300%;}

.mxn_org_text_strong{font-weight:bold;}
.mxn_org_text_very_strong{font-weight:900;}

.mxn_org_text_shadow_white{text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,-2px 2px 0 #FFF, 2px -2px 0 #FFF,0px 2px 0 #FFF,  0 -2px 0 #FFF,-2px 0 0 #FFF, 2px 0 0 #FFF;}
.mxn_org_text_shadow_white2{text-shadow:2px 2px 2px #FFF, -2px -2px 2px #FFF,-2px 2px 2px #FFF, 2px -2px 2px #FFF,0px 2px 2px #FFF,  0 -2px 2px #FFF,-2px 0 2px #FFF, 2px 0 2px #FFF;}
.mxn_org_text_shadow_white3{text-shadow: 0px 1px 0px #ffffff;}
.mxn_org_text_shadow_white4{text-shadow: 2px 2px 0px #ffffff;}

/* 画像は/domain.jp/public_html/css ←ここに入れる　*/
.mxn_org_yellow_line{background:url(../../../css/yellow_line.png) 0 100% repeat-x;}
.mxn_org_yellow_line2{background:url(../../../css/yellow_line2.png) 0 90% repeat-x;padding-bottom: 5px;text-shadow: 0px 1px 0px #ffffff;}
.mxn_org_yellow_line3{ background: url(../../../css/yellow_line2.png) 0 90% repeat-x;}

.mxn_stripedeco{
background-image: repeating-linear-gradient(45deg, transparent 0 3px, #ffd800 3px 6px);
background-repeat: no-repeat;
background-size: 100% 0.6em;
background-position:0 100%;
text-shadow: 1px 2px 0 #fff;
}

.mxn_stripedeco2{
background-image: repeating-linear-gradient(45deg, transparent 0 3px, #ffcc99 3px 6px);
background-repeat: no-repeat;
background-size: 100% 0.6em;
background-position:0 100%;
text-shadow: 1px 2px 0 #fff;
}

.mxn_wavydeco {
text-decoration: 2px underline wavy #E056DB;
text-underline-offset:3px;
}

.mxn_wavydeco2 {
text-decoration: 2px underline wavy #ffa500;
text-underline-offset:3px;
}

/* tag badge round_number関係のcss
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.mxn_org_tag{display:inline;padding:.2em .6em .3em;font-size:60%;vertical-align:baseline;border-radius:.25em;background-color: #d9534f;}
.mxn_org_badge {display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;vertical-align: middle;background-color: #d9534f;border-radius: 10px;}
.mxn_org_badge,.mxn_org_tag {position: relative;top: -3px;line-height: 1;font-weight:bold;color:#fff;text-shadow:none;white-space: nowrap;text-align: center;color:#fff;text-shadow:none;}

.mxn_org_tag2{background-color: #f0ad4e;}
.mxn_org_badge2{background-color: #f0ad4e;}

.mxn_org_round_number{font-size:24px; line-height:2em;width:2em;background:#900; color:#fff; text-shadow:none; font-weight:900;vertical-align:middle; display:inline-block; border-radius:50%; text-align:center; margin-bottom:10px;}


/* dl dt dd　で横並び（タブレット以下で解除）
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
dl.mxn_org_dl_float,dl.mxn_org_dl_float2{overflow:hidden;}
dl.mxn_org_dl_float dt{clear:both;float:left;width:20%;text-align:right;}
dl.mxn_org_dl_float dd{float:right;width:80%;margin:0;}
dl.mxn_org_dl_float dt,dl.mxn_org_dl_float dd{border-top:1px solid #ccc; padding:1.1em;}

dl.mxn_org_dl_float dt:first-child,dl.mxn_org_dl_float dt:first-child + dd{border-top:none;}
dl.mxn_org_dl_float dt + dd +dd,dl.mxn_org_dl_float dt + dd + dd +dd,dl.mxn_org_dl_float dt + dd + dd +dd +dd{border-top:none;}
@media screen and (max-width:980px){
dl.mxn_org_dl_float dt,dl.mxn_org_dl_float dd{float:none;width:100%;text-align:left;}
dl.mxn_org_dl_float dt{padding:2em 1.1em 0;}
dl.mxn_org_dl_float dd{padding:1em 1.1em 2em;}
dl.mxn_org_dl_float dt{border-top:1px solid #ccc;}
dl.mxn_org_dl_float dd{border-top:none; }
}