@charset "utf-8";
/* -------------------------------------
     Site CSS
 (c) Copyright 2006 Sketches of Design
     version 2006-09-01
------------------------------------- */
/*  General Rules
--------------------------------------*/
body{
  background-color: #fff;
  color: #333;
  font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}
@font-face {
  font-family: 'NotoSans-Black';
  src: url(../fonts/NotoSansJP-Black.eot);
  src: local('NotoSansJP-Black'),
       url(../fonts/NotoSansJP-Black.otf) format('opentype');
}
@font-face {
  font-family: 'NotoSans-Bold';
  src: url(../fonts/NotoSansJP-Bold.eot);
  src: local('NotoSansJP-Bold'),
       url(../fonts/NotoSansJP-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'NotoSans-Medium';
  src: url(../fonts/NotoSansJP-Medium.eot);
  src: local('NotoSansJP-Medium'),
       url(../fonts/NotoSansJP-Medium.otf) format('opentype');
}
@font-face {
  font-family: 'NotoSans-Regular';
  src: url(../fonts/NotoSansJP-Regular.eot);
  src: local('NotoSansJP-Regular'),
       url(../fonts/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'NotoSans-DemiLight';
  src: url(../fonts/NotoSansJP-DemiLight.eot);
  src: local('NotoSansJP-DemiLight'),
       url(../fonts/NotoSansJP-DemiLight.otf) format('opentype');
}
@font-face {
  font-family: 'NotoSans-Light';
  src: url(../fonts/NotoSansJP-Light.eot);
  src: local('NotoSansJP-Light'),
       url(../fonts/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
  font-family: 'NotoSans-Thin-Windows';
  src: url(../fonts/NotoSansJP-Thin-Windows.eot);
  src: local('NotoSansJP-Thin-Windows'),
       url(../fonts/NotoSansJP-Thin-Windows.otf) format('opentype');
}
/* icon-font */
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?5u3j9l');
  src:  url('../fonts/icomoon.eot?5u3j9l#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?5u3j9l') format('truetype'),
    url('../fonts/icomoon.woff?5u3j9l') format('woff'),
    url('../fonts/icomoon.svg?5u3j9l#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-hatebu:before {
  content: "\e900";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}

/*  
--------------------------------------*/
address, em{
  font-style: normal;
}
img{
  margin: 0 0 1em 0;
  border: 0;
  vertical-align: bottom;
}
br{
  letter-spacing: 0;
}
/* clearfix */
.CFX:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* for win IE7 ,mac IE */
.CFX{
  display: inline-table;
  min-height: 1%;
}

/* for win IE6 */
/* \*/
* html .CFX{height: 1% !important;}
.CFX{display: block;}
/* */

/* FIR */
.FIR{
  text-indent: -10000px !important;
  /* \*/
  overflow: hidden !important;
  /* */
  background-repeat: no-repeat;
  background-position: 0 0;
}
.FIR a{
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  outline: 0;
}
ul.FIR, ol.FIR{
  margin: 0;
  padding: 0;
  list-style: none;
}
.first{
  margin-left: 0 !important;
}

/* nav */
#btt{
  position: fixed;
  right: 20px;
  bottom: 0;
  margin: 0;
  z-index: 5000;
  width: 70px;
  height: 46px;
}
#btt a{
  background: url("../img/nav-btt.png") 0 0 no-repeat;
	background-size: 70px 46px !important;
	-webkit-background-size: 70px 46px !important;
	-moz-background-size: 70px 46px !important;
	-ms-background-size: 70px 46px !important;
	-o-background-size: 70px 46px !important;
}
#btt a:hover{
  filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
}
.external {
    background: url("../img/nav_external.png") right center no-repeat;
    margin-right: 4px;
    padding-right: 14px;
}
#content p{
  margin-top: 0;
  margin-bottom: 0.7em;
  line-height: 1.7;
  letter-spacing:0.06em;
}

/* list */
#content ul,
#content ol{
  margin: 0 0 0 1em;
  padding: 0;
}
#content ul{
  list-style-type: none;
}
#content ol{
  margin: 0 0 1em 40px;
  list-style-position: outside;
}
#content ol li{
  margin: 0 0 0.8em 0;
}
#content ul li{
  margin: 0 0 0.8em 0;
  padding: 0 0 0 10px;
  background: 0 0.5em no-repeat;
	background-size: 4px 4px;
	-webkit-background-size: 4px 4px;
	-moz-background-size: 4px 4px;
	-ms-background-size: 4px 4px;
	-o-background-size: 4px 4px;
}
#main ol.bc{
  margin: 0 auto !important;
  padding: 0;
  width: 100%;
  font-size: 69%;
  text-align: right;
}
ol.bc li a{
  color: #4d4d4d;
  text-decoration: none;
}
ol.bc li a:hover{
  text-decoration: underline;
}
ol.bc li{
  display: inline;
  color: #717273;
  margin: 0;
  padding: 0;
}
ol.bc li.first{
  background: none;
  padding-left: 0;
}
ol.bc li strong{
  color: #333;
  font-weight: normal;
}
ol.bc{
  list-style: none;
  border-bottom: none;
  margin: 0 !important;
  text-align: left;
}
ol.bc span{
  margin: 0 0 0 5px;
}
/* headline */
h1, h2, h3, h4, h5, h6{
  font-size: 100%;
  font-weight: normal;
}
#content h2{
  margin: 60px 0 40px 0;
  font-size: 200%;
  color: #303130;
  text-align: center;
  letter-spacing: 0.1em;
}
#content h3{
  margin: 60px 0 20px 0;
/*
  color: #7b5999;
*/
  font-size: 163%;
  letter-spacing: 0.05em;
  font-weight: 700;
}
#content h4{
  margin: 20px 0 10px 0;
/*
  color: #7b5999;
*/
  font-size: 113%;
  letter-spacing: 0.05em;
  font-weight: 700;
}

/* decoration */
.banners a:hover,
.banners a:hover img{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}
em{
/*
  color: #3c62a1;
*/
  font-weight: bold;
}
strong{
  color: #303130;
  font-size: 108%;
  font-weight: bold;
}
.nav{
  text-align: right;
  font-size: 85%;
}
.nav a{
  padding: 0 0 0 12px;
  background: url("../img/nav-arrow.png") left center no-repeat;
}
.weak{
  font-size: 85%;
  _font-size: small;
/*  color: #999;*/
}
#content blockquote{
  background-color: #F4F5F5;
  border: 1px solid #D2D2D2;
  color: #677880;
  margin: 1em 0 1.5em;
  padding: 0.5em 1em;
}
.box{
  margin: 15px 0 !important;
  padding: 20px 20px 10px 20px;
  background: #f0f3fa;
}
/* Defalut Link Design */
a:link{
  color: #79663F;
  text-decoration: none;
}
#content a:link,
#content a:visited,
#content a:active{
  color: #000;
}
a:hover{
  color: #000;
  text-decoration: underline;
}
a:visited{
  color: #000;
  text-decoration: none;
}
a:active{
  color: #000;
  text-decoration: none;
}


/*  Layout
--------------------------------------*/
/* body */
body{
  background: #fff;
  text-align: center;
  color: #666766;
  font-size: 100%;
  word-wrap: break-word;
}

/* wrapper */
#wrapper{
  margin: 0 auto !important;
  width: 100%;
  height: 100%;
  text-align: left;
}


/* sidearea */
#sidearea{
  position: fixed;
  top: 0px;
  left: 0px;
  background: #fff;
  border-right: 1px solid #ccc;
  width: 200px;
  height: 100%;
  z-index: 2;
}
#sidearea #b-logo{
  margin: 0;
  border-bottom: 1px solid #333;
  height: 240px;
}
#sidearea #b-logo a{
  display: block;
  height: 240px;
}
#sidearea #b-logo,
#sidearea ul li{
  text-align: center;
}
#sidearea #b-logo img{
  margin: 40px 0 0 0;
}
#sidearea ul li{
  border-bottom: 1px solid #ccc;
  height: 80px;
}
#sidearea ul li a{
  padding: 20px 0 0 0;
  height: 60px;
}
#sidearea ul li a,
#sidearea ul li em{
  display: block;
}
#sidearea ul li a,
#sidearea ul li em{
  color: #1e1f1e;
}
#sidearea ul li em,
#sidearea ul li span{
  font-family: 'Noto Sans Japanese';
}
#sidearea ul li em{
  font-family: 'NotoSans-Bold'\9;
  font-weight: 700;
}
#sidearea ul li span{
  font-size: 82%;
  font-family: 'NotoSans-Light'\9;
  font-weight: 300;
}
#sidearea ul li.sub,
#sidearea ul li.sub a{
  padding: 0;
  height: 53px;
  line-height: 53px;
}
#sidearea ul li.sub a{
  font-size: 88%;
  font-family: 'NotoSans-Regular'\9;
  font-weight: 400;
}
#sidearea ul li.arts a{
  background: url("../img/nav-sidearea-menu.png") 0 0 no-repeat;
}
#sidearea ul li.liter a{
  background: url("../img/nav-sidearea-menu.png") 0 -80px no-repeat;
}
#sidearea ul li.econo a{
  background: url("../img/nav-sidearea-menu.png") 0 -160px no-repeat;
}
#sidearea ul li.sub a{
  background: url("../img/nav-sidearea-menu.png") 0 -240px no-repeat;
}
#sidearea ul li a:hover{
  text-decoration: none;
  background-color: #f0f0f0;
}
#sidearea ul li.arts a.active,
#sidearea ul li.arts a:hover{
  background-color: #f8e9eb;
}
#sidearea ul li.liter a.active,
#sidearea ul li.liter a:hover{
  background-color: #e6f1ed;
}
#sidearea ul li.econo a.active,
#sidearea ul li.econo a:hover{
  background-color: #eaeffa;
}
#sidearea ul.link{
  padding: 30px 0;
  border-bottom: 1px solid #ccc;
}
#sidearea ul.link li{
  float: left;
  display: inline;
  border: none;
  width: 100px;
  height: 60px;
}
#sidearea ul.link li,
#sidearea ul.link li a{
  padding: 0;
}
#sidearea ul.link li a{
  padding: 10px 0 0 0;
  height: 50px;
}
#sidearea ul.link li.kaseki{
  border-right: 1px solid #e0e0e0;
  width: 99px;
}
#sidearea ul.link li a:hover{
  background: none;
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}


/* sidemenu - release */

#sidearea div.album{
  border-bottom: 1px solid #ccc;
  padding: 20px 0;
  text-align: center;
  font-size: 87%;
}
#sidearea div.album p.image{
  margin: 0 auto 0.5em auto;
  width: 120px;
  height: 120px;
}
#sidearea div.album p.title{
  letter-spacing: -0.05em;
}
#sidearea div.album p.image img{
  max-width: 100%;
  height: auto;
  width /***/:auto;
}
#sidearea div.album p.nav{
  text-align: center;
}
#sidearea div.album p.nav a,
#sidearea div.album p em{
  color: #1e1f1e;
}




/* header */
#header{
  position: absolute;
  margin: 0 auto;
  background-color: rgba(000,0,0,0.7);
  padding: 0;
  width: 100%;
  text-align: right;
  z-index: 1;
}
#header ul{
  margin: 0;
  padding: 10px 20px 8px 20px;
  line-height: 24px;
}
#header ul li{
  float: right;
  display: inline;
  font-size: 125%;
  width: 40px;
}
#header ul li a{
  color: #fff;
}
#header ul li.home{
  margin: 0 10px 0 0;
  background: url("../img/nav-hd-menu-home.png") right center no-repeat;
  padding: 0 30px 0 0;
  font-family: 'Noto Sans Japanese';
  font-family: 'NotoSans-Bold'\9;
  font-weight: 700;
  font-size: 82%;
  width: auto;
}
#header ul li a:hover{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
  text-decoration: none;
}


/* content */
#content{
  margin: 0 auto;
  padding: 0 0 0 200px;
}


/* footer */
#footer,
#footer .copy img{
  margin: 0;
}
#footer{
  border-top: 1px solid #f2f2f2;
  padding: 0 0 0 200px;
  text-align: center;
  overflow: hidden;
}
#footer .copy{
  margin: 10px 0;
}
#footer .inner ul,
#footer .inner ul li{
  margin: 0;
  background: none;
  padding: 0;
  list-style-type: none;
}



/*  home
/////////////////////////////////////////// */

.onigiri .main-pic{
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    padding: 40px 0;
    z-index: 1;
  height: 600px;
}
#onigiri-idx .main-pic{
  background-image: url("../img/p-main-01.jpg");
}
#content #articles h2,
#onigiri-idx h2,
.article #profile h2{
  font-family: 'Patua One', cursive;
  font-size: 220%;
  color: #303130;
}

/* topics */
.article #lead-area,
#onigiri-idx #topics,
#share-area{
  padding: 60px 0;
  background: url("../img/bg-01.png") 0 0 repeat;
}
#onigiri-idx .block div.inner{
  margin: 0 auto;
  width: 960px;
}
#onigiri-idx #topics h2{
  margin: 0 0 30px 0;
}
#content #articles h2{
  text-align: center;
  background: none;
}
#content .block ul,
#content .block ul li,
#content .block ul li img,
#content #articles .name em{
  margin: 0;
  padding: 0;
}
#onigiri-idx .block ul li.pic{
  overflow: hidden;
}
#onigiri-idx #topics ul li.pic{
  width: 460px;
  height: 200px;
}
#onigiri-idx #topics ul li img{
  margin: -30px 0 0 0;
}
#onigiri-idx .block ul li img{
  width: auto;
  max-width: 100%;
}
#content div#articles div.inner{
  margin: 0 auto;
  width: 1000px;
}
#content #articles .item,
#onigiri-idx #topics .item{
  float: left;
  display: inline;
  position: relative;
  margin: 0 20px 40px 20px;
  width: 460px;
  background: #fff;
  box-sizing: border-box;
}
#onigiri-idx #topics .item{
  margin: 0 0 0 40px;
}
#content #articles .item{
  float: left;
  display: inline;
}
#onigiri-idx #content #articles .topics{
  display: none;
}
.onigiri #content .tag{
  position: absolute;
  right: 0;
  left: 0;
  margin: -35px auto 0 auto;
  background: url("../img/nav-topics-tag.png") 0 0 no-repeat;
	background-size: 70px 280px;
	-webkit-background-size: 70px 280px;
	-moz-background-size: 70px 280px;
	-ms-background-size: 70px 280px;
	-o-background-size: 70px 280px;
  width: 70px;
  height: 70px;
  z-index: 1;
}
#content .liter .tag,
.liter #content .tag{
  background-position: 0 -70px;
}
#content .econo .tag,
.econo #content .tag{
  background-position: 0 -140px;
}
#content .guide .tag,
.guide #content .tag{
  background-position: 0 -210px;
}
#content .block .name,
#content .block .title{
  font-family: 'Noto Sans Japanese';
}
#content .block .name{
  padding: 20px;
  font-family: 'NotoSans-Regular'\9;
  font-weight: 400;
  font-size: 88%;
}
#content .block .name,
#content .block .name em,
#content .block .title,
#content .block .sns ul li .icon:hover{
  color: #1e1f1e;
}
#content .block .name em,
#content .block .title{
  font-family: 'NotoSans-Bold'\9;
  font-weight: 700;
}
#content .block .name em{
  margin: 0 0 0 10px;
  font-size: 129%;
}
#content #topics .name span{
  border: 1px solid #c6c9c6;
  padding: 5px 8px;
}
#content .block .arts .name span{
  color: #ba2233;
}
#content .block .liter .name span{
  color: #02734a;
}
#content .block .econo .name span{
  color: #3163cc;
}
#content .block .title,
#content #articles .name{
/*
  margin: 0 20px;*/
  padding: 0 20px;
}
#content .block .title{
  font-size: 138%;
}
#content .block .text{
/*
  margin: 10px 20px;
  */
  padding: 10px 20px;
  font-size: 85%;
}
#content .block .sns ul{
  margin: 0 10px 5px auto;
  width: auto;
}
#content .block .sns ul li,
#content #articles .name{
  text-align: center;
}
#content .block .sns ul li{
  float: right;
  display: inline;
  margin: 0;
  font-size: 119%;
  width: 25px;
}
#content .block .sns ul li a,
#content #articles .name span{
  display: block;
  text-decoration: none;
}
#content .block .sns ul .fb .icon{
  color: #3c5998;
}
#content .block .sns ul .tw .icon{
  color: #32a7e0;
}
#content .block .sns ul .hb .icon{
  color: #00a4de;
}
#content .block .sns ul li a:hover{
  text-decoration: none;
}
#content #articles{
  padding: 0 0 60px 0; 
}
#content #articles .item{
  border: 1px solid #c6c9c6;
  width: 210px;
}
#content #articles ul.arts .pic,
#content #articles ul.econo .pic,
#content #articles ul.lite .pic{
  padding: 10px;
}
#content #articles ul.item li.arts-pic{
  padding: 0;
}
#content #articles ul.arts .pic{
  background-color: #f9edef;
}
#content #articles ul.econo .pic{
  background-color: #eff3fb;
}
#content #articles ul.lite .pic{
  background-color: #ebf4f0;
}
#content #articles ul .pic img{
  max-width: 100%;
  height: auto;
  width /***/:auto;
}
#content #articles .name{
  margin: 0 15px;
  padding: 15px 0 10px 0;
  border-bottom: 1px solid #c6c9c6;
}
#content #articles .info .name{
  letter-spacing: -0.075em;
}
#content #articles .title{
  line-height: 1.3em;
  padding-top: 15px;
  font-size: 100%;
}


/*  article
/////////////////////////////////////////// */

#arts-20170000 .main-pic{
  background-image: url("../img/p-main-arts-20170000.jpg");
}
.media div.main-pic p.image,
#share-area .text,
#share-area ul .sns{
  text-align: center;
}
#share-area .pic img,
.media div.main-pic p.image img,
.article .comment dl dt img,
.media #sf-list p,
.media #sf-list p img,
.article .comment dl dd p{
  margin: 0;
}
.media div.main-pic p.name,
.media div.main-pic p.name em,
.article #lead-area p.lead,
.article .comment dl dd p{
  color: #303130;
}
.media div.main-pic p.name,
.article #lead-area p.lead,
#share-area div.CFX,
.media #sf-list ul{
  width: 700px;
}
.media div.main-pic p.name,
.article #lead-area p.lead,
.article .comment,
#share-area div.CFX,
.media #sf-list ul{
  margin: 0 auto;
}
.media div.main-pic{
  background: #f5dee0;
  height: 560px;
}
.media div.main-pic p.image{
  margin: 20px 0 0 0 !important;
}
.media div.main-pic p.name{
 text-align: right;
  font-size: 69%;
}
.media div.main-pic p.name em{
  font-size: 128%;
}
.article #lead-area .name-area,
.article #lead-area h1,
#share-area .text,
.media #sf-list h2,
.media #sf-list h3{
  font-family: 'Noto Sans Japanese';
}
.article #lead-area .name-area{
  font-family: 'NotoSans-Regular'\9;
  font-weight: 400;
}
.article #lead-area h1,
#share-area .text,
.media #sf-list h2,
.media #sf-list h3{
  font-family: 'NotoSans-Bold'\9;
  font-weight: 700;
}
.article #lead-area .name-area .date,
#share-area .text{
  font-size: 113%;
}
.article #lead-area .name-area li,
.article #lead-area p.text,
.article #lead-area p.lead{
  font-size: 88%;
}
.media #sf-list p.nav,
.media #sf-list p.data{
  font-size: 82%;
}
.article #lead-area{
  position: relative;
}
.article #lead-area #title-area{
  margin: -160px auto 60px auto;
  padding: 20px 40px;
  background: #fff;
  width: 880px;
}
.article #lead-area .name-area{
  margin: 10px 0 20px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #666766;
}
.article #lead-area .name-area li{
  display: inline-block;
  margin: 0;
  line-height: 35px;
}
.article #lead-area .name-area .department{
  border: 1px solid #c6c9c6;
  padding: 0 8px;
  width: auto;
  height: 35px;
}
.arts #lead-area .name-area .department{
  color: #ba2233;
}
.liter #lead-area .name-area .department{
  color: #02734a;
}
.econo #lead-area .name-area .department{
  color: #3163cc;
}
.article #lead-area .name-area .name,
.article #lead-area .name-area .name em,
.article #lead-area h1{
  color: #1e1f1e;
}
.article #lead-area .name-area .name em{
  margin: 0 5px 0 0;
  font-size: 172%;
}
.article #lead-area .name-area .date{
  float: right;
  font-family: 'Patua One', cursive;
  line-height: 45px;
  letter-spacing: 0.05em;
}
.article #lead-area h1{
  margin: 0 0 15px 0;
  font-size: 188%;
}
.article #lead-area p.text{
  margin: 0 0 10px 0;
}
.article #lead-area .sns,
.article #lead-area .sns li,
.article #share-area ul,
.article #share-area ul li,
.media #sf-list ul li{
  margin: 0;
  padding: 0;
}
.article #lead-area .sns li{
  float: right;
  display: inline;
  margin: 0 0 0 10px;
}
.fb_iframe_widget > span {
	vertical-align: baseline !important;
}
.article .comment{
  padding: 60px 0;
  width: 960px;
}
.article .comment dl dd{
  margin: -110px 130px 0 130px;
  background: #f8e9eb;
  padding: 25px;
}
#share-area div.CFX{
  border: 1px solid #c6c9c6;
  background: #fff;
  box-sizing: border-box;
}
#share-area .pic img{
  max-width: 100%;
  height: auto;
  width /***/:auto;
}
#share-area .pic{
  margin: 0;
  border-right: 1px solid #c6c9c6;
  width: 180px;
  height: 180px;
  vertical-align: middle;
}
#share-area .pic,
#share-area ul{
  float: left;
  display: inline;
}
#share-area ul{
  width: 515px;
}
#share-area .text{
  margin: 60px 0 20px 0 !important;
  color: #1e1f1e;
}
#share-area ul .sns li{
  display: inline;
}
.media #sf-list{
  padding: 0 0 100px 0;
  border-bottom: 1px solid #ccc;
}
.media #sf-list h2{
  font-size: 150%;
}
.media #sf-list ul{
  border-top: 1px dotted #ccc;
}
.media #sf-list ul li{
  padding: 10px;
  border-bottom: 1px dotted #ccc;
}
.media #sf-list h3,
.media #sf-list p.data{
  margin: 0 0 5px 0;
}
.media #sf-list h3{
  padding: 0;
  color: #1e1f1e;
  font-size: 107%;
}
.media #sf-list p.fLeft{
  margin: 0 20px 0 0;
}
.media #sf-list p.nav a,
.media #sf-list .active h3{
  color: #ba2233;
}
.media #sf-list .active{
  background: #fcf4f5;
}
.linkblock{
  cursor: pointer;
}
.linkblock:hover{
  filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
}





/* とりあえずここに書くけどあとで整理 */

/* レポ系記事 */

/*  report
/////////////////////////////////////////// */
.report #content h2,
#guide-album #content h3{
  margin-bottom: 20px;
  background: url("../img/bg-h2.png") top left no-repeat;
	background-size: 28px 476px !important;
	-webkit-background-size: 28px 476px !important;
	-moz-background-size: 28px 476px !important;
	-ms-background-size: 28px 476px !important;
	-o-background-size: 28px 476px !important;
	padding-left: 35px;
  font-family: 'NotoSans-Bold'\9;
  font-weight: 700;
  font-size: 150%;
  text-align: left;
}
.report.arts #content h2{
  color: #ba2233;
}
.report.liter #content h2{
  background-position: 0 -150px;
  color: #02734a;
}
.report.econo #content h2{
  background-position: 0 -300px;
  color: #3163cc;
}
.report.guide #content h2,
#guide-album #content h3{
  background-position: 0 -450px;
  color: #1e1f1e;
}
.report #content a{
  text-decoration: underline;
}
.report #content a:hover{
  text-decoration: none;
}
.report #content #content-inner{
  margin: 0 auto;
  width: 960px;
}
.report #content .comment{
  position: relative;
  padding: 0;
}
.report #content .comment .inner{
  position: absolute;
  color: #fff;
}
.report #content .comment .inner p{
  margin: 0;
  padding: 20px;
  width: auto;
}
.report.arts #content .comment .inner p{
  background-color: #ba2233;
}
.report.econo #content .comment .inner p{
  background-color: #3163cc;
}
.report.econo #content .comment p.image{
  background-color: transparent;
  padding: 0;
}
.report.econo #content .comment p.image img{
  margin: 0;
}
.report #content .video{
  text-align: center;
}
.report #content .video p{
  text-align: left;
}

.report #content .inner,
.report #content p.text{
  margin: 20px auto;
  width: 700px;
}
.report #content #lead-area p.posted{
  margin-bottom: 1em;
  font-size: 75%;
}

.report #content .inner p.image img{
  width: 220px;
  height: 220px;
}
.report #content .video p.image img{
  width: auto;
  height: auto;
}
.report #content .pic p.image img,
.report #content .map p.image img{
  width: 300px;
  height: 300px;
}
.report.econo .comment dl dd{
  background: #eaeffa;
}
.report #content p.image{
  text-align: center;
}
.report #content #content-inner{
  padding-bottom: 80px;
}


/* arts-20170802-01 */
#arts-20170802-01 .main-pic{
  background-image: url("../img/p-main-arts-20170802-01.jpg");
}
#arts-20170802-01 #content .comment-01{
  padding-bottom: 40px;
}
#arts-20170802-01 #content .comment-01 .inner{
  margin: -80px 30px 0 30px;
  background: url("../img/bg-arts-comment-01.png") top center no-repeat;
	background-size: 28px 26px !important;
	-webkit-background-size: 28px 26px !important;
	-moz-background-size: 28px 26px !important;
	-ms-background-size: 28px 26px !important;
	-o-background-size: 28px 26px !important;
  padding-top: 25px;
  width: 900px;
}
#arts-20170802-01 #content .comment-02{
  margin-top: 60px;
}
#arts-20170802-01 #content .comment-02 .inner{
  top: -40px;
  left: 30px;
  margin: 0;
  background: url("../img/bg-arts-comment-02.png") bottom right no-repeat;
	background-size: 44px 26px !important;
	-webkit-background-size: 44px 26px !important;
	-moz-background-size: 44px 26px !important;
	-ms-background-size: 44px 26px !important;
	-o-background-size: 44px 26px !important;
  padding-bottom: 26px;
  width: 470px;
}
#arts-20170802-01 #content .map{
  position: relative;
}
#arts-20170802-01 #content .map-01 iframe{
  padding-left: 300px;
}
#arts-20170802-01 #content .map-02 p.image{
  right: 0;
}
#arts-20170802-01 #content .map p.image{
  position: absolute;
}
#arts-20170802-01 #content #content-inner span{
  color: #ba2233;
}

body.report #content .comment h2,
#arts-20170802-01 #content .comment h2,
#econo-20170802-01 #content .comment h2{
  margin-bottom: 15px;
  background: none;
  padding: 0;
  text-align: center;
  font-size: 134%;
}
/*
#arts-20170802-01 #content .video iframe,
#arts-20170802-01 #content .map iframe{
  margin-bottom: 60px;
}*/

/* arts-20171013-01 */
#arts-20171013-01 .main-pic{
  background-image: url("../img/p-main-arts-eyewear-01.jpg");
}
#arts-20171013-01 div#lv02-01 .image-02 img{
  margin: 0 0 5px 0;
}
#arts-20171013-01 #content dl dd.interviewer{
  padding: 0;
}
#arts-20171013-01 #content span.k{
  color: #ba2233;
}
#arts-20171013-01 #content dl dt img{
  width: 70px;
  height: 70px;
}
#arts-20171013-01 #content #report-comment dl dt img{
  width: 130px;
  height: auto;
}
#arts-20171013-01 #content .tel p.image{
  text-align: left;
  font-size: 79%;
}
#arts-20171013-01 #content .tel img{
  margin-bottom: 0.25em;
  width: 200px;
  height: 138px;
}
#arts-20171013-01 #content .tel .text{
  padding-top: 1.5em;
}






/* econo-20170802-01 */
#econo-20170802-01 .main-pic{
  background-image: url("../img/p-main-econo-20170802-01.jpg");
}

body.report #content dl{
  position: relative;
  margin: 0 auto;
  width: 700px;
}
body.report #content dl dt{
  position: absolute;
}
#liter-michishirube-01 #content dl dt img,
#econo-20170802-01 #content dl dt img{
  width: 70px;
  height: 70px;
}
#liter-michishirube-01 #report-comment dl dt img{
  width: 130px;
  height: 110px;
}
body.report #content dl dt.guest{
  right: 0;
}
body.report #content dl dd{
  margin-bottom: 20px;
  padding: 20px 20px 10px 20px;
}
body.report #content dl dd.kaseki{
  margin-left: 70px;
}
body.report #content dl dd.guest{
  margin-right: 70px;
  background-color: #f0f0f0;
}
body.econo #content dl dd.kaseki{
  background-color: #eaeffa;
}
body.liter #content dl dd.kaseki{
  background-color: #e6f1ed;
}
body.arts #content dl dd.kaseki{
  background-color: #f8e9eb;
}
body.report #content p.interviewer{
  margin: 0 auto 20px auto;
  padding: 20px;
  border: 1px solid #666;
  width: 658px;
  font-weight: bold;
}
body.report #content .interviewer span{
  margin: 0 5px 0 0;
  letter-spacing: -1px;
}
#econo-20170802-01 #content .curry{
  position: relative;
  margin: 40px auto;
  background-color: #eaeffa;
  padding: 30px;
  width: 900px;
  font-size: 87%;
}
#econo-20170802-01 #content .curry h3{
  margin: 0 0 0.5em 0;
  font-size: 107%;
  font-weight: bold;
  color: #333;
}
#econo-20170802-01 #content .curry .image{
  position: absolute;
}
#econo-20170802-01 #content .curry .comment{
  position: relative;
  margin: 0 0 20px 260px;
  background: url("../img/bg-02.png");
  padding: 60px 15px 10px 15px;
  width: 600px;
  min-height: 110px;
  font-size: 94%;
}
#econo-20170802-01 #content .curry .comment h3{
  position: absolute;
  margin: -70px 0 0 160px;
  background: url("../img/h3-econo-20170802-01-comment.png") left center no-repeat;
	background-size: 60px 60px !important;
	-webkit-background-size: 60px 60px !important;
	-moz-background-size: 60px 60px !important;
	-ms-background-size: 60px 60px !important;
	-o-background-size: 60px 60px !important;
	padding-left: 75px;
	line-height: 70px;
  font-family: 'Patua One', cursive;
  font-size: 160%;
  color: #3163cc;
}
#econo-20170802-01 #content .curry .info{
  position: relative;
  background-color: #fff;
  padding: 20px;
}
#econo-20170802-01 #content .curry .info .inner{
  float: left;
  display: inline;
  margin: 0;
  width: auto !important;
}
#econo-20170802-01 #content .curry .info em{
  font-weight: bold;
  color: #333;
}
#econo-20170802-01 #content .curry .info .material{
  float: right;
  display: inline;
  margin-bottom: 15px;
  border: 1px solid #e0e0e0;
  padding: 15px 15px 5px 15px;
  width: 510px;
  min-height: 80px;
  font-size: 87%;
}
#econo-20170802-01 #content .curry .info table{
  margin: 0;
}
#econo-20170802-01 #content .curry .info table tr th{
  background-color: #f0f0f0;
  font-weight: normal;
}
#econo-20170802-01 #content .curry .info table tr th,
#econo-20170802-01 #content .curry .info table tr td{
  border: 1px solid #e0e0e0;
  padding: 10px 0;
  text-align: center;
}
#econo-20170802-01 #content .curry .info table tr td span{
  display: none;
}
#econo-20170802-01 #content .amazon{
  background-color: #fff;
  padding: 15px 15px 5px 15px;
}

body.report #content .comment dl{
  width: auto;
}
body.report #content .comment dl dt{
  position: static;
}
#econo-20170802-01 #content .comment img{
  width: 130px;
  height: 110px;
}
body.report #content .comment dd{
  background-color: #f8ebf2;
}



/* guide */
.guide #content h3,
.guide #content h4{
  color: #1e1f1e;
}
.guide #content #content-inner ul li{
  background-image: url("../img/nav-bullet-guide.png");
}
/* guide - idx */
#guide-idx .main-pic{
  background-image: url("../img/p-main-guide-idx.jpg");
}
#guide-idx .comment dl dd{
  background: #f0f0f0;
}
#guide-idx #lead-area #title-area{
  margin-bottom: 0;
}
#guide-idx #content-inner{
  padding-top: 60px;
}

/* guide - album */
#guide-album .main-pic{
  background-image: url("../img/p-main-guide-album.jpg");
}
#guide-album #lv02-01 h2{
  background: none;
  padding: 0;
}
#guide-album #lv02-01 h2 span{
  font-size: 74%;
}
#guide-album #lv02-01 p.image{
  position: absolute;
}
#guide-album #lv02-01 p.image img{
  width: 360px;
  height: 360px;
}
#guide-album #lv02-01 .info{
  margin: 0 0 0 390px;
}
#guide-album #lv02-01 .track{
  border: 1px solid #ccc;
  padding: 15px 15px 5px 15px;
  font-size: 87%;
}
#guide-album #lv02-01 .track h3{
  margin: 0 0 15px 0;
  background: none;
  padding: 0;
  font-size: 125%;
}
#guide-album #lv02-01 .track ol li{
  float: left;
  width: 50%;
}
#guide-album #lv02-01 .lv03-03 ul.lv02 li,
#guide-album #lv02-01 .lv03-03 .lv04-01 ul li{
  float: left;
  width: 45%;
}
#guide-album #lv02-01 p.nav{
  margin: 40px auto;
  text-align: center;
  width: 400px;
}
#guide-album #lv02-01 p.nav a{
  display: block;
  border: 1px solid #1e1f1e;
  padding: 20px 0;
  background: none;
/*
  background-color: #f8c7ca;
  color: #1f4c9f;*/
  text-decoration: none;
  font-weight: bold;
  font-size: 114%;
}
#guide-album #lv02-01 p.nav a:hover{
  filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
}
#guide-album #lv02-01 p.nav a span{
  padding: 0 0 0 12px;
  background: url("../img/nav-arrow.png") left center no-repeat;
}
#guide-album #lv02-01 .live p.image img{
  width: 360px;
  height: 210px;
}
#guide-album #lv02-01 .live .lead{
  margin: 1.5em 0;
  font-weight: bold;
}
#guide-album #lv02-01 .live dl dt{
  position: absolute;
  margin: 0.5em 0 0 0;
}
#guide-album #lv02-01 .live dl dd{
  padding: 0.5em 0 0 6.5em;
}




/*  liter 文学部
/////////////////////////////////////////// */

#liter-michishirube-01 .main-pic{
  background-image: url("../img/p-main-liter-michishirube-01.jpg");
}