@charset "utf-8";

/* yjTmplCommon-min.css 1.1.0 */
/*\*/ /*/@import "yjTmplMacIE5-min.css";/**/
body {
  margin: 0;
  padding: 0;
  text-align: center;
}
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
input,
p,
blockquote,
fieldset,
div {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
ul li,
ol li {
  list-style: none;
}
table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}
caption {
  text-align: left;
}
table,
pre,
code,
select,
input,
textarea,
kbd,
var,
ins,
del,
samp {
  font-size: 100%;
}
address,
cite,
dfn,
em,
strong,
var,
th,
ins,
del,
samp {
  font-weight: normal;
  font-style: normal;
}
a img {
  border: 0;
}
hr.yjSeparation {
  display: none;
}
fieldset {
  border: none;
}
#wrapper {
  text-align: left;
  font-size: medium;
  line-height: 1.56;
}
#yjContentsBody {
  position: relative;
}
.yjGuid {
  display: block;
  height: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
.yjSkip {
  display: block;
  height: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
.yj950-1 #wrapper,
.yj950-2 #wrapper,
.yj950-3 #wrapper {
  width: 950px;
  margin: 0 auto;
  padding: 0 10px;
}
.yj950-1 #contents,
.yj950-2 #contents,
.yj950-3 #contents {
  text-align: left;
}
.yj950-2 #yjMain {
  float: left;
  width: 640px;
}
.yj950-2 #yjSub {
  float: right;
  width: 300px;
}
.yj950-3 #yjMain {
  float: left;
  width: 640px;
}
.yj950-3 .yj1stUnit {
  float: right;
  width: 440px;
}
.yj950-3 .yj2ndUnit {
  float: left;
  width: 190px;
}
.yj950-3 #yjSub {
  float: right;
  width: 300px;
}
.yj100per-1,
.yj100per-2,
.yj100per-3 {
  width: 100%;
}
.yj100per-1 #wrapper,
.yj100per-2 #wrapper,
.yj100per-3 #wrapper {
  min-width: 950px;
  padding: 0 10px;
}
.yj100per-2 #yjMain {
  float: left;
  width: 100%;
  margin-left: -310px;
}
.yj100per-2 .yjMainGrid {
  margin-left: 310px;
}
.yj100per-2 #yjSub {
  float: right;
  width: 300px;
}
.yj100per-3 #yjMain {
  float: left;
  width: 100%;
  margin-left: -310px;
}
.yj100per-3 .yjMainGrid {
  margin-left: 310px;
}
.yj100per-3 .yj1stUnit {
  float: right;
  width: 100%;
  margin-right: -200px;
}
.yj100per-3 .yj1stInnerUnit {
  margin-right: 200px;
}
.yj100per-3 .yj2ndUnit {
  float: left;
  width: 190px;
}
.yj100per-3 #yjSub {
  float: right;
  width: 300px;
}
#yjContentsBody:after,
.yj950-3 #yjMain:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}
#yjContentsBody,
.yj950-3 #yjMain {
  height: 1%;
}
/* fonts-min.css 1.0.2 */
.s115 {
  line-height: 115%;
}
.s130 {
  line-height: 130%;
}
.s150 {
  line-height: 150%;
}
.yjXXL {
  font-size: x-large;
  voice-family: '"}"';
  voice-family: inherit;
  font-size: xx-large;
  font-size/**/: x-large;
}
html > body .yjXXL {
  font-size: 180%;
  font-size/**/: xx-large;
}
.yjXL {
  font-size: large;
  voice-family: '"}"';
  voice-family: inherit;
  font-size: x-large;
  font-size/**/: large;
}
html > body .yjXL {
  font-size: 150%;
  font-size/**/: x-large;
}
.yjL {
  font-size: medium;
  voice-family: '"}"';
  voice-family: inherit;
  font-size: large;
  font-size/**/: medium;
}
html > body .yjL {
  font-size: 120%;
  font-size/**/: large;
}
.yjM {
  font-size: small;
  voice-family: '"}"';
  voice-family: inherit;
  font-size: medium;
  font-size/**/: small;
}
html > body .yjM {
  font-size: 100%;
  font-size/**/: medium;
}
.yjMt {
  font-size: small;
  line-height: 1.4em;
  voice-family: '"}"';
  voice-family: inherit;
  font-size: medium;
  font-size/**/: small;
}
html > body .yjMt {
  font-size: 100%;
  font-size/**/: medium;
}
.yjS {
  font-size: x-small;
  voice-family: '"}"';
  voice-family: inherit;
  font-size: small;
  font-size/**/: x-small;
}
html > body .yjS {
  font-size: 84%;
  font-size/**/: small;
}
.yjSt {
  font-size: x-small;
  line-height: 1.3em;
  voice-family: '"}"';
  voice-family: inherit;
  font-size: small;
  font-size/**/: x-small;
}
html > body .yjSt {
  font-size: 84%;
  font-size/**/: small;
}
.yjXS {
  font-size: xx-small;
  voice-family: '"}"';
  voice-family: inherit;
  font-size: x-small;
  font-size/**/: xx-small;
}
html > body .yjXS {
  font-size: 70%;
  font-size/**/: x-small;
}
/* masthead-min.css 1.0.0 */
.yjmth {
  *height: 1%;
}
.yjmth img {
  vertical-align: middle;
  border: 0px;
}
.yjmth a {
  border: 0px;
}
div.yjmthproplogoarea {
  float: left;
}
div.yjmthloginarea {
  float: left;
  margin: 0px 0px 0px 3px;
  font-size: smaller;
  text-align: left;
  line-height: 110%;
}
div.yjmthcplogoarea {
  float: right;
}
div.yjmthcmnlnkarea {
  /*\*/
  float: right; /* */
  margin: 10px 3px 0px 0px;
  font-size: smaller;
  text-align: right;
  line-height: 110%;
}
br.yjmthclear {
  clear: both;
}
div.yjgrplink {
  text-align: right;
  font-size: smaller;
  line-height: 115%;
}
div#music div.yjmthloginarea {
  margin-top: 16px;
  margin-left: 7px;
}
div#music div.yjmthcmnlnkarea {
  margin-top: 26px;
}
div#music div.yjmthcplogoarea {
  margin-top: 14px;
}
#masthead {
  width: 100%;
  height: 41px;
  margin: 4px auto 10px auto;
  text-align: left;
}
#masthead strong {
  font-weight: bold;
}
#masthead:after {
  content: ".";
  display: block;
  position: relative;
  height: 0;
  clear: both;
  visibility: hidden;
} /*\*/
* html #masthead {
  height: 1%;
}
* html #masthead .yjmth {
  margin: 0;
  padding: 0;
} /**/ /* ie/mac \*/ /*/#masthead{display:inline-table;}/**/
@media print {
  div.yjmthloginarea {
    display: none;
  }
}
/* emg-min.css 1.0.0 */
#emg,
#emg2,
#emg3 {
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
}
#emg2 br {
  display: none;
}
#emg table,
#emg2 table,
#emg3 table {
  margin: 0 auto;
  text-align: left;
} /* ie/mac \*/ /*/#emg,#emg2{margin-left:120px;}#emg3{margin-left:235px;}/**/
/* uft-min.css 2.0.0 */
#uft {
  padding: 15px 0;
  border-top: 1px solid #ccc;
  text-align: center;
}
/* footer-min.css 1.0.0 */
#footer {
  text-align: center;
}
#footer address {
  padding: 10px 0 20px;
  border-top: 1px solid #ccc;
  font-size: small;
  line-height: 1.4;
}

/* ----------------------------------------
common
---------------------------------------- */
body {
  background: #fff;
}
#wrapper {
  min-width: 950px;
}
#yjMain,
#yjSub {
  word-break: break-all;
  word-wrap: break-word;
}

/*-- #header --*/
#headerWrap {
  width: 950px;
  margin: 20px auto 0;
}
#blogHeader {
  margin-bottom: 0;
  padding: 0 3px;
  overflow: hidden;
  background-color: #ff9933;
}
.mapLogo a {
  padding: 5px 10px;
  float: left;
}
#blogHeader p {
  text-align: right;
  margin-top: 8px;
  font-size: 92%;
  color: #fff;
}

/*-- #contents --*/
#yjContentsHeader,
#yjContentsBody,
#yjContentsFooter {
  width: 950px;
  margin: 0 auto;
}
#commonLinkYtop,
#commonLinkMtop {
  width: 950px;
  margin-bottom: 10px;
}
#yjContentsBody {
  margin-bottom: 10px;
}

/*-- #footer --*/
#footer {
  width: 950px;
  margin: 0 auto;
}
#footer {
  border-top: 1px solid #ccc;
}
#footer address {
  border-top: none;
}

/*-- columnWidth --*/
#yjMain {
  float: left;
  width: 620px;
  margin-right: 30px;
}
#yjSub {
  float: right;
  width: 300px;
}

/*-- fontColor --*/
#contents {
  color: #000;
}
.txtRed {
  color: #f00;
}

/*-- linkColor --*/
#contents a:link,
#footer a:link {
  color: #0079de;
}
#yjContentsBody a:link,
#yjContentsBody a:visited {
  color: #c64d21;
}
#yjContentsBody a {
  text-decoration: none;
}
#yjContentsBody a:hover {
  text-decoration: underline;
}

/*-- topTitleImg --*/

.titleImg a {
  text-indent: -9999px;
  margin-bottom: 10px;
  background: url("https://s.yimg.jp/images/map/mapblog/pc/img/blogTop.png") no-repeat;
  background-size: 950px 200px;
  width: 950px;
  height: 200px;
  display: block;
}

/*-- titleFont --*/
h2.title,
h3.title {
  font-weight: bold;
  color: #845800;
}
h3.title {
  font-size: 84%;
}

/*-- .pageTitleCommon --*/
.pageTitle {
  zoom: 1;
}
.pageTitle .header {
  background: #fddb73;
  padding: 2px 8px;
}

/*-- clearfix --*/
.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  zoom: 1;
}

/* ----------------------------------------
blogTop
---------------------------------------- */

/*-- .mainListTop --*/
.mainListTop {
  overflow: hidden;
  padding: 15px 10px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
.mainListTop img {
  width: 200px;
  height: 200px;
  float: left;
  background-color: #fff;
  margin-right: 10px;
}
.mainListTop p {
  overflow: auto;
  zoom: 1;
}

.mainListTop .name {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 150%;
  line-height: 1.4em;
  color: #000;
}
.mainListTop .excerpt {
  font-size: 92%;
  color: #333;
}
.mainListTop .date,
.mainListTop .cate {
  margin-right: 5px;
}
.mainListTop .date,
.mainListTop .cate,
.mainListTop .centenceLink {
  color: #666;
  font-size: 84%;
}
.mainListTop .centenceLink a {
  text-indent: -9999px;
  margin-bottom: 10px;
  background: url("https://s.yimg.jp/images/map/mapblog/pc/img/txtContinue.png") no-repeat;
  background-size: 114px 25px;
  width: 114px;
  height: 25px;
  display: block;
  float: right;
}

/*-- .mainList --*/
.mainList li {
  overflow: hidden;
  padding: 15px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

.mainList img {
  width: 100px;
  height: 100px;
  float: left;
  margin-right: 10px;
}

.mainList dl {
  overflow: auto;
  zoom: 1;
}

.mainList .name {
  font-weight: bold;
  color: #000;
  margin-bottom: 5px;
}
.mainList .excerpt {
  font-size: 84%;
  color: #333;
}
.mainList .date,
.mainList .cate,
.mainList .centenceLink {
  color: #666;
  font-size: 84%;
}

.mainList .name a:link {
  color: #c64d21;
}
.mainList .name a {
  text-decoration: none;
}
.mainList .name a:hover {
  text-decoration: underline;
}
.mainList .name a:visited {
  color: #c64d21;
}

.moreLink {
  text-align: right;
  margin-top: 10px;
}

/* ----------------------------------------
entry
---------------------------------------- */
/*-- .pageTitle --*/
body#entry_archive .pageTitle {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 10px;
}
.pageTitle .shareButton {
  margin: 5px 0 5px 10px;
  float: left;
}
.pageTitle .shareButtonTwitter {
  position: absolute;
  top: 2px;
  left: 0px;
}
.pageTitle .shareButtonFacebook {
  position: absolute;
  top: 2px;
  left: 90px;
}
.pageTitle .subTextDate {
  margin: 5px 10px;
  float: right;
  font-size: 14px;
}
.pageTitle .fb-like {
  vertical-align: top;
}
#shareBtnTop {
  position: absolute;
}

/*-- #entryBody --*/
#entryBody {
  font-size: 92%;
  clear: both;
  position: relative;
  zoom: 1;
  padding: 0 10px;
  border-bottom: 1px solid #dddddd;
  overflow: hidden;
}
#entryBody p,
#entryBody img,
#entryBody h4,
#entryBody h5,
#entryBody ul,
#entryBody ol,
#entryBody code {
  margin-bottom: 10px;
}
#entryBody h1,
#entryBody h2,
#entryBody h3 {
  display: none;
}
#entryBody h4 {
  padding-left: 5px;
  border-left: 3px solid #f93;
  line-height: 1.26;
  font-size: 134%;
  font-weight: bold;
}
#entryBody h5 {
  padding-left: 5px;
  border-left: 3px solid #ccc;
  line-height: 1.26;
  font-size: 109%;
  font-weight: bold;
}

#entryBody strong {
  font-weight: bold;
}
#entryBody ul,
#entryBody ol {
  margin-left: 30px;
}
#entryBody ul li {
  list-style-type: square;
}
#entryBody ol li {
  list-style-type: decimal;
}
#entryBody code {
  display: block;
  padding: 10px 15px;
  background: #f1f1f1;
  border: 1px solid #bec7ce;
  word-wrap: normal;
  max-width: 600px;
  max-height: 500px;
  overflow: scroll;
}
#entryBody img {
  max-width: 600px;
}
#entryBody code,
#entryBody img {
  width: expression(this.clientWidth > 600 ? "600px": "auto");
} /*-- ie6 --*/

#entryBody #entryMore {
  clear: both;
  position: relative;
  zoom: 1;
  padding: 10px 10px 0;
  border-top: 1px solid #dddddd;
}

/*-- #entryPN --*/
#entryPN {
  margin: 1em 10px;
  font-size: 84%;
}
#entryPN .entryPre {
  border-right: 1px solid #f1a979;
}
#entryPN .entryPre {
  padding-right: 15px;
  overflow: hidden;
  float: left;
  text-align: right;
  width: 282px;
}
#entryPN .entryNex {
  padding-left: 15px;
  overflow: hidden;
  float: right;
  text-align: left;
  width: 282px;
}

/*-- #shareBtnBtm --*/
#shareBtnBtm {
  margin: 5px 0 5px 10px;
}
#shareBtnBtm .shareButtonTwitter {
  float: left;
}
#shareBtnBtm .shareButtonFacebook {
  float: left;
  margin-left: 10px;
}

/*-- .writer --*/
.writer {
  border: 1px solid #000;
  margin-bottom: 1em;
}
.writer h6 {
  background-color: #eee;
  border-bottom: 1px solid #000;
  padding: 2px 6px;
  margin-bottom: 10px;
  color: #000;
  font-weight: bold;
}
.writer img {
  width: 100px;
  height: 100px;
  border: 1px solid #000;
  margin: 0 10px 10px;
  float: left;
}
.writer dl {
  margin: 0 10px 10px 0;
}
.writer dt {
  color: #000;
}

/* ----------------------------------------
sub
---------------------------------------- */

.subList {
  overflow: hidden;
  margin-top: 10px;
  border: 1px solid #fddb73;
}

.subList ul {
  margin: 0 10px 10px 0;
}
.subList .header {
  background: #fddb73;
  padding: 2px 8px;
}
.subList ul li {
  font-size: 84%;
  padding: 8px 0 2px 8px;
}

/*-- connectionList --*/
#connectionList p {
  padding: 10px 0 0 0;
}
#connectionList a {
  padding: 10px 0 10px 36px;
}
#connectionList .facebookLink a {
  background: url("https://s.yimg.jp/images/map/mapblog/pc/img/facebookIcon.png") no-repeat;
  background-size: 28px 28px;
  background-position: left center;
}
#connectionList .twitterLink a {
  background: url("https://s.yimg.jp/images/map/mapblog/pc/img/twitterIcon.png") no-repeat;
  background-size: 28px 28px;
  background-position: left center;
}
#connectionList .rssLink a {
  background: url("https://s.yimg.jp/images/map/mapblog/pc/img/rssIcon.png") no-repeat;
  background-size: 28px 28px;
  background-position: left center;
}

/*-- socialLinksModule --*/
.socialLinksModule {
  margin-top: 10px;
  border: 1px solid #fddb73;
}
.socialLinksModuleHeader {
  background: #fddb73;
  padding: 2px 8px;
}
.socialLinksModuleTitle {
  font-size: 84%;
  font-weight: bold;
  color: #845800;
}
.socialLinksModuleList {
  padding: 8px;
  text-align: center;
  font-size: 0;
  display: flex;
  justify-content: space-evenly;
}
.socialLinksModuleItem {
}
.socialLinksModuleLink {
  display: block;
}
.socialLinksModuleIcon {
  display: block;
  width: auto;
  height: 58px;
  margin: 0 auto;
}

/*-- appPR --*/
.appPR a {
  display: block;
  width: 300px;
  height: 60px;
  background: url("https://s.yimg.jp/images/map/promo/map_pr/common/bnr_common300x60_01.jpg") no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 auto;
}

.banner {
  margin-bottom: 5px;
}

/*-- facebook twitter --*/
.facebookBox {
  margin-top: 10px;
}
.twitterBox {
  margin-top: 10px;
}

/* ----------------------------------------
changeDevice
---------------------------------------- */
.changeDevice {
  font-size: 100%;
  text-align: center;
  margin: 0 auto 1em;
}
.changeDevice dl {
  background: #fff;
  border: 1px solid #ddd;
  width: 240px;
  margin: auto;
  padding: 10px;
}
.changeDevice dl dt {
  display: inline;
  padding-right: 0.3em;
  line-height: 1.26;
}
.changeDevice dl dd {
  display: inline;
  line-height: 1.26;
}
.changeDevice dl dd span {
  font-weight: bold;
}
.changeDevice dl dd a {
  font-weight: normal;
}

/* ----------------------------------------
notfound
---------------------------------------- */
#notfoundWrap {
  border: 1px solid #ff6633;
  margin: 10px auto;
  padding: 75px;
  background: #fff;
  text-align: center;
  zoom: 1;
}
#notfoundWrap h2 {
  font-weight: bold;
  color: #c64d21;
  margin-bottom: 15px;
}
#notfoundWrap p {
  margin-bottom: 20px;
}

/* ----------------------------------------
noscript
---------------------------------------- */
.noscriptArea p.errorText {
  font-size: 14px;
  text-align: center;
  color: #f00;
  width: 950px;
  margin: 10px auto;
  border: solid 1px #f00;
  background: #fff;
  padding: 10px 0;
}
.noscriptArea a {
  font-size: 14px;
}

/* ----------------------------------------
commonLinkYtop commonLinkMtop
---------------------------------------- */
.commonLink {
  margin: 10px auto;
}
.commonLink ul {
  text-align: center;
}
.commonLink li {
  padding: 0 10px;
  display: inline;
  font-size: 92%;
}
.commonLink a:link {
  color: #c64d21;
}
.commonLink a {
  text-decoration: none;
}
.commonLink a:hover {
  text-decoration: underline;
}
.commonLink a:visited {
  color: #c64d21;
}
.commonLinkR {
  border-left: 1px solid #ccc;
}

/* ----------------------------------------
posEMG
---------------------------------------- */
#posEMG table {
  margin: 10px auto;
}
#posEMG tbody table {
  margin: 0;
}

/* ----------------------------------------
youtube
----------------------------------------- */
.yt-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.yt-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}