@charset "utf-8";

/*********
reset
*********/
html{-webkit-text-size-adjust: none; overflow-y: auto; font-size: 62.5%; /*10px*/}
html,body {width:100%;height:100%;font-family:'Hiragino Kaku Gothic ProN',Meiryo,Sans-serif;}
body{ color:#333; background: #ddd;font-size: 1.3rem; line-height: 1.6; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,button,select,p,blockquote,th,td{margin:0;padding:0}
header,footer,nav,main,section,article,figure,figcaption,menu,address{display:block;margin:0;padding:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  box-sizing: border-box; }
h1,h2,h3,h4,h5,h6,input,textarea{font-size:1.3rem;font-weight:normal}
fieldset,img {border:0}
img{ vertical-align: top;}
ol,ul{list-style:none}
p{ line-height: 1.7}
address,caption,cite,code,dfn,em,th,var{font-style: normal;font-weight: normal}
br{letter-spacing:0}
hr { border: none; border-top: solid 1px #ccc; margin: 15px auto;}

/* default link color */
a ,
a:active { color: #0084ff; cursor: pointer; text-decoration: none; outline: none;}

/* Reset input[type="search"] */
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;}
input[type="search"]:focus {outline-offset: -2px;}
input[type="search"]::-webkit-search-decoration { display: none;}

/*****************
layout
******************/
#wrapper{ background: #eaeaea;}
  #contents{ overflow: hidden;}

/*****************
header
******************/
/* exHeader */
#exHeader { border-bottom: solid 1px #ddd;}
#exHeader .iconMyblog { display: block; width: 36px; height: 36px; text-indent: -9999px; margin: 4px 0 0 4px;
  background: url(//s.eximg.jp/exblog/user/img/header/myblog-icon.png) no-repeat; background-size: 36px auto;}

/* mainTitle */
#mainTitle { position: relative; }
#mainTitle.head-h1 { background: #2d2d2d; color: #fff; height: 44px; line-height: 46px;}
#mainTitle.head-h1 h1 { padding: 0 5px 0 10px; font-weight: bold;}
#mainTitle span { opacity: 0.6; }
#mainTitle .btn-back .fa{ display: block; width: 40px; height: 40px; line-height: 40px;
  color: #eee; border-right: solid 1px #262626; box-shadow: 1px 0 0 #777 ;
  position: absolute; top: 0; left: 0;}
#mainTitle span.btn-back { display: none;}

/*****************
footer
******************/
/* exFooter */
#exFooterSrc .inner{ padding: 0; border: none;}
#exFooterSrc #src-ipt{ box-shadow: none; border: none; line-height: 30px;}

/* userLinks */
#userLinks { text-align: center; padding: 20px 0;}
	#userLinks li{ display: inline-block; border-right: solid 1px #666; margin: 0 10px 0 0; padding: 0 10px 0 0; line-height: 1;}
	#userLinks li:last-child{ border: none; margin: 0;}

/* toPageTop */
#toPageTop { margin: 20px 10px 10px; }

/*****************
section header
******************/
/* boxHead */
.boxHead { text-align: left;}
.boxHead h1 { display: inline; vertical-align: middle; }

  /* boxHead + size */
  .head-h1 { background: #636363; color: #fff; line-height: 34px; }
  .head-h1 h1,
  .head-h1 h2 { padding: 0 5px 0 10px; font-weight: bold;}

  .head-h2{ background: #636363; color: #fff; line-height: 24px; }
  .head-h2 h1{ font-size: 1.1rem; font-weight: bold; padding: 0 10px;}
  .head-h2 p#ttl{ font-size: 1.1rem; font-weight: bold; padding: 3px 10px;}

  .head-h3{ line-height: 24px; background: #d1dee7; border-bottom: solid 1px #a8bbcc; border-top:solid 1px #a8bbcc; }
  .head-h3 h1{ color: #567ea7; font-size: 1.1rem; font-weight: bold; padding: 0 10px;}

  .head-h4 { margin: 0 0 3px; }
  .head-h4 h1{ font-weight: bold; font-size: 1.1rem; color: #666; padding: 0 0 0 5px;}

  .head-h5 { margin: 0 0 3px; }
  .head-h5 h1{ font-weight: bold; font-size: 1.1rem; color: #666; padding: 0 0 0 5px;}

  .head-h6 { margin: 0 0 3px; }
  .head-h6 h1{ font-weight: bold; font-size: 1.1rem; color: #666; padding: 0 0 0 5px;}

/*****************
column & box class
******************/

.content{ overflow: hidden; padding:10px; background:#f1f6f9; }

.inner{ margin: 10px; padding: 10px; overflow: hidden;
  border-radius: 3px; background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  box-sizing: border-box;}
  .content .inner { margin: 0 0 10px;}
  .content .inner:last-child { margin: 0;}
  .content.dotteLine { border-bottom:dotted 1px #ccc;}
  .content.solidLine { border-bottom:solid 1px #ccc;}

/* column */
.column{ overflow: hidden;}
  .column .column{ float: left; }
  .column .inner{ margin: 0;}

  /* column + column-(n) */
  .column-2{ padding-bottom: 1px; }
    .column-2 .column{  width: 49%; margin-right: 0;}
    .column-2 .column:nth-child(2n) { float: right; }

  .column-3{ padding-bottom: 1px; }
    .column-3 .column{ width: 32%; margin-right: 2%; }
    .column-3 .column:nth-child(3n) { margin-right: 0; }

/*****************
input form parts
******************/
input ,
select ,
textarea{ font-family:'Hiragino Kaku Gothic ProN',Meiryo,Sans-serif; }

input[type="search"] ,
input[type="password"] ,
input[type="text"],
textarea { display: block; width: 100%; height: 34px; overflow: hidden; padding: 0 10px;
  line-height: 34px; vertical-align: middle;
	box-shadow: 1px 1px 2px #eee inset , 0 1px 0 #fff;
  border: solid 1px #ccc; border-radius: 3px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	box-sizing: border-box;
  }
textarea{ line-height: 20px; padding: 10px; min-height: 150px; overflow:inherit}

input.error ,
input[type="search"].error ,
input[type="password"].error ,
input[type="text"].error { background:#fee;}

/* select label radio checkbox */
label { padding: 0 10px; line-height: 34px;}
select{ display: inline-block; height: 34px; line-height: 34px; min-width: 80px; font-size: 1.3rem; margin: 0; max-width: 100%; vertical-align: middle; border: solid 1px #999; background: #eee;}

input[type="radio"] ,
input[type="checkbox"] { margin: 0 5px 0 0; vertical-align: baseline;}
.optionGroup{ line-height: 34px;}

/* fileUploadWrapper */
input[type="file"]{ line-height: 34px;}
  .fileUploadWrapper { position: relative;}
  .fileUploadInner { position: relative; display: inline-block; overflow: hidden;}
  .fileUploadInner input[type="file"] { position: absolute; top: 0; right: 0; width: 200px; opacity: 0.01;}
  .fileUploadText { display: inline-block; vertical-align: top; padding: 9px 0 0 0;}
  .fileUploadBtm { display: block;}

/*****************
btn set
******************/
/* default size */
.btn input ,
.btn button ,
.btn a ,
.btn span ,
/* small btn */
.btn-s input ,
.btn-s button ,
.btn-s a ,
.btn-s span ,
/* block btn */
.blockBtn input ,
.blockBtn button ,
.blockBtn a ,
.blockBtn span ,
/* square btn */
.squareBtn input ,
.squareBtn button ,
.squareBtn a ,
.squareBtn span { display:inline-block; width: 100%; height: 32px;  padding: 0 10px;
  background: none; border: none; cursor: pointer; overflow: visible;
  font-weight: bold; color: #333; line-height: 32px; font-size: 100%; text-align: center; text-decoration: none;
  vertical-align:top; outline: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	box-sizing: border-box; }

/* default color = gray */
.btn ,
.btn-s ,
.blockBtn ,
.squareBtn ,
label { display: inline-block; height: 34px; overflow: hidden;
  background: #ccc; border: solid 1px #ccc; vertical-align: middle; cursor: pointer;
  text-shadow: 0 1px 0 #fff; border-radius: 3px; box-shadow: 0 1px 0 #fff inset , 0 1px 0 #eee;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	box-sizing: border-box;
  background: #f5f5f5;
  background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);}

.btn input ,
.btn button { width: 100%;}

.btn-s{ height: 26px;}
.btn-s input ,
.btn-s button ,
.btn-s a ,
.btn-s span{ height: 24px; line-height: 24px; font-size: 1.1rem; font-weight: normal;}

.btn-s input ,
.btn-s button { width: 100%; }

.blockBtn { display: block; }
.blockBtn input ,
.blockBtn button { display: block;}

.squareBtn { height: 70px;}
.squareBtn a ,
.squareBtn span ,
.squareBtn input ,
.squareBtn button  { height: 70px; padding-top:36px;}

.btn.choose ,
.btn-s.choose ,
.blockBtn.choose { background: #eee; border:solid 1px #bce8f1; font-weight: bold; box-shadow: 0 0 2px #ccc inset}

  /* font icon color */
  .btn .fa ,
  .blockBtn .fa{ color: #b2b2b2;}

  /* btn + color option */

  /* blue */
  .btn-blue button ,
  .btn-blue input ,
  .btn-blue a ,
  .btn-blue span { color: #fff; text-shadow: none; }
  .btn-blue { border: none; box-shadow: none;
    background: #4a9df1; }
  .btn-blue .fa{ color: #fff;}

  /* red */
  .btn-red button ,
  .btn-red input ,
  .btn-red a ,
  .btn-red span{ color: #fff; }
  .btn-red{ border: none; background: #ee4054; box-shadow: none;}
  .btn-red .fa{ color: #fff;}

  /* yellow */
  .btn-yellow button ,
  .btn-yellow input ,
  .btn-yellow a ,
  .btn-yellow span { color: #fff; text-shadow: 0 -1px 0 #dc9a19;}
  .btn-yellow { border: solid 1px #e6a824; box-shadow: 0 1px 0 #ffe38c inset , 0 1px 0 #eee;
    background: #ffc938;
    background: linear-gradient(to bottom, #ffc938 0%,#ffb932 100%);}
  .btn-yellow .fa{ color: #fff;}

  /* invalid */
  .invalid { color: #ccc; background: #f7f7f7; cursor: default;
    border-color: #ccc !important; box-shadow: none !important; text-shadow: none !important; }
  .invalid input,
  .invalid button,
  .invalid a,
  .invalid span{ color: #ccc; cursor: default; font-weight: normal;}

  input[type="search"].invalid ,
  input[type="password"].invalid ,
  input[type="text"].invalid { box-shadow: none !important; text-shadow: none !important; }

/* labelList */
.labelList label{ display: block; border: solid 1px #ccc; background: #fff; border-radius: 0;}
  .labelList label{ border-bottom: none;}
  .labelList label:first-child{ border-radius: 3px 3px 0 0; }
  .labelList label:last-child{ border-bottom: solid 1px #ccc; border-radius: 0 0 3px 3px; }
  .labelList .invalid{ background: #f7f7f7;}
  label.choose{ background: #eee; box-shadow: 0 0 2px #ccc inset , 0 -1px 0 #fff inset}

/* switch btn */
.switch{ display: inline-block; overflow: hidden; border: solid 1px #ccc; border-radius: 3px; vertical-align: middle;
  background: #f5f5f5;
  background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);}

  .switch .btn ,
  .switch .blockBtn ,
  .switch .btn-s ,
  .switch select ,
  .switch label { float: left; border:none; border-right: solid 1px #ccc; border-radius: 0;}

  .switch select { -webkit-appearance: none; padding: 0 5px;}

  .switch .btn:last-child ,
  .switch .btn-s:last-child ,
  .switch .blockBtn:last-child ,
  .switch select:last-child ,
  .switch label:last-child { border-right: none;}

  .switch .choose{ cursor:none;}

.switchBox { position: relative; }
.switchBox .switch { position: relative; width:100%; }
.pager_outer.switchBox .switch { position: absolute; right: 20px; top: 20px; }
.switchBox.switchBox--padding .switch {
  width: calc(100% - 20px);
  padding: 10px 10px 0;
}
.switch { font-size: 0;border:none; border-radius: 3px; }
.switch_button { display: inline-block;width: 50%}
.switch_button a { font-size: 1.2rem; display: block; width: 100%; padding: 4px 0 2px; text-align: center; border: 1px solid #2c4896; border-left: 0; background: #fff; color: #2c4896; font-weight: bold; transition: 0.2s; }
.switch_button a:hover { text-decoration: none; background: #e0e4ef; }
.switch_button.is-active a,
.switch_button.is-active a:hover { background: #2c4896; color: #fff; }
.switch_button:first-child a { border-left: 1px solid #2c4896; }
.switch_button:last-child a { }
.switch.is-large { text-align: center; }
.switch.is-large .switch_button a { font-size: 1.8rem; padding: 4px 0 2px; }

/* search box */
.textFormWrap{ width: 100%; overflow: hidden; position: relative;}
  .textForm{ width: 100%; }
  .textForm input[type=search] ,
  .textForm input[type=text] { padding: 0 150px 0 40px;
    background: #fff url(../../images/sp/exblog_base/icon_search.png) no-repeat 10px center}
  .textFormBtn{ width: 130px; position: absolute; top: 0; right: 0; margin: 0;
    border-radius: 0 3px 3px 0;}

/* add form */
.addFormWrap{ width: 100%; overflow: hidden; position: relative;}
  .addFormWrap select{ margin: 0 10px 0 0}
  .addFormTxt{ float: left; width: 69%; padding: 0 1% 0 0;}
  .addFormTxt input[type=text] { padding: 0 0 0 40px;
  background: #fff url(../../images/sp/exblog_base/icon_plus.png) no-repeat 10px center;
  background-size: 20px 20px;}
  .addFormBtn{ width: 30%; margin: 0; }

/* small size form */
.form-s label ,
.form-s select{ line-height: 26px; height: 26px; font-size: 1.1rem; padding: 0 8px}
.form-s select{ padding: 0 0 0 5px;}
.form-s .optionGroup{ line-height: 26px;}

/*****************
alert set
******************/
/* alert */
.alert{ display: block; color: #c09853; padding: 8px 14px; background: #fcf8e3;
  border: 1px solid #dcc9a6; text-shadow: 0px 1px 0px #fff; border-radius: 3px; box-shadow: 0 1px 0 #eee;}
  .alert strong{ margin: 0 10px 0 0;}
  .alert a{ color: #c09853; }
  .alert .close{ float: right; padding: 0; color: #999; background: none; border: none; cursor: pointer;
    font-weight: bold; line-height: 16px; font-size: 16px; text-shadow: 0 1px 0 #fff; outline: none;}

    /* alert + optionclass */
    .alert-green{ color: #468847; background: #dff0d8; border-color: #c2d5b3;}
    .alert-green a{ color: #468847;}
    .alert-blue{ color: #3a87ad; background: #d9edf7; border-color: #aecbda;}
    .alert-blue a{ color: #3a87ad;}
    .alert-red{ color: #b94a48; background: #f2dede; border-color: #e1bfbf;}
    .alert-red a{ color: #b94a48;}

/*****************
badge set
******************/
.badge{ display: inline-block; padding: 0 5px;
  min-width: 20px; height: 20px; line-height: 20px; border-radius: 20px;
  font-size: 77%; text-align: center; font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  box-sizing: border-box;}

  /* badge + color option */

  /* red */
  .badge-red{ color: #fff; border: solid 1px #da4153;
    box-shadow: 0 1px 0 #ff7e90 inset; text-shadow: 0px -1px 0px #cd3535;
    background: #f75f74;
    background: linear-gradient(to bottom, #f75f74 0%,#ee4054 100%);}

  /* blue */
  .badge-blue{ color: #fff; border: solid 1px #418dda;
    text-shadow: 0px -1px 0px #1c6dbf; box-shadow: 0 1px 0 #7ebeff inset;
    background: #5faaf7;
    background: linear-gradient(to bottom, #5faaf7 0%,#4096ee 100%);}

/*****************
balloon set
******************/
.balloon{ display: inline-block; padding: 0 5px; line-height: 20px; font-size: 1.1rem; border-radius: 3px;
  white-space: nowrap; text-overflow: ellipsis;
  color: #777; background: #eee; margin: 0 5px 0 5px; position: relative; z-index: 1}
  .balloon:before { content: "◀"; position: absolute; color: #eee; left:-8px; top:0; font-size: 20px; z-index: -1;}
  .balloon .fa{ margin: 0 3px 0 0;}

  .balloon-red { color: #b94a48; background: #f2dede; }
  .balloon-red:before { color: #f2dede; }
  .balloon-red .fa{ color: #d58c8b;}
  .balloon-blue { color: #3a87ad; background: #d9edf7; }
  .balloon-blue:before { color: #d9edf7; }
  .balloon-blue .fa{ color: #74a8c1;}
  .balloon-green { color: #468847; background: #dff0d8; }
  .balloon-green:before { color:#dff0d8; }
  .balloon-green .fa{ color: #81bb82;}
  .balloon-yellow { color: #c09853; background: #fbf2c7; }
  .balloon-yellow:before{ color: #fbf2c7; }
  .balloon-yellow .fa{ color: #d5b988;}

.balloon-tip { display: inline-block; padding: 0 5px; line-height: 20px; font-size: 1.1rem;
  white-space: nowrap; text-overflow: ellipsis; background: #aaa; font-weight: bold;}
.balloon-tip a { color: #fff;}

/*****************
pager set
******************/
.pager_outer {
  padding: 10px 0;
  text-align: center;
}
.pager{ margin-bottom: 5px; text-align: center; line-height: 30px; position: relative;}
.pager li { display: inline-block; height: 28px;  margin: 0 4px 0 0;
  font-weight: bold; text-align: center; font-size: 1.1rem; line-height: 28px; vertical-align: top;}
.pager li span ,
.pager li a{ display:inline-block; padding: 0 10px; cursor: pointer; color: #444;
  background: #ccc; border: solid 1px #ddd;
  text-shadow: 0 1px #fff;
  border-radius: 3px;
  box-shadow: 0 1px 0 #fff inset;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	box-sizing: border-box;
  background: #f5f5f5;
  background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);}
.pager .current { background: #eee; box-shadow: none}
.pager .pagerInfo{ color: #999; font-size: 1.1rem; font-weight: normal;}
.pager select{ height: 30px; margin: 0 5px 0 0; min-width: 60px; padding: 6px 5px;}
.perPage{ position: absolute; top: 0; left: 0; }

/*****************
tabmenu set
******************/
.tabWrapper{ margin: 10px 0 0; }
.tabmenu ul{ height: 36px; line-height: 34px; padding: 0 10px; white-space: nowrap;
    -webkit-box-sizing: border-box;
  box-sizing: border-box;}
.tabmenu li { display: inline-block; vertical-align: top; margin: 0 3px 0 0 ;
  border: solid 1px #ccc; border-radius: 3px 3px 0 0; position: relative; z-index: 1;
    -webkit-box-sizing: border-box;
  box-sizing: border-box;}
.tabmenu li:last-child{ margin-right: 0;}
.tabmenu a ,
.tabmenu span { display: block; padding: 0 15px; background: #ededed;
  color: #333; text-align: center; text-decoration: none;
  border: solid 1px #fff; border-bottom: none; font-weight: bold; font-size: 1.2rem;
  border-radius: 3px 3px 0 0; text-shadow: 0 1px 0 #fff; box-shadow: 0 -2px 5px #e2e2e2 inset;
    -webkit-box-sizing: border-box;
  box-sizing: border-box;}

.tabmenu .current{ background: #fff; border-bottom: solid 1px #fff; }
.tabmenu .current span ,
.tabmenu a:active ,
.tabmenu .current a { text-decoration: none; box-shadow: none; cursor: pointer; background: #fff;
  background: linear-gradient(to bottom, #F1F6F9 0%,#ffffff 10%);}
.tabmenu .invalid span ,
.tabmenu .invalid a ,
.tabmenu .invalid span{ color: #ccc; background:#f7f7f7; box-shadow: none; font-weight:normal; text-decoration: none; cursor: default;}

.tabmenu .badge{ position: absolute; top: -5px; right: -5px; }

.tabInner{ background: #fff; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; overflow: hidden;}

/*****************
table set
******************/
table{ width: 100%; margin: 0 auto; background: #fff;
border-collapse: separate; border-spacing: 0; border: solid 1px #ddd; border-bottom: none;}
caption{ background:#F1F6F9; font-weight: bold; padding: 6px 10px;
  border: solid 1px #ddd; border-bottom: none; box-shadow: 1px 1px 0px #fff inset;}
th,td{ padding: 6px 10px; border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; }
th{ text-align: left; font-weight: bold; color: #444; background: #f7f7f7; box-shadow: 1px 1px 0 #fff inset;}
th:only-child ,
th:last-child ,
td:only-child ,
td:last-child{ border-right: none}
.tableHead th{ background:#F1F6F9; text-align: center;}

/*****************
notes box set
******************/
/* notes */
.notesWrap{ background: url(../../images/sp/exblog_base/bg_notes.png); padding: 5px;}
.notes { background: #fff; padding: 10px;}
.notesBoxHead{ padding:0 10px; color: #666; line-height: 32px; vertical-align: middle; border-bottom: dotted 1px #ddd; }
.notesBoxHead h1{ font-weight: bold;}
.notesInner{ padding: 10px; color: #666}

  /* notes + denger */
  .notes-red{ background: url(../../images/sp/exblog_base/bg_notes_denger.png); }
  .notes-red .notesBoxHead{ color: #ba4859}

/*****************
 share class
******************/
.clear{ clear: both;}
.disp{display:inline-block; overflow:hidden; height:0;}
.disNon{display: none;}
.ovH{ overflow: hidden;}
.fL{ float: left;}
.fR{ float: right;}
.taC{text-align:center} .taL{text-align:left} .taR{text-align:right}

.liDisc ,
.liDec{ margin: 10px;}
.liDisc li{ list-style: disc outside; margin: 0 0 5px 20px;}
.liDec li{ list-style: decimal outside; margin: 0 0 5px 20px;}
  .liDisc li:only-child ,
  .liDisc li:last-child ,
  .liDec li:only-child ,
  .liDec li:last-child{ margin-bottom: 0;}

.noLine-top{ border-top: none;} .noLine-left{ border-left: none;}
.noLine-bottom{ border-bottom: none;} .noLine-right{ border-right: none;}

.m0A{margin:0 auto;}

.m0{ margin:0}     .mT0{margin-top:0}     .mB0{margin-bottom:0}     .mR0{margin-right:0}     .mL0{margin-left:0}
.m5{ margin:5px}   .mT5{margin-top:5px}   .mB5{margin-bottom:5px}   .mR5{margin-right:5px}   .mL5{margin-left:5px}
.m10{margin:10px} .mT10{margin-top:10px} .mB10{margin-bottom:10px} .mR10{margin-right:10px} .mL10{margin-left:10px}
.m15{margin:15px} .mT15{margin-top:15px} .mB15{margin-bottom:15px} .mR15{margin-right:15px} .mL15{margin-left:15px}
.m20{margin:20px} .mT20{margin-top:20px} .mB20{margin-bottom:20px} .mR20{margin-right:20px} .mL20{margin-left:20px}
.m30{margin:30px} .mT30{margin-top:30px} .mB30{margin-bottom:30px} .mR30{margin-right:30px} .mL30{margin-left:30px}
.m40{margin:40px} .mT40{margin-top:40px} .mB40{margin-bottom:40px} .mR40{margin-right:40px} .mL40{margin-left:40px}
.m50{margin:50px} .mT50{margin-top:50px} .mB50{margin-bottom:50px} .mR50{margin-right:50px} .mL50{margin-left:50px}

.p0{ padding:0}     .pT0{padding-top:0}     .pB0{padding-bottom:0}     .pR0{padding-right:0}     .pL0{padding-left:0}
.p5{ padding:5px}   .pT5{padding-top:5px}   .pB5{padding-bottom:5px}   .pR5{padding-right:5px}   .pL5{padding-left:5px}
.p10{padding:10px} .pT10{padding-top:10px} .pB10{padding-bottom:10px} .pR10{padding-right:10px} .pL10{padding-left:10px}
.p15{padding:15px} .pT15{padding-top:15px} .pB15{padding-bottom:15px} .pR15{padding-right:15px} .pL15{padding-left:15px}
.p20{padding:20px} .pT20{padding-top:20px} .pB20{padding-bottom:20px} .pR20{padding-right:20px} .pL20{padding-left:20px}
.p30{padding:30px} .pT30{padding-top:30px} .pB30{padding-bottom:30px} .pR30{padding-right:30px} .pL30{padding-left:30px}
.p40{padding:40px} .pT40{padding-top:40px} .pB40{padding-bottom:40px} .pR40{padding-right:40px} .pL40{padding-left:40px}
.p50{padding:50px} .pT50{padding-top:50px} .pB50{padding-bottom:50px} .pR50{padding-right:50px} .pL50{padding-left:50px}

.w50{ width:50px}   .h50{height:50px}
.w100{width:100px} .h100{height:100px}
.w150{width:150px} .h150{height:150px}
.w200{width:200px} .h200{height:200px}
.w250{width:250px} .h250{height:250px}
.w300{width:300px} .h300{height:300px}
.wFull{width:100%}

.fwB {font-weight:bold;}
.fs10	{font-size:1rem}   .fs16{font-size:1.6rem} .fs22{font-size:2.2rem}
.fs11	{font-size:1.1rem} .fs17{font-size:1.7rem} .fs23{font-size:2.3rem}
.fs12	{font-size:1.2rem} .fs18{font-size:1.8rem} .fs24{font-size:2.4rem}
.fs13	{font-size:1.3rem} .fs19{font-size:1.9rem} .fs25{font-size:2.5rem}
.fs14	{font-size:1.4rem} .fs20{font-size:2.0rem} .fs26{font-size:2.6rem}
.fs15	{font-size:1.5rem} .fs21{font-size:2.1rem} .fs27{font-size:2.7rem}

.sm{font-size: 1.1rem;}
.sm-gray{font-size: 1.1rem; color: #777;}
.sm-red{ font-size: 1.1rem; color: #b94a48;}
.sm-blue{font-size: 1.1rem; color: #3a87ad;}
.sm-green{font-size: 1.1rem; color: #468847;}
.sm-yellow{font-size: 1.1rem; color: #c09853;}

/* attention text */
.att{ color: #666; font-size: 1.1rem;}
.att span{ color: #b94a48; padding: 0 5px 0 0;}

/* new mark */
.new-text{ color: #e86967; background: #fffdae; font-size: 1.1rem;}
.new-post:before{ content: 'New!'; float: left; margin: 3px 5px 0 0;
  color: #e86967; background: #fffdae; font-size: 1.1rem; line-height: 1.3rem}

/* Add New theme */
img.IMAGE_LEFT { width: unset; margin-right: 20px; margin-bottom: 10px;}
div > img { width: 100%; height: auto; }