/*--------------------------------------------------------------
Body
--------------------------------------------------------------*/
html, body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
  background-color: #f6f2f1;
  font-size: 62.5%;
  font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}
body {
  padding-top: 70px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
}
footer {
  clear: both;
  padding: 80px 0 10px 0;
  text-align: right;
}
footer p {
  font-size: 10px;
  font-size: 1rem;
}
/*--------------------------------------------------------------
Off Canvas
--------------------------------------------------------------*/
.col-sm-9 {
  width: 76%;
}
#en-en .col-sm-9 {
  width: 74%;
}
.col-sm-3 {
  width: 24%;
}
@media screen and (max-width: 767px) {
.row-offcanvas {
  position: relative;
  -webkit-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
}
.row-offcanvas-right {
  right: 0;
}
.row-offcanvas-left {
  left: 0;
}
.row-offcanvas-right .sidebar-offcanvas {
  right: -60%; /* 6 columns */
}
.row-offcanvas-left .sidebar-offcanvas {
  left: -60%; /* 6 columns */
}
.row-offcanvas-right.active {
  right: 60%; /* 6 columns */
}
.row-offcanvas-left.active {
  left: 50%; /* 6 columns */
}
.sidebar-offcanvas {
  position: absolute;
  top: 0;
  width: 60%; /* 6 columns */
}
.col-sm-9, #en-en .col-sm-9 {
  width: 100%;
}
}
/*--------------------------------------------------------------
Headings
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #0a5991;
  font-weight : bold;
  line-height : 1.3;
}
h1 {
  margin: 2em 0 1em 0;
  padding: 8px 0 8px 10px;
  font-size: 18px;
  font-weight : bold;
  border-left-width : 8px;
  border-left-style : solid;
  border-left-color : #0a5991;
}
h1:first-child {
  margin-top: 0;
}
h1#pagetitle {
  margin: 4px 0 16px 0;
  padding: 8px 16px;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  background-color: #E0E0E0;
  border: none;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}
h1#pagetitle .btn {
  margin-top: -6px;
}
h2 {
  margin: 0 0 0.8em 0;
  padding: 0;
  font-size: 17px;
}
h2.top-line {
  padding-top: 0.8em;
  border-top: #0a5991 solid 2px;
}
h2.tb-line {
  padding: 0.8em 0;
  border-top: #0a5991 solid 2px;
  border-bottom: #E0E0E0 solid 1px;
}
h3 {
  margin: 0 0 0.5em 0;
  padding: 0;
  font-size: 16px;
}
h3.top-line {
  padding-top: 0.5em;
  border-top: #E0E0E0 solid 1px;
}
h4 {
  margin: 0 0 0.8em 0;
  padding: 0;
  font-size: 15px;
}
h5 {
  margin: 0 0 0.8em 0;
  padding: 0;
  font-size: 14px;
}
h6 {
  margin: 0 0 0.8em 0;
  padding: 0;
  color: #000;
  font-size: 14px;
}
/*--------------------------------------------------------------
Text Elements
--------------------------------------------------------------*/
p {
  margin: 0 0 1em 0;
}
.btm-line {
  margin-bottom: 0.3em;
  padding: 0 0 0.3em 0;
  border-bottom: #E0E0E0 solid 1px;
}
.lead {
  margin: 0 0 0.8em 0;
  font-size: 15px;
}
.notes, p.notes {
  font-size: 12px;
}
.year {
  clear: both;
  margin-bottom: 0.3em;
  color: #0a5991;
  font-size: 32px;
  border-bottom: #0a5991 solid 3px;
}

/*
	SMILEBOOM 2019/10/1
*/
.sb-mid {
  clear: both;
  margin-bottom: 0.3em;
  color: #0a5991;
  font-size: 24px;
  border-bottom: #0a5991 solid 1px;
}

/* END */

em {
  font-size: 12px;
  font-style: normal;
}
td.url, dt.url, dd.url, p.url {
  word-break: break-all;
}
h1 + p {
  margin-top: -0.5em;
}
.muted {
  color: #848484;
}
.text-info {
  color: #0a5991;
}
.text-warning {
  color: #9A0002;
}
.text-error {
  color: #8a6d3b;
}
blockquote, .border-box {
  margin: 0 0 1em 0;
  padding: 0.8em;
  font-size: inherit;
  border: #d9d9d9 solid 1px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/
a:link {
  text-decoration: none;
  color: #bd3100;
}
a:visited {
  text-decoration: none;
  color: #9b6800;
}
a:hover {
  text-decoration: underline;
}
a:active {
  text-decoration: underline;
  color: #906000;
  position: relative;
}
a.text-info:hover, a.text-info:focus {
  color: #0a5991;
}
a.blank-link {
  position: relative;
  padding-right: 16px;
  background: url(/wordpress/wp-content/themes/smileboom/assets/img/mark_blank.png) no-repeat;
  background-position: right 1px;
}
.btn {
  font-size: 10px;
}
.btn-l {
  font-size: 16px;
  padding: 0.8em 1em 0.8em 36px;
  background: #FFF url(/wordpress/wp-content/themes/smileboom/assets/img/mark_go.png) no-repeat;
  background-position: 10px center;
  background-size: 20px auto;
  border: #adadad solid 1px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.btn-l:hover {
  background-color: transparent;
}
.btn-default {
  color: #333;
  background-color: transparent;
  border-color: #ccc;
}
.btn-default:focus, .btn-default.focus {
  color: #333;
  background-color: #fff;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #fff;
  border-color: #adadad;
}
.btn-primary {
  background-color: #797979!important;
  border-color: #757575!important;
}
/*--------------------------------------------------------------
Images
--------------------------------------------------------------*/
img.aligncenter {
  display: block;
  margin: 0 auto 1em auto;
}
img.img-right {
  float: right;
  margin: 0 0 1em 1em;
}
img.img-left {
  float: left;
  margin: 0 1em 1em 0;
}
/*--------------------------------------------------------------
Hr
--------------------------------------------------------------*/
hr {
  clear: both;
  height: 0;
  margin: 0 0 1.5em 0;
  padding: 0.5em 0 0 0;
  border: 0;
  border-bottom: #0a5991 solid 2px;
}
hr.hrblk {
  clear: both;
  height: 0;
  margin: 0 0 1.5em 0;
  padding: 0.5em 0 0 0;
  border: 0;
  border-bottom: #000 solid 1px;
}
hr.hrgray {
  clear: both;
  height: 0;
  margin: 0 0 1.5em 0;
  padding: 0.5em 0 0 0;
  border: 0;
  border-bottom: #d9d9d9 solid 1px;
}
hr.hrsquare {
  clear: both;
  height: 0;
  margin: 0 0 3em 0;
  padding: 2em 0 0 0;
  border: 0;
}
hr.hrsquare:after {
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  margin: 0 auto;
  background-color: #808080;
}
/*--------------------------------------------------------------
List / Table / Dl
--------------------------------------------------------------*/
ul, ol {
  margin: 0 0 1em 2em;
  padding: 0;
}
ul ul, ol ul, ul ol, ol ol {
  margin-bottom: 1em;
}
.li {
  margin-bottom:0.4em;
}
li > p {
  margin-bottom:0.4em;
}
ul ul li, ol ul li, ul ol li, ol ol li {
  margin-bottom: 0.2em;
}
ol.circle-ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
.circle-ol li {
  margin-bottom: 3px;
  position: relative;
}
.circle-ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #333;
  color: #fff;
  display: block;
  float: left;
  line-height: 16px;
  margin: 1px 0 0 -20px;
  font-size: 11px;
  text-align: center;
  height: 16px;
  width: 16px;
  border-radius: 50%;
}
.ul-responsive {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ul-responsive li {
  display: inline-block;
  padding: 0 0 0.5em 0;
}
.subtitle + ul, .subtitle + ol, .subtitle + div, .subtitle + p, .subtitle + blockquote {
  margin-top: -0.5em;
}
dl {
  margin: 0 0 1em 0;
  padding: 0;
  width: 100%;
}
dl:after {
  content: "";
  display: table;
  clear: both;
}
dt {
  clear: both;
  float: left;
  width: 18%;
  padding: 0.5em 0 0.5em 0;
  border-top: #d9d9d9 solid 1px;
}
dd {
  margin-left: 18%;
  padding: 0.5em 0 0.5em 1em;
  border-top: #d9d9d9 solid 1px;
}
.dl-short dt {
  padding: 0.3em 0 0.3em 0;
}
.dl-short dd {
  padding: 0.3em 0 0.3em 1em;
}
.dl-nonborder dt, .dl-nonborder dd {
  border: none;
}
.dl-wide dt {
  width: 24%;
}
.dl-wide dd {
  margin-left: 24%;
}
dd:after {
  content: "";
  display: block;
  clear : both;
}
dd span.small {
  display: block;
}
.dl-table, .dl-responsive {
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
  background-color: #e0e0e0;
}
.dl-table dt, .dl-responsive dt {
  float: left;
  padding: 0.5em 1em;
  border-top: 1px solid #999;
}
.dl-table dd, .dl-responsive dd {
  padding: 0.5em 1em;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  background-color: #f6f2f1;
}
.dl-table .dl-item, .dl-responsive .dl-item {
  padding: 0.4em 0 0.4em 1em;
  background-color: #757575;
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
}
.dl-item:after {
  display: none;
}
.dl-data {
  margin-bottom: 3em;
}
.dl-data dt {
  clear: both;
  float: none;
  width: 100%;
  padding: 0.5em 0 0.2em 0;
  border: none;
}
.dl-data dt:before {
  content: "\25A0 ";
  vertical-align: central;
  color: #999999;
}
.dl-data dd {
  margin: 0;
  padding: 0 0 0.8em 1em;
  border: none;
}
.blog-archives td {
  padding: 8px 0;
  border-top: #dddddd solid 1px;
}
.blog-archives .blog-logo {
  width: 40%!important;
  padding-right: 1em;
}
.blog-archives .blog-logo img {
  width: 100%;
  height: auto;
}
.table-hover > tbody > tr:hover {
  background-color: #f9f9f9;
}

@media screen and (max-width: 640px) {
.dl-wide dt, .dl-short dt {
  width: 100%;
}
.dl-wide dd, .dl-short dd {
  margin-left: 0;
}
.dl-short dd {
  padding: 0.3em 0;
}
.blog-archives .blog-logo {
  width: 100%!important;
  border-top: #dddddd solid 1px;
  padding: 8px 0 0 0;
}
.blog-archives .blog-logo img {
  width: 240px;
  height: auto;
}
.blog-archives td {
  display: block;
  width: 100%;
  border: none;
}
.dl-table .dl-item {
  padding: 0.4em 0 0.4em 0.5em;
}
.dl-table dt, .dl-table dd {
  padding: 0.4em 0.5em;
}
.dl-responsive dt {
  clear: both;
  float: none;
  width: 100%;
  margin: 0;
  padding: 0.4em 0.5em;
}
.dl-responsive dd {
  clear: both;
  float: none;
  width: 100%;
  margin: 0;
  padding: 0.4em 0.5em;
  border-left: none;
}
.table-responsive th, .table-responsive td {
  float: none;
  display: block;
  width: 100%;
}
.table-responsive th {
  background-color: #e1e1e1;
}
}
.narabe {
  padding: 0;
  margin-top: 8px;
  margin-bottom: 16px;
}
.narabe dt {
  float: left;
  width: 108px;
  padding: 0;
  font-size: 1.3rem;
  font-weight: normal;
}
.narabe dd {
  margin-left: 108px;
  margin-bottom: 6px;
  padding: 0;
  font-size: 1.3rem;
}
dl.press dt, dl.press dd {
  font-size: 12px;
  line-height: 1.3;
}

@media screen and (max-width: 480px) {
dl.press dt {
  float: none;
  width: 100%;
  padding: 0.8em 0 3px 0;
}
dl.press dd {
  width: 100%;
  margin-left: 0;
  padding: 0 0 0.8em 0;
  border: none;
}
}
/*--------------------------------------------------------------
 Home
--------------------------------------------------------------*/
.home .col-lg-4 {
  padding-right: 0;
}

@media (min-width: 500px) {
.home .col-lg-4 {
  width: 33.3333%;
}
}
.jumbotron {
  margin: -15px auto 0 auto;
  padding-bottom: 0;
  width: 100%;
  max-width: 950px;
}
.regular {
  margin-bottom: 15px;
}

@media screen and (max-width: 980px) {
.slick-prev, .slick-next {
  display: none!important;
}
}

@media screen and (max-width: 950px) {
.jumbotron {
  margin-top: -29px;
}
}
.topinfo {
  padding-top: 1em;
}
#item {
  margin: 0 0 20px 0;
  padding: 8px 15px;
  background-color: #b0a9a4;
}
#item:after {
  content: "";
  display: table;
  clear: both;
}
#item ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  width: 100%;
  max-width: 955px;
  text-align: center;
}
#item li {
  display: inline-block;
  padding: 0 6px;
  text-align: center;
}
#item li img {
  width: 100%;
  max-width: 240px;
  height: auto;
}

@media screen and (max-width: 800px) {
#item {
  margin: 0 0 1em 0;
  padding: 8px 15px;
}
#item li {
  width: 31.5%;
  margin: 0 0.5%;
  padding: 0;
}
}

@media screen and (max-width: 641px) {
#item li img {
  width: 100%;
  max-width: 160px;
  height: auto;
}
}
/*
@media screen and (max-width: 480px) {
#item li {
  float: none;
  width: 100%;
  margin-right: 0;
  margin-bottom: 6px;
}
}
*/
@media screen and (max-width: 340px) {
#item li {
  width: 31%;
  margin: 0 0.5%;
  padding: 0;
}
}
#today {
  margin-bottom: 12px;
  padding: 5px 8px 5px 30px;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  font-weight: bold;
  font-size: 13px;
  font-size: 1.3rem;
  background: #f5edd8 url(/wordpress/wp-content/themes/smileboom/assets/img/mark_today.png) no-repeat 8px 4px;
  background-size: 18px auto;
  border: solid 1px #cbbd98;
}
.side {
  float: right;
  width: 24.999%;
  padding: 0 15px 0 10px;
}
.side:after {
  content: "";
  display: table;
  clear: both;
}
.sidebanner ul {
  margin: 0 0 1em 0;
  padding: 0;
  list-style: none;
}
.sidebanner li {
  margin-bottom: 6px;
}
.sidebanner li img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 860px) {
.side {
  padding-left: 0;
}
}

@media screen and (max-width: 767px) {
.side {
  float: none;
  width: auto;
  padding: 0 10px;
  text-align: center;
}
.sidebanner li {
  display: inline-block;
  width: 48%;
  text-align: center;
}
.sidebanner li img {
  width: 100%;
  max-width: 240px;
  height: auto;
}
}
#top-col-right {
  width: 49.5%;
  float: right;
}
#top-col-left {
  width: 49.5%;
  float: left;
}
#recommend, #topics {
  clear: both;
  width: 102%;
  padding: 0 10px 30px 0;
}
#topics {
  -js-display: flex;
  display: -webkit-box; /* before Android4.3 iOS6:Safari */
  display: -ms-flexbox; /* IE10 */
  display: -webkit-flex; /* Pc-safari */
  display: flex;
  -ms-flex-flow: row wrap; /* IE10 */
  -webkit-flex-flow: row wrap; /* Pc-safari */
  flex-flow: row wrap;
  letter-spacing: -.40em;
}
#recommend:after, #topics:after {
  content: "";
  display: table;
  clear: both;
}
.pickup {
  display: inline-block;
  position: relative;
  width: 32%;
  margin-top: 8px;
  margin-right: 1.3333%;
  background-color: #fbf9f8;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 0px 0px 6px -1px #d8d5c4;
  -moz-box-shadow: 0px 0px 6px -1px #d8d5c4;
  -webkit-box-shadow: 0px 0px 6px -1px #d8d5c4;
  letter-spacing: normal;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
.pickup {
  width: 48.5%;
}
}

@media screen and (max-width: 360px) {
.pickup {
  width: 100%;
  margin-right: 0;
}
}
#top-col-left .pickup {
  width: 48.5%;
}
#top-col-left #topics {
  width: 103%;
}
#top-col-right .pickup {
  width: 100%;
}

@media screen and (max-width: 767px) {
#top-col-right, #top-col-left {
  width: 100%;
  float: none;
}
#top-col-left .pickup {
  width: 48.5%;
}
}

@media screen and (max-width: 360px) {
#top-col-left .pickup {
  width: 100%;
  margin-right: 0;
}
}
.pickup_info {
  padding: 10px 8px;
}
.pickup p {
  font-size: 13px;
}
.pickup a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}
.pickup a:hover {
  background-color: #FFF;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.pickup_ph {
  float: right;
  width: 60px;
  height: 60px;
  margin: 0 0 0.5em 0.8em;
}
#top-col-right .pickup_ph {
  width: 80px;
  height: 80px;
}

@media screen and (max-width: 480px) {
#top-col-right .pickup_ph {
  width: 50px;
  height: 50px;
}
}
.pickup_ph img {
  width: 100%;
  height: auto;
}
.pickup p.date {
  font-size: 12px;
  line-height: 14px;
  color: #777777;
}
#topics h2, #recommend h2 {
  height: 80px;
  overflow: hidden;
  background: #FFFFFF url(/wordpress/wp-content/themes/smileboom/assets/img/logo-smile.png) no-repeat;
  background-position: center;
}
#topics .thumb, #recommend .thumb {
  height: 80px;
  background: #FFFFFF;
}
#topics .thumb img, #recommend .thumb img {
  position: relative;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.news {
  clear: both;
  padding: 6px 8px 6px 30px;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  font-weight: bold;
  font-size: 11px;
  font-size: 1.1rem;
  background: #cde3a9 url(/wordpress/wp-content/themes/smileboom/assets/img/mark_pickup.png) no-repeat 8px 5px;
  background-size: 18px auto;
  border: solid 1px #cde3a9;
  overflow: hidden;
}
#top-col-left .news {
  background: #b7e8ea url(/wordpress/wp-content/themes/smileboom/assets/img/mark_info.png) no-repeat 8px 5px;
  background-size: 18px auto;
  border: solid 1px #b7e8ea;
}
#en-en #top-col-right .news {
  background: #cde3a9 url(/wordpress/wp-content/themes/smileboom/assets/img/mark_press.png) no-repeat 8px 5px;
  background-size: 18px auto;
  border: solid 1px #b7e8ea;
}
#rss {
  float: right;
}
#rss a {
  display: block;
  height: 16px;
  margin: -1px 0 0 0;
  padding-left: 20px;
  color: #000000;
  line-height: 16px;
  font-weight: normal;
  background: url(/wordpress/wp-content/themes/smileboom/assets/img/mark_list.png) no-repeat;
  background-size: 16px auto;
}
#rss a:hover {
  color: gray;
  text-decoration: none;
}
#newscontbg {
  -moz-border-radius: 0 0 0.5em 0.5em;
  -webkit-border-radius: 0 0 0.5em 0.5em;
  border-radius: 0 0 0.5em 0.5em;
  padding: 4px 7px;
  margin-bottom: 1em;
  border: solid 1px #d9d9d9;
}
.cat1, .cat2, .cat3, .cat4, .cat5, .cat6, .cat7, .cat8, .cat9 {
  margin-bottom: 6px;
  padding: 2px 8px;
  font-size: 9px;
  line-height: 13px;
  color: #FFFFFF;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.cat1 {
  background-color: #7DB600;
}
.cat2 {
  background-color: #cc875a;
}
.cat3 {
  background-color: #0092FF;
}
.cat4 {
  background-color: #767676;
}
.cat5 {
  background-color: #A74197;
}
.cat6 {
  background-color: #E8A900;
}
#home-sidebar-wide {
  clear: both;
  float: none;
  margin: 0 auto;
  padding: 0 0 20px 0;
  background-color: #36A5CC;
}
#home-jp .timeline, .timeline-en {
  clear: both;
  width: 103%;
  padding-top: 2em;
}
#home-jp .timeline li {
  width: 30%;
  float: left;
  margin-right: 3%;
}
.timeline-en li {
  width: 46%;
  float: left;
  margin-right: 3%;
}
.twitter-id {
  margin-bottom: 2px;
  font-size: 12px;
}
#home-sidebar-wide .twitter-id a:link {
  color: #fff;
}

@media screen and (max-width: 767px) {
#home-jp #home-sidebar {
  clear: both;
  float: none;
  margin: 0 auto;
  padding: 0 2% 20px 2%;
  width: 100%;
}
.twitter-id a:link {
  color: #fff;
}
}
@media screen and (max-width: 640px) {
#home-jp .timeline li, .timeline-en li {
  width: 86%;
  float: none;
  margin: 0 auto 6px auto;
}
}
.home .btn {
  font-size: 11px;
}
.timeline-Header-title {
  font-size: 10px!important;
}
.slider img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 860px) {
#home-sidebar {
  padding-left: 0;
}
}

@media screen and (max-width: 767px) {
#home-sidebar {
  clear: both;
  float: none;
  margin: 0 auto;
  padding: 0 2% 20px 5%;
  width: 100%;
  background-color: #36A5CC;
}
#home-sidebar:after {
  content: "";
  display: table;
  clear: both;
}
}
.timeline, .timeline-en {
  margin: 0;
  padding: 0;
  list-style: none;
}
.timeline li, .timeline-en li {
  margin-bottom: 6px;
}

@media screen and (max-width: 767px) {
.timeline {
  clear: both;
  padding-top: 2em;
}
.timeline li {
  width: 47%;
  float: left;
  margin-right: 3%;
}
}
@media screen and (max-width: 480px) {
.timeline li {
  width: 86%;
  float: none;
  margin: 0 auto 6px auto;
}
}
.related-links {
  clear: both;
  padding: 1.5em 0;
  background-color: #fcfcfc;
}
.related-links:after {
  content: "";
  display: table;
  clear: both;
}
.related-links ul {
  width: 103%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.related-links ul li {
  width: 30%;
  max-width: 300px;
  float: left;
  margin: 0 3% 6px 0;
}
.related-links ul li img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 480px) {
.related-links ul li {
  width: 90%;
  max-width: 280px;
  float: none;
  margin: 0 auto 8px auto;
}
}
/*--------------------------------------------------------------
News Releases
--------------------------------------------------------------*/
body.news-releases {
  padding-top: 0;
  font-size: 16px;
  line-height: 1.8;
  background-color: #f0f0f0;
}
.news-releases .navbar {
  background-color: #969696;
  border-bottom: #969696 solid 1px;
}
.news-releases .col-xs-12 {
  padding: 50px 10%;
  background-color: #fafafa;
}
.news-releases .col-xs-12:after {
  color: "";
  display: table;
  clear: both;
}
.news-releases .post-title {
  float: left;
  margin: -40px 0 0.3em -10%;
  font-size: 12px;
  line-height: 1;
}
.news-releases .post-date {
  float: right;
  margin: -40px -10% 30px 0;
  text-align: right;
  font-size: 12px;
  line-height: 1.2;
}
.news-releases .press-charge {
  float: left;
  margin: -18px 0 0 -10%;
  padding-bottom: 1em;
  font-size: 12px;
  line-height: 1.2;
}
.news-releases h1 {
  clear: both;
  padding: 0;
  text-align: center;
  border: none;
  color: #000;
  font-size: 26px;
}
.news-releases h2, .news-releases h3, .news-releases h4 {
  color: #000;
}
.news-releases h2 {
  margin-bottom: 0.5em;
  padding: 1em 0 0.4em 0;
  border-bottom: #969696 solid 1px;
  font-size: 20px;
}
.news-releases h2.none-line {
  margin-bottom: 0.4em;
  padding: 1em 0 0.4em 0;
  border: none;
}

@media screen and (max-width: 640px) {
.news-releases h1 {
  text-align: left;
}
.news-releases h1 br {
  display: none;
}
}
.news-releases footer {
  background-color: #ebebeb;
  margin: 0 -15px;
  padding: 30px 10%;
  font-size: 12px;
}
.news-releases .sns-area {
  vertical-align: middle;
}
.news-releases .sns-area div {
  display: inline-block;
}
.news-releases footer p {
  font-size: 12px;
}
.news-releases p.lead {
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
}
.news-releases h1 + p.lead {
  margin-top: -0.8em;
  font-size: 18px;
}
.news-releases p {
  margin: 0 0 1.5em 0;
  font-size: 16px;
  line-height: 1.8;
}
.news-releases p.notes {
  margin-left: 2em;
  font-size: 13px;
  line-height: 1.4;
  text-indent: -2em;
}
.en p.notes {
  margin-left: 0;
  text-indent: 0;
}
.news-releases p.small {
  font-size: 12px;
  line-height: 1.3;
}
.ph-center {
  margin-bottom: 2em;
  text-align: center;
}
.ph-box img {
  width: 100%;
  max-width: 580px;
  height: auto;
}
.ph-box-s img {
  width: 100%;
  max-width: 300px;
  height: auto;
}
.ph-box-m img {
  width: 100%;
  height: auto;
}
.ph-box-auto img {
  width: auto;
  height: auto;
}
.wide80 {
  width: 80%;
}
.ph-box-col-m {
  margin:1.5em auto 2em auto;
  max-width:480px;
  line-height:0;
}
.ph-box-col-s {
  margin:1.5em auto 2em auto;
  max-width:240px;
  line-height:0;
}
.ph-box-col-m img, .ph-box-col-s img {
  display:block;
  margin:0;
  padding:0;
  width:100%;
  height:auto;
  vertical-align:bottom;
}
.cap-txt {
  display:block;
  margin:0;
  padding:6px 0 0 0;
  font-size:90%;
  line-height:1.28;
}

@media screen and (max-width: 640px) {
.ph-box-auto img {
  width: 100%;
}
.wide80 {
  width: 100%;
}
}
.ph-box-w {
  margin: 0 -12.5% 2em -12.5%;
}
.ph-box-w img {
  width: 100%;
  height: auto;
}
.news-releases table.img-box {
  width: 100%;
  margin: 0 0 2em 0;
}
.news-releases table.img-box img {
  display: block;
  width: 90%;
  height: auto;
  margin: 0 auto;
}
table.img-box-s, table.img-box-auto {
  width: 100%;
  max-width: 580px;
  margin: 0 auto 2em auto;
}
table.img-box-s td {
  padding: 0 0 2% 0;
}
table.img-box-s img {
  display: block;
  width: 95%;
  height: auto;
  margin: 0 auto;
}
table.img-box-auto img {
  display: block;
  width: 95%;
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
.news-releases .col-xs-12 {
  padding: 50px 5%;
}
.news-releases .post-title {
  margin: -40px 0 0.3em -4%;
}
.news-releases .post-date {
  margin: -40px -4% 30px 0;
}
.news-releases footer {
  padding: 20px 5%;
}
.news-releases .press-charge {
  margin: -18px 0 0 -4%;
}
}
/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/
.mediaCategory {
  padding: 1em 0;
}
.mediaCategory ul {
  margin: 0 auto;
  list-style: none;
  letter-spacing: -.40em;
  border: #0a5991 solid;
  border-width: 0 0 3px 1px;
}
.mediaCategory li {
  display: inline-block;
  border: #0a5991 solid;
  border-width: 1px 1px 0 0;
  letter-spacing: normal;
}
.mediaCategory li a {
  display: block;
  padding: 0.5em 1.5em;
  color: #0a5991;
}
.mediaCategory li a.on-page {
  background-color: #0a5991;
  color: #FFF;
}
.mediaCategory li a:hover {
  background-color: #0a5991;
  color: #FFF;
  text-decoration: none;
}
.media-list hr.hrgray + .year {
  padding-top: 0.5em;
}
.media-list hr.hrgray {
  margin: 0 0 0.6em 0;
  padding: 0.6em 0 0 0;
}
#medialist-news .media-list p, #medialist-web .media-list p {
  margin-bottom: 0.2em;
}
/*--------------------------------------------------------------
Media - Amazlet
--------------------------------------------------------------*/
.amazlet-box {
  clear: both;
  padding: 0;
}
.amazlet-box:after {
  content: "";
  display: table;
  clear: both;
}
.amazlet-box .amazlet-image {
  float: left;
  margin: 0 !important;
  border: 1px solid rgba(0,0,0,0.25);
}
.amazlet-box .amazlet-image img {
  max-height: 100px;
  max-width: 70px;
}
.amazlet-box .amazlet-info {
  margin-left: 80px;
}
.amazlet-box .amazlet-name {
  font-weight: bold;
  border-bottom: 1px dotted lightgrey;
  margin-bottom: 14px;
}
.amazlet-box .amazlet-powered-date {
  color: #776666;
  font-weight: normal;
  font-size: 12px;
  text-align: right;
  padding-top: 4px;
}
.amazlet-box .amazlet-detail {
  display: none;
}
.amazlet-sub-info {
  margin-left: 8px;
}
.amazlet-box .amazlet-link {
  margin-top: 8px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}
.amazlet-box .amazlet-link a {
  color: rgb(155,104,0);
  border: 1px solid rgb(204,170,102);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  padding: 4px 0.8em;
  background: -webkit-linear-gradient( top, rgb(255,241,234) 0%, rgb(255,238,204) 100% );
  background: -moz-linear-gradient( top, rgb(255,241,234) 0%, rgb(255,238,204) 100% );
  background: -ms-linear-gradient( top, rgb(255,241,234) 0%, rgb(255,238,204) 100% );
  background: -o-linear-gradient( top, rgb(255,241,234) 0%, rgb(255,238,204) 100% );
  background: linear-gradient( top, rgb(255,241,234) 0%, rgb(255,238,204) 100% );
  -pie-background: linear-gradient( top, rgb(255,241,234) 0%, rgb(255,238,204) 100% );
  text-shadow: 1px 1px 0 rgb(255,255,255);
  -webkit-box-shadow: 0px 1px 2px rgb(170,166,166);
  -moz-box-shadow: 0px 1px 2px rgb(170,166,166);
  -ms-box-shadow: 0px 1px 2px rgb(170,166,166);
  -o-box-shadow: 0px 1px 2px rgb(170,166,166);
  box-shadow: 0px 1px 2px rgb(170,166,166);
  behavior: url(/script/js/PIE.htc);
}
.amazlet-box .amazlet-footer {
  width: 1px;
}
div#sentence figure {
  background-image: url(image/shot1.png);
  width: 1017px;
  height: 1139px;
  padding-left: 0px;
}
.part {
  list-style: none;
  font-size: 0.5em;
  color: white;
  margin-right: 1.5px;
  padding: 2px 4px;
  display: inline;
  line-height: 2.5em;
  white-space: nowrap;
  cursor: help;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #669;
}
.genre {
  list-style: none;
  font-size: 0.5em;
  color: white;
  margin-right: 1.5px;
  padding: 2px 4px;
  display: inline;
  line-height: 2.5em;
  white-space: nowrap;
  cursor: help;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #966;
}
.hard {
  list-style: none;
  font-size: 0.5em;
  color: white;
  margin-right: 1.5px;
  padding: 2px 4px;
  display: inline;
  line-height: 2.5em;
  white-space: nowrap;
  cursor: help;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #696;
}
.mood {
  list-style: none;
  font-size: 0.5em;
  color: white;
  margin-right: 1.5px;
  padding: 2px 4px;
  display: inline;
  line-height: 2.5em;
  white-space: nowrap;
  cursor: help;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #369;
}
.lang {
  list-style: none;
  font-size: 0.5em;
  color: white;
  margin-right: 1.5px;
  padding: 2px 4px;
  display: inline;
  line-height: 2.5em;
  white-space: nowrap;
  cursor: help;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #639;
}
#access iframe {
  width: 100%;
  height: 400px;
  margin-bottom: 1em;
}

@media only screen and (max-width:  640px) {
#access iframe {
  height: 250px;
}
}
/*--------------------------------------------------------------
Product
--------------------------------------------------------------*/
.product-list {
  margin: 0 0 1em -1em;
  padding: 0;
  list-style: none;
  letter-spacing: -.40em;
}
.product-list-wide {
  margin: 0 0 1em -1em;
  padding: 0;
  list-style: none;
}
.product-list:after, .product-list-wide:after {
  content: "";
  display: table;
  clear: both;
}
.product-list li {
  display: inline-block;
  width: 49.8%;
  margin: 0;
  padding: 0 0 2em 1em;
  vertical-align: top;
  letter-spacing: normal;
}
.product-list-wide li {
  position: relative;
  clear: both;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0 0 3em 1em;
  vertical-align: top;
  letter-spacing: normal;
}
.product-list-wide li:after {
  content: "";
  clear: both;
  display: block;
  position: absolute;
  height: 2px;
  width: 98%;
  background-color: #d9d9d9;
  border-bottom: #fff solid 1px;
  bottom: 1.5em;
}
.product-list-wide .tag li:after {
  display: none;
}

/* --------------------------------------------------
	SMILEBOOM - 2019/10/1 START
	for Middleware
-------------------------------------------------- */
.product-list-mid {
  margin: 0 0 1em -1em;
  padding: 0;
  list-style: none;
  letter-spacing: -.40em;
}
.product-list-mid:after {
  content: "";
  display: table;
  clear: both;
}
.product-list-mid li {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0 0 2em 1em;
  vertical-align: top;
  letter-spacing: normal;
}
.product-list-mid .tag li:after {
  display: none;
}

@media only screen and (max-width:  640px) {
.product-list-mid {
  margin: 0 0 1em 0;
}
.product-list-mid li {
  display: block;
  width: 100%;
  padding: 0 0 2em 0;
}
}

.product-list-mid h2 {
  margin: 0 0 3px 0;
  color: #000!important;
  font-size: 14.5px;
}
.product-list-mid .ph-box{
  float: left;
  width: 100px;
}
.product-list-mid .ph-box-mid{
  margin-left: 28px;
  float: left;
  width: 100px;
}
/*
.product-list-mid .txt-box {
  margin-left: 108px;
}
*/
.product-list-mid .txt-box-mid {
  margin-left: 8px;
  float: left;
  width: 32%;
}
.product-list-mid .txt-box-2 {
  margin-left: 8px;
  float: left;
  width: 70%;
}
.product-list-mid .dl-product {
  padding: 0;
  clear: none;
  float: right;
  width: 38%;
}
.product-list-mid .txt-box-mid, .product-list-mid .txt-box-2 p {
  margin: 0 0 4px 4px;
  line-height: 1.1;
  font-size: 12px;
}
.product-list-mid span {
  margin: 0 0 2px 0;
  padding: 0;
}
.product-list-mid span a {
  display: inline-block;
  padding: 0 0 0 17px;
  font-size: 11px;
  line-height: 16px;
  white-space: nowrap;
}

.ph-box-mid img {
  width: 100%;
  max-width: 580px;
  height: auto;
}

/* --------------------------------------------------
SMILEBOOM - END
-------------------------------------------------- */



@media only screen and (max-width:  640px) {
.product-list {
  margin: 0 0 1em 0;
}
.product-list li {
  display: block;
  width: 100%;
  padding: 0 0 2em 0;
  vertical-align: top;
}
}
.product-list h4, .product-list h2, .product-list-wide h2 {
  margin: 0 0 3px 0;
  color: #000!important;
  font-size: 14.5px;
}
.product-list .ph-box, .product-list-wide .ph-box {
  float: left;
  width: 100px;
}
.product-list .txt-box, .product-list-wide .txt-box {
  margin-left: 108px;
}
.product-list-wide .txt-box {
  margin-left: 8px;
  float: left;
  width: 32%;
}
.product-list-wide .dl-product {
  padding: 0;
  clear: none;
  float: right;
  width: 48%;
}

@media only screen and (max-width:  640px) {
.product-list-wide .txt-box {
  margin-left: 108px;
  float: none;
  width: auto;
}
.product-list-wide .dl-product {
  padding: 1em 0 0 0;
  clear: both;
  float: none;
  width: 100%;
}
}
.product-list .txt-box p, .product-list-wide .txt-box p {
  margin: 0 0 4px 0;
  line-height: 1.1;
  font-size: 12px;
}
.product-list span, .product-list-wide span {
  margin: 0 0 2px 0;
  padding: 0;
}
.product-list span a, .product-list-wide span a {
  display: inline-block;
  padding: 0 0 0 17px;
  font-size: 11px;
  line-height: 16px;
  white-space: nowrap;
}
.shop-link a {
  background: url(/wordpress/wp-content/themes/smileboom/assets/img/mark_buy.png) no-repeat;
  background-size: 15px auto;
}
.site-link a {
  background: url(/wordpress/wp-content/themes/smileboom/assets/img/mark_go.png) no-repeat;
  background-size: 15px auto;
}
.movie-link a {
  background: url(/wordpress/wp-content/themes/smileboom/assets/img/mark_play.png) no-repeat;
  background-size: 15px auto;
}
.dl-link a {
  background: url(/wordpress/wp-content/themes/smileboom/assets/img/mark_dl.png) no-repeat;
  background-size: 15px auto;
}
.tag {
  margin: -0.5em 0 0.3em 0;
  padding: 8px 0 0 0;
  letter-spacing: -.40em;
}
.tag li {
  display: inline-block;
  width: auto;
  margin: 0 2px 2px 0;
  padding: 4px 0.5em;
  color: #FFF;
  font-size: 11px;
  line-height: 1;
  letter-spacing: normal;
  background-color: #999;
  word-wrap: normal;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.tag li.tag-1 {
  background-color: #663399;
}
.tag li.tag-2 {
  background-color: #007EFF;
}
.tag li.tag-3 {
  background-color: #009928;
}
.tag li.tag-4 {
  background-color: #9AA200;
}
.dl-product {
  padding-top: 1em;
  clear: both;
  font-size: 12px;
}
.dl-product dt, .dl-product dd {
  padding: 2px 0;
}
.dl-product dt {
  width: 100px;
  color: #0a5991;
  font-size: 11px;
  border-top: #0a5991 solid 1px;
}
.dl-product dd {
  width: auto;
  margin-left: 110px;
  border-top-style: dotted;
  line-height: 1.2;
}
p.copyright-txt {
  clear: both;
  padding: 0.3em 0 0 0;
  font-size: 9px;
  line-height: 1.2;
}
.dl-news, .dl-news p {
  margin: 0;
  font-size: 12px;
  line-height: 1.3;
}

@media screen and (max-width: 480px) {
.dl-news dt, .dl-news dd {
  float: none;
  width: 100%;
  margin: 0;
}
.dl-news dt {
  padding-bottom: 3px;
}
.dl-news dd {
  padding: 0;
  border: none;
}
}
.ul-hrd {
  margin: 0 auto 1em auto;
  padding: 0;
  list-style: none;
  text-align: center;
  letter-spacing: -.40em;
}
.ul-hrd li {
  padding: 3px;
  display: inline-block;
  letter-spacing: normal;
}
/*--------------------------------------------------------------
Event
--------------------------------------------------------------*/
.event-mainvisual {
  margin: 0;
  padding: 0;
  line-height: 0;
}
.event-mainvisual img {
  width: 100%;
}
.event-date {
  padding: 0.5em 1em;
  background-color: #404040;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}
.event-name {
  margin: 0 0 1em 0;
  padding: 1em;
  background-color: #d9d9d9;
}
.event-name h2 {
  margin: 0;
  color: #000;
}
.event-sub-title {
  margin-bottom: 0.4em;
}
.repoimg {
  clear: both;
  margin: 0 0 1em 0;
  padding: 0.8em;
  font-size: inherit;
  border: #d9d9d9 solid 1px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  letter-spacing: -.40em;
}
.repoimg a {
  display: inline-block;
  letter-spacing: normal;
  margin: 0 4px 4px 0;
  vertical-align: middle;
}
.repoimg-top {
  clear: both;
  margin: 0;
  padding: 0.8em 0;
  font-size: inherit;
  text-align: center;
}
.repoimg-top a {
  display: inline-block;
  letter-spacing: normal;
  margin: 0 3px 4px 3px;
  vertical-align: middle;
}
img.swipe-thumb {
  width: 80px;
  height: auto;
  vertical-align: top;
}
.repoimg-top img.swipe-thumb {
  width: 120px;
}
#event-detail {
  padding-top: 1em;
}
#event-detail p {
  line-height: 1.5;
}
#event-detail .border-box p {
  font-size: 14px;
  line-height: 1.3;
}
a.shop-link {
  display: inline-block;
  padding: 0 0 0 22px;
  background: url(/wordpress/wp-content/themes/smileboom/assets/img/mark_buy.png) no-repeat;
  background-position: left center;
  background-size: 18px auto;
  line-height: 20px;
}
a.site-link {
  display: inline-block;
  padding: 0 0 0 22px;
  background: url(/wordpress/wp-content/themes/smileboom/assets/img/mark_go.png) no-repeat;
  background-position: left center;
  background-size: 18px auto;
  line-height: 20px;
}
a.movie-link {
  display: inline-block;
  padding: 0 0 0 22px;
  background: url(/wordpress/wp-content/themes/smileboom/assets/img/mark_play.png) no-repeat;
  background-position: left center;
  background-size: 18px auto;
  line-height: 20px;
}
a.dl-link {
  display: inline-block;
  padding: 0 0 0 22px;
  background: url(/wordpress/wp-content/themes/smileboom/assets/img/mark_dl.png) no-repeat;
  background-position: left center;
  background-size: 18px auto;
  line-height: 20px;
}
.event-list hr.hrgray + .year {
  padding-top: 0.5em;
}
.event-list hr.hrgray {
  margin: 0 0 0.6em 0;
  padding: 0.6em 0 0 0;
}
.event-list p {
  margin-bottom: 0.2em;
}
.event-list p.year {
  margin-bottom: 0.3em;
}
.event-list .small {
  color: #7E7E7E;
}
ul.report {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.report p {
  margin: 0.1em;
}
ul.report .list-event-date {
  font-weight: bold;
}
ul.report .event-sub-title {
  font-size: 12px;
}
ul.report li {
  clear: both;
  padding: 0.5em 0;
  border-top: #d9d9d9 solid 1px;
}
ul.report li img {
  display: block;
  float: right;
  width: 25%;
  max-width: 200px;
  height: auto;
  margin: 0 0 0.5em 0.5em;
}

@media screen and (max-width: 480px) {
ul.report li img {
  width: 35%;
}
}
/*--------------------------------------------------------------
Contact
--------------------------------------------------------------*/
.contact-form {
  padding: 2em;
  border: #d9d9d9 solid 1px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
p.form-label {
  margin-bottom: 0.2em;
  padding-top: 0.5em;
  font-size: 13px;
  font-weight: bold;
}
.contact-form p.btm-line {
  border-bottom: #aaa dotted 1px;
}
.contact-form label {
  width: 100%;
  font-weight: normal;
}
.input-wide {
  width: 100%;
  padding: 4px 0.5em;
  outline: none;
  border: 1px solid #aaa;
  -webkit-transition: all .3s;
  transition: all .3s;
  font-size: 15px;
  font-weight: normal;
}
.input-wide:focus {
  box-shadow: 0 0 7px #CBC6C6;
  border: 1px solid #CBC6C6;
}
.contact-form input[type="checkbox"], .contact-form input[type="radio"] {
  margin-right: 3px;
}
.contact-form input[type="submit"] {
  display: block;
  border: none;
  padding: 1em 3em;
  margin: 0 auto;
  font-weight: bold;
  color: #FFF;
  border: #0a5991 solid 1px;
  background-color: #0a5991;
  cursor: pointer;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.contact-form input[type="submit"]:hover {
  color: #0a5991;
  background-color: #FFF;
  -webkit-transition: all .3s;
  transition: all .3s;
}
span.wpcf7-list-item {
  margin: 0 0 2px 0;
  padding: 2px 0 0 0;
  display: block;
}
span.wpcf7-list-item label {
  font-weight: normal;
}
div.wpcf7-response-output {
  text-align: center;
  color: #FF0000;
  font-weight: bold;
}
div.wpcf7-validation-errors {
  margin: 0 0 1em 0;
  padding: 1em;
  border: none;
  background-color: #FF0000;
  color: #FFF;
  text-align: center;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
div.wpcf7-mail-sent-ok {
  margin: 0 0 1em 0;
  padding: 1em;
  border: none;
  background-color: #4FA6A1;
  color: #FFF;
  text-align: center;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.asterisk {
  margin: 0 0 0 0.2em;
  color: #cc0000;
}

@media screen and (max-width: 480px) {
.contact-form {
  padding: 2em 1em;
}
}
/*--------------------------------------------------------------
 Sidebar
--------------------------------------------------------------*/
#sidebar ul {
  margin: 0 0 1em 0;
  padding: 0;
  list-style: none;
}
#sidebar li {
  position: relative;
  background-color: #E0E0E0;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  margin-bottom: 1px;
  height: auto;
  line-height: 1.2;
  padding: 8px 1em 7px 24px;
  font-size: 12px;
}
#sidebar li:before {
  position: absolute;
  content: "";
  display: block;
  top: 11px;
  left: 11px;
  width: 10px;
  height: 10px;
  background-color: #444;
}
#sidebar li.mark00 {
  background: #C2C2C2 none;
  margin-top: 16px;
  padding: 8px;
  line-height: 1.5em;
}
#sidebar li.mt1em {
  margin-top: 1em;
}
#sidebar li a {
  display: block;
  color: #000;
}
#sidebar li.current-menu-item:before {
  top: 13px;
  left: 11px;
  width: 11px;
  height: 5px;
  border-left: 2px solid #444;
  border-bottom: 2px solid #444;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
  background-color: transparent;
}
#medialist-news #sidebar li.nav-medialist:before, #medialist-web #sidebar li.nav-medialist:before, #event-report #sidebar li.nav-event:before, #press li.subnav-press:before, #news li.subnav-info:before, #info-post li.subnav-info:before, #press-en-en li.subnav-press:before, #event-info #sidebar li.nav-eventinfo:before {
  top: 13px;
  left: 11px;
  width: 11px;
  height: 5px;
  border-left: 2px solid #444;
  border-bottom: 2px solid #444;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
  background-color: transparent;
}
#sidebar li.custom-nav {
  line-height: 1.2;
  margin-top: 1em;
  padding: 0;
  font-size: 13px;
  background-color: #f6f2f1;
  border: #E0E0E0 1px solid;
  font-size: 12px;
  line-height: 1.2;
}
#sidebar li.custom-nav:before {
  position: absolute;
  content: "";
  display: none;
}
#sidebar li.custom-nav a {
  color: #bd3100;
  display: block;
  padding: 12px 12px 12px 50px;
  background: url(/wordpress/wp-content/themes/smileboom/assets/img/mark_pdf.png) no-repeat;
  background-position: 10px 12px;
}
.companyprofile-dl {
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  border: #E0E0E0 1px solid;
  font-size: 12px;
  line-height: 1.2;
}
.companyprofile-dl a {
  display: block;
  padding: 12px 12px 12px 50px;
  background: url(/wordpress/wp-content/themes/smileboom/assets/img/mark_pdf.png) no-repeat;
  background-position: 10px 12px;
}

@media screen and (max-width: 767px) {
#sidebar {
  padding-left: 0;
}
#sidebar li {
  -webkit-border-radius: 0.5em 0 0 0.5em;
  -moz-border-radius: 0.5em 0 0 0.5em;
  border-radius: 0.5em 0 0 0.5em;
}
#sidebar li.mt1em {
  margin-top: 0.5em;
}
}
/*--------------------------------------------------------------
 Common
--------------------------------------------------------------*/
#pankuzu {
  padding-bottom: 3px;
  font-size: 12px;
}
#pankuzu a {
  padding-right: 18px;
  position: relative;
  color: #000;
}
#pankuzu a::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 1px #000000;
  border-right: solid 1px #000000;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 6px;
  margin-top: -4px;
}
.pagination {
  display: block;
  text-align: center;
  padding-top: 2em;
}
.screen-reader-text {
  display: none;
}
.page-numbers {
  display: inline-block;
  padding: 0.3em 0.6em;
  background: #e0e0e0;
  color: #000;
  line-height: 1;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.page-numbers:visited {
  color: #000;
}
.pagination .current {
  background: #3f3f3f;
  color: #FFF;
}
.share-link {
  margin: 0;
  padding: 10px 0 20px 0;
  list-style: none;
  letter-spacing: -.40em;
}
.share-link:after {
  content: "";
  display: table;
  clear: both;
}
.share-link li {
  display: inline-block;
  min-height: 30px !important;
  margin: 0 0 0 8px;
  letter-spacing: normal;
  text-align: right;
}
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}
.share-link li iframe {
  margin: 0 !important;
}
.year-archive {
  margin-top: -1em;
  margin-bottom: -1em;
  padding: 1em 0;
}
.year-archive ul {
  margin: 0 auto;
  list-style: none;
  letter-spacing: -.40em;
  border: #0a5991 solid;
  border-width: 0 0 3px 0;
}
.year-archive li {
  display: inline-block;
  margin-right: -1px;
  margin-bottom: -1px;
  border: #0a5991 solid;
  border-width: 1px;
  letter-spacing: normal;
  vertical-align: top;
}
.year-archive li a {
  display: block;
  padding: 0.5em 1em;
  color: #0a5991;
}
.year-archive li.on-page a {
  background-color: #0a5991;
  color: #FFF;
}
.year-archive li a:hover {
  background-color: #0a5991;
  color: #FFF;
  text-decoration: none;
}
.year-archive li.select-all {
  float: right;
  margin-right: 0;
}
.open {
  clear: both;
  width: 100%;
  margin-top: 1em;
}
ul.open:after {
  content: "";
  display: table;
  clear: both;
}
.open strong {
  font-size: 1.2em;
}
.open a {
  display: block;
  position: relative;
  width: 100%;
  min-height: 110px;
  padding: 1em 1em 1em 130px;
  background-color: #fbf9f8;
  border: #0a5991 solid 1px;
  color: black;
  border-radius: 0.5em;
  line-height: 1.6;
  -webkit-transition: all .3s;
  transition: all .3s;
  text-decoration: none;
}
.open a:after {
  content: "";
  display: table;
  clear: both;
}
.open a:hover {
  background-color: white;
}
.open img {
  display: block;
  position: absolute;
  width: 100px;
  height: auto;
  top: 1em;
  left: 1em;
}

.tape {
  position: relative;
  background-color: white;
  padding: 1em;
  box-shadow: 3px 3px 13px -2px #222;
}

.tape h5 {
  position: absolute;
  top: -1em;
  background-color: rgba(100,100,100,0.4);
  padding: 0.25em 2em;
  color: #fff;
  font-weight:normal;
  transform: rotate(-4deg);

}

.tape p{
  color:#555555;
  line-height: 22px;
}

.effect4
{

}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

.box {
  width:90%;
  background:#FFF;
  margin:40px auto;
}

.block {
  width:90%;
  position: relative;
  padding: 0 1.2em;
  text-align:left;

}

.block p{
  color:#555555;
  line-height: 22px;
  letter-spacing: 1.2px;
  font-size:13.3px;
}


.lt {
  position: relative;
  padding: 0 .5em .4em 2em;
  font-size:16px;
  color:#555555;
  width:90%;
  height: 10px;
  text-align:left;
}
.lt::before,
.lt::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
.lt::before {
  left: .2em;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: rgba(10, 89, 145, .6);
}
.lt::after {
  top: .6em;
  left: .7em;
  width: 13px;
  height: 13px;
  background: rgba(0, 200, 180, .6);
}