/* default */
html {
  /*overflow-y:scroll;*/
  font-family: 'Lato', "メイリオ", Meiryo, Osaka, sans-serif;
}
body {
  background: url(common/img/backimg.jpg) no-repeat 50% 0;
  font-size: 0.82em;
  margin: 0;
}
div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,input,textarea,button,table,tr,th,td,section,article,aside,nav,header,hgroup,footer,time {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
div,p,ul,ol,li,dd,th,td,address,a,img,b,i,strong,em,cite,input,textarea,button,section,aside,nav,header,hgroup,footer,time {
  line-height: 1.5;
}
h1 {
  margin: 0;
}
h5,h6 {
  font-size: 1em;
}
h2,h3,h4,h5,h6,p {
  margin: 0;
  font-weight: normal;
}
h1,h2,h3,h4,h5,h6 {
  line-height: normal;
}
ul,ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
dl,dd {
  margin: 0;
}
img {
  max-width: 100%;
  width: auto\9;
  height: auto;
  line-height: none;
}
em {
  font-style: normal;
}
table {
  width: 100%;
  border: solid 1px #ccc;
  border-collapse: collapse;
  border-spacing: 0;
}
thead,tbody,tfooter {
  border-color: none;
}
th {
  background: #ddd;
}
th,td {
  border: solid 1px #ccc;
  text-align: left;
  vertical-align: top;
  padding: 3px
}
address {
  font-style: normal;
}
a,a:link,a:visited {
  outline: none;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}

a[target="_blank"] {
  content: "\f160";
  font-family: "Ionicon";
  margin-top: 5px;
  padding-right: 17px;
}
form {
  margin: 0;
}
input {
  background: none;
  border: solid 1px #ccc;
  font-style: none;
  padding: 0;
}

/*------------------------------*/
/* h1-h6 */
h1+p, h2+p, h3+p, h4+p, h5+p, h6+p {
  margin-top: 0.67em;
}
h1+p+h1,h1+p+h2,h1+p+h3, h2+p,h2+p+h1,h2+p+h2,h2+p+h3,h2+p+h4, h3+p,h3+p+h1,h3+p+h2,h3+p+h3,h3+p+h4,h3+p+h5, h4+p,h4+p+h1,h4+p+h2,h4+p+h3,h4+p+h4,h4+p+h5,h4+p+h6, h5+p,h5+p+h1,h5+p+h2,h5+p+h3,h5+p+h4,h5+p+h5,h5+p+h6, h6+p,h6+p+h1,h6+p+h2,h6+p+h3,h6+p+h4,h6+p+h5,h6+p+h6,
h1+h2,h1+h3,h1+h4,h1+h5,h1+h6, h2+h3,h2+h4,h2+h5,h2+h6, h3+h4,h3+h5,h3+h6, h4+h5,h4+h6, h5+h6 {
  margin-top: 15px;
}
h1+.inner, h2+.inner, h3+.inner, h4+.inner, h5+.inner, h6+.inner, h1+.lead, h2+.lead, h3+.lead, h4+.lead, h5+.lead, h6+.lead,h1+table, h2+table, h3+table, h4+table, h5+table, h6+table {
  margin-top: 10px;
  margin-bottom: 0;
}
.headTxt {
  font-weight: bolder;
}
h1 {
  font-size: 1.87em;
}
h2 {
  border-top: solid 2px #ccc;
  font-size: 1.3em;
  padding-top: 10px;
}
h3 {
  border-left: solid 4px #ddd;
  font-size: 1.2em;
  padding-left: 7px;
}

/* header */
.header {
  margin: 10px 20px;
}

/* lead */
.lead {
  margin-bottom: 1em;
}
.lead.clear-lead {
  overflow: inherit;
}

/* list */
ul.item {
  position: relative;
  margin: 10px 0 0 20px;
  color: #888;
}
ul li.icon1, ul li.icon2, ul li.icon3 {
  margin-bottom: 10px;
}
ul li.icon1 .list-icon,
ul li.icon2 .list-icon,
ul li.icon3 .list-icon {
  font-size: 12px;
  position: absolute;
  display: inline-block;
  padding-top: 1px;
  padding-right: 10px;
}
ul li.icon1 .list-icon {
  left: -15px;
}
ul li.icon2 .list-icon {
  left: -23px;
}
ul li.icon3 .list-icon {
  left: -30px;
}

/* global navi */
#gnavi {
  overflow: hidden;
  margin-bottom: 50px;
}
#gnavi ul {
  margin-right: -39px;
}
#gnavi li {
  margin-right: 39px;
  float: left;
}

/* topic-path */
.topic-path {}

/* wrap */
.wrap {
  width: 100%;
}
.layout-wrap_w-none {
  margin: 0 auto;
}

/* section */
.section {
  margin-bottom: 0;
}
.section:after {
  clear: both;
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
}
.section .news dl {
  margin: 10px 0 0 0;
}

/* inner */
.inner {
/*  margin-bottom:20px;*/
/*  overflow:hidden;*/
  clear: both;
}
.inner .item_singleImg-c {
  display: block;
  margin: 0 auto !important;
}
.inner .item_singleImg-c p {
  margin-top: 0;
}
.inner > h3, .inner > h4, .inner > h5, .inner > h6 {
  margin-top: 0;
}

/* contents area */
#main-slides {
  margin-bottom: 50px;
}
#main-slides li.item {
  margin: 0 1px;
}
#wthats-new {
  margin-top:
}
#blog {
  background: #eee;
  padding: 50px 20px;
  box-shadow:rgba(113, 135, 164, 0.368627) 0px 2px 6px 1px inset;
  -webkit-box-shadow:rgba(113, 135, 164, 0.368627) 0px 2px 6px 1px inset;
  -moz-box-shadow:rgba(113, 135, 164, 0.368627) 0px 2px 6px 1px inset;
}
#wthats-new, #blog, #illusts, #about {
  margin-bottom: 50px;
}
#contact .mail-icon1 {
  font-size: 1.2em;
}

/* footer */
.footer {
  background: #ddd;
  min-height: 200px;
  color: #999;
  margin-top: 40px;
  padding: 30px 20px;
  box-shadow:rgba(113, 135, 164, 0.368627) 0px 2px 6px 1px inset;
  -webkit-box-shadow:rgba(113, 135, 164, 0.368627) 0px 2px 6px 1px inset;
  -moz-box-shadow:rgba(113, 135, 164, 0.368627) 0px 2px 6px 1px inset;
}
.footer h4 {
  font-weight: bold;
}
.copyright {
  text-align: left;
  padding-top: 10px;
}

/* general code */
.active a {
  color: #ccc;
  outline: none;
  cursor: default;
}
.active a:hover {
  outline: none;
  text-decoration: none;
}
.slider-wrap {
  margin: 0 auto;
}
.news dl {
  max-height: 120px;
  position: relative;
  overflow-y: scroll;
}
.news dt {
  font-weight: bolder;
  vertical-align: top;
}
.new-icon {
  background: #f06;
  position: absolute;
  color: #fff;
  font-size: 0.73em;
  vertical-align: middle;
  margin: 2px 0 0 10px;
  padding: 1px 5px;
}
.anchor-icon1 a:before {
  content: "\f125";
  font-size: 0.64em;
  font-family: "Ionicons";
  vertical-align: middle;
  padding-right: 5px
}
.download-icon1 a:before {
  content: "\f2c9";
  font-size: 1.64em;
  font-family: "Ionicons";
  vertical-align: middle;
  padding-right: 7px;
}
.news-icon1 h1:before {
  content: "\f23d";
  font-size: 1.28em;
  font-family: "Ionicons";
  vertical-align: top;
  padding-right: 5px
}
.blog-icon1 h1:before {
  content: "\f213";
  font-size: 1.28em;
  font-family: "Ionicons";
  vertical-align: top;
  padding-right: 5px
}
.illust-icon1 h1:before {
  content: "\f148";
  font-size: 1.28em;
  font-family: "Ionicons";
  vertical-align: top;
  padding-right: 5px
}
.about-icon1 h1:before {
  content: "\f2e6";
  font-size: 1.28em;
  font-family: "Ionicons";
  vertical-align: top;
  padding-right: 5px
}
.mail-icon1 h1:before {
  content: "\f186";
  font-size: 1.28em;
  font-family: "Ionicons";
  vertical-align: middle;
  padding-right: 5px;
}
.pagetop-icon1 a:before {
  content: "\f126";
  font-family: "Ionicons";
  vertical-align: top;
  padding-right: 5px;
}
.pagetop {
  position: fixed;
  right: 30px;
  bottom: 30px;
  font-size: 1.3em;
  font-weight: bold;
}
.pagetop a {
  color: #444;
}

.marker {
  background: #FF0;
}
.new-window_icon {
  background: url(../img/link_icon_outside.gif) no-repeat 100% 5px;
  margin-top: 5px;
  padding-right: 17px
}
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}
.fb_iframe_widget {
  width: auto !important;
  display: inline-block !important;
}
#blog h2 .h2-date {
  font-weight: bold;
  padding-right: 12px;
}
#blog h2 .h2-date:before {
  content: open-quote;
}
#blog h2 .h2-date:after {
  content: close-quote;
}
#owl-slides > div.owl-wrapper-outer.autoHeight > div > div > li.item {
  margin: 0 1px;
}
.text-l {
  text-align: left;
}
.text-r {
  text-align: right;
}
.text-c {
  text-align: center;
}
.text-t {
  vertical-align: top;
}
.text-b {
  vertical-align: bottom;
}
.text-m {
  vertical-align: middle;
}
.text-highlight {
  background: #e9a;
}
.dl-description {
  background: #fff;
}
.dl-description dt {
  background: #ddd;
  padding: 5px 10px;
}
.dl-description dd {
  padding: 5px 10px;
}
.caption {
  display: inherit;
}
.float-l {
  float: left;
}
.float-r {
  float: right;
}
.margin-t-none {
  margin-top: 0;
}
.margin-b-none {
  margin-bottom: 0;
}
.margin-l-none {
  margin-left: 0;
}
.margin-r-none {
  margin-right: 0 !important;
}
.margin-none {
  margin: 0 !important;
}
.table_th01 th {
  background: #eee;
}
.clearfix {
  clear: both;
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
}