@charset "UTF-8";
/*
Theme Name: jiyukenkyu
Theme URI: http://jiyukenkyu.hokkaido-np.co.jp/
Author: ddmkk
Author URI: http://www.aurora-net.or.jp
Description: Manabun Challenge Hiroba 2016.07
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jiyukenkyu

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box; }

body {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1;
  background: #fafafa;
  color: #666; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

p {
  line-height: 1.5em; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: #333; }
a :hover {
  /*color:#333;*/ }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

#school-main {
  text-align: center; }

/*----------------------------------------------------------------------------
 ***                                                                   table
----------------------------------------------------------------------------*/
table {
  border-collapse: collapse;
  border: 1px solid #CCCCCC;
  border-spacing: 0; }

td {
  border: 1px solid #CCCCCC;
  padding: 16px;
  background-color: rgba(255, 255, 255, 0.3); }

th {
  border: 1px solid #CCCCCC;
  padding: 16px;
  background-color: rgba(255, 233, 222, 0.3);
  font-weight: bold; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

.clearfix {
  width: 100%; }
.clearfix:after {
  content: "";
  display: block;
  clear: both; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

/*----------------------------------------------------------------------------
 ***                                                                   img
----------------------------------------------------------------------------*/
.alignleft, img.alignleft {
  display: inline;
  float: left;
  margin-right: 10px; }

.alignright, img.alignright {
  display: inline;
  float: right;
  margin-left: 10px; }

.aligncenter, img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*----------------------------------------------------------------------------
 ***                                                             Header
----------------------------------------------------------------------------*/
header {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 10px 10px;
  background-color: #ffffff;
  position: relative;
  box-sizing: border-box; }

.site-subtitle {
  font-size: 10px;
  width: 210px;
  margin: 10px 0 0 10px;
  float: none;
  position: relative; }

/* Site logo */
.site-logo {
  width: 30%;
  max-width: 370px;
  height: auto;
  margin: 18px 0 0 0;
  padding: 0;
  float: left; }
.site-logo img {
  width: 100%;
  max-width: 370px;
  height: auto; }

/*----------------------------------------------------------------------------
 ***                                                         Nav
----------------------------------------------------------------------------*/
nav {
  z-index: 48000;
  position: absolute;
  top: 4px;
  right: 0px; }

#nav-pc {
  clear: both; }

/* Breadcrumbs */
.breadcrumbs {
  font-size: 12px;
  width: 100%;
  max-width: 1280px;
  height: auto;
  margin: 0 auto;
  padding: 20px 0; }

/*----------------------------------------------------------------------------
 ***                                                               Footer
----------------------------------------------------------------------------*/
footer {
  width: 100%;
  margin: 0;
  border-top: #4378b6 1px solid;
  background-color: #fafafa;
  clear: both; }

/*----------------------------------------------------------------------------
 ***                                                               Main Article
----------------------------------------------------------------------------*/
/* Outer frame */
#page {
  position: relative;
  overflow: hidden;
  padding: 0;
  background-color: #fff; }

#wrapper {
  width: 100%;
  height: auto;
  margin: 0 auto 0px auto;
  padding: 0;
  background-color: #ffffff;
  border-top: #4378b6 1px solid; }

#slider {
  width: 100%;
  height: auto;
  max-height: 615px;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
  background-image: url(images/ami.png);
  background-repeat: repeat;
  border-top: #4378b6 1px solid;
  border-bottom: #4378b6 1px solid;
  overflow: hidden;
  position: relative; }
#slider .ws_controls {
  display: none !important; }

#slider-half {
  width: 100%;
  height: auto;
  max-height: 240px;
  margin: 0 auto 5px;
  padding: 0;
  background-color: #fff;
  background-image: url(images/ami.png);
  background-repeat: repeat;
  border-top: #4378b6 1px solid;
  border-bottom: #4378b6 1px solid;
  overflow: hidden;
  position: relative; }
#slider-half .ws_controls {
  display: none !important; }

.slidetitle {
  width: 100%;
  height: auto;
  display: block;
  font-size: 12px;
  text-align: center;
  line-height: 150%;
  margin: 0;
  padding: 5px;
  background-color: #bee1f6;
  white-space: nowrap;
  /*box-sizing:border-box;*/ }

#main {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0; }

.introbox {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 5%;
  /*box-sizing:border-box;*/ }
.introbox h2 {
  font-size: 1.8em;
  font-weight: normal;
  margin: 0 0 1.5em 0;
  padding: 0; }

article.article-box1 {
  width: 100%;
  height: auto;
  margin: 10px 0 20px 0;
  clear: both;
  float: none;
  position: relative;
  padding: 0; }

body.home h3.widget-title {
  display: none; }

input.comfirmsend {
  width: 50%;
  max-width: 320px;
  height: auto;
  padding: 10px;
  margin: 10px 0;
  border: 1px #ccc solid;
  border-radius: 6px;
  background-color: #e0e5d3; }
input.backbtn {
  width: 50%;
  max-width: 320px;
  height: auto;
  padding: 10px;
  margin: 10px 0;
  border: 1px #ccc solid;
  border-radius: 6px;
  background-color: #e0e5d3;
  background-color: #f29b9b; }

.hdtext {
  display: none; }

.shotpointbox {
  float: right;
  border: 3px #accb39 dotted;
  border-radius: 6px;
  background-color: #fff6c7;
  padding: 10px !important;
  /*box-sizing:border-box;*/
  position: relative; }
.shotpointbox:after {
  display: block;
  height: auto;
  content: url(images/bunchan-hakken.png);
  position: absolute;
  bottom: -23%;
  left: -13%;
  transform: scale(0.7); }

.shotpoint-title {
  display: block;
  font-weight: bold;
  color: #accb39; }

.shotpoint-text {
  display: block;
  margin: 10px 0; }

body.single .mus-infobox {
  width: auto;
  max-width: 600px;
  height: auto;
  margin: 10px;
  padding: 10px;
  border: 1px #accb39 solid;
  border-radius: 6px;
  /*box-sizing:border-box;*/ }

article.article-box1 ul.museum-ul li span.mus-genre {
  color: #333;
  display: inline-block;
  background-color: #e0e5d3;
  border: 1px #ccc solid;
  border-radius: 6px;
  padding: 0px 6px;
  margin: 0 10px 0 0; }

body.single span.mus-genre, body.single span.mus-chiiki {
  color: #333;
  display: inline-block;
  background-color: #e0e5d3;
  border: 1px #ccc solid;
  border-radius: 6px;
  padding: 0px 6px;
  margin: 0 10px 0 0; }
body.single span.mus-genre:before, body.single span.mus-chiiki:before {
  font-family: "Ionicons";
  font-size: 16px;
  padding: 0 5px 0 0;
  position: relative;
  top: 1px; }
body.single span.mus-genre:before {
  content: "\f2aa"; }
body.single span.mus-chiiki:before {
  content: "\f456"; }
body.single span.mus-address {
  display: inline-block;
  margin: 5px 0; }
body.single span.mus-url {
  display: block;
  color: #0468bf;
  margin: 10px 0; }
body.single span.mus-url:hover {
  color: #5aa7ff; }
body.single span.mus-url:before {
  content: "\f481";
  font-family: "Ionicons";
  font-size: 20px;
  padding: 0 5px 0 0;
  position: relative;
  top: 3px;
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%); }

.main-photo, .sub-photo, .other-photo, .mangalist {
  height: auto;
  text-align: center;
  background-color: #fafafa;
  border: 1px #cccccc solid;
  /*box-sizing:border-box;*/
  padding: 1px;
  margin: 0 5% 1% 0;
  float: left;
  position: relative; }

.main-photo {
  width: 45%; }

.sub-photo, .other-photo {
  width: 30%;
  margin: 10px 5px 10px 0;
  overflow: hidden; }

.sub-photo {
  width: 15%; }

.main-photo:before, .sub-photo:before, .other-photo:before {
  content: "";
  display: block;
  padding-top: 100%; }

.main-photo-inner, .sub-photo-inner, .other-photo-inner {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.main-photo img, .sub-photo img, .other-photo img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%; }

.main-infobox {
  width: 40%;
  height: auto;
  float: left; }

article.article-box1 .photo-section p.attention {
  margin: 0;
  padding: 0;
  font-size: 12px;
  width: 40%; }
article.article-box1 .main-infobox h3 {
  margin: 0;
  padding: 0; }
article.article-box1 .main-infobox p {
  font-size: 18px;
  margin: 0 0 2.5% 0;
  padding: 0; }

.mangalist {
  width: 50%;
  margin: 0; }
.mangalist:before {
  content: "";
  display: block;
  padding-top: 74.34%; }
.mangalist img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto; }

.button-area {
  margin: 60px auto;
  text-align: center; }

a.toukou-btn:link, a.toukou-btn:visited, a.toukou-btn:hover, a.toukou-btn:active {
  color: #fff; }

.toukou-btn {
  display: block;
  width: 98%;
  height: auto;
  background: #00aa4d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00aa4d), color-stop(100%, #007f39));
  background-image: -webkit-linear-gradient(top, #00aa4d, #007f39);
  background-image: -moz-linear-gradient(top, #00aa4d, #007f39);
  background-image: -o-linear-gradient(top, #00aa4d, #007f39);
  background-image: linear-gradient(top, #00aa4d, #007f39);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF00AA4D', endColorstr='#FF007F39');
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  font-size: 28px;
  font-size: 2rem;
  text-shadow: 2px 2px 3px #0d0b0d;
  color: #ffffff;
  padding: 10px 40px 10px 40px;
  border: solid #1f628d 2px;
  text-decoration: none;
  font-weight: bold;
  margin: 10px auto;
  box-sizing: border-box; }
.toukou-btn:hover {
  text-decoration: none;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #57c413), color-stop(100%, #45ad09));
  background-image: -webkit-linear-gradient(top, #57c413, #45ad09);
  background-image: -moz-linear-gradient(top, #57c413, #45ad09);
  background-image: -o-linear-gradient(top, #57c413, #45ad09);
  background-image: linear-gradient(top, #57c413, #45ad09);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF57C413', endColorstr='#FF45AD09'); }

.no-backgroundsize .flow-box {
  background-image: none;
  background: #fff;
  border: solid 2px #999; }
.no-backgroundsize .flow-box.flow-last {
  background-image: none; }

article.article-box1 h3.section-title {
  background-color: #accb39;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  font-size: 35.2px;
  font-size: 2.2rem;
  font-weight: 500;
  margin-bottom: 40px;
  letter-spacing: 1px; }

.icon.icon-flow {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 44px;
  height: 31px;
  background-image: url("./images/icon/pc.png");
  background-repeat: no-repeat;
  background-position: left bottom; }
.icon.icon-youkou {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 31px;
  height: 31px;
  background-image: url("./images/icon/document.png");
  background-repeat: no-repeat;
  background-position: left bottom; }

.youkou-detail {
  border: solid 3px #F39800;
  border-radius: 8px;
  background: #fff;
  padding: 30px; }
.youkou-detail dt {
  border-bottom: solid 2px #F39800;
  background: url("./images/guideline/youkou-list-mark.png") no-repeat;
  padding-left: 30px;
  padding-bottom: 4px;
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 25.6px;
  font-size: 1.6rem; }

.prize-box {
  display: table;
  table-layout: fixed;
  width: 100%;
  background: #fff;
  border: solid 4px #F39800;
  padding: 20px;
  margin-bottom: 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  /*box-sizing:border-box;*/ }
.prize-box .prize-image-inner img {
  width: 100%;
  height: auto; }
.prize-box .prize-image {
  display: table-row;
  text-align: center; }
.prize-box .prize-image-inner, .prize-box .prize-text {
  display: table-cell;
  vertical-align: middle; }

.two-columns {
  width: 45%;
  height: auto;
  margin: 0 2.5%;
  float: left; }

.flow-box {
  padding: 10px 20px 10px 10px;
  margin-bottom: 20px;
  background-image: url("./images/guideline/box.png");
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%; }
.flow-box.flow-last {
  background-image: url("./images/guideline/box2.png");
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%; }
.flow-box .flow-title {
  font-weight: bold;
  padding-left: 50px;
  padding-top: 10px;
  min-height: 44px;
  font-size: 25.6px;
  font-size: 1.6rem;
  margin-bottom: 10px; }
.flow-box .flow-1 {
  background-image: url("./images/guideline/flow-num-1.png");
  background-repeat: no-repeat;
  background-position: 0 0; }

dd {
  font-size: 16px;
  line-height: 150%; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .flow-box .flow-1 {
    background-image: url("./images/guideline/flow-num-1@2x.png");
    background-size: 43px 41px; } }
.flow-box .flow-2 {
  background-image: url("./images/guideline/flow-num-2.png");
  background-repeat: no-repeat;
  background-position: 0 0; }
.flow-box .flow-3 {
  background-image: url("./images/guideline/flow-num-3.png");
  background-repeat: no-repeat;
  background-position: 0 0; }
.flow-box .flow-4 {
  background-image: url("./images/guideline/flow-num-4.png");
  background-repeat: no-repeat;
  background-position: 0 0; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .flow-box .flow-2 {
    background-image: url("./images/guideline/flow-num-2@2x.png");
    background-size: 43px 41px; } }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .flow-box .flow-3 {
    background-image: url("./images/guideline/flow-num-3@2x.png");
    background-size: 43px 41px; } }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .flow-box .flow-4 {
    background-image: url("./images/guideline/flow-num-4@2x.png");
    background-size: 43px 41px; } }
.no-backgroundsize .flow-box {
  background-image: none;
  background: #fff;
  border: solid 2px #999; }
.no-backgroundsize .flow-box.flow-last {
  background-image: none; }

.lead {
  margin: 40px auto;
  width: 98%;
  height: auto; }

.present-formbox {
  width: 98%;
  height: auto;
  border: 2px #4378b6 solid;
  border-radius: 6px;
  padding: 3%;
  margin: 5% auto;
  /*box-sizing:border-box;*/ }

body.page-jiyukenkyu-support article.article-box1 h2 {
  text-align: center;
  font-size: 14px;
  width: 100%;
  height: auto;
  font-weight: normal;
  line-height: 120%;
  color: #002395;
  margin: 0;
  padding: 2% 1%;
  border: none;
  border-radius: 8px 8px 0 0;
  background-color: rgba(215, 220, 227, 0.7);
  box-shadow: none;
  border-collapse: collapse;
  clear: both; }
body.page-present-page article.article-box1 .present-formbox h2 {
  text-align: center;
  font-size: 20px;
  width: 100% !important;
  max-width: 100% !important;
  font-weight: bold !important;
  margin: 0px 0 20px 0 !important;
  padding: 16px 1%;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: #4378b6 2px solid !important;
  border-radius: 6px !important;
  background-color: rgba(215, 220, 227, 0.3);
  box-shadow: none !important; }
body.page-present-page article.article-box1 .present-formbox h2:after {
  content: none; }
body.page-present-page article.article-box1 p {
  max-width: 96%;
  font-size: 16px;
  line-height: 150%;
  color: #333;
  margin: 10px auto;
  padding: 0; }
body.page-present-page article.article-box1 p input {
  /*box-sizing:border-box;*/
  max-width: 100%; }
body.page-jiyukenkyu-support-child aside#sidebar ul li:before, body.page-benritool-child aside#sidebar ul li:before {
  font-family: "Ionicons";
  font-size: 30px;
  padding: 0 10px 0 0;
  float: left;
  position: relative;
  top: 3px;
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%); }
body.page-jiyukenkyu-support-child aside#sidebar ul li:before {
  content: "\f38e"; }
body.page-benritool-child aside#sidebar ul li:before {
  content: "\f2ad"; }
body.page-museum-all-list article.article-box1 h2:before {
  content: none; }

/* ヘッダー道新購読広告 */
#tertiary.sidebar-container {
  clear: both;
  text-align: center; }
#tertiary.sidebar-container img {
  height: auto; }

#tophead-banner {
  /*position:absolute;*/
  top: 10px;
  right: 10px;
  margin: 0; }

#side-banner {
  position: relative;
  margin: 1rem 0;
  width: 300px;
  height: 95px;
  background-color: #fff8db;
  overflow: hidden; }
#side-banner h3 {
  width: 300px;
  height: 28px;
  font-size: 16px;
  line-height: 100%;
  padding: 5px 10px;
  color: #ffffff;
  background-image: url(images/doshin-kodoku-header-bk.png);
  /*box-sizing:border-box;*/ }
#side-banner #kodoku-otameshi2 {
  width: 134px;
  height: 55px;
  float: left;
  margin: 5px 10px 5px 10px;
  border-radius: 6px;
  overflow: hidden; }
#side-banner #kodoku-entry2 {
  width: 134px;
  height: 55px;
  float: left;
  margin: 5px 0;
  border-radius: 6px;
  overflow: hidden; }
#side-banner #kodoku-otameshi img, #side-banner #kodoku-entry img {
  width: 100%;
  height: auto; }

#sidebar #side-banner h3 {
  margin: 0; }

#tophead-banner-mobile {
  position: relative;
  margin: 10px auto; }

#tophead-banner, #tophead-banner-mobile {
  width: 300px;
  height: 95px;
  background-color: #fff8db;
  float: right;
  overflow: hidden; }

#tophead-banner h3, #tophead-banner-mobile h3 {
  width: 300px;
  height: 28px;
  font-size: 16px;
  line-height: 100%;
  padding: 6px 10px;
  color: #ffffff;
  background-image: url(images/doshin-kodoku-header-bk.png);
  /*box-sizing:border-box;*/ }

#tophead-banner #kodoku-otameshi, #tophead-banner-mobile #kodoku-otameshi {
  width: 134px;
  height: 55px;
  float: left;
  margin: 5px 10px 5px 10px;
  border-radius: 6px;
  overflow: hidden; }

#tophead-banner #kodoku-entry, #tophead-banner-mobile #kodoku-entry {
  width: 134px;
  height: 55px;
  float: left;
  margin: 5px 0;
  border-radius: 6px;
  overflow: hidden; }

article.article-box1 p.talk-plane, article.article-box1 p.talk-frame {
  color: #002395;
  margin-top: 20px;
  font-size: 18px;
  font-weight: bold; }
article.article-box1 p.talk-plane:after, article.article-box1 p.talk-frame:after, article.article-box1 p.hogosha-talk-plane:after, article.article-box1 p.hogosha-talk-frame:after {
  color: #002395;
  font-family: "Ionicons";
  font-size: 2.5rem;
  padding: 0 6px 0 0;
  float: left;
  position: relative;
  top: 6px;
  -webkit-transform: translateY(-25%);
  transform: translateY(-25%); }
article.article-box1 p.talk-plane:after {
  content: "\f3fc"; }
article.article-box1 p.talk-frame:after {
  content: "\f3fb"; }
article.article-box1 p.hogosha-talk-plane, article.article-box1 p.hogosha-talk-frame {
  color: #A25003;
  margin-top: 20px;
  font-size: 18px;
  font-weight: bold; }
article.article-box1 p.hogosha-talk-plane:after, article.article-box1 p.hogosha-talk-frame:after {
  color: #A25003; }
article.article-box1 p.hogosha-talk-plane:after {
  content: "\f3fc"; }
article.article-box1 p.hogosha-talk-frame:after {
  content: "\f3fb"; }
article.article-box1 ul.museum-ul li span.mus-genre:before {
  content: "\f2aa";
  font-family: "Ionicons";
  font-size: 16px;
  padding: 0 5px 0 0;
  position: relative;
  top: 1px; }
article.article-box1 ul.museum-ul li span.mus-url:before {
  font-family: "Ionicons";
  font-size: 20px;
  padding: 0 5px 0 0;
  position: relative;
  top: 3px;
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%); }

body.single span.mus-url:before, .www-link2:before, .download-link:before, .foward-link:before {
  font-family: "Ionicons";
  font-size: 20px;
  padding: 0 5px 0 0;
  position: relative;
  top: 3px;
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%); }

article.article-box1 ul.museum-ul li span.mus-url:before, body.single span.mus-url:before, .www-link2:before {
  content: "\f481"; }

.download-link:before {
  content: "\f102"; }

.foward-link:before {
  content: "\f13a"; }

.flexbox {
  width: 100%;
  display: flex; }

.flx-child, .flx-child2 {
  color: #4378b6;
  margin: 1%;
  position: relative;
  float: left;
  background-color: rgba(248, 248, 248, 0.5);
  border: 1px #4378b6 solid;
  border-radius: 6px; }

.flx-child {
  width: 49%;
  height: 60px;
  font-size: 20px;
  line-height: 3em;
  text-align: center;
  font-weight: bold;
  padding: 0; }

.top-message-inner-r .flx-child, .top-message-inner-r .flx-child2 {
  color: white;
  margin: 1%;
  position: relative;
  float: left;
  background-color: chocolate;
  border: 1px white solid;
  border-radius: 6px; }
.top-message-inner-r .flx-child:hover, .top-message-inner-r .flx-child2:hover {
  background-color: orangered; }
.top-message-inner-r .flx-child {
  height: 60px;
  font-size: 20px;
  line-height: 3em;
  text-align: center;
  font-weight: bold;
  padding: 0; }
.top-message-inner-r .flx-child a {
  color: white;
  text-decoration: none;
  display: block; }

.flx-child-fullwide {
  width: 100%; }

.flx-child:first-child {
  margin-left: 0; }
.flx-child:last-child {
  margin-right: 0; }
.flx-child a {
  color: #4378b6;
  text-decoration: none;
  display: block; }
.flx-child ahover {
  color: #003f71;
  text-decoration: none; }

.flexbox2 {
  width: 100%;
  display: flex; }

.flx-child2 {
  width: 32%;
  height: auto;
  font-size: 18px;
  padding: 20px; }
.flx-child2:first-child {
  margin-left: 0; }
.flx-child2:last-child {
  margin-right: 0; }

#item1 img, #item2 img, #item3 img, #item4 img, #item5 img, #item6 img, #item7 img, #item8 img, #item9 img, #item10 img, #item11 img, #item12 img, #item13 img, #item14 img {
  width: 30%;
  height: auto;
  display: block;
  float: left; }

.cat-ico {
  width: 34%;
  text-align: center;
  height: auto;
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 130%;
  margin: 0;
  padding: 5px;
  box-sizing: border-box;
  position: absolute;
  bottom: 30px;
  left: 1%;
  z-index: 1000; }

.cat-nature {
  left: 3%; }

.cat-create:before, .cat-nature:before, .cat-science:before, .cat-research:before {
  padding: 0;
  position: absolute;
  bottom: -20px;
  left: -25px;
  -webkit-transform: scale(0.35);
  -moz-transform: scale(0.35);
  transform: scale(0.35); }

.cat-create:before {
  content: url(images/cat-ico-create.png); }

.cat-nature:before {
  content: url(images/cat-ico-nature.png);
  left: -35px; }

.cat-science:before {
  content: url(images/cat-ico-kagaku.png); }

.cat-research:before {
  content: url(images/cat-ico-shirabemono.png); }

.award-ico {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  position: absolute;
  bottom: -20px;
  right: -60px;
  z-index: 1010; }

.award-ico2 {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  z-index: 1010; }

.awd-manabun:before, .awd-doshin:before {
  padding: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: scale(0.35);
  -moz-transform: scale(0.35);
  transform: scale(0.35); }

.awd-manabun:before {
  content: url(images/awd-manabun.png); }

.awd-doshin:before {
  content: url(images/awd-doshin2.png); }

.award-p {
  width: 78%;
  margin: 0;
  padding: 1rem;
  font-size: 1rem;
  color: #ffffff;
  float: left; }

/*自由研究サポートIndex*/
#fourth-content .content-inner, #fifth-content .content-inner3, .page-indexbox-three-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

#fifth-content .content-inner3 {
  padding: 0px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.bunchan-ganbaru {
  background-image: url(images/top-sup-kagaku.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain; }

.bunchan-tejina {
  background-image: url(images/top-sup-create.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain; }

.bunchan-shagami {
  background-image: url(images/top-sup-nature.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain; }

.bunchan-shiraberu {
  background-image: url(images/top-sup-research.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain; }

.bunchan-pose {
  background-image: url(images/top-sup-midokoro.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain; }

.bunchan-matomekata {
  background-image: url(images/top-sup-matomekata.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain; }

.bunchan-inemuri {
  background-image: url(images/top-sup-torikumi.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain; }

.bunchan-furimuki {
  background-image: url(images/top-sup-shinbun.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain; }

.bunchan-hakken {
  background-image: url(images/top-sup-dokusho.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain; }

.bunchan-books {
  background-image: url(images/top-sup-books.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain; }

/*自由研究便利ツールindex*/
.btool-ikikata {
  background-image: url(images/top-tool-ikikata.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain; }

.btool-jikokuhyo {
  background-image: url(images/top-tool-jikokuhyo.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain; }

.btool-mochimono {
  background-image: url(images/top-tool-mochimono.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain; }

.btool-manga {
  background-image: url(images/top-tool-manga.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain; }

.btool-museum {
  background-image: url(images/top-tool-museum.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain; }

.btool-download {
  background-image: url(images/top-tool-download.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain; }

body.page-present-page .present-intro {
  width: 90%;
  height: auto;
  margin: 10px auto 30px auto;
  padding: 10px;
  border: 3px #accb39 solid;
  border-radius: 6px;
  /*box-sizing:border-box;*/
  background-color: #fff6c7;
  box-shadow: 3px 3px 0 #accb39; }
body.page-present-page article.article-box1 .present-intro p {
  color: #accb39;
  font-size: xx-large;
  line-height: 130%; }

/* Side Jiyukenkyu Other Posts*/
#other-posts-box {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0; }
#other-posts-box h3 {
  width: 100%;
  height: auto;
  font-size: 18px;
  margin: 0 0 6px 0;
  padding: 0;
  line-height: 150%;
  padding-left: 10px;
  border-left: 5px #4378b6 solid;
  /*box-sizing:border-box;*/ }

body.page-manabun-research .widget-area h3 {
  width: 100%;
  height: auto;
  font-size: 18px;
  margin: 0 0 6px 0;
  padding: 0;
  line-height: 150%;
  padding-left: 10px;
  border-left: 5px #4378b6 solid;
  /*box-sizing:border-box;*/ }

#other-posts-box h3 span.small-font {
  font-size: 12px;
  padding: 0 10px 0 0; }
#other-posts-box h3 span.big-font {
  color: #4378b6;
  padding: 0 10px 0 0; }

aside#sidebar #other-posts-box ul {
  list-style: none;
  margin: 0;
  background-color: #bee1f6; }
aside#sidebar #other-posts-box ul li {
  width: 100%;
  height: 90px;
  clear: both;
  margin: 0;
  line-height: 150%;
  padding: 10px;
  border-bottom: 1px #ccc dotted;
  /*box-sizing:border-box;*/ }
aside#sidebar #other-posts-box ul li span.date {
  display: block;
  margin: 0 0 5px 0; }

aside#sidebar .searchform input.search-field {
  width: 80%; }

#other-posts-box ul li a {
  width: 100%;
  height: 75px;
  display: block; }
#other-posts-box ul li img {
  width: 75px;
  height: 75px;
  float: left;
  display: block; }
#other-posts-box ul li .slidetitle {
  width: auto;
  font-size: 14px;
  text-align: left;
  line-height: 110%;
  float: left; }

body.home #third-content h3.widget-title {
  display: block;
  border-bottom: 1px #ccc solid;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
  text-align: right;
  font-size: 14px;
  font-weight: normal; }
body.home #third-content .widget-area-link h3.widget-title {
  display: none; }
body.home aside#third-content article.third-content-link-box .textwidget ul li a {
  color: #333; }
body.home #third-content .widget_sp_image {
  width: 200px;
  height: auto;
  float: left;
  margin: 0 30px 0 0;
  padding: 10px;
  border: 1px #ccc solid;
  box-shadow: 0 0 5px #ccc; }
body.home #third-content .widget_sp_image:last-child {
  margin: 0; }
body.home #third-content .widget-area-link .widget_sp_image {
  width: auto;
  height: auto;
  float: left;
  margin: 0px;
  padding: 0;
  border: none;
  box-shadow: none; }
body.home #third-content .widget-area-link .widget_sp_image img {
  width: 100%;
  height: auto; }
body.home #third-content .widget-area-link .widget_sp_image:last-child {
  margin-right: 0; }

article.article-box1 h3.denkyu:after {
  content: "\f36c";
  font-family: "Ionicons";
  font-size: 1.5rem;
  padding: 0 10px 0 0;
  float: left;
  position: relative;
  top: 6px;
  -webkit-transform: translateY(-25%);
  transform: translateY(-25%); }
article.article-box1 h3.hogosha-check {
  color: #A25003;
  margin-bottom: 20px !important;
  border-bottom: none; }
article.article-box1 h3.hogosha-check:before {
  content: "\f36c";
  font-family: "Ionicons";
  font-size: 1.5rem;
  padding: 0 10px 0 0;
  float: left;
  position: relative;
  top: 6px;
  -webkit-transform: translateY(-25%);
  transform: translateY(-25%);
  content: none; }

/* 北海道の見どころマップ */
.main-map {
  margin: 10px 0; }
.main-map img {
  width: 100%;
  height: auto; }

/* まなぶんダンス */
#manadan3 {
  position: relative;
  height: auto; }
#manadan3 .img-level1 {
  position: absolute;
  bottom: 50%;
  left: 10%;
  width: 20%;
  height: auto;
  font-size: 1rem;
  border: #EF857D 2px solid;
  background-color: antiquewhite;
  border-radius: 10px;
  z-index: 1000;
  padding: 1rem; }
#manadan3 .img-level2 {
  position: absolute;
  top: 28%;
  right: 20%;
  width: 40%;
  height: calc(100%*0.46);
  z-index: 1100; }
#manadan3 .img-level2 iframe {
  max-width: 100%;
  height: 60%;
  z-index: 1100; }
#manadan3 .img-level3 {
  position: absolute;
  top: 64%;
  right: 20%;
  width: 40%;
  height: calc(100%*0.46);
  z-index: 1200; }
#manadan3 .img-level3 iframe {
  max-width: 100%;
  height: 60%;
  z-index: 1200; }

#manadan5 {
  width: 100%;
  height: auto;
  font-size: 2rem;
  color: #fff;
  border: #F39800 10px solid;
  background-color: chocolate;
  border-radius: 20px;
  padding: 1rem; }
#manadan5 a {
  color: #fff;
  text-decoration: none; }

.font-middle {
  font-size: 2rem; }

.bunrui-btn button.bunrui-prize {
  padding: 0.5rem;
  border-radius: 10px;
  background-color: darkorange;
  border: 1px #ccc solid;
  margin: 3px; }
.bunrui-btn button.bunrui-prize:hover {
  color: #fff;
  background-color: gold; }
.bunrui-btn button.bunrui-year {
  padding: 0.5rem;
  border-radius: 10px;
  background-color: cornsilk;
  border: 1px #ccc solid;
  margin: 3px; }
.bunrui-btn button.bunrui-year:hover {
  color: #fff;
  background-color: darkkhaki; }
.bunrui-btn button.bunrui-category {
  padding: 0.5rem;
  border-radius: 10px;
  background-color: darkseagreen;
  border: 1px #ccc solid;
  margin: 3px; }
.bunrui-btn button.bunrui-category:hover {
  color: #fff;
  background-color: darkkhaki; }

span.grade-ico {
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
  padding: 0.2rem;
  font-size: 0.8rem;
  border-radius: 6px;
  color: #fff;
  background-color: rgba(0, 57, 69, 0.43); }
span.year-ico {
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  padding: 0.2rem;
  font-size: 0.8rem;
  border-radius: 6px;
  color: #fff; }
span.year-ico2-summer, span.year-ico-summer {
  background-color: rgba(255, 100, 0, 0.7); }
span.year-ico2-winter, span.year-ico-winter {
  background-color: rgba(0, 100, 255, 0.7); }

section.oshirase {
  width: 96%;
  margin: 10px auto 20px; }
section.oshirase ul li {
  border-bottom: 1px #ccc dashed;
  padding-bottom: .5rem;
  text-align: left; }
section.oshirase ul li span.oshirase-date {
  padding-right: 1rem; }
section.oshirase ul li a {
  color: #4378B6; }
section.oshirase ul li a:after {
  content: "\f481";
  font-family: "Ionicons";
  color: #4378B6;
  font-size: 1.2rem;
  padding: 0 5px 0 0;
  position: relative;
  top: 5px; }
section.oshirase .oshirase-box {
  border: 2px #4378B6 dashed;
  border-radius: 1rem; }

.row-wide {
  margin: 0 auto;
  max-width: 1280px;
  width: 100%; }

.page-manadan .kakomibox-wide {
  border: 5px #eeb033 solid;
  border-radius: 2rem;
  box-shadow: rgba(241, 199, 29, 0.75) 8px 8px; }

.col-w20 {
  width: 20%;
  float: left;
  padding: .5rem;
  box-sizing: border-box; }

.col-w30 {
  width: 30%;
  float: left;
  padding: .5rem;
  box-sizing: border-box; }

.col-w40 {
  width: 40%;
  float: left;
  padding: .5rem;
  box-sizing: border-box; }

.col-w50 {
  width: 50%;
  float: left;
  padding: .5rem;
  box-sizing: border-box; }

.col-w60 {
  width: 60%;
  float: left;
  padding: .5rem;
  box-sizing: border-box; }

.col-w70 {
  width: 70%;
  float: left;
  padding: .5rem;
  box-sizing: border-box; }

.col-w80 {
  width: 80%;
  float: left;
  padding: .5rem;
  box-sizing: border-box; }

.align-left {
  text-align: left; }

.align-right {
  text-align: right; }

.align-center {
  text-align: center; }

.mb-1rem {
  margin-bottom: 1rem !important; }

.mb-2rem {
  margin-bottom: 2rem !important; }

.mb-3rem {
  margin-bottom: 3rem !important; }

iframe {
  width: 100% !important; }

.imgw50 {
  width: 50%;
  height: auto; }

input.noedit {
  pointer-events: none;
  background-color: darksalmon; }

.slimmenu {
  display: none; }

ul.slimmenu {
  width: 50%;
  float: right; }

.sub-title {
  display: none; }

.jiyukenkyu-slider {
  margin: 0 !important;
  padding: 0;
  background: #ffffff;
  border: 0px solid #ffffff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); }

#seventh-content .seventh-content-box .jiyukenkyu-slider ul li {
  width: 20%;
  height: auto;
  font-size: 22px;
  position: relative;
  float: left;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  margin-bottom: 10px; }
#seventh-content .seventh-content-box .jiyukenkyu-slider ul li img {
  width: 100%;
  height: auto; }
#seventh-content .top-message {
  margin: 0 auto;
  width: 100%;
  height: auto;
  clear: both;
  padding: 0px; }
#seventh-content .top-message-inner {
  margin: 0 auto 10px;
  width: 100%;
  clear: both;
  padding: 0px;
  background-color: chocolate;
  border: 4px #4C3500 dotted;
  border-radius: 8px; }
#seventh-content .top-message-inner-l {
  margin: 0;
  width: 60%;
  float: left;
  padding: 30px; }
#seventh-content .top-message-inner-l p {
  font-size: 1rem;
  color: white; }
#seventh-content .top-message-inner-r {
  margin: 0;
  width: 40%;
  float: left;
  padding: 30px; }
#seventh-content .search-flex {
  display: flex; }
#seventh-content .search-flex .bunrui-btn {
  margin: 0;
  padding: 0px;
  height: auto;
  text-align: center; }
#seventh-content .search-flex .bunrui-btn h3 {
  font-size: 14px;
  padding: 6px; }
#seventh-content .search-flex .bunrui-btn p {
  font-size: .85rem;
  color: white;
  font-weight: bold; }
#seventh-content .search-flex .bunrui-btn .button-box {
  padding: 10px; }
#seventh-content .search-flex .bunrui-btn .button-box input.search-field {
  width: 80%; }

#sidebar .search-flex .bunrui-btn .button-box {
  padding: 10px 0; }
#sidebar .search-flex .bunrui-btn .button-box input.search-field {
  width: 80%; }

article.article-box1 .button-box.title-list {
  padding: 10px;
  width: 50%;
  float: left; }
article.article-box1 .listsample {
  width: 100%;
  background-color: beige;
  border: 2px gray dotted;
  margin: 2px 0 10px;
  border-radius: 6px;
  box-sizing: border-box;
  float: left; }
article.article-box1 .listsample h4 {
  font-size: 12px;
  margin: 0;
  padding: 5px;
  border: none; }
article.article-box1 .listsample ul {
  margin: 0; }
article.article-box1 .listsample ul li {
  max-width: 100%;
  font-size: 14px;
  color: #333;
  margin: 5px; }

#seventh-content .bunrui-btn button.bunrui-year.on-btn {
  background-color: chocolate; }

article.article-box1 .alltitle h3 {
  font-size: 16px;
  line-height: 130%;
  color: darkslategray;
  margin: 20px 5px 10px;
  padding: 0 0 0 5px;
  border-bottom: darkslategray 1px dotted;
  clear: both; }
article.article-box1 .alltitle ul {
  max-width: 100%;
  color: darkslategray;
  margin: 20px 0 20px;
  padding: 0; }
article.article-box1 .alltitle ul li {
  line-height: 150%;
  font-size: 18px;
  color: darkslategray;
  margin: 10px 0;
  padding-left: 20px;
  list-style: none;
  background-image: url(images/list-arrow-red.png);
  background-repeat: no-repeat;
  background-position: 0px 9px; }
article.article-box1 .alltitle ul li a {
  text-decoration: none;
  display: block; }
article.article-box1 .alltitle ul li a:hover {
  text-decoration: underline;
  color: black; }
article.article-box1 .alltitle ul li span.school-gakunen {
  background-color: ivory;
  border: 1px #ccc solid;
  border-radius: 3px;
  padding: 2px; }
article.article-box1 .alltitle ul li span.seibetsu-woman, article.article-box1 .alltitle ul li span.seibetsu-man {
  display: inline-block;
  width: 31px;
  height: 26px;
  position: relative; }
article.article-box1 .alltitle ul li span.seibetsu-woman:after {
  display: block;
  height: auto;
  content: url("images/ico-child-woman.svg");
  position: absolute;
  bottom: -76px;
  right: -80px;
  transform: scale(0.2); }
article.article-box1 .alltitle ul li span.seibetsu-man:after {
  display: block;
  height: auto;
  content: url("images/ico-child-man.svg");
  position: absolute;
  bottom: -76px;
  right: -80px;
  transform: scale(0.2); }

span.year-ico2 {
  padding: 2px;
  font-size: 16px;
  border-radius: 3px;
  color: #fff; }

.thumbnail {
  width: 100px;
  height: 100px;
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  border: 1px #666 solid; }
.thumbnail img {
  width: 100%;
  height: auto; }

.adb01 {
  display: block;
  text-align: center;
  margin: 10px auto; }
.adb01 aside:nth-child(1) {
  display: block; }
.adb01 aside:nth-child(2) {
  display: none; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .adb01 aside:nth-child(1) {
    display: none; }
  .adb01 aside:nth-child(2) {
    display: block; } }

select {
  font-size: 2rem; }

#ulCommentWidget {
  margin: 2rem 0; }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  /* Smartphones (portrait and landscape) ----------- */
  /*----------------------------------------------------------------------------
 ***                                                          Basic layout
----------------------------------------------------------------------------*/
  body {
    font-size: 16px; }

  .adb01 {
    text-align: center;
    margin: 75px auto 5px; }
  .adb01 img {
    width: 100%;
    height: auto; }

  .adb01-none {
    margin-top: 70px; }

  #side-search-box {
    margin: 10px 0; }
  #side-search-box .input-frame {
    width: 80%; }

  aside#seventh-content {
    margin-top: 0px; }

  #seventh-content .content-inner .popup-number {
    width: 100%;
    height: auto;
    background-color: firebrick;
    padding: 5px;
    text-align: center;
    clear: both;
    color: white; }
  #seventh-content .content-inner .popup-number span.popup-big {
    font-size: 14px;
    display: inline-block; }
  #seventh-content .content-inner .popup-number span.popup-small {
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 10px; }
  #seventh-content .content-inner .popup-number span.fsmall {
    font-size: 12px;
    display: inline-block; }

  #seventh-content .search-flex {
    display: block; }
  #seventh-content .search-flex .bunrui-btn {
    width: 48%;
    margin: 1%;
    float: left; }
  #seventh-content .search-flex .bunrui-btn .button-box {
    padding: 0; }
  #seventh-content .search-flex .bunrui-btn .button-box select.select-css {
    font-size: 16px; }
  #seventh-content .search-flex .bunrui-btn:last-child {
    width: 98%; }
  #seventh-content .search-flex input.search-field {
    width: 70%; }
  #seventh-content .search-flex .searchform {
    margin-bottom: 20px; }

  article.article-box1 .alltitle h3 {
    font-size: 16px;
    line-height: 130%;
    color: darkslategray;
    margin: 10px 0px 0px;
    padding: 0 0 0 5px;
    border-bottom: #7A7A7A 1px solid;
    clear: both;
    text-align: center; }
  article.article-box1 .button-box.title-list {
    padding: 10px;
    width: 100%;
    float: none; }
  article.article-box1 .alltitle ul li {
    line-height: 150%;
    font-size: 18px;
    color: darkslategray;
    margin: 0;
    padding: 8px 5px;
    list-style: none;
    background-image: none;
    border-bottom: #7A7A7A 1px solid; }
  article.article-box1 .alltitle ul li:nth-child(even) {
    background-color: blanchedalmond; }
  article.article-box1 .alltitle ul li:nth-child(odd) {
    background-color: honeydew; }
  article.article-box1 .listsample {
    width: 98%;
    background-color: beige;
    border: 2px gray dotted;
    margin: 2px auto;
    border-radius: 6px;
    box-sizing: border-box;
    float: none;
    text-align: left; }
  article.article-box1 .alltitle ul li span.pen-name {
    font-size: 14px; }
  article.article-box1 .alltitle ul li span.school-gakunen {
    font-size: 14px;
    font-size: 14px; }
  article.article-box1 .alltitle ul li span.hide-text {
    display: none; }
  article.article-box1 .alltitle ul li span.seibetsu-man {
    display: inline-block;
    width: 31px;
    height: 26px;
    position: relative; }
  article.article-box1 .alltitle ul li span.seibetsu-woman:after {
    display: block;
    height: auto;
    content: url("images/ico-child-woman.svg");
    position: absolute;
    bottom: -76px;
    right: -80px;
    transform: scale(0.15); }
  article.article-box1 .alltitle ul li span.seibetsu-man:after {
    display: block;
    height: auto;
    content: url("images/ico-child-man.svg");
    position: absolute;
    bottom: -76px;
    right: -80px;
    transform: scale(0.15); }

  span.year-ico2 {
    padding: 2px;
    font-size: 14px;
    border-radius: 3px;
    color: #fff; }

  article.article-box1 .alltitle ul li span.mycat, article.article-box1 .alltitle ul li span.award-ico {
    font-size: 14px; }

  /* Main navigation */
  #nav-pc {
    z-index: 48000;
    position: absolute;
    top: 0px;
    right: 0px; }

  .award-p {
    width: 100%;
    margin: 0;
    padding: .5rem;
    font-size: .75rem;
    color: #ffffff;
    float: left;
    background-color: maroon; }

  /* Mobile menu  show-off at first */
  .slimmenu {
    display: none; }

  ul.slimmenu {
    width: 100%;
    float: none; }

  #manabun-banner, #tophead-banner {
    display: none; }

  #manabun-banner-mobile {
    width: 36%;
    height: auto;
    max-height: 48px;
    float: left;
    overflow: hidden;
    margin: 2% 2% 2% 6%; }
  #manabun-banner-mobile img {
    width: 100%;
    height: auto; }

  #tophead-banner-mobile {
    width: 44%;
    height: auto;
    max-height: 57px;
    background-color: #fff8db;
    float: right;
    overflow: hidden;
    margin: 2% 6% 2% 2%; }
  #tophead-banner-mobile h3 {
    width: 100%;
    height: 15px;
    font-size: 12px;
    line-height: 100%;
    padding: 2px 4px;
    color: #ffffff;
    background-image: url(images/doshin-kodoku-header-bk.png);
    /*box-sizing:border-box;*/ }
  #tophead-banner-mobile #kodoku-otameshi {
    width: 45%;
    height: auto;
    max-height: 33px;
    float: left;
    margin: 2px 4px 2px 4px;
    border-radius: 0;
    overflow: hidden; }
  #tophead-banner-mobile #kodoku-entry {
    width: 45%;
    height: auto;
    max-height: 33px;
    float: left;
    margin: 2px 0;
    border-radius: 0;
    overflow: hidden; }
  #tophead-banner-mobile #kodoku-otameshi img, #tophead-banner-mobile #kodoku-entry img {
    width: 100%;
    height: auto; }

  /* Main contents wrapper */
  #wrapper {
    max-width: 480px;
    margin: 70px auto 0px auto;
    padding: 0;
    border-top: none; }

  body.home #wrapper {
    margin: 0 auto 0px auto; }

  /* Main contents main frame */
  #main {
    max-width: 480px;
    background-color: #fff; }

  /* Main contents main content */
  #content {
    width: 100%;
    margin-bottom: 0; }

  #second-content {
    width: 100%;
    margin-bottom: 40px; }

  #third-content {
    background-color: #fefefe;
    width: 100%;
    margin-bottom: 0px; }

  /* Main contents sidebar */
  #sidebar {
    width: 100%; }

  .prize-box {
    width: 100%;
    background: #fff;
    border: none;
    padding: 0;
    margin-bottom: 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    box-sizing: border-box; }

  .two-columns {
    width: 96%;
    height: auto;
    margin: 0 2%;
    float: none; }

  /*----------------------------------------------------------------------------
 ***                                                         Header
----------------------------------------------------------------------------*/
  body.home header {
    width: 100%;
    max-width: 768px;
    height: 70px;
    margin: 0 0 0 auto;
    padding: 0;
    position: absolute;
    background-color: #fff;
    z-index: 40000;
    border-bottom: #4378b6 1px solid; }

  header {
    width: 100%;
    max-width: 768px;
    height: 70px;
    margin: 0 0 0 auto;
    padding: 0;
    position: absolute;
    background-color: #fff;
    z-index: 40000;
    border-bottom: #4378b6 1px solid; }
  header h1 {
    display: none; }

  /* Site logo */
  body.home .site-logo, .site-logo {
    width: 70%;
    max-width: 180px;
    height: auto;
    max-height: 61px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: 8px;
    z-index: 50000; }

  body.home .site-logo img, .site-logo img {
    width: 100%;
    height: auto;
    max-height: 50px; }

  body.home header .site-subtitle, header .site-subtitle {
    display: none; }

  body.home header .site-subtitle-mb, header .site-subtitle-mb {
    font-size: 10px;
    position: absolute;
    bottom: 20px;
    left: 175px;
    width: 90px; }

  footer .site-subtitle {
    font-size: 16px !important;
    position: absolute;
    bottom: 20px;
    left: 175px;
    width: 240px; }

  body.home .site-subtitle-mb:after, .site-subtitle-mb:after {
    display: block;
    height: auto;
    content: url(images/bunchan-basic.png);
    position: absolute;
    bottom: -110px;
    right: -120px;
    transform: scale(0.2); }

  footer .site-subtitle:after {
    display: block;
    width: 46%;
    height: auto;
    content: url(images/bunchan-basic.png);
    position: relative;
    bottom: -15px;
    right: -45px; }

  .site-subtitle-one {
    display: block; }

  #head-menu, #top-search-box {
    display: none; }

  #mobile-search {
    width: 100%;
    height: auto;
    margin: 10px;
    padding: 0;
    /*box-sizing:border-box;*/ }
  #mobile-search form.search-form {
    width: 95%;
    height: auto;
    margin: 0 auto; }

  .mangalist {
    width: 100%;
    float: none; }

  /*----------------------------------------------------------------------------
 ***                                                         Nav
----------------------------------------------------------------------------*/
  .sub-title {
    display: none; }

  /*body.home .collapse-button {
    top: 30px;
}
*/
  /*----------------------------------------------------------------------------
 ***                                                        Breadrumbs
----------------------------------------------------------------------------*/
  .breadcrumbs {
    margin: 0;
    padding: 20px 3px;
    /*background-color:rgba(190,225,246,1.00);*/ }

  #seventh-content .seventh-content-box .jiyukenkyu-slider ul li {
    width: 50%;
    height: auto;
    font-size: 22px;
    position: relative;
    float: left;
    border: 1px solid #ffffff;
    box-sizing: border-box; }
  #seventh-content .top-message-inner-l {
    margin: 0;
    width: 100%;
    float: none;
    padding: 20px 20px 0 20px; }
  #seventh-content .top-message-inner-l p {
    font-size: .85rem;
    color: white; }
  #seventh-content .top-message-inner-r {
    margin: 0;
    width: 100%;
    float: none;
    padding: 10px; }

  #sidebar .search-flex .bunrui-btn {
    padding: 0;
    text-align: center;
    width: 48%;
    margin: 1%;
    float: left; }
  #sidebar .search-flex .bunrui-btn .button-box {
    padding: 0; }
  #sidebar .search-flex .bunrui-btn .button-box select.select-css {
    font-size: 16px; }
  #sidebar .search-flex .bunrui-btn:last-child {
    width: 98%; }

  /*----------------------------------------------------------------------------
  ***                                                         Slider
  ----------------------------------------------------------------------------*/
  .slide-cover {
    display: none; }

  #slider {
    background-image: none; }
  #slider .ws_thumbs, #slider #slide-title {
    display: none; }
  #slider .ws_images {
    margin-bottom: 5px !important; }

  #wowslider-container1 .ws_shadow {
    margin-bottom: 0;
    display: none !important; }

  /*----------------------------------------------------------------------------
 ***                                                         Article
----------------------------------------------------------------------------*/
  #page.page-school-report iframe {
    width: 100%;
    max-width: 480px; }

  article.article-box1 {
    margin: 0 0 0px 0;
    padding: 0;
    background-color: ivory; }

  h1.entry-title, h1.archive-title {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    border-bottom: #666 1px solid;
    text-align: center;
    color: #fff;
    padding: 10px;
    background: -moz-linear-gradient(#eaeaea, #4378b6);
    background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#4378b6));
    background: -ms-linear-gradient(bottom, #4378b6, #eaeaea);
    background: linear-gradient(to top, #4378b6, #eaeaea); }

  .h1-entry-box {
    position: relative; }

  .h1-message {
    float: none;
    margin: 0;
    padding: .85rem;
    width: 100%;
    font-size: .85rem; }

  article.article-box1 h2 {
    font-size: 18px;
    width: 98%;
    max-width: 480px;
    font-weight: normal;
    line-height: 120%;
    color: #002395;
    margin: 10px auto 0;
    padding: 2% 1%;
    border: #002395 3px solid;
    border-radius: 8px;
    background-color: white;
    /*box-shadow:rgba(186,232,255,1.00) 8px 8px;*/
    border-collapse: collapse;
    clear: both;
    /*box-sizing:border-box;*/ }
  article.article-box1 h2.head-hogosha {
    font-size: 18px;
    width: 98%;
    max-width: 480px;
    font-weight: normal;
    line-height: 120%;
    color: #002395;
    margin: 10px auto 0;
    padding: 2% 1%;
    border: #002395 3px solid;
    border-radius: 8px;
    background-color: white;
    /*box-shadow:rgba(186,232,255,1.00) 8px 8px;*/
    border-collapse: collapse;
    clear: both;
    /*box-sizing:border-box;*/ }
  article.article-box1 h2:before {
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0 10px 0 0;
    float: left;
    position: relative;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%); }

  body.page-museum-all-list article.article-box1 h2:after, body.page-midokoro-hokkaido article.article-box1 h2:before {
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0 10px 0 0;
    float: left;
    position: relative;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%); }

  article.article-box1 h2.head-hogosha:after {
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0 10px 0 0;
    float: left;
    position: relative;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%); }
  article.article-box1 h2:before {
    content: "\f373";
    font-size: 1.5rem;
    padding: 0 5px 0 0;
    top: 4px;
    left: 3px; }

  body.page-museum-all-list article.article-box1 h2:after {
    content: "\f453";
    font-size: 2.5rem;
    top: 6px; }
  body.page-midokoro-hokkaido article.article-box1 h2:before {
    content: "\f118";
    top: 6px; }

  article.article-box1 h2.head-hogosha {
    font-size: 20px;
    color: #A25003;
    margin: 40px auto 20px auto;
    border: #A25003 3px solid;
    background-color: rgba(250, 199, 152, 0.3);
    box-shadow: rgba(243, 166, 93, 0.5) 8px 8px; }
  article.article-box1 h2.head-hogosha:after {
    content: "\f39e";
    top: 6px; }

  .main-text p, .article-box1 p {
    width: 100%;
    height: auto;
    padding: 10px;
    /*box-sizing:border-box;*/ }

  .main-text form p {
    padding: 0; }
  .main-text form input[type="text"], .main-text form input[type="email"] {
    width: 100%; }
  .main-text form .mwform-zip-field input[type="text"], .main-text form .mwform-tel-field input[type="text"] {
    width: inherit; }
  .main-text p.bigfont {
    font-size: 18px;
    width: 100%;
    height: auto;
    padding: 0;
    /*box-sizing:border-box;*/ }
  .main-text p img {
    width: 100%;
    max-width: 870px;
    height: auto;
    padding: 0; }

  article.article-box1 h3.section-title {
    background-color: #accb39;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-size: 20px;
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 10px;
    letter-spacing: 1px; }

  .youkou-detail {
    width: 98%;
    height: auto;
    border: solid 3px #F39800;
    border-radius: 8px;
    background: #fff;
    padding: 20px 10px;
    margin: 0 auto;
    /*box-sizing:border-box;*/ }
  .youkou-detail dt {
    font-size: 20px;
    font-size: 1.2rem; }

  dd {
    margin: 0 0 1.5em 1.5em;
    line-height: 130%; }

  .main-text h3, .article-box1 h3 {
    width: 100%;
    height: auto;
    line-height: 150%;
    padding: 10px 5px 5px 5px;
    border-bottom: 1px #DEE5EE dotted;
    /*box-sizing:border-box;*/ }

  article.article-box1 h3.hogosha-check {
    margin-bottom: 10px !important; }
  article.article-box1 h3.hogosha-check:before {
    content: "\f374"; }

  .main-text h4, .article-box1 h4 {
    font-size: 90%;
    line-height: 150%;
    width: 100%;
    height: auto;
    padding: 30px 5px 10px 5px;
    /*box-sizing:border-box;*/ }

  .main-text ul, .article-box1 ul, .main-text ol, .article-box1 ol {
    width: 100%;
    height: auto;
    padding: 10px;
    /*box-sizing:border-box;*/
    margin-bottom: 0px; }

  .main-text ul li, .article-box1 ul li, .main-text ol li, .article-box1 ol li {
    line-height: 130%;
    width: 100%;
    height: auto;
    margin: 0 0 0 10px;
    /*box-sizing:border-box;*/ }

  body.page-manabun-research .main-text ul li, body.page-manabun-research .article-box1 ul li {
    line-height: 130%;
    width: 100%;
    height: auto;
    margin: 0 10px 20px 10px;
    /*box-sizing:border-box;*/
    list-style-type: circle; }

  .article-box1 .master-charabox p.intro, .article-box1 .master-charabox2 p.intro {
    float: right;
    width: 55%;
    height: auto; }

  .master-image, .master-image2 {
    width: 45%;
    float: none;
    display: block;
    text-align: center; }

  .master-image img, .master-image2 img {
    width: 100%;
    height: auto; }

  .master-name {
    display: block;
    font-size: 12px;
    font-weight: 600; }

  article.article-box1 ol {
    max-width: 90%;
    font-size: 16px;
    color: #333;
    margin: 10px 0 10px 10px;
    padding: 0 0 0px 0; }
  article.article-box1 ol li {
    line-height: 150%;
    font-size: 16px;
    color: #333;
    margin: 10px 0 10px 10px;
    padding: 0;
    /*box-sizing:border-box;*/ }

  .article-box1 ol.orange-frame li, .article-box1 ol.orange-frame-wide li {
    width: 96%;
    height: auto;
    border: 3px #ff6700 solid;
    background-color: #fffbe1;
    border-radius: 8px;
    float: left;
    list-style-type: none;
    padding: 16px !important;
    font-size: 16px !important;
    color: #000 !important;
    box-sizing: border-box;
    position: relative; }

  .li-head {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px; }

  .orange-frame li.no1-circle:after, .orange-frame-wide li.no1-circle:after, .orange-frame li.no2-circle:after, .orange-frame-wide li.no2-circle:after, .orange-frame li.no3-circle:after {
    display: block;
    /*width:8%;*/
    height: auto;
    position: absolute;
    top: -2px;
    left: -27px; }

  .orange-frame-wide li.no3-circle:after, .orange-frame-wide li.no4-circle:after, .orange-frame-wide li.no5-circle:after {
    display: block;
    /*width:8%;*/
    height: auto;
    position: absolute;
    top: -2px;
    left: -27px; }

  .orange-frame li.no1-circle:after, .orange-frame-wide li.no1-circle:after {
    content: url(images/no1-circle-orange.png);
    transform: scale(0.6); }

  .orange-frame li.no2-circle:after, .orange-frame-wide li.no2-circle:after {
    content: url(images/no2-circle-orange.png);
    transform: scale(0.6); }

  .orange-frame li.no3-circle:after {
    content: url(images/no3-circle-orange.png);
    transform: scale(0.6); }

  .orange-frame-wide li.no3-circle:after {
    content: url(images/no3-circle-orange.png);
    transform: scale(0.6); }
  .orange-frame-wide li.no4-circle:after {
    content: url(images/no4-circle-orange.png);
    transform: scale(0.6); }
  .orange-frame-wide li.no5-circle:after {
    content: url(images/no5-circle-orange.png);
    transform: scale(0.6); }

  .orange-frame li.bunchan-bikkuri:before {
    display: block;
    width: 15%;
    height: auto;
    content: url(images/bunchan-bikkuri.png);
    position: absolute;
    bottom: -20px;
    right: -10px;
    transform: scale(0.7); }
  .orange-frame li.bunchan-shiraberu:before {
    display: block;
    width: 30%;
    height: auto;
    content: url(images/bunchan-shiraberu.png);
    position: absolute;
    bottom: 0px;
    right: 30px;
    transform: scale(0.7); }
  .orange-frame li.bunchan-shagami2:before {
    display: block;
    width: 15%;
    height: auto;
    content: url(images/bunchan-shagami.png);
    position: absolute;
    bottom: -35px;
    right: 10px;
    transform: scale(0.7); }
  .orange-frame li.bunchan-ganbaru:before {
    display: block;
    width: 20%;
    height: auto;
    content: url(images/bunchan-ganbaru.png);
    position: absolute;
    bottom: -10px;
    right: 30px;
    transform: scale(0.7); }
  .orange-frame li.bunchan-ganbaru-right:before {
    display: block;
    width: 20%;
    height: auto;
    content: url(images/bunchan-ganbaru.png);
    position: absolute;
    bottom: 0px;
    right: -100px;
    transform: scale(0.7); }
  .orange-frame li.bunchan-hakken2:before {
    display: block;
    width: 15%;
    height: auto;
    content: url(images/bunchan-hakken.png);
    position: absolute;
    bottom: -20px;
    right: 10px;
    transform: scale(0.7); }
  .orange-frame li.bunchan-nozoku:before {
    display: block;
    width: 13%;
    height: auto;
    content: url(images/bunchan-nozoku.png);
    position: absolute;
    bottom: -30px;
    right: 10px;
    transform: scale(0.6); }

  ul.blue-frame {
    max-width: 100% !important;
    margin: 10px auto !important;
    padding: 10px !important; }

  .blue-frame li {
    width: 260px;
    height: 165px;
    border: 5px #1597FD solid;
    background-color: #E7F2FF;
    background-image: none !important;
    border-radius: 8px;
    float: left;
    list-style-type: none;
    padding: 10px !important;
    font-size: 16px !important;
    color: #000 !important;
    /*box-sizing:border-box;*/
    position: relative;
    margin-left: 0px !important;
    margin-bottom: 20px !important; }
  .blue-frame li span.box-title {
    color: #FFF;
    font-size: 18px;
    display: block;
    width: auto;
    height: auto;
    padding: 0 10px;
    border: 5px #1597FD solid;
    border-radius: 8px;
    background-color: #1597FD;
    position: absolute;
    top: -20px;
    left: 15px; }
  .blue-frame li ul {
    margin: 0 0 0 20px !important; }
  .blue-frame li ul li {
    width: auto;
    max-width: 100%;
    height: auto;
    border: none;
    background-color: none;
    background-image: none !important;
    border-radius: 0;
    float: none;
    list-style-type: disc;
    padding: 0px !important;
    position: relative;
    margin: 0px !important; }

  .lead {
    margin: 40px 0; }

  .kakomibox {
    width: 90%;
    max-width: 460px;
    height: auto;
    margin: 10px auto;
    border: 3px #4378b6 solid;
    border-radius: 6px; }
  .kakomibox p {
    font-size: 18px;
    font-weight: 600;
    color: #4378b6 !important;
    line-height: 1.5em; }

  .kakomibox-wide {
    width: 90%;
    max-width: 480px;
    height: auto;
    margin: 10px auto;
    border: 3px #4378b6 solid;
    border-radius: 6px;
    padding: 10px;
    box-shadow: #bae8ff 8px 8px; }
  .kakomibox-wide p {
    font-size: 16px;
    font-weight: normal;
    color: #666 !important;
    line-height: 1.5em;
    overflow-wrap: break-word; }

  article.article-box1 .kakomibox-wide ol {
    max-width: 90%; }

  .kakomibox-wide .attention {
    font-weight: 800;
    color: #333 !important;
    line-height: 1.5em;
    background-color: bisque;
    border: 2px #ccc dotted;
    border-radius: 6px;
    padding: 1rem !important;
    box-sizing: border-box; }
  .kakomibox-wide h3 {
    color: #4378b6 !important;
    margin: 0 !important; }
  .kakomibox-wide h3:before {
    content: "\f121";
    font-family: "Ionicons";
    font-size: 30px;
    padding: 0 5px 0 0;
    position: relative;
    top: 0px; }
  .kakomibox-wide ul.ulbox-3col {
    width: 100%;
    max-width: 98%;
    height: auto;
    margin: 20px auto !important; }
  .kakomibox-wide ul.ulbox-3col li {
    width: 98%;
    height: auto;
    margin: 10px 1%;
    padding: 10px;
    background-color: #fff6c7;
    background-image: none;
    border-radius: 6px; }
  .kakomibox-wide ul.ulbox-3col li:before {
    content: none; }
  .kakomibox-wide ul.ulbox-3col li span.li-head {
    font-size: 16px;
    font-weight: 600;
    color: #40a471; }
  .kakomibox-wide ul.ulbox-3col li span.li-head:before {
    content: "\f48e";
    font-family: "Ionicons";
    color: #40a471;
    font-size: 20px;
    padding: 0 5px 0 0;
    position: relative;
    top: 5px; }
  .kakomibox-wide ul.ulbox-2col {
    width: 100%;
    max-width: 98%;
    height: auto;
    margin: 20px auto !important; }
  .kakomibox-wide ul.ulbox-2col li {
    width: 98%;
    height: auto;
    margin: 10px 1%;
    padding: 10px;
    background-color: #fff6c7;
    background-image: none;
    border-radius: 6px; }
  .kakomibox-wide ul.ulbox-2col li img {
    width: 100%;
    height: auto; }
  .kakomibox-wide ul.ulbox-2col li:before {
    content: none; }
  .kakomibox-wide ul.ulbox-2col li span.li-head {
    font-size: 14px;
    font-weight: 600;
    color: #40a471; }
  .kakomibox-wide ul.ulbox-2col li span.li-head:before {
    content: "\f48e";
    font-family: "Ionicons";
    color: #40a471;
    font-size: 36px;
    padding: 0 5px 0 0;
    position: relative;
    top: 5px; }

  .main-text table {
    width: 100%;
    height: auto;
    margin: 0 0 20px 0; }
  .main-text table th, .main-text table td {
    padding: 5px;
    font-size: 12px; }

  .section-head {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 5px;
    color: #ccc;
    background-color: #002395;
    font-size: 12px;
    text-align: center; }

  .kakomibox-wide ul li {
    height: auto;
    font-size: 14px;
    margin: 10px auto;
    border: 1px #ccc solid;
    padding: 10px;
    background-color: #fff6c7;
    border-radius: 6px;
    /*box-sizing:border-box;*/ }
  .kakomibox-wide ul li.link {
    background-color: chocolate; }
  .kakomibox-wide ul li.link a {
    color: #fff; }
  .kakomibox-wide ul.ulbox-2col li span.sheet-desc, .kakomibox-wide ul.ulbox-2col li span.dlbtn {
    display: block !important;
    margin-bottom: 20px;
    margin-top: 20px; }
  .kakomibox-wide ul.ulbox-2col-tall li span.sheet-desc, .kakomibox-wide ul.ulbox-2col-tall li span.dlbtn {
    display: block !important;
    margin-bottom: 20px;
    margin-top: 20px; }
  .kakomibox-wide ul.ulbox-2col li span.sheet-desc:before, .kakomibox-wide ul.ulbox-2col-tall li span.sheet-desc:before, .kakomibox-wide ul.ulbox-2col li span.dlbtn:before, .kakomibox-wide ul.ulbox-2col-tall li span.dlbtn:before {
    content: "\f481";
    font-family: "Ionicons";
    color: #40a471;
    font-size: 26px;
    padding: 0 5px 0 0;
    position: relative;
    top: 5px; }
  .kakomibox-wide ul.ulbox-2col li span.dlbtn:before, .kakomibox-wide ul.ulbox-2col-tall li span.dlbtn:before {
    content: "\f102"; }
  .kakomibox-wide ul li img {
    max-width: 100%; }
  .kakomibox-wide ul li a {
    /*display:block;*/
    text-decoration: none; }

  body.page-minnano-jiyukenkyu article.article-box1 ul body.tax-genre_jiyukenkyu-shokai article.article-box1 ul, body.tax-jiyukenkyu-shokai_tag article.article-box1 ul, body.post-type-archive-jiyukenkyu-shokai article.article-box1 ul {
    max-width: 100%;
    font-size: 14px;
    color: #333;
    margin: 20px 0;
    padding: 0; }
  body.page-minnano-jiyukenkyu article.article-box1 ul li, body.tax-genre_jiyukenkyu-shokai article.article-box1 ul li, body.tax-jiyukenkyu-shokai_tag article.article-box1 ul li, body.post-type-archive-jiyukenkyu-shokai article.article-box1 ul li {
    line-height: 100%;
    max-width: 50%;
    height: auto !important;
    font-size: 14px;
    color: #333;
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
    background-color: #cac7b7;
    background-image: none;
    float: left;
    box-sizing: border-box;
    border-radius: 0px;
    overflow: hidden;
    border: 1px #fff solid;
    position: relative; }

  #other-posts-box ul li {
    line-height: 100%;
    max-width: 50%;
    height: auto !important;
    font-size: 14px;
    color: #333;
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
    background-color: #cac7b7;
    background-image: none;
    float: left;
    box-sizing: border-box;
    border-radius: 0px;
    overflow: hidden;
    border: 1px #fff solid;
    position: relative;
    max-width: 96%;
    margin: 5px 1% !important;
    border: 2px #4378b6 solid !important; }

  body.page-minnano-jiyukenkyu article.article-box1 ul li img, body.tax-genre_jiyukenkyu-shokai article.article-box1 ul li img, body.tax-jiyukenkyu-shokai_tag article.article-box1 ul li img, body.post-type-archive-jiyukenkyu-shokai article.article-box1 ul li img {
    width: 100%;
    max-width: 100%;
    max-height: 180px; }

  .shotpointbox {
    margin: 10px; }
  .shotpointbox:after {
    left: 58%;
    top: -68px;
    transform: scale(0.6); }

  .main-photo {
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
    float: none; }

  .main-infobox {
    width: 94%;
    margin: 10px auto;
    float: none;
    border: 2px #b6cb39 solid;
    padding: 0px; }
  .main-infobox h3 {
    background-color: #b6cb39;
    color: #ffffff;
    padding: 5px 10px !important; }
  .main-infobox p {
    margin: 5px 10px !important; }

  .sub-photo {
    width: 25%;
    margin: 0 10px !important; }

  .photo-section p.attention {
    margin: 3px 10px 20px 10px !important; }

  body.single-jiyukenkyu-shokai .main-text h3 {
    background-color: #b6cb39;
    color: #ffffff;
    text-align: center; }
  body.single-jiyukenkyu-shokai .other-photobox {
    border-bottom: 1px #cccccc dotted;
    background: -moz-linear-gradient(white, #bee1f6);
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#bee1f6));
    background: -ms-linear-gradient(bottom, #bee1f6, white);
    background: linear-gradient(to top, #bee1f6, white); }
  body.single-jiyukenkyu-shokai .other-photobox .other-photo-comment {
    width: 60%;
    height: auto;
    margin: 3% 0 0 3%;
    padding: 0;
    line-height: 130%;
    float: left; }

  .other-photo {
    margin: 0 5px 0 0; }

  body.page-present-page article.article-box1 .present-intro p {
    font-size: x-large; }

  /*----------------------------------------------------------------------------
 ***                                                        Sidebar
----------------------------------------------------------------------------*/
  .third-content-box {
    width: 100%;
    height: auto;
    margin: 0;
    background-color: #fff;
    text-align: center;
    position: relative;
    /*box-sizing:border-box;*/ }
  .third-content-box img {
    width: 100%;
    height: 100%;
    padding: 0px;
    background-color: #fff; }

  aside#fourth-content {
    background-color: #5DD2FC; }
  aside#fourth-content #tertiary {
    width: 100%;
    padding: 10px;
    /*box-sizing:border-box;*/ }
  aside#fourth-content #tertiary img {
    width: 100%;
    height: auto; }
  aside#third-content h2, aside#fourth-content h2, aside#fifth-content h2, aside#seventh-content h2, aside#oshirase-content h2 {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    border-bottom: #666 1px solid;
    text-align: center;
    color: #fff;
    padding: 6px;
    background: -moz-linear-gradient(#8AD1FD, #4378b6);
    background: -webkit-gradient(linear, left top, left bottom, from(#8AD1FD), to(#4378b6));
    background: -ms-linear-gradient(bottom, #4378b6, #8AD1FD);
    background: linear-gradient(to top, #4378b6, #8AD1FD); }

  body.home aside#fifth-content h2, body.home aside#third-content h2 {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    border-bottom: #666 1px solid;
    text-align: center;
    color: #fff;
    padding: 10px;
    background: -moz-linear-gradient(#8AD1FD, #4378b6);
    background: -webkit-gradient(linear, left top, left bottom, from(#8AD1FD), to(#4378b6));
    background: -ms-linear-gradient(bottom, #4378b6, #8AD1FD);
    background: linear-gradient(to top, #4378b6, #8AD1FD); }
  body.home aside#fifth-content h2, body.home aside#third-content h2, body.home aside#oshirase-content h2 {
    background: -moz-linear-gradient(white, #bee1f6);
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#bee1f6));
    background: -ms-linear-gradient(bottom, #bee1f6, white);
    background: linear-gradient(to top, #bee1f6, white); }

  aside#fourth-content h2 img, aside#fifth-content h2 img, aside#seventh-content h2 img {
    width: auto;
    height: 40px; }
  aside#third-content h2 img, aside#oshirase-content h2 img {
    width: auto;
    height: 24px; }
  aside#eighth-content h2 {
    background: -moz-linear-gradient(#666, #000);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background: -ms-linear-gradient(bottom, #000, #666);
    background: linear-gradient(to top, #000, #666); }
  aside .second-content-box .see-all-list {
    width: 96%;
    height: auto;
    margin: 10px auto;
    padding: 10px;
    font-size: 16px;
    float: none;
    border: 1px #ccc solid;
    text-align: center;
    background-image: none;
    background: -moz-linear-gradient(#dddddd, #818181);
    background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#818181));
    background: -ms-linear-gradient(bottom, #818181, #dddddd);
    background: linear-gradient(to top, #818181, #dddddd); }
  aside .second-content-box .see-all-list a {
    text-decoration: none;
    color: #fff; }
  aside .second-content-box ul {
    width: 100%;
    height: auto;
    list-style: none;
    margin: 0 auto;
    padding: 0; }

  #content article.article-box1 ul, #other-posts-box ul {
    width: 100%;
    height: auto;
    list-style: none;
    margin: 0 auto;
    padding: 0; }

  #content article.article-box1 ul li, #other-posts-box ul li {
    line-height: 110%; }

  body.page-shogakusei-shinbun-granprix #content article.article-box1 ul {
    width: 98%;
    height: auto;
    list-style: none;
    margin: 0 auto;
    padding: 0; }
  body.page-shogakusei-shinbun-granprix #content article.article-box1 ul li {
    font-size: 14px;
    text-align: center;
    width: 100%;
    height: auto;
    border: 1px #4378b6 solid;
    border-radius: 6px;
    margin: 10px auto;
    padding: 10px;
    background-color: #fff6c7;
    /*box-sizing:border-box;*/
    box-shadow: 3px 3px 0 #4378b6; }
  body.page-shogakusei-shinbun-granprix #content article.article-box1 ul li a {
    display: block; }

  #content article.article-box1 ul li {
    line-height: 110%;
    overflow-wrap: break-word; }

  body.home #third-content .widget_sp_image {
    width: 30%;
    margin: 0 2% 0 0;
    padding: 2px;
    box-shadow: 0 0 2px #ccc; }
  body.home #third-content .widget-area-link {
    text-align: center; }
  body.home #third-content .widget-area-link .widget_sp_image {
    float: none; }
  body.home #third-content .widget-area-link .widget_sp_image img {
    width: auto;
    height: auto !important; }
  body.home aside#third-content article.third-content-link-box .textwidget ul {
    width: 50%;
    height: auto;
    float: left;
    margin: 0 0 0 0px;
    padding: 0; }
  body.home aside#third-content article.third-content-link-box .textwidget ul li {
    text-align: left;
    width: 95%;
    font-size: 12px;
    height: 36px;
    margin: 5px 0;
    padding: 12px 0px 10px 19px;
    border: 1px #ccc solid;
    /*box-sizing:border-box;*/
    background-image: url(images/link-badge-333.png);
    background-repeat: no-repeat;
    background-position: 2px 5px; }

  aside h2 {
    font-size: 18px;
    font-weight: normal;
    margin: 5%;
    color: #666;
    border-bottom: #666 2px solid; }
  aside h3 {
    font-size: 18px;
    color: #333;
    margin: 10px 10px 0;
    border-left: 10px #ccc solid;
    padding-left: 5px; }
  aside#second-content h3 {
    display: none; }
  aside ul {
    list-style: none;
    margin: 5% 0; }
  aside #side-submenu ul {
    list-style: none;
    margin: 0; }
  aside #side-submenu ul li {
    font-size: 18px;
    margin: 0;
    padding: 20px 10px 10px;
    text-align: center; }
  aside #side-submenu ul li a {
    display: block;
    color: #ccc; }
  aside #side-submenu ul li ul li {
    text-align: left;
    font-size: 16px;
    margin: 0;
    padding: 10px;
    border: 1px #000 solid;
    background-color: #e0e5d3; }
  aside #side-submenu ul li ul li:first-child {
    margin-top: 20px; }
  aside #side-submenu ul li ul li a {
    color: #333; }
  aside ul li {
    margin: 10px 0; }

  body.single-jiyukenkyu-shokai aside#sidebar ul li {
    margin: 10px 0;
    background-color: rgba(215, 220, 227, 0.1);
    padding: 15px 10px;
    font-size: 16px;
    border: none;
    /*box-sizing:border-box;*/ }
  body.single-jiyukenkyu-shokai aside#sidebar ul li::before {
    content: none; }

  aside#sidebar ul li {
    margin: 10px 0;
    background-color: rgba(215, 220, 227, 0.1);
    padding: 15px 10px;
    font-size: 16px;
    border: 2px #4378b6 solid;
    border-radius: 6px;
    /*box-sizing:border-box;*/ }
  aside#sidebar ul li.menu-item-has-children {
    width: 98%;
    margin: 10px auto;
    background-color: #bee1f6; }
  aside#sidebar ul li ul li::before {
    content: "" !important;
    font-family: "Ionicons";
    font-size: 12px;
    padding: 0 10px 0 0;
    float: left;
    position: relative;
    top: 6px;
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%); }
  aside li a {
    color: #333;
    text-decoration: none;
    display: block; }
  aside li a:hover {
    color: #333;
    text-decoration: underline; }
  aside#fourth-content ul.index-top-content-menu li {
    font-size: 15px;
    padding: 10px;
    border: 1px #4378b6 solid;
    border-radius: 6px;
    margin: 5px 1%;
    background-color: #fff;
    text-align: left;
    width: 48%;
    height: 100px;
    float: left;
    position: relative; }

  #fourth-content .content-inner, #fifth-content .content-inner3 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px; }

  aside#fourth-content ul.index-top-content-menu li:last-child {
    /*width:98%;*/ }
  aside#fourth-content ul.index-top-content-menu li .getpage-btn {
    display: none; }
  aside#seventh-content ul {
    margin: 0;
    background-color: #fff; }
  aside#fifth-content ul {
    margin: 0;
    background-color: #accb39; }
  aside#fifth-content ul li {
    font-size: 15px;
    padding: 10px;
    border: 1px #4378b6 solid;
    border-radius: 6px;
    margin: 5px 1%;
    background-color: #fff;
    text-align: left;
    width: 48%;
    height: 100px;
    /*box-sizing:border-box;*/
    float: left;
    position: relative; }
  aside#fifth-content ul li a span.short-excerpt {
    width: 80%;
    font-size: 12px;
    text-align: left;
    padding: 5px 0 0 0;
    display: block;
    margin-left: 0; }
  aside#fifth-content ul li .getpage-btn {
    display: none; }
  aside#seventh-content ul li {
    font-size: 12px;
    text-align: left;
    padding: 0;
    border: 1px #fff solid;
    margin: 0;
    background-color: #fafafa;
    /*box-sizing:border-box;*/
    position: relative; }
  aside#fourth-content ul li span.arrow-plane img {
    margin-right: 10px;
    width: 40px;
    height: auto; }
  aside#fourth-content ul li a span.small-font {
    width: 80%;
    font-size: 12px;
    text-align: left;
    padding: 5px 0 0 0;
    display: block;
    z-index: 2000; }
  aside#fifth-content ul li span.short-excerpt {
    display: block;
    font-size: 14px;
    line-height: 150%;
    padding: 10px 0; }
  aside#seventh-content {
    background-color: #a1d0ea; }
  aside#seventh-content ul li span.short-excerpt {
    display: block;
    font-size: 14px;
    line-height: 150%;
    padding: 10px 0; }

  .flexslider {
    margin: 0 0 30px !important; }

  .flex-control-nav {
    bottom: -30px !important; }

  .flex-direction-nav {
    display: none; }

  /*----------------------------------------------------------------------------
 ***                                                         Footer Area
----------------------------------------------------------------------------*/
  #footer-top {
    width: 96%;
    max-width: 1280px;
    margin: 0 auto;
    color: #000;
    font-size: 90%;
    padding: 18px 0;
    overflow: hidden;
    text-align: center; }

  #foot-logo {
    position: relative; }
  #foot-logo img {
    margin: 0 auto 20px auto; }

  #footer-area {
    display: none; }

  .footer-segment {
    float: left;
    margin-right: 10px;
    width: 16%; }

  #foot-logo .site-subtitle {
    display: block;
    position: relative;
    font-size: 12px;
    margin: 0px auto;
    bottom: 0px;
    left: auto;
    text-align: center; }
  #foot-logo .site-subtitle:after {
    display: block;
    width: 30px;
    height: auto;
    content: url(images/bunchan-pose.png);
    position: absolute;
    bottom: -40px;
    right: -15px;
    transform: scale(0.6); }

  /*----------------------------------------------------------------------------
 ***                                                         Footer Bottom
----------------------------------------------------------------------------*/
  #footer-bottom-link {
    width: 100%;
    height: auto;
    background-color: #accb39;
    color: #fff;
    text-align: left;
    clear: both;
    padding-bottom: 10px; }
  #footer-bottom-link ul {
    margin: 0;
    list-style: none; }
  #footer-bottom-link ul li {
    font-size: 14px;
    width: 48%;
    color: #fff;
    margin: 10px 1% 0 1%;
    list-style: none;
    padding: 12px 0;
    background-color: #77b60a;
    border: 1px #4378b6 solid;
    border-radius: 6px;
    /*box-sizing:border-box;*/
    line-height: 120%;
    float: left; }
  #footer-bottom-link ul li:before {
    content: "\f481";
    font-family: "Ionicons";
    font-size: 20px;
    padding: 0 3px 0 5px;
    position: relative;
    top: 2px; }
  #footer-bottom-link ul li span.mobile-hide {
    display: none; }
  #footer-bottom-link ul li a {
    color: #fff;
    text-decoration: none; }

  #footer-bottom {
    font-size: 12px;
    width: 100%;
    height: 210px;
    background-color: #4378b6;
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 10px 0;
    clear: both; }

  /*----------------------------------------------------------------------------
 ***                                                              page top icon
----------------------------------------------------------------------------*/
  #page-top {
    position: fixed;
    bottom: 0;
    right: 37%;
    font-size: 77%;
    z-index: 11000; }
  #page-top span {
    display: none; }
  #page-top a {
    text-decoration: none;
    width: 100%;
    height: 100%;
    padding: 0;
    display: block; }

  article.article-box1 figure {
    width: auto;
    height: auto;
    max-width: 94%; }
  article.article-box1 figure img {
    width: auto;
    max-width: 100%;
    height: auto; }

  figure.wp-caption {
    min-height: 150px;
    float: left;
    margin: 10px 10px 10px 10px; }

  body.single p, body.single h2, body.single h3, body.single h4, body.single h5, body.single h6 {
    clear: both; }

  .sharedaddy h3 {
    display: none; }

  aside ul li.flex-nav-prev, aside ul li.flex-nav-next {
    margin: 0 !important; }

  #other-posts-box ul li .slidetitle {
    padding: 0 0 0 10px;
    width: auto;
    font-size: 16px;
    text-align: left;
    line-height: 110%;
    float: left;
    background-color: transparent; }

  .flexbox {
    width: 96%;
    display: flex;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto; }

  .flx-child {
    width: 49%;
    height: auto;
    color: #4378b6;
    font-size: 16px;
    line-height: 2em;
    text-align: center;
    font-weight: bold;
    padding: 10px 5px;
    margin: 10px 1% 0 1%;
    position: relative;
    float: left;
    background-color: #ffe9de;
    background-color: rgba(248, 248, 248, 0.5);
    border: 1px #4378b6 solid;
    border-radius: 6px;
    /*box-sizing:border-box;*/ }

  .flx-child-fullwide {
    width: 100%; }

  .flx-child a {
    display: block;
    text-decoration: none;
    color: #4378b6; }

  article.article-box1 .page-menubox ul {
    max-width: 100%;
    color: #333;
    margin: 10px 0 0px 0px;
    padding: 0; }
  article.article-box1 ul, article.article-box1 ol {
    max-width: 96%;
    font-size: 16px;
    color: #333;
    margin: 20px auto;
    padding: 0 0 0px 0; }

  body.tax-genre_jiyukenkyu-shokai article.article-box1 ul, body.post-type-archive-jiyukenkyu-shokai article.article-box1 ul {
    max-width: 100%;
    margin: 10px auto;
    padding: 0 0 0px 0; }
  body.search article.article-box1 ul {
    max-width: 100%;
    margin: 10px auto;
    padding: 0 0 0px 0; }
  body.search article.article-box1 ul li {
    font-size: 14px;
    width: 98%;
    height: auto;
    margin: 10px 1% 10px 1%;
    padding: 10px 2%;
    border: 1px #ccc solid;
    border-radius: 6px;
    /*box-sizing:border-box;*/
    box-shadow: 2px 2px #ddd; }
  body.search article.article-box1 ul li a span.search-title {
    font-size: 16px;
    font-weight: 400;
    color: #4378b6;
    display: block;
    margin-bottom: 5px; }
  body.search article.article-box1 ul li span.search-excerpt {
    font-size: 14px;
    font-weight: normal;
    color: #666;
    margin: 10px 2%;
    display: block; }
  body.search article.article-box1 ul li a {
    /*color:rgba(67,120,182,1.00);*/
    display: block;
    text-decoration: none; }
  body.search article.article-box1 ul li span.search-excerpt a:after {
    content: "\f39c";
    font-family: "Ionicons";
    font-size: 16px;
    padding: 0 0 0 5px;
    /*float: left;*/
    position: relative;
    top: 0px; }

  /*body.search article.article-box1 ul li:before {
  content: "\f39c";
    font-family: "Ionicons";
    font-size: 18px;
  color:rgba(67,120,182,1.00);
    padding: 0 5px 0 0;
    float: left;
    position: relative;
    top: 0px;
}*/
  article.article-box1 .page-menubox ul li {
    line-height: 120%;
    width: auto;
    height: 30px;
    font-size: 16px;
    color: #333;
    margin: 4px;
    padding: 5px;
    list-style: none;
    background-image: none;
    background-color: #fff6c7;
    border: 1px #accb39 solid;
    border-radius: 6px;
    display: inline-block;
    box-sizing: border-box; }
  article.article-box1 .page-menubox ul li a {
    color: #4378b6;
    text-decoration: none;
    display: block; }

  body.page-museum-all-list article.article-box1 h2:after {
    content: "\f453";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0 10px 0 0;
    float: left;
    position: relative;
    top: 6px;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%); }

  article.article-box1 ul.museum-ul {
    max-width: 98%;
    font-size: 16px;
    color: #333;
    margin: 20px 0 20px 2%;
    padding: 0 0 0px 0; }
  article.article-box1 ul.museum-ul li {
    line-height: 150%;
    max-width: 100%;
    font-size: 14px;
    color: #333;
    margin: 0;
    padding: 2%;
    list-style: none;
    background-image: none;
    border-bottom: 1px #ccc dotted;
    clear: both; }
  article.article-box1 ul.museum-ul li:nth-child(2n+1) {
    background-color: #fafaf6; }
  article.article-box1 ul.museum-ul li:nth-child(2n) {
    background-color: #f6fafa; }
  article.article-box1 ul.museum-ul li span.mus-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 0;
    padding: 2% 0;
    display: block; }
  article.article-box1 ul.museum-ul li span.mus-genre {
    margin: 0 10px 0 0;
    line-height: 130%; }
  article.article-box1 ul.museum-ul li span.mus-address {
    display: block;
    margin: 5px 0; }
  article.article-box1 ul.museum-ul li span.mus-url {
    text-align: center;
    line-height: 130%;
    color: #0468bf;
    border: 1px #accb39 solid;
    border-radius: 6px;
    background-color: #fff6c7;
    width: 100%;
    height: auto;
    padding: 5px 0;
    display: block; }
  article.article-box1 ul.museum-ul li span.mus-url:before {
    content: "\f481";
    font-family: "Ionicons";
    font-size: 20px;
    padding: 0 5px 0 0;
    position: relative;
    top: 3px;
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%); }

  body.page-benritool .page-indexbox-three {
    width: 96%;
    margin: 5px 2%;
    float: left;
    border: #ccc 1px solid;
    border-radius: 8px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    background-image: url(images/color-line-bk.jpg); }
  body.page-benritool .page-indexbox-three:before {
    content: "";
    display: block;
    padding-top: 40%; }
  body.page-benritool article.article-box1 h2 {
    text-align: center;
    font-size: 16px;
    width: 100%;
    height: auto;
    font-weight: normal;
    line-height: 120%;
    color: #002395;
    margin: 0;
    padding: 2% 1%;
    border: none;
    border-radius: 8px 8px 0 0;
    background-color: #accb39;
    box-shadow: none;
    border-collapse: collapse;
    clear: both;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100; }
  body.page-benritool article.article-box1 h2:before {
    content: none; }

  .page-indexbox-three {
    width: 96%;
    margin: 5px 2%;
    float: left;
    border: #ccc 1px solid;
    border-radius: 8px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    background-image: url(images/color-line-bk.jpg); }
  .page-indexbox-three:before {
    content: "";
    display: block;
    padding-top: 40%; }

  body.page-jiyukenkyu-support article.article-box1 h2 {
    font-size: 16px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100; }
  body.page-jiyukenkyu-support article.article-box1 h2:before {
    content: none; }

  .page-indexbox-three p.page-indexbox-master-img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0px;
    left: 5%; }

  body.page-benritool .page-indexbox-three p.page-indexbox-three-mess {
    color: #62629f;
    color: #000000;
    background-color: rgba(190, 225, 246, 0.5);
    text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.5); }

  /*自由研究サポートIndex*/
  .bunchan-ganbaru {
    background-image: url(images/sup-kagaku-mobile-idx.png);
    background-position: bottom, right; }

  .bunchan-shiraberu {
    background-image: url(images/sup-research-mobile-idx.png);
    background-position: bottom, right; }

  .bunchan-tejina {
    background-image: url(images/sup-create-mobile-idx.png);
    background-position: bottom, right; }

  .bunchan-shagami {
    background-image: url(images/sup-nature-mobile-idx.png);
    background-position: bottom, right; }

  .bunchan-pose {
    background-image: url(images/sup-midokoro-mobile-idx.png);
    background-position: bottom, right; }

  .bunchan-matomekata {
    background-image: url(images/sup-matomekata-mobile-idx.png);
    background-position: bottom, right; }

  .bunchan-inemuri {
    background-image: url(images/sup-torikumi-mobile-idx.png);
    background-position: bottom, right; }

  .bunchan-furimuki {
    background-image: url(images/sup-shinbun-mobile-idx.png);
    background-position: bottom, right; }

  .bunchan-hakken {
    background-image: url(images/sup-dokusho-mobile-idx.png);
    background-position: bottom, right; }

  .bunchan-books {
    background-image: url(images/sup-books-mobile-idx.png);
    background-position: bottom, right; }

  /*便利ツールIndex*/
  .btool-ikikata {
    background-image: url(images/tool-ikikata-mobile-idx.png);
    background-position: bottom, right; }

  .btool-jikokuhyo {
    background-image: url(images/tool-jikokuhyo-mobile-idx.png);
    background-position: bottom, right; }

  .btool-mochimono {
    background-image: url(images/tool-mochimono-mobile-idx.png);
    background-position: bottom, right; }

  .btool-manga {
    background-image: url(images/tool-manga-mobile-idx.png);
    background-position: bottom, right; }

  .btool-museum {
    background-image: url(images/tool-museum-mobile-idx.png);
    background-position: bottom, right; }

  .btool-download {
    background-image: url(images/tool-download-mobile-idx.png);
    background-position: bottom, right; }

  .page-indexbox-three p.page-indexbox-three-mess {
    width: 96%;
    height: auto;
    font-size: 14px;
    font-weight: normal;
    line-height: 120%;
    padding: 2%;
    margin: 0 auto;
    color: #000;
    position: absolute;
    top: 40px;
    left: 2%;
    background-color: rgba(255, 246, 199, 0.5);
    border-radius: 6px; }

  .page-indexbox p.page-indexbox-btn, .page-indexbox-two p.page-indexbox-btn, .page-indexbox-two-text p.page-indexbox-btn, .page-indexbox-two-half p.page-indexbox-btn, .page-indexbox-three p.page-indexbox-btn {
    width: 40%;
    height: auto;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 100%;
    padding: 3%;
    margin: 0;
    color: #333333;
    position: absolute;
    bottom: 0;
    left: 30%;
    background-color: #accb39;
    border-radius: 4px 4px 0 0; }

  body.page-benritool .page-indexbox-three p.page-indexbox-btn {
    background-color: #fff6c7; }

  .page-indexbox p.page-indexbox-btn a, .page-indexbox-two p.page-indexbox-btn a, .page-indexbox-two-text p.page-indexbox-btn a, .page-indexbox-two-half p.page-indexbox-btn a, .page-indexbox-three p.page-indexbox-btn a {
    text-decoration: none; }

  .more-post-btn {
    text-align: center;
    font-size: 16px;
    width: 100%;
    height: auto;
    padding: 20px 0px;
    margin: 20px auto;
    background-color: #bee1f6;
    border-radius: 6px;
    border: 2px #4378b6 solid;
    /*box-sizing:border-box;*/
    clear: both; }
  .more-post-btn a {
    display: block;
    text-decoration: none; }

  article.article-box1 ol {
    max-width: 98%;
    font-size: 16px;
    color: #333;
    margin: 10px auto;
    padding: 0; }
  article.article-box1 form ol {
    max-width: 90%;
    font-size: 14px;
    color: #333;
    margin: 10px auto;
    padding: 0; }
  article.article-box1 form ol li {
    margin-bottom: 5px; }

  .li-head {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 120%; }

  article.article-box1 ol li {
    line-height: 150%;
    font-size: 16px;
    color: #333; }

  .cat-ico {
    bottom: 25px; }

  .cat-create:before, .cat-nature:before, .cat-science:before, .cat-research:before {
    padding: 0;
    position: absolute;
    bottom: -15px;
    left: -35px;
    -webkit-transform: scale(0.35);
    -moz-transform: scale(0.35);
    transform: scale(0.35); }

  .award-ico {
    bottom: -20px !important;
    bottom: 0;
    right: -65px; }

  .awd-manabun:before, .awd-doshin:before {
    -webkit-transform: scale(0.35);
    -moz-transform: scale(0.35);
    transform: scale(0.35); }

  .main-map {
    margin: 0; }

  body.single-jiyukenkyu-shokai article.article-box1 h1 span.titlehead {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #4378b6;
    margin: 0 0 20px;
    padding: 0;
    border-bottom: none;
    position: relative; }

  #manadan3 .img-level1 {
    position: absolute;
    bottom: 15%;
    left: 5%;
    width: 30%;
    height: auto;
    font-size: .75rem;
    border: #EF857D 1px solid;
    background-color: antiquewhite;
    border-radius: 10px;
    z-index: 1000;
    padding: .5rem; }

  #manadan5 {
    font-size: 1rem; }

  body.single span.year-ico {
    position: relative;
    display: block;
    margin-top: 0.5rem;
    padding: 0.2rem;
    font-size: 0.8rem;
    border-radius: 6px;
    color: #fff; }

  section.oshirase {
    width: 96%; }
  section.oshirase .oshirase-box {
    border: none; }
  section.oshirase ul li {
    font-size: .85rem; }
  section.oshirase ul li span.oshirase-date {
    display: block;
    font-size: .7rem;
    font-weight: 800;
    margin-bottom: 0.5rem; }

  .col-w20, .col-w30, .col-w40, .col-w50, .col-w60, .col-w70, .col-w80 {
    width: 100%;
    float: left;
    padding: .5rem;
    box-sizing: border-box; }

  .mb-hide {
    display: none; }

  .imgw50 {
    width: 25%;
    height: auto; }

  .kakomibox-wide .attention {
    font-weight: 800;
    color: #333 !important;
    line-height: 1.5em;
    background-color: bisque;
    border: 2px #ccc dotted;
    border-radius: 6px;
    padding: 1rem !important;
    box-sizing: border-box; }

  .linkbox {
    max-width: 96%;
    margin: 10px auto;
    padding: 0; }
  .linkbox span.link {
    display: block;
    width: 48%;
    height: auto;
    float: left;
    background-color: bisque;
    border: 2px #ccc dotted;
    border-radius: 6px;
    padding: 1rem !important;
    box-sizing: border-box;
    margin: 0 1%; }

  article.article-box1 ul.itemframe {
    list-style: none !important;
    max-width: 100%;
    font-size: 16px;
    color: #333;
    margin: 0;
    padding: 0; }
  article.article-box1 ul.itemframe li {
    max-width: 96%;
    margin: 1rem auto;
    background-color: cornsilk;
    border: 1px #ccc dotted;
    border-radius: 6px;
    padding: 1rem !important;
    box-sizing: border-box;
    background-image: none; }
  article.article-box1 ul.itemframe li h3 {
    font-size: 18px; }
  article.article-box1 ul.itemframe li .info {
    color: chocolate;
    font-size: 14px;
    font-weight: 800;
    text-align: center; }
  article.article-box1 ul.itemframe li .info span.sum, article.article-box1 ul.itemframe li .info span.date {
    display: block;
    text-align: center;
    line-height: 1.2; }
  article.article-box1 ul.itemframe li .sub-title {
    padding-left: 2.5rem; }
  article.article-box1 ul.itemframe li .item-inner {
    max-width: 96%;
    margin: 0 auto;
    padding: 0; }
  article.article-box1 ul.itemframe li .item-inner .itemimg {
    width: 90%;
    height: auto;
    margin: 0 auto 1rem;
    padding: 0;
    float: none; }
  article.article-box1 ul.itemframe li .item-inner .itemimg img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0; }
  article.article-box1 ul.itemframe li .item-inner .itemimg span.mess {
    font-size: 12px;
    display: block;
    line-height: 120%; }
  article.article-box1 ul.itemframe li .item-inner .descript {
    max-width: 96%;
    margin: 0 auto;
    padding: 0;
    float: none;
    line-height: 1.5; }
  article.article-box1 ul.itemframe li .item-inner .btnframe {
    max-width: 96%;
    margin: 0;
    margin-top: 1rem;
    padding: 0;
    float: none; }

  btn.goform {
    width: 96%;
    display: block;
    margin: .5rem auto;
    border: 1px #ccc solid;
    padding: .5rem;
    border-radius: 4px;
    background-color: cornflowerblue;
    text-align: center; }
  btn.goform a {
    color: #fff;
    text-decoration: none; }
  btn.buyform {
    width: 96%;
    display: block;
    margin: .5rem auto;
    border: 1px #ccc solid;
    padding: .5rem;
    border-radius: 4px;
    background-color: goldenrod;
    text-align: center; }
  btn.buyform a {
    color: #fff;
    text-decoration: none; } }
/* end of @media 320-480*/
@media print, screen and (min-width: 481px) {
  /*----------------------------------------------------------------------------
 ***                                                          Basic layout
----------------------------------------------------------------------------*/
  body {
    font-size: 14px; }
  body.home header .site-subtitle-mb {
    display: none; }

  header .site-subtitle-mb {
    display: none; }

  .bunrui-btn-l {
    width: 49%;
    margin-right: 1%;
    float: left; }

  .bunrui-btn-r {
    width: 50%;
    float: left;
    text-align: center; }
  .bunrui-btn-r #side-search-box #s {
    width: 80%; }

  #footer-bottom {
    width: 100%;
    height: 120px;
    background-color: #4378b6;
    color: #fff;
    text-align: center;
    clear: both; }

  #sidebar h3 {
    width: 100%;
    height: auto;
    font-size: 18px;
    margin: 0 0 6px 0;
    padding: 0;
    line-height: 150%;
    padding-left: 10px;
    border-left: 5px #4378b6 solid;
    /*box-sizing:border-box;*/ }

  #manabun-banner {
    width: 16%;
    max-width: 132px;
    max-height: 52px;
    float: left;
    overflow: hidden;
    margin: 0px 6px 0 20px; }
  #manabun-banner img {
    width: 100%;
    height: auto; }

  #tophead-banner {
    width: 180px;
    height: 57px;
    background-color: #fff8db;
    float: left;
    overflow: hidden;
    margin: 0; }
  #tophead-banner h3 {
    width: 180px;
    height: 15px;
    font-size: 12px;
    line-height: 100%;
    padding: 2px 4px;
    color: #ffffff;
    background-image: url(images/doshin-kodoku-header-bk.png);
    /*box-sizing:border-box;*/ }
  #tophead-banner #kodoku-otameshi {
    width: 80px;
    height: 33px;
    float: left;
    margin: 2px 4px 2px 4px;
    border-radius: 6px;
    overflow: hidden; }
  #tophead-banner #kodoku-entry {
    width: 80px;
    height: 33px;
    float: left;
    margin: 2px 0;
    border-radius: 6px;
    overflow: hidden; }
  #tophead-banner #kodoku-otameshi img, #tophead-banner #kodoku-entry img {
    width: 100%;
    height: auto; }

  /* table */
  table {
    width: 100%;
    max-width: 920px;
    height: auto;
    margin: 20px 0 40px 0; }
  table caption {
    font-size: 14px;
    margin: 0 0 10px 0;
    text-align: left; }
  table th, table td {
    line-height: 150%;
    font-size: 16px;
    text-align: center;
    padding: 10px;
    vertical-align: middle; }
  table.fullwide {
    width: 100%;
    max-width: 920px;
    height: auto;
    margin: 20px 0 40px 0; }
  table.fullwide th {
    line-height: 150%;
    font-size: 14px;
    text-align: center;
    padding: 10px;
    vertical-align: middle; }
  table.fullwide td {
    line-height: 150%;
    font-size: 12px;
    text-align: left;
    padding: 10px;
    vertical-align: middle; }
  table p {
    margin: 10px !important; }

  #manabun-banner-mobile, #tophead-banner-mobile {
    display: none; }

  /*#nav-pc .slimmenu .pcmenu-hide {
  display:none;
}*/
  body.home #wrapper {
    border-top: none; }

  /* Main contents main content */
  #content {
    width: 98%;
    max-width: 882px;
    height: auto;
    margin: 0 auto;
    padding: 10px 0; }

  #section-top-noimage {
    width: 100%;
    height: 50px;
    margin: 0 auto; }

  .section-top-image {
    width: 100%;
    height: 350px;
    background-image: url(images/base-topimage.jpg);
    background-repeat: no-repeat;
    background-color: #a2d6f2;
    background-position: center;
    margin: 0 auto; }
  .section-top-image .breadcrumbs {
    width: 95%;
    max-width: 1280px; }

  #section-top-noimage .breadcrumbs {
    width: 95%;
    max-width: 1280px; }

  .section-top-image h1 {
    width: 95%;
    max-width: 1280px;
    font-size: 48px;
    font-weight: normal;
    margin: 0 auto;
    padding: 110px 0 0 10%;
    color: #fff;
    text-shadow: 0 0 5px black; }

  article.article-box1 h1 {
    font-size: 30px;
    font-weight: normal;
    color: #333;
    margin: 40px 0;
    padding: 0 0 10px 0;
    border-bottom: #ccc 1px solid;
    position: relative; }

  /* みんなの自由研究紹介個別ページタイトル*/
  body.single-jiyukenkyu-shokai article.article-box1 h1 {
    font-size: 30px;
    font-weight: normal;
    color: #333;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    border-bottom: #ccc 1px solid;
    position: relative; }
  body.single-jiyukenkyu-shokai article.article-box1 h1 span.titlehead {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #4378b6;
    margin: 0 0 20px;
    padding: 0;
    border-bottom: none;
    position: relative; }
  body.page-template-page-jiyukenkyu-title-grade1 article.article-box1 h1, body.page-template-page-jiyukenkyu-title-grade2 article.article-box1 h1, body.page-template-page-jiyukenkyu-title-grade3 article.article-box1 h1, body.page-template-page-jiyukenkyu-title-grade4 article.article-box1 h1, body.page-template-page-jiyukenkyu-title-grade5 article.article-box1 h1, body.page-template-page-jiyukenkyu-title-grade6 article.article-box1 h1, body.page-template-page-jiyukenkyu-title article.article-box1 h1, body.page-jiyukenkyu-support article.article-box1 h1, body.page-benritool article.article-box1 h1, body.page-science article.article-box1 h1, body.page-nature article.article-box1 h1, body.page-creat article.article-box1 h1, body.page-research article.article-box1 h1, body.page-matomekata article.article-box1 h1, body.page-torikumikata article.article-box1 h1, body.page-shinbun-jiyukenkyu article.article-box1 h1, body.page-dokusho-kansobun article.article-box1 h1, body.page-midokoro-hokkaido article.article-box1 h1, body.page-museum-all-list article.article-box1 h1, body.page-museum-list-genre article.article-box1 h1, body.page-ikikata-guide article.article-box1 h1, body.page-mochimono-lists article.article-box1 h1, body.page-jikokuhyo-mikata article.article-box1 h1, body.page-manga-jiyukenkyu-nanishiyo article.article-box1 h1, body.page-shiryo-download article.article-box1 h1, body.page-minnano-jiyukenkyu article.article-box1 h1, body.tax-genre_jiyukenkyu-shokai article.article-box1 h1, body.tax-jiyukenkyu-shokai_tag article.article-box1 h1, body.post-type-archive-jiyukenkyu-shokai article.article-box1 h1, body.page-oubo article.article-box1 h1, body.page-present-page article.article-box1 h1, body.page-about-the-site article.article-box1 h1, body.page-to-parents article.article-box1 h1, body.page-books article.article-box1 h1, body.page-guideline article.article-box1 h1 {
    height: auto;
    width: 100%;
    margin: 0 0 0px 0;
    padding: 0;
    border-bottom: none;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain; }
  body.page-template-page-jiyukenkyu-title-grade1 article.article-box1 h1:before, body.page-template-page-jiyukenkyu-title-grade2 article.article-box1 h1:before, body.page-template-page-jiyukenkyu-title-grade3 article.article-box1 h1:before, body.page-template-page-jiyukenkyu-title-grade4 article.article-box1 h1:before, body.page-template-page-jiyukenkyu-title-grade5 article.article-box1 h1:before, body.page-template-page-jiyukenkyu-title-grade6 article.article-box1 h1:before, body.page-template-page-jiyukenkyu-title article.article-box1 h1:before, body.page-jiyukenkyu-support article.article-box1 h1:before, body.page-benritool article.article-box1 h1:before, body.page-science article.article-box1 h1:before, body.page-nature article.article-box1 h1:before, body.page-creat article.article-box1 h1:before, body.page-research article.article-box1 h1:before, body.page-matomekata article.article-box1 h1:before, body.page-torikumikata article.article-box1 h1:before, body.page-shinbun-jiyukenkyu article.article-box1 h1:before, body.page-dokusho-kansobun article.article-box1 h1:before, body.page-midokoro-hokkaido article.article-box1 h1:before, body.page-museum-all-list article.article-box1 h1:before, body.page-museum-list-genre article.article-box1 h1:before, body.page-ikikata-guide article.article-box1 h1:before, body.page-mochimono-lists article.article-box1 h1:before, body.page-jikokuhyo-mikata article.article-box1 h1:before, body.page-manga-jiyukenkyu-nanishiyo article.article-box1 h1:before, body.page-shiryo-download article.article-box1 h1:before, body.page-minnano-jiyukenkyu article.article-box1 h1:before, body.tax-genre_jiyukenkyu-shokai article.article-box1 h1:before, body.tax-jiyukenkyu-shokai_tag article.article-box1 h1:before, body.post-type-archive-jiyukenkyu-shokai article.article-box1 h1:before, body.page-oubo article.article-box1 h1:before, body.page-present-page article.article-box1 h1:before, body.page-manabun-research article.article-box1 h1:before, body.page-school-report article.article-box1 h1:before, body.page-about-the-site article.article-box1 h1:before, body.page-to-parents article.article-box1 h1:before, body.page-books article.article-box1 h1:before, body.page-guideline article.article-box1 h1:before {
    content: "";
    display: block; }
  body.page-jiyukenkyu-support article.article-box1 h1 {
    max-height: 101px;
    max-width: 531px;
    background-image: url(images/support-index-title.png); }
  body.page-jiyukenkyu-support article.article-box1 h1:before {
    padding-top: 19%; }
  body.page-benritool article.article-box1 h1 {
    max-height: 111px;
    max-width: 619px;
    background-image: url(images/benritool-title.png); }
  body.page-benritool article.article-box1 h1:before {
    padding-top: 17.93%; }
  body.page-science article.article-box1 h1 {
    max-height: 101px;
    max-width: 595px;
    background-image: url(images/kagaku-title.png); }
  body.page-science article.article-box1 h1:before {
    padding-top: 16.97%; }
  body.page-nature article.article-box1 h1 {
    max-height: 96px;
    max-width: 574px;
    background-image: url(images/nature-title.png); }
  body.page-nature article.article-box1 h1:before {
    padding-top: 16.72%; }
  body.page-creat article.article-box1 h1 {
    max-height: 98px;
    max-width: 829px;
    background-image: url(images/create-title.png); }
  body.page-creat article.article-box1 h1:before {
    padding-top: 11.82%; }
  body.page-research article.article-box1 h1 {
    max-height: 117px;
    max-width: 678px;
    background-image: url(images/research-title.png); }
  body.page-research article.article-box1 h1:before {
    padding-top: 17.25%; }
  body.page-matomekata article.article-box1 h1 {
    max-height: 96px;
    max-width: 854px;
    background-image: url(images/matomekata-title.png); }
  body.page-matomekata article.article-box1 h1:before {
    padding-top: 11.24%; }
  body.page-torikumikata article.article-box1 h1 {
    max-height: 98px;
    max-width: 814px;
    background-image: url(images/torikumikata-title.png); }
  body.page-torikumikata article.article-box1 h1:before {
    padding-top: 12.03%; }
  body.page-shinbun-jiyukenkyu article.article-box1 h1 {
    max-height: 101px;
    max-width: 628px;
    background-image: url(images/shinbun-challenge-title.png); }
  body.page-shinbun-jiyukenkyu article.article-box1 h1:before {
    padding-top: 16.08%; }
  body.page-dokusho-kansobun article.article-box1 h1 {
    max-height: 103px;
    max-width: 574px;
    background-image: url(images/kansoubun-title.png); }
  body.page-dokusho-kansobun article.article-box1 h1:before {
    padding-top: 17.94%; }
  body.page-midokoro-hokkaido article.article-box1 h1 {
    max-height: 95px;
    max-width: 667px;
    background-image: url(images/midokoro-title.png); }
  body.page-midokoro-hokkaido article.article-box1 h1:before {
    padding-top: 14.24%; }
  body.page-museum-all-list article.article-box1 h1 {
    max-width: 857px;
    max-height: 111px;
    background-image: url(images/museum-list-title.png); }
  body.page-museum-all-list article.article-box1 h1:before {
    padding-top: 12.95%; }
  body.page-museum-list-genre article.article-box1 h1 {
    max-width: 917px;
    max-height: 111px;
    background-image: url(images/museum-genrelist-title.png); }
  body.page-museum-list-genre article.article-box1 h1:before {
    padding-top: 12.10%; }
  body.page-ikikata-guide article.article-box1 h1 {
    max-width: 584px;
    max-height: 113px;
    background-image: url(images/ikikata-guide-title.png); }
  body.page-ikikata-guide article.article-box1 h1:before {
    padding-top: 19.34%; }
  body.page-mochimono-lists article.article-box1 h1 {
    max-width: 594px;
    max-height: 115px;
    background-image: url(images/mochimono-lists-title.png); }
  body.page-mochimono-lists article.article-box1 h1:before {
    padding-top: 19.23%; }
  body.page-jikokuhyo-mikata article.article-box1 h1 {
    max-width: 688px;
    max-height: 115px;
    background-image: url(images/jikokuhyo-mikata-title.png); }
  body.page-jikokuhyo-mikata article.article-box1 h1:before {
    padding-top: 16.71%; }
  body.page-manga-jiyukenkyu-nanishiyo article.article-box1 h1 {
    max-width: 647px;
    max-height: 176px;
    background-image: url(images/manga-nanishiyou.png); }
  body.page-manga-jiyukenkyu-nanishiyo article.article-box1 h1:before {
    padding-top: 27.20%; }
  body.page-shiryo-download article.article-box1 h1 {
    max-width: 564px;
    max-height: 158px;
    background-image: url(images/download-title.png); }
  body.page-shiryo-download article.article-box1 h1:before {
    padding-top: 27.20%; }
  body.page-template-page-jiyukenkyu-title-grade1 article.article-box1 h1, body.page-template-page-jiyukenkyu-title-grade2 article.article-box1 h1, body.page-template-page-jiyukenkyu-title-grade3 article.article-box1 h1, body.page-template-page-jiyukenkyu-title-grade4 article.article-box1 h1, body.page-template-page-jiyukenkyu-title-grade5 article.article-box1 h1, body.page-template-page-jiyukenkyu-title-grade6 article.article-box1 h1, body.page-template-page-jiyukenkyu-title article.article-box1 h1, body.page-minnano-jiyukenkyu article.article-box1 h1, body.tax-genre_jiyukenkyu-shokai article.article-box1 h1, body.tax-jiyukenkyu-shokai_tag article.article-box1 h1, body.post-type-archive-jiyukenkyu-shokai article.article-box1 h1 {
    max-width: 384px;
    /*max-height:112px;*/
    margin: 0 0 10px 0;
    background-image: url(images/minnano-jiyukenkyu-title.png);
    float: left;
    width: 30%; }

  /* 画像タイトル共通*/
  /*画像タイトル共通padding*/
  /* 自由研究サポートタイトル*/
  /* 自由研究便利ツールタイトル*/
  /* 科学の自由研究タイトル*/
  /* 自然の自由研究タイトル*/
  /* ものづくりに関する自由研究タイトル*/
  /* 自由研究の調べ方タイトル*/
  /* 自由研究のまとめようタイトル*/
  /* 自由研究に取り組もうタイトル*/
  /* 新聞で自由研究タイトル*/
  /* 読書感想文のコツタイトル*/
  /* 北海道の見どころタイトル*/
  /* 北海道の博物館・資料館タイトル*/
  /* 博物館・資料館ジャンル別リストタイトル*/
  /* 行き方ガイドタイトル*/
  /* 持ち物リストタイトル*/
  /* 時刻表の見方タイトル*/
  /* まんが自由研究なにしよう？タイトル*/
  /* ダウンロードタイトル*/
  /* みんなの自由研究タイトル*/
  .h1-entry-box {
    position: relative; }

  .h1-message {
    float: left;
    margin: 0;
    margin-top: 0px;
    margin-left: 5%;
    width: 65%; }

  body.page-template-page-jiyukenkyu-title-grade1 article.article-box1 h1:before, body.page-template-page-jiyukenkyu-title-grade2 article.article-box1 h1:before, body.page-template-page-jiyukenkyu-title-grade3 article.article-box1 h1:before, body.page-template-page-jiyukenkyu-title-grade4 article.article-box1 h1:before, body.page-template-page-jiyukenkyu-title-grade5 article.article-box1 h1:before, body.page-template-page-jiyukenkyu-title-grade6 article.article-box1 h1:before, body.page-template-page-jiyukenkyu-title article.article-box1 h1:before, body.page-minnano-jiyukenkyu article.article-box1 h1:before, body.tax-genre_jiyukenkyu-shokai article.article-box1 h1:before, body.tax-jiyukenkyu-shokai_tag article.article-box1 h1:before, body.post-type-archive-jiyukenkyu-shokai article.article-box1 h1:before {
    padding-top: 14.28%; }
  body.page-oubo article.article-box1 h1 {
    max-width: 668px;
    max-height: 143px;
    background-image: url("images/minnano-jiyukenkyu-postform-20190717.png"); }
  body.page-oubo article.article-box1 h1:before {
    padding-top: 21.40%; }
  body.page-present-page article.article-box1 h1 {
    max-width: 483px;
    max-height: 150px;
    margin: 0;
    background-image: url(images/present-title.png); }
  body.page-present-page article.article-box1 h1:before {
    padding-top: 31.05%; }
  body.page-manabun-research article.article-box1 h1 {
    max-width: 634px;
    max-height: 146px;
    background-image: url(images/manabun-research-title.png);
    border: none; }
  body.page-manabun-research article.article-box1 h1:before {
    padding-top: 23.02%; }
  body.page-school-report article.article-box1 h1 {
    max-width: 634px;
    max-height: 146px;
    background-image: url(images/school-winter-report-title.png);
    border: none; }

  /* みんなの自由研究投稿タイトル*/
  /* プレゼントタイトル*/
  /*まなぶんリサーチタイトル*/
  /*まなぶんスクール報告タイトル*/
  article.article-box1 h1#school-report {
    max-width: 634px;
    max-height: 146px;
    background-image: url(images/school-winter-report-title.png);
    border: none; }

  body.page-school-report article.article-box1 h1:before, article.article-box1 h1#school-report:before {
    padding-top: 23.02%;
    content: "";
    display: block; }

  /*このサイトの使い方タイトル*/
  body.page-about-the-site article.article-box1 h1 {
    max-width: 616px;
    max-height: 106px;
    background-image: url(images/about-the-site-title.png); }
  body.page-about-the-site article.article-box1 h1:before {
    padding-top: 17.20%; }
  body.page-to-parents article.article-box1 h1 {
    max-width: 483px;
    max-height: 93px;
    background-image: url(images/to-parents-title.png); }
  body.page-to-parents article.article-box1 h1:before {
    padding-top: 17.20%; }
  body.page-guideline article.article-box1 h1 {
    max-width: 1280px;
    max-height: 168px;
    background-image: url(images/guideline-title-2018-summer.png); }
  body.page-guideline article.article-box1 h1:before {
    padding-top: 13.125%; }
  body.page-books article.article-box1 h1 {
    max-width: 564px;
    max-height: 158px;
    background-image: url(images/book-title.jpg); }
  body.page-books article.article-box1 h1:before {
    padding-top: 27.20%; }

  /*保護者の方へタイトル*/
  /*作品投稿応募要項タイトル*/
  /* 本の紹介タイトル*/
  .hide-text {
    display: none; }

  article.article-box1 h1 span.small-font {
    font-size: 14px;
    font-weight: normal;
    color: #333; }

  .entry-title-right-small {
    display: block;
    font-size: 14px;
    position: absolute;
    right: 10px;
    bottom: 10px; }

  body.page-jiyukenkyu-support article.article-box1 h2:after {
    display: none; }
  body.page-benritool article.article-box1 h2 {
    text-align: center;
    font-size: 16px;
    width: 100%;
    height: auto;
    font-weight: normal;
    line-height: 120%;
    color: #002395;
    margin: 0;
    padding: 2% 1%;
    border: none;
    border-radius: 8px 8px 0 0;
    background-color: #accb39;
    box-shadow: none;
    border-collapse: collapse;
    clear: both; }
  body.page-benritool article.article-box1 h2:after {
    display: none; }

  article.article-box1 h2 {
    font-size: 20px;
    width: 100%;
    /*max-width:920px;*/
    font-weight: normal;
    line-height: 120%;
    color: #002395;
    margin: 40px 0 20px 0;
    padding: 16px 1%;
    border: #002395 3px solid;
    border-radius: 8px;
    background-color: rgba(215, 220, 227, 0.3);
    box-shadow: #bae8ff 8px 8px;
    border-collapse: collapse;
    /*box-sizing:border-box;*/
    clear: both; }
  article.article-box1 h2.tag-list {
    font-size: 20px;
    width: 30%;
    font-weight: normal;
    line-height: 120%;
    color: #002395;
    margin: 0 0 10px 0;
    padding: 16px 1%;
    border: #002395 3px solid;
    border-radius: 8px;
    background-color: rgba(215, 220, 227, 0.3);
    box-shadow: #bae8ff 8px 8px;
    border-collapse: collapse;
    /*box-sizing:border-box;*/
    float: left; }
  article.article-box1 h2.head-hogosha, article.article-box1 h2.normal {
    font-size: 20px;
    width: 100%;
    /*max-width:920px;*/
    font-weight: normal;
    line-height: 120%;
    color: #002395;
    margin: 40px 0 20px 0;
    padding: 16px 1%;
    border: #002395 3px solid;
    border-radius: 8px;
    background-color: rgba(215, 220, 227, 0.3);
    box-shadow: #bae8ff 8px 8px;
    border-collapse: collapse;
    /*box-sizing:border-box;*/
    clear: both; }
  article.article-box1 h2:before {
    content: "\f373";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0 10px 0 0;
    float: left;
    position: relative;
    top: 6px;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%); }

  body.page-benritool article.article-box1 h2:before, body.page-jiyukenkyu-support article.article-box1 h2:before, body.page-midokoro-hokkaido article.article-box1 h2:before {
    content: none; }
  body.page-museum-all-list article.article-box1 h2:after, body.page-midokoro-hokkaido article.article-box1 h2:after {
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0 10px 0 0;
    float: left;
    position: relative;
    top: 6px;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%); }

  article.article-box1 h2.head-hogosha:after {
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0 10px 0 0;
    float: left;
    position: relative;
    top: 6px;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%); }

  body.page-museum-all-list article.article-box1 h2:after {
    content: "\f453"; }
  body.page-midokoro-hokkaido article.article-box1 h2:after {
    content: "\f118";
    font-size: 3rem; }

  article.article-box1 h2.head-hogosha {
    color: #A25003;
    padding: 16px 1%;
    border: #A25003 3px solid;
    background-color: rgba(250, 199, 152, 0.3);
    box-shadow: rgba(243, 166, 93, 0.5) 8px 8px; }
  article.article-box1 h2.head-hogosha:after {
    content: "\f39e"; }
  article.article-box1 h3.hogosha-check:before {
    content: "\f374"; }
  article.article-box1 h2.normal {
    width: 94%;
    margin: 40px 0 0 0;
    padding: 1% 3%;
    border: #002395 1px dotted; }

  body.single p, body.single h2, body.single h3, body.single h4, body.single h5, body.single h6 {
    clear: both; }

  article.article-box1 h2.mix-title {
    font-size: 28px;
    font-weight: normal;
    margin: 10px 0 20px 0; }
  article.article-box1 h2.mix-title span.small-subtitle {
    font-size: 16px;
    font-weight: normal; }

  .top-image-box {
    width: 100%;
    height: auto;
    margin: 0 0 20px 0; }
  .top-image-box img {
    width: auto;
    max-width: 49%;
    height: auto;
    margin: 0 2% 20px 0; }
  .top-image-box img:last-child {
    width: auto;
    max-width: 49%;
    height: auto;
    margin: 0 0 20px 0; }

  article.article-box1 h3 {
    font-size: 20px;
    line-height: 130%;
    color: #333;
    margin: 20px 0 10px 0px;
    padding: 0 0 0 10px;
    border-bottom: #333 1px solid;
    clear: both; }
  article.article-box1 h4 {
    max-width: 100%;
    font-size: 16px;
    color: #333;
    margin: 20px 0 20px 0px;
    padding: 0 0 3px 0;
    border-bottom: #666 1px solid;
    clear: both; }
  article.article-box1 figure {
    width: auto;
    height: auto;
    max-width: 90%; }
  article.article-box1 figure img {
    width: auto;
    height: auto;
    max-width: 90%; }
  article.article-box1 p img {
    width: auto;
    height: auto;
    max-width: 90%; }
  article.article-box1 figure img {
    max-width: 100%; }
  article.article-box1 p {
    max-width: 100%;
    font-size: 16px;
    line-height: 150%;
    color: #333;
    margin: 10px 0 10px 10px;
    padding: 0 0 5px 0; }
  article.article-box1 p img {
    max-width: 100%; }
  article.article-box1 p.manga {
    max-width: 100%;
    font-size: 16px;
    line-height: 150%;
    color: #333;
    margin: 10px 0 10px 10px;
    padding: 0 0 5px 0; }
  article.article-box1 .kakomibox p {
    max-width: 100%;
    font-size: 16px;
    line-height: 150%;
    color: #333;
    margin: 10px 0 10px 10px;
    padding: 0 0 5px 0; }

  .main-text form p {
    padding: 0;
    margin: 0; }
  .main-text form input[type="text"], .main-text form input[type="email"] {
    width: 100%; }
  .main-text form .mwform-zip-field input[type="text"], .main-text form .mwform-tel-field input[type="text"] {
    width: inherit; }

  article.article-box1 p.manga {
    margin: 0;
    padding: 0; }
  article.article-box1 .kakomibox p {
    font-size: 20px; }
  article.article-box1 p.wide-image {
    margin: 20px 0 30px 0px; }
  article.article-box1 p.wide-image img {
    max-width: 920px;
    height: auto; }
  article.article-box1 p.left-float-image {
    width: auto;
    max-width: none;
    font-size: 12px;
    line-height: 100%;
    color: #333;
    margin: 10px 10px 10px 50px;
    padding: 0;
    float: left;
    clear: none; }
  article.article-box1 p.www-link {
    width: 100%;
    height: auto;
    margin: 20px 0 30px 50px;
    padding: 0 0 0 25px;
    background-image: url(images/link-badge-333.png);
    background-repeat: no-repeat;
    background-position: 2px 2px; }
  article.article-box1 p.www-link:hover {
    background-image: url(images/link-badge-333up.png); }

  body.archive article.article-box1 ul {
    max-width: 100%;
    color: #333;
    margin: 20px 0 30px 0px;
    padding: 0 0 5px 0; }
  body.archive article.article-box1 ul li {
    line-height: 100%;
    max-width: 100%;
    font-size: 16px;
    color: #333;
    margin: 10px 0 10px 0px;
    padding: 0; }

  article.article-box1 ul.museum-ul {
    max-width: 98%;
    color: #333;
    margin: 20px 0 20px 2%;
    padding: 0 0 0px 0; }
  article.article-box1 ul.museum-ul li {
    line-height: 150%;
    max-width: 100%;
    font-size: 16px;
    color: #333;
    margin: 0;
    padding: 20px;
    list-style: none;
    background-image: none;
    border-bottom: 1px #ccc dotted;
    clear: both; }
  article.article-box1 ul.museum-ul li:before {
    content: none; }
  article.article-box1 ul.museum-ul li:nth-child(odd) {
    background-color: #fafaf6; }
  article.article-box1 ul.museum-ul li:nth-child(even) {
    background-color: #f6fafa; }
  article.article-box1 ul.museum-ul li span.mus-title {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px 0;
    color: #4378b6; }
  article.article-box1 ul.museum-ul li span.mus-address {
    display: block;
    margin: 5px 0; }

  body.single span.mus-address {
    display: inline-block;
    margin: 5px 0; }

  article.article-box1 ul.museum-ul li span.mus-url {
    color: #0468bf; }

  body.single span.mus-url {
    display: block;
    color: #0468bf;
    margin: 10px 0; }

  article.article-box1 ul.museum-ul li span.mus-url:hover, body.single span.mus-url:hover {
    color: #5aa7ff; }

  article.article-box1 .page-menubox p.arrow-atention {
    margin: 50px 20px 0;
    padding: 0; }
  article.article-box1 .page-menubox p.arrow-atention:before {
    content: "\f103";
    font-family: "Ionicons";
    font-size: 18px;
    padding: 0 5px 0 0;
    position: relative;
    top: 3px;
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%); }
  article.article-box1 .page-menubox ul {
    max-width: 100%;
    color: #333;
    margin: 10px 0 0px 0px;
    padding: 0; }
  article.article-box1 .page-menubox ul li {
    line-height: 120%;
    width: auto;
    height: 30px;
    font-size: 16px;
    color: #333;
    margin: 4px;
    padding: 5px;
    list-style: none;
    background-image: none;
    background-color: #fff6c7;
    border: 1px #accb39 solid;
    border-radius: 6px;
    display: inline-block;
    /*box-sizing:border-box;*/ }
  article.article-box1 .page-menubox ul li:first-child {
    margin-left: 0; }
  article.article-box1 .page-menubox ul li:last-child {
    margin-right: 0; }
  article.article-box1 .page-menubox ul li:before {
    content: none; }
  article.article-box1 .page-menubox ul li a {
    color: #4378b6;
    text-decoration: none;
    display: block; }
  article.article-box1 ul, article.article-box1 ol {
    max-width: 90%;
    font-size: 16px;
    color: #333;
    margin: 20px 0 20px 50px;
    padding: 0 0 0px 0; }
  article.article-box1 ul li {
    line-height: 150%;
    max-width: 90%;
    font-size: 16px;
    color: #333;
    margin: 10px 0 10px 10px;
    padding-left: 20px;
    list-style: none;
    background-image: url(images/list-arrow-red.png);
    background-repeat: no-repeat;
    background-position: 0 0; }
  article.article-box1 ul.li-title-link {
    max-width: 100%;
    color: #333;
    margin: 20px 0 30px 20px;
    padding: 0; }
  article.article-box1 ul.li-title-link li {
    text-align: center;
    line-height: 150%;
    max-width: 100%;
    font-size: 18px;
    color: #333;
    margin: 10px 0 10px 10px;
    padding: 10px 0 10px 0;
    list-style: none;
    background-color: #e0e5d3;
    border: 1px #ccc solid;
    border-radius: 6px;
    background-image: none;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; }
  article.article-box1 ul.li-title-link li a {
    display: block;
    text-decoration: none;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; }
  article.article-box1 ul.li-title-link li:hover {
    background-color: #0468bf;
    color: #fff; }
  article.article-box1 ul.li-title-link li:hover a {
    background-color: #0468bf;
    color: #fff; }
  article.article-box1 ul.li-title-link li a:hover {
    background-color: #0468bf;
    color: #fff; }
  article.article-box1 ul.www-link li {
    width: 100%;
    height: auto;
    margin: 20px 0 30px 20px;
    padding: 0 0 0 25px;
    background-image: url(images/link-badge-333.png);
    background-repeat: no-repeat;
    background-position: 0px 0px; }
  article.article-box1 ul.www-link li:hover {
    background-image: url(images/link-badge-333up.png); }
  article.article-box1 .rect-box {
    margin: 0 0 0 30px;
    padding: 0; }
  article.article-box1 .rect-box p.leftimage {
    width: 40%;
    height: auto;
    min-height: 150px;
    margin: 0 20px 20px 0;
    padding: 0;
    float: left; }
  article.article-box1 .rect-box p.leftimage img {
    width: auto;
    height: auto; }
  article.article-box1 .rect-box p.right-text {
    width: 50%;
    margin: 0;
    padding: 0;
    float: left; }
  article.article-box1 .rect-box .see-detail-page {
    width: 40%;
    height: auto;
    font-size: 16px;
    text-align: center;
    margin: 20px auto;
    padding: 10px;
    background-color: #e0e5d3;
    border: 1px #ccc solid;
    border-radius: 6px;
    float: left;
    /*box-sizing:border-box;*/
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; }
  article.article-box1 .rect-box .see-detail-page a {
    text-decoration: none;
    display: block;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; }
  article.article-box1 .rect-box .see-detail-page:hover {
    background-color: #0468bf;
    color: #fff; }
  article.article-box1 .rect-box .see-detail-page:hover a {
    background-color: #0468bf;
    color: #fff; }
  article.article-box1 .rect-box .see-detail-page a:hover {
    background-color: #0468bf;
    color: #fff; }

  body.search article.article-box1 ul {
    max-width: 100%;
    color: #333;
    margin: 20px 0 30px 0;
    padding: 0 0 5px 0; }
  body.search article.article-box1 ul li {
    line-height: 150%;
    max-width: 100%;
    font-size: 16px;
    color: #333;
    margin: 10px 0 10px 0;
    padding: 0 0 10px 5px;
    background-image: none;
    list-style: none;
    border-bottom: 1px #ccc dotted; }
  body.search article.article-box1 ul li:hover {
    background-color: antiquewhite; }
  body.search article.article-box1 ul li a {
    display: block;
    text-decoration: none; }

  /*body.search article.article-box1 ul li:before {
  content:"\f39c";
  font-family: "Ionicons";
  font-size: 18px;
  color:rgba(67,120,182,1.00);
  padding: 0 10px 0 0;
  position: relative;
  float:left;
  top: 1px;
}*/
  article.article-box1 ul li span.search-title {
    display: block;
    font-size: 18px;
    color: #333;
    margin: 10px 0 10px; }

  /*みんなの自由研究インデックス*/
  body.page-minnano-jiyukenkyu article.article-box1 ul, body.tax-genre_jiyukenkyu-shokai article.article-box1 ul, body.tax-jiyukenkyu-shokai_tag article.article-box1 ul, body.post-type-archive-jiyukenkyu-shokai article.article-box1 ul {
    max-width: 100%;
    font-size: 16px;
    color: #333;
    margin: 0;
    padding: 0; }
  body.page-minnano-jiyukenkyu article.article-box1 ul li, body.tax-genre_jiyukenkyu-shokai article.article-box1 ul li, body.tax-jiyukenkyu-shokai_tag article.article-box1 ul li, body.post-type-archive-jiyukenkyu-shokai article.article-box1 ul li {
    line-height: 100%;
    width: 33%;
    font-size: 14px;
    color: #333;
    margin: 10px 0 10px 0;
    padding: 0;
    list-style: none;
    background-color: #cac7b7;
    background-image: none;
    float: left;
    /*box-sizing:border-box;*/
    /*border-radius:6px;*/
    overflow: hidden;
    border: 1px #4378b6 solid;
    /*  box-shadow: rgba(186,232,255,1.00) 6px 6px;*/
    position: relative; }
  body.page-minnano-jiyukenkyu article.article-box1 ul li:before, body.tax-genre_jiyukenkyu-shokai article.article-box1 ul li:before, body.tax-jiyukenkyu-shokai_tag article.article-box1 ul li:before, body.post-type-archive-jiyukenkyu-shokai article.article-box1 ul li:before {
    content: none; }
  body.page-minnano-jiyukenkyu article.article-box1 ul li:nth-child(5n), body.tax-genre_jiyukenkyu-shokai article.article-box1 ul li:nth-child(5n), body.tax-jiyukenkyu-shokai_tag article.article-box1 ul li:nth-child(5n), body.post-type-archive-jiyukenkyu-shokai article.article-box1 ul li:nth-child(5n) {
    /*margin:10px 0 10px 0;*/ }
  body.page-minnano-jiyukenkyu article.article-box1 ul li img, body.tax-genre_jiyukenkyu-shokai article.article-box1 ul li img, body.tax-jiyukenkyu-shokai_tag article.article-box1 ul li img, body.post-type-archive-jiyukenkyu-shokai article.article-box1 ul li img {
    width: 100%;
    height: auto; }

  article.article-box1 ol li {
    line-height: 150%;
    max-width: 90%;
    font-size: 16px;
    color: #333;
    margin: 10px 0 10px 30px;
    padding: 0; }
  article.article-box1 ol li a img {
    display: block;
    margin: 10px 0 10px 0px;
    padding: 0; }

  #third-content {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    background-color: #fff; }

  #fourth-content {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 0 20px 0;
    /*background-color:rgba(161,208,234,1.00);*/
    background-color: #bee1f6;
    /*background-image:url(images/index-sky-back.jpg);
background-position:center;
background-size:cover;
background-repeat:no-repeat;*/
    text-align: center;
    position: relative; }

  #fifth-content {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 0 20px 0;
    background-color: #fff6c7;
    background-image: url(images/ami.png);
    background-repeat: repeat;
    text-align: center;
    position: relative; }

  body.home #seventh-content {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 0 40px 0;
    background-color: #fff;
    background-image: url("images/top-bk-20190918-tate-line.jpg");
    background-repeat: repeat-x;
    background-position: top;
    position: relative; }

  #seventh-content {
    background-color: antiquewhite;
    background-image: none; }
  #seventh-content .content-inner {
    padding: 0px;
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
    position: relative; }
  #seventh-content .content-inner .popup-number {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 120px;
    height: 60px;
    background-color: cornsilk;
    text-align: center;
    padding: 10px;
    border: 3px yellowgreen dotted;
    border-radius: 6px;
    border-top-right-radius: 0;
    border-top-left-radius: 0; }
  #seventh-content .content-inner .popup-number span.popup-big {
    font-size: 14px;
    font-weight: bold;
    color: crimson;
    display: inline-block; }
  #seventh-content .content-inner .popup-number span.popup-small {
    font-size: 12px;
    line-height: 1.6;
    display: block; }
  #seventh-content .content-inner .popup-number span.fsmall {
    font-size: 12px;
    line-height: 1.6;
    display: inline-block; }
  #seventh-content .content-inner h2 {
    width: 22%;
    height: auto;
    margin: 0;
    padding: 10px;
    font-size: 40px;
    font-weight: normal;
    color: #ffffff;
    border-bottom: none;
    float: left; }
  #seventh-content .content-inner h2 img {
    width: 100%;
    height: auto; }
  #seventh-content .bunrui-btn h3 {
    margin-bottom: 10px;
    margin: 0 auto 10px;
    padding: 10px;
    background-color: burlywood;
    width: 100%;
    text-align: center; }

  .other-photobox {
    width: 45%;
    height: 150px;
    float: left;
    margin-left: 20px;
    margin-right: 2%;
    margin-bottom: 20px; }

  .other-photo-comment {
    width: 60%;
    height: auto;
    margin: 3% 0 0 3%;
    padding: 0;
    line-height: 130%;
    float: left; }

  .shotpointbox {
    width: 50%; }

  .shotpoint-text {
    line-height: 130%;
    color: #000000;
    font-size: 18px; }

  /*----------------------------------------------------------------------------
 ***                                                         Header
----------------------------------------------------------------------------*/
  header {
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    padding: 10px 10px 0;
    background-color: #ffffff;
    position: relative;
    /*box-sizing:border-box;*/ }
  header > h1 {
    display: none; }

  /* Site logo */
  .site-logo {
    width: 20%;
    max-width: 200px;
    height: auto;
    margin: 0px 10px 0 0;
    padding: 0;
    float: left; }

  header .site-subtitle {
    font-size: 10px;
    width: 25%;
    margin: 10px 0 0 10px;
    float: left;
    position: relative; }
  header .site-subtitle img {
    width: 100%; }

  footer .site-subtitle {
    font-size: 18px;
    width: 250px;
    margin: 10px 0 0 10px;
    float: left;
    position: relative; }

  .site-logo img {
    width: 100%;
    max-width: 370px;
    height: auto; }

  #top-search-box {
    font-size: 14px;
    width: 245px;
    height: 32px;
    float: right;
    text-align: left;
    margin: 20px 0 0 0; }
  #top-search-box span.top-search-box-item {
    display: inline-block;
    margin: 0 20px 0 0;
    background-image: url(images/list-arrow-red.png);
    background-repeat: no-repeat;
    background-position: 0 -4px;
    padding: 0 0 0 18px; }
  #top-search-box span.top-search-box-item-info {
    display: inline-block;
    margin: 0 20px 0 0;
    background-image: url(images/otoiawase-btn-ico.png);
    background-repeat: no-repeat;
    background-position: 0 -3px;
    padding: 0 0 0 20px; }
  #top-search-box span.top-search-box-item-access {
    display: inline-block;
    margin: 0 20px 0 0;
    background-image: url(images/access-btn-ico.png);
    background-repeat: no-repeat;
    background-position: 0 -3px;
    padding: 0 0 0 20px; }
  #top-search-box form.search-form {
    width: 210px;
    display: inline-block; }
  #top-search-box form .screen-reader-text {
    display: none; }
  #top-search-box form input.search-field {
    width: 150px; }
  #top-search-box #search {
    width: 235px;
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    display: inline-block;
    text-align: left; }
  #top-search-box #s {
    width: 192px;
    height: 28px;
    border: 1px solid #4378b6;
    color: #333;
    padding-top: 2px;
    padding-right: 3px;
    padding-bottom: 2px;
    padding-left: 3px;
    background-color: #fdfdfd;
    font-size: 14px; }
  #top-search-box #searchsubmit {
    position: absolute;
    top: 2px;
    _top: 1px;
    left: 210px; }

  #side-search-box #search {
    width: 100%;
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    display: inline-block;
    text-align: left;
    margin: 10px 0;
    text-align: center; }
  #side-search-box #s {
    width: auto;
    height: 22px;
    border: 1px solid #ffe29d;
    color: #333;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 5px;
    background-color: #fdfdfd;
    font-size: 14px; }

  *:first-child + html #top-search-box #searchsubmit {
    top: 1px; }

  #top-search-box #search #searchform {
    position: relative; }

  #head-menu {
    width: 480px;
    float: right;
    margin-top: 0px;
    margin-right: 0;
    font-size: 12px; }
  #head-menu ul.head-menu-content {
    text-align: right; }
  #head-menu ul.head-menu-content li {
    margin-left: 5%;
    list-style: none;
    display: inline-block;
    padding: 0; }
  #head-menu ul.head-menu-content li.toparent:before {
    content: "\f39e";
    font-family: "Ionicons";
    font-size: 20px;
    padding: 0 5px 0 0;
    position: relative;
    top: 3px; }
  #head-menu ul.head-menu-content li.howtouse:before {
    content: "\f2f7";
    font-family: "Ionicons";
    font-size: 18px;
    padding: 0 5px 0 0;
    position: relative;
    top: 1px; }
  #head-menu ul.head-menu-content li:first-child {
    margin-left: 0; }
  #head-menu ul.head-menu-content li a {
    text-decoration: none;
    color: #333; }
  #head-menu ul.head-menu-content li a:hover {
    text-decoration: none;
    color: #000; }

  /*----------------------------------------------------------------------------
 ***                                                         Article
----------------------------------------------------------------------------*/
  .page-indexbox {
    width: 23%;
    margin: 20px 2.6% 20px 0;
    float: left;
    border: #ccc 1px solid;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    /*box-sizing:border-box;*/ }
  .page-indexbox:before {
    content: "";
    display: block;
    padding-top: 100%; }

  div.page-indexbox:nth-child(4n) {
    margin-right: 0; }

  .page-indexbox-two {
    width: 49%;
    margin: 20px 2% 20px 0;
    float: left;
    border: #ccc 1px solid;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    /*box-sizing:border-box;*/ }
  .page-indexbox-two:before {
    content: "";
    display: block;
    padding-top: 100%; }

  div.page-indexbox-two:nth-child(2n) {
    margin-right: 0; }

  .page-indexbox-two-text {
    width: 49%;
    height: auto;
    margin: 20px 2% 20px 0;
    float: left;
    border: #ccc 1px solid;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    /*box-sizing:border-box;*/ }
  .page-indexbox-two-text:before {
    content: "";
    display: block;
    padding-top: 55%; }

  div.page-indexbox-two-text:nth-child(2n) {
    margin-right: 0; }

  .page-indexbox-two-half {
    width: 49%;
    margin: 20px 2% 20px 0;
    float: left;
    border: #ccc 1px solid;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    /*box-sizing:border-box;*/ }
  .page-indexbox-two-half:before {
    content: "";
    display: block;
    padding-top: 46.5%; }

  div.page-indexbox-two-half:nth-child(2n) {
    margin-right: 0; }

  .page-indexbox-three {
    width: 32%;
    margin: 20px 2% 20px 0;
    float: left;
    border: #ccc 1px solid;
    border-radius: 8px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    /*box-sizing:border-box;*/
    background-image: url(images/color-line-bk.jpg); }
  .page-indexbox-three:before {
    content: "";
    display: block;
    padding-top: 55%;
    /*padding-top: 100%;*/ }

  a:nth-child(3n) div.page-indexbox-three {
    margin-right: 0; }

  /*便利ツールindex*/
  body.page-benritool .page-indexbox-three {
    width: 32%;
    margin: 20px 2% 20px 0;
    float: left;
    border: #ccc 1px solid;
    border-radius: 8px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    /*box-sizing:border-box;*/ }
  body.page-benritool .page-indexbox-three:before {
    content: "";
    display: block;
    padding-top: 51.5%;
    /*padding-top: 100%;*/ }
  body.page-benritool div.page-indexbox-three:nth-child(3n) {
    margin-right: 0; }

  .page-indexbox-full-text {
    width: 100%;
    margin: 20px 2.5% 20px 0;
    border: #ccc 1px solid;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    /*box-sizing:border-box;*/ }
  .page-indexbox-full-text:before {
    content: "";
    display: block;
    padding-top: 25%; }

  .page-indexbox a, .page-indexbox-two a, .page-indexbox-two-text a, .page-indexbox-two-half a, .page-indexbox-three a, .page-indexbox-full-text a {
    display: block;
    color: #fff;
    text-decoration: none; }
  .page-indexbox a:hover, .page-indexbox-two a:hover, .page-indexbox-two-text a:hover, .page-indexbox-two-half a:hover, .page-indexbox-three a:hover, .page-indexbox-full-text a:hover {
    display: block;
    color: #fff;
    text-decoration: none; }

  .page-indexbox h2, .page-indexbox-three h2, .page-indexbox-two h3, .page-indexbox-two-text h3, .page-indexbox-two-half h3, .page-indexbox-three h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 200%;
    margin: 0;
    padding-left: 5%;
    width: 100%;
    height: 36px;
    background-color: #002395;
    color: #fff;
    border-bottom: #ccc 1px solid;
    /*box-sizing:border-box;*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }

  .page-indexbox-full-text h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 200%;
    margin: 0;
    padding-left: 5%;
    width: 100%;
    height: 36px;
    background-color: #002395;
    color: #fff;
    border-bottom: #ccc 1px solid;
    /*box-sizing:border-box;*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding-left: 2.5%; }

  .page-indexbox:hover h2, .page-indexbox-two:hover h3, .page-indexbox-two-text:hover h3, .page-indexbox-two-half:hover h3, .page-indexbox-three:hover h3 .page-indexbox-full-text:hover h3 {
    background-color: #4378b6; }

  .page-indexbox p.page-indexbox-mess, .page-indexbox-two p.page-indexbox-mess, .page-indexbox-two-half p.page-indexbox-mess, .page-indexbox-three p.page-indexbox-mess, .page-indexbox-two-text p.page-indexbox-mess {
    width: 84%;
    height: auto;
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    padding: 3%;
    color: #fff;
    position: absolute;
    top: 55%;
    left: 5%;
    background-color: rgba(1, 1, 1, 0.5);
    border-radius: 4px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }

  .page-indexbox:hover p.page-indexbox-mess, .page-indexbox-two:hover p.page-indexbox-mess, .page-indexbox-two-text:hover p.page-indexbox-mess, .page-indexbox-two-half:hover p.page-indexbox-mess, .page-indexbox-three:hover p.page-indexbox-mess {
    background-color: rgba(0, 39, 149, 0.7); }

  .page-indexbox-two p.page-indexbox-two-mess {
    width: 84%;
    height: auto;
    font-size: 14px;
    font-weight: normal;
    line-height: 200%;
    padding: 3%;
    color: #fff;
    position: absolute;
    top: 2%;
    left: 5%;
    background-color: rgba(1, 1, 1, 0.5);
    border-radius: 4px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }

  .page-indexbox-three p.page-indexbox-three-mess {
    width: 90%;
    height: auto;
    font-size: 12px;
    font-weight: normal;
    line-height: 150%;
    padding: 3%;
    margin: 0 auto;
    color: #4378b6;
    position: absolute;
    top: 20%;
    left: 5%;
    background-color: rgba(255, 246, 199, 0.5);
    border-radius: 6px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }

  body.page-benritool .page-indexbox-three p.page-indexbox-three-mess {
    /*color:rgba(98,98,159,1.0);*/
    color: #333;
    background-color: rgba(190, 225, 246, 0.5);
    /*text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.5);*/ }

  .textShadow {
    text-shadow: 2px 2px 0px white;
    /*Chrome, Safari*/
    -webkit-background-clip: text;
    /*Firefox*/
    -moz-background-clip: text;
    /*Standard Syntax*/
    background-clip: text; }

  .page-indexbox-three p.page-indexbox-master-img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0px;
    left: 5%; }
  .page-indexbox-three p.page-indexbox-master-img2 {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0px;
    left: 40%; }

  .page-indexbox-two:hover p.page-indexbox-two-mess {
    background-color: rgba(0, 39, 149, 0.7); }

  .page-indexbox-two-text ul.page-indexbox-two-list, .page-indexbox-full-text ul.page-indexbox-two-list {
    width: 84%;
    height: auto;
    font-size: 14px;
    font-weight: normal;
    line-height: 200%;
    padding: 3%;
    color: #fff;
    position: absolute;
    top: 32%;
    left: 5%;
    background-color: rgba(1, 1, 1, 0.5);
    border-radius: 4px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }

  .page-indexbox-two-text ul.page-indexbox-two-list li {
    margin-left: 2%; }

  .page-indexbox-full-text ul.page-indexbox-two-list li {
    margin-left: 2%;
    margin-right: 5%;
    float: left; }

  .page-indexbox-two-text ul.page-indexbox-two-list li a, .page-indexbox-full-text ul.page-indexbox-two-list li a {
    text-decoration: underline; }

  .page-indexbox-two-text ul.page-indexbox-two-list li a:hover, .page-indexbox-full-text ul.page-indexbox-two-list li a:hover {
    text-decoration: none; }

  .page-indexbox-two-text:hover ul.page-indexbox-two-list, .page-indexbox-full-text:hover ul.page-indexbox-two-list {
    background-color: rgba(0, 39, 149, 0.7); }

  .page-indexbox-two h4.page-indexbox-two-head {
    width: 84%;
    height: auto;
    font-size: 20px;
    font-weight: normal;
    line-height: 150%;
    padding: 3%;
    color: #002395;
    position: absolute;
    top: 52%;
    left: 5%;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }
  .page-indexbox-two h4.page-indexbox-two-head a {
    color: #002395; }
  .page-indexbox-two:hover h4.page-indexbox-two-head {
    /*background-color:rgba(0,39,149,0.7);*/ }

  .page-indexbox-two-text h4.page-indexbox-two-head {
    width: 84%;
    height: auto;
    font-size: 20px;
    font-weight: normal;
    line-height: 150%;
    padding: 3%;
    color: #002395;
    position: absolute;
    top: 12%;
    left: 5%;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }

  .page-indexbox-full-text h4.page-indexbox-two-head {
    width: 84%;
    height: auto;
    font-size: 20px;
    font-weight: normal;
    line-height: 150%;
    padding: 3%;
    color: #002395;
    position: absolute;
    top: 12%;
    left: 5%;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    top: 6%;
    left: 2.5%; }

  .page-indexbox-two-text h4.page-indexbox-two-head a, .page-indexbox-full-text h4.page-indexbox-two-head a {
    color: #002395; }

  .page-indexbox-two-text:hover h4.page-indexbox-two-head {
    /*background-color:rgba(0,39,149,0.7);*/ }

  .page-indexbox p.page-indexbox-btn, .page-indexbox-two p.page-indexbox-btn, .page-indexbox-two-text p.page-indexbox-btn, .page-indexbox-two-half p.page-indexbox-btn, .page-indexbox-three p.page-indexbox-btn {
    width: 90%;
    height: 40px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 150%;
    padding: 3%;
    margin: 0;
    color: #fff;
    position: absolute;
    top: 110%;
    left: 5%;
    background-color: #56595c;
    border-radius: 4px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; }

  .page-indexbox:hover p.page-indexbox-btn {
    top: 60%;
    background-color: #accb39; }

  .page-indexbox-two:hover p.page-indexbox-btn {
    top: 93.5%;
    background-color: #4378b6;
    padding: 1.4% 3%; }

  .page-indexbox-two-text:hover p.page-indexbox-btn {
    top: 88%;
    background-color: #4378b6;
    padding: 1.4% 3%; }

  .page-indexbox-two-half:hover p.page-indexbox-btn {
    top: 87%;
    background-color: #4378b6;
    padding: 1.4% 3%; }

  .page-indexbox-three:hover p.page-indexbox-btn {
    top: 83%;
    background-color: #accb39;
    padding: 2% 3%; }

  body.page-benritool .page-indexbox-three:hover p.page-indexbox-btn {
    top: 82%;
    background-color: #accb39;
    padding: 2% 3%; }

  .page-indexbox p.page-indexbox-img, .page-indexbox-two p.page-indexbox-img, .page-indexbox-two-half p.page-indexbox-img, .page-indexbox-three p.page-indexbox-img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 36px;
    left: 0px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 1; }

  .page-indexbox:hover p.page-indexbox-img, .page-indexbox-two:hover p.page-indexbox-img, .page-indexbox-two-half:hover p.page-indexbox-img, .page-indexbox-three:hover p.page-indexbox-img {
    opacity: 0; }

  .page-indexbox p.page-indexbox-img2, .page-indexbox-two p.page-indexbox-img2, .page-indexbox-two-half p.page-indexbox-img2, .page-indexbox-three p.page-indexbox-img2 {
    width: 100%;
    height: auto;
    margin: 0;
    position: absolute;
    top: 36px;
    left: 0px; }

  .page-indexbox p.page-indexbox-img img, .page-indexbox p.page-indexbox-img2 img {
    width: 100%;
    height: auto;
    padding: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0; }

  .page-indexbox-two p.page-indexbox-img img, .page-indexbox-two p.page-indexbox-img2 img {
    width: 100%;
    height: auto;
    padding: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0; }

  .page-indexbox-two-half p.page-indexbox-img img, .page-indexbox-two-half p.page-indexbox-img2 img {
    width: 100%;
    height: auto;
    padding: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0; }

  .page-indexbox-three p.page-indexbox-img img, .page-indexbox-three p.page-indexbox-img2 img {
    width: 100%;
    height: auto;
    padding: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0; }

  .koushi-blue-bk {
    background-image: url(images/koushi-blue-bk.jpg); }

  .study-title {
    width: 100%;
    font-size: 24px;
    margin: 60px 0 20px 0;
    padding-bottom: 5px;
    font-weight: normal;
    border-bottom: #666 1px solid; }

  .index-head3 {
    font-size: 20px;
    font-weight: normal;
    line-height: 150%;
    color: #002395;
    margin: 20px 0 20px 40px; }

  .index-head3-p {
    width: 55%;
    height: auto;
    line-height: 200%;
    margin: 20px 0 20px 40px; }

  .index-head3-right {
    width: 40%;
    height: auto;
    min-height: 150px;
    margin: 0 2px 0 0;
    float: right;
    position: relative; }
  .index-head3-right img {
    width: 100%;
    height: auto;
    margin: 0; }

  .article-box-index {
    width: 19.5%;
    margin: 0 .6% 0 0;
    float: left;
    /*background-color:#4378b6;*/
    background-image: url(images/ami.png);
    text-align: center;
    position: relative; }
  .article-box-index:after {
    padding-top: 91.2%;
    display: block;
    content: ""; }
  .article-box-index .contentbox {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  .article-box-index a {
    /*color:#fff;*/ }
  .article-box-index a:hover {
    /*color:#fff;*/ }
  .article-box-index:last-child {
    margin: 0; }
  .article-box-index h2 {
    width: 90%;
    font-size: 14px;
    font-weight: normal;
    padding: 5%;
    background-color: rgba(186, 131, 51, 0.58);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0; }
  .article-box-index h2 span.sub-head {
    display: block;
    width: 90%;
    font-size: 16px;
    font-weight: normal;
    padding: 5% 5% 0 5%;
    color: #fff; }
  .article-box-index img {
    width: 100%;
    height: 100%;
    padding: 0px;
    background-color: #fff; }

  .see-all-list {
    background-image: url(images/list-arrow-blue1.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 10px 10px 0 0;
    padding: 5px 0 0 26px;
    font-size: 12px;
    float: right; }

  #third-content h2, #fourth-content h2, #fifth-content h2, #seventh-content h2, #oshirase-content h2 {
    width: 100%;
    height: auto;
    margin: 0px auto 0px auto;
    padding: 10px 0 10px 0;
    font-size: 36px;
    font-weight: normal;
    text-align: center;
    /*box-sizing:border-box;*/
    color: #ffffff;
    border-bottom: none; }

  #fourth-content h2 img, #fifth-content h2 img, #seventh-content h2 img {
    height: 45px; }

  #third-content h2 img, #oshirase-content h2 img {
    height: 30px; }

  #third-content h2, #fifth-content h2, #seventh-content h2, #oshirase-content h2 {
    color: #333; }

  .article-box-index.kankyo .front {
    /*box-sizing:border-box;*/
    border: 10px #5AD44B solid;
    overflow: hidden; }
  .article-box-index.chiiki .front {
    /*box-sizing:border-box;*/
    border: 10px #3BB7FF solid;
    overflow: hidden; }
  .article-box-index.hoiku .front {
    /*box-sizing:border-box;*/
    border: 10px #FF9092 solid;
    overflow: hidden; }

  #fourth-content .fourth-content-box {
    width: 100%;
    height: auto;
    margin: 40px auto;
    text-align: left; }
  #fourth-content .fourth-content-box ul {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0; }
  #fourth-content .fourth-content-box ul li {
    text-align: center;
    height: 120px;
    background-color: #fffdfd;
    background-image: url(images/color-line-bk.jpg);
    border-radius: 6px;
    border: 1px #fff6c7 solid;
    position: relative;
    /*box-sizing:border-box;*/
    color: #FFF;
    width: 32%;
    font-size: 16px;
    font-weight: normal;
    margin: 0 1% 2%;
    padding: 0;
    display: block;
    float: left; }
  #fourth-content .fourth-content-box ul li:nth-child(3n+1) {
    margin-left: 0; }
  #fourth-content .fourth-content-box ul li:nth-child(3n+3) {
    margin-right: 0; }

  .support-title {
    display: block;
    width: 100%;
    height: auto;
    background-color: #4378b6;
    line-height: 180%;
    color: #fff;
    border-radius: 6px 6px 0 0; }

  .support-title-hide {
    display: none; }

  aside#fourth-content li a {
    display: block;
    color: #666 !important;
    text-decoration: none; }
  aside#fourth-content li a:hover {
    color: #333 !important;
    text-decoration: none; }
  aside#fourth-content li a span.getpage-btn {
    width: 100%;
    text-align: center;
    display: block;
    position: absolute;
    bottom: 10%;
    color: #accb39 !important; }
  aside#fourth-content li a span.getpage-btn:before {
    content: "\f10b";
    font-family: "Ionicons";
    font-size: 24px;
    padding: 0 5px 0 0;
    position: relative;
    top: 3px; }
  aside#fifth-content li a span.getpage-btn {
    width: 100%;
    text-align: right;
    display: block;
    position: absolute;
    bottom: 6%;
    right: 3%;
    color: #4378b6 !important; }
  aside#fifth-content li a span.getpage-btn:before {
    content: "\f10b";
    font-family: "Ionicons";
    font-size: 24px;
    padding: 0 5px 0 0;
    position: relative;
    top: 3px; }

  #fourth-content .fourth-content-box {
    width: 98%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto 2%; }
  #fourth-content .fourth-content-box ul li span.small-font {
    display: block;
    font-size: 12px;
    line-height: 130%;
    padding: 10px 0 0 10px;
    text-align: left;
    z-index: 100000; }
  #fourth-content .widget_text, #fourth-content .widget_execphp {
    width: 98%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto; }
  #fourth-content .widget_text ul, #fourth-content .widget_execphp ul {
    width: 100%;
    height: auto;
    margin: 0;
    display: flex; }
  #fourth-content .widget_text ul li, #fourth-content .widget_execphp ul li {
    width: 32%;
    font-size: 22px;
    margin: 0 1%;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.6);
    border: 1px #a1d0ea solid;
    border-radius: 6px;
    position: relative; }
  #fourth-content .widget_text ul li:before, #fourth-content .widget_execphp ul li:before {
    content: "";
    display: block;
    padding-top: 45%; }

  .content-inner2 {
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

  #fourth-content .widget_text ul li:first-child, #fourth-content .widget_execphp ul li:first-child {
    margin-left: 0; }
  #fourth-content .widget_text ul li:last-child, #fourth-content .widget_execphp ul li:last-child {
    margin-right: 0; }

  #fifth-content .fifth-content-box {
    width: 98%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    text-align: left; }
  #fifth-content .fifth-content-box ul {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0; }

  aside#fifth-content li a {
    display: block;
    color: #fff;
    text-decoration: none; }

  #fifth-content .fifth-content-box ul li {
    width: 32%;
    font-size: 16px;
    margin: 10px 1%;
    padding: 0;
    float: left;
    /*box-sizing:border-box;*/
    position: relative;
    background-color: #accb39;
    background-image: url(images/green-white-bk.gif);
    background-size: cover;
    background-repeat: no-repeat;
    border: 3px #a1d0ea solid;
    border-radius: 8px;
    overflow: hidden; }
  #fifth-content .fifth-content-box ul li:before {
    content: "";
    display: block;
    padding-top: 50%; }
  #fifth-content .content-inner3 {
    padding: 0px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

  .content-inner3 {
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

  #fifth-content .fifth-content-box ul li:nth-child(3n+1) {
    margin-left: 0; }
  #fifth-content .fifth-content-box ul li:nth-child(3n+3) {
    margin-right: 0; }
  #fifth-content .fifth-content-box ul li span.short-excerpt {
    font-size: 12px;
    line-height: 150%;
    color: #000;
    display: block;
    margin: 0;
    padding: 10px 10px; }

  .tool-title {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    background-color: #4378b6;
    line-height: 180%;
    color: #fff;
    border-radius: 6px 6px 0 0; }

  #seventh-content .seventh-content-box {
    width: 98%;
    max-width: 980px;
    height: auto;
    margin: 0 auto;
    text-align: left; }
  #seventh-content .seventh-content-box ul li {
    width: 100%;
    height: auto;
    font-size: 22px;
    /*box-sizing:border-box;*/
    position: relative; }
  #seventh-content .seventh-content-box ul li span.short-excerpt {
    font-size: 14px;
    line-height: 150%;
    display: block;
    margin: 0;
    padding: 10px; }

  body.archive .half-box-title {
    font-size: 18px;
    line-height: 150%; }
  body.archive .half-box-excerpt {
    line-height: 150%;
    margin: 10px 0 40px 0; }

  /*----------------------------------------------------------------------------
 ***                                                        Sidebar
----------------------------------------------------------------------------*/
  aside h2 {
    font-size: 18px;
    font-weight: normal;
    margin: 5%;
    color: #666;
    border-bottom: #666 2px solid; }
  aside h3 {
    font-size: 18px;
    color: #666; }
  aside ul {
    list-style: none;
    margin: 5%; }
  aside#sidebar ul {
    list-style: none;
    /*margin: 5%;*/
    margin: 0; }
  aside ul li {
    margin: 10px 0;
    padding: 0px;
    font-size: 14px; }
  aside ul li.flex-nav-prev, aside ul li.flex-nav-next {
    margin: 0 !important; }
  aside#sidebar ul li {
    margin: 10px 0;
    background-color: rgba(215, 220, 227, 0.3);
    padding: 10px;
    font-size: 16px; }
  aside#sidebar #other-posts ul li {
    background-color: #bee1f6; }
  aside li a {
    display: block;
    color: #333;
    text-decoration: none; }
  aside#sidebar ul li ul li:hover, aside#sidebar ul li ul li a:hover {
    color: #fff !important;
    background-color: #4378b6; }
  aside#sidebar .widget_nav_menu ul li ul li:before {
    content: "\f10b";
    font-family: "Ionicons";
    font-size: 14px;
    padding: 0 10px 0 0;
    float: left;
    position: relative;
    top: 6px;
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%); }
  aside#sidebar .widget_nav_menu ul li:before {
    content: "\f2bf";
    font-family: "Ionicons";
    font-size: 24px;
    padding: 0 10px 0 0;
    float: left;
    position: relative;
    top: 6px;
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%); }

  .third-content-box {
    width: 98%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto 20px auto;
    position: relative; }

  .third-content-link-box {
    width: 98%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto 60px auto;
    position: relative;
    /*background-color:#9d9d9d;*/
    background-color: #ddd;
    text-align: left; }

  body.home aside#third-content article.third-content-link-box .textwidget ul {
    width: 20%;
    height: auto;
    float: left;
    margin: 0;
    padding: 20px; }
  body.home aside#third-content article.third-content-link-box .textwidget ul li {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 5px 0 5px 25px;
    background-image: url(images/link-badge-333.png);
    background-repeat: no-repeat; }
  body.home aside#third-content article.third-content-link-box .textwidget ul li:hover {
    background-image: url(images/link-badge-333up.png); }
  body.home aside#third-content article.third-content-link-box .textwidget ul li a:hover {
    color: #000; }

  .third-content-box img {
    width: auto;
    height: auto;
    padding: 0px;
    background-color: #fff; }
  .third-content-box:nth-child(5n) {
    margin-right: 0; }

  figure.wp-caption {
    min-height: 150px;
    float: left;
    margin: 0 30px 10px 10px; }

  figcaption.wp-caption-text {
    font-size: 12px;
    min-height: 48px; }

  /* Main contents sidebar */
  #sidebar {
    margin: 40px 0 0 0;
    padding: 0;
    float: none;
    width: 100%;
    height: auto; }
  #sidebar h3 {
    font-size: 18px;
    font-weight: normal;
    margin: 0; }
  #sidebar #side-submenu ul.menu {
    margin: 0; }
  #sidebar #side-submenu ul#menu1 > li > a, #sidebar #side-submenu ul#menu2 > li > a, #sidebar #side-submenu ul#menu3 > li > a, #sidebar #side-submenu ul#menu4 > li > a, #sidebar #side-submenu ul#menu5 > li > a, #sidebar #side-submenu ul#menu6 > li > a {
    padding-left: 10px !important;
    border-left: 5px #4378b6 solid; }
  #sidebar #side-submenu ul li ul.sub-menu li {
    width: 90%;
    height: auto;
    font-size: 16px;
    margin: 0;
    padding: 15px 5% 13px 5%;
    line-height: 130%;
    border-top: 1px #ccc dotted;
    overflow: hidden;
    -moz-transition-property: background-position, background-color;
    -moz-transition-duration: .2s;
    -moz-transition-delay: 0s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: background-position, background-color;
    -webkit-transition-duration: .2s;
    -webkit-transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -ms-transition-property: background-position, background-color;
    -ms-transition-duration: .2s;
    -ms-transition-delay: 0s;
    -ms-transition-timing-function: ease-out;
    transition-property: background-position, background-color;
    transition-duration: .2s;
    transition-delay: 0s;
    transition-timing-function: ease-out; }
  #sidebar #side-submenu ul li ul.sub-menu li:last-child {
    border-bottom: 1px #ccc dotted;
    border-top: 1px #ccc dotted; }
  #sidebar #side-submenu ul li ul.sub-menu li a {
    display: block; }
  #sidebar #side-submenu ul li ul.sub-menu li a:hover {
    text-decoration: none;
    color: #fff; }
  #sidebar #side-submenu ul li ul.sub-menu li:hover {
    background-color: #4378b6;
    color: #fff; }
  #sidebar #side-submenu ul li ul.sub-menu li:hover a {
    color: #fff; }

  #fourth-content .sidebar-container {
    margin-left: 0;
    padding-bottom: 0; }
  #fourth-content .sidebar-container .widget_sp_image {
    width: 100%;
    height: auto;
    margin: 0; }
  #fourth-content .sidebar-container .widget_sp_image img {
    width: 100%;
    max-width: 1280px !important;
    height: auto; }

  .more-post-btn {
    text-align: center;
    font-size: 16px;
    width: 100%;
    height: auto;
    padding: 20px 0px;
    margin: 20px auto;
    background-color: #bee1f6;
    border-radius: 6px;
    border: 2px #4378b6 solid;
    /*box-sizing:border-box;*/ }
  .more-post-btn a {
    display: block;
    text-decoration: none; }

  /*----------------------------------------------------------------------------
 ***                                                         Side Sub Menu
----------------------------------------------------------------------------*/
  #side-submenu {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0; }

  /*----------------------------------------------------------------------------
 ***                                                         Footer Area
----------------------------------------------------------------------------*/
  #footer-top {
    width: 100%;
    margin: 0;
    color: #000;
    font-size: 90%;
    padding: 30px 0 0px 0;
    overflow: hidden;
    background-color: #fafafa;
    position: relative; }

  #foot-logo {
    width: 96%;
    max-width: 1280px;
    margin: 0 auto; }
  #foot-logo img {
    float: left; }
  #foot-logo .site-subtitle {
    margin-top: 35px;
    margin-left: 20px; }
  #foot-logo .site-subtitle:after {
    display: block;
    width: 30px;
    height: auto;
    content: url(images/bunchan-pose.png);
    position: absolute;
    bottom: -35px;
    right: -20px;
    transform: scale(0.6); }

  #footer-area {
    width: 96%;
    max-width: 1280px;
    margin: 0 auto;
    font-size: 90%;
    padding: 18px 0;
    overflow: hidden; }

  .footer-segment {
    float: left;
    margin: 0;
    width: 25%; }
  .footer-segment:last-child {
    margin-right: 0px; }

  footer aside h4 {
    color: #CCC;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5em;
    border-bottom: #CCC 1px dotted;
    margin-right: 2%; }
  footer ul li {
    font-size: 12px;
    margin: 5px 0;
    padding: 5px 0;
    list-style-type: square;
    color: #ccc; }
  footer li a:link, footer li a:visited {
    color: #333;
    text-decoration: none; }
  footer li a:hover {
    color: #000;
    text-decoration: underline; }
  footer p {
    margin: 0; }

  /*----------------------------------------------------------------------------
 ***                                                         Footer Bottom
----------------------------------------------------------------------------*/
  #footer-bottom-link {
    width: 100%;
    height: 50px;
    background-color: #444444;
    color: #ccc;
    text-align: center;
    clear: both; }
  #footer-bottom-link ul {
    width: 100%;
    max-width: 1280px;
    height: auto;
    font-size: 14px;
    margin: 0 auto;
    padding: 10px;
    list-style: none; }
  #footer-bottom-link ul li {
    margin: 0 20px 0 0;
    width: auto;
    height: auto;
    padding: 5px 0 5px 25px;
    background-image: url(images/link-badge-white.png);
    background-repeat: no-repeat;
    float: left;
    list-style: none;
    text-align: left; }
  #footer-bottom-link ul li a {
    color: #ccc; }
  #footer-bottom-link ul li a:hover {
    color: #fff; }

  #footer-bottom {
    width: 100%;
    height: 120px;
    background-color: #4378b6;
    color: #fff;
    text-align: center;
    clear: both; }
  #footer-bottom p {
    font-size: 12px;
    padding-top: 50px;
    color: #ddd;
    text-align: center; }
  #footer-bottom p.user-rights {
    padding-top: 10px; }

  /*----------------------------------------------------------------------------
 ***                                                              page top icon
----------------------------------------------------------------------------*/
  #page-top {
    position: fixed;
    bottom: 40%;
    right: 1%;
    font-size: 77%;
    z-index: 11000;
    transition: bottom .3s ease-in-out;
    -webkit-transition: bottom .3s ease-in-out;
    -moz-transition: bottom .3s ease-in-out; }
  #page-top span {
    display: none; }
  #page-top a {
    text-decoration: none;
    width: 100%;
    height: 100%;
    padding: 0;
    display: block; }
  #page-top:hover {
    bottom: 42%; }

  .master-charabox {
    width: 100%;
    max-width: 730px;
    height: auto;
    min-height: 220px;
    border-radius: 8px;
    background-color: #76a6d4;
    margin: 0 0 40px 0;
    float: right;
    position: relative; }

  .master-charabox2 {
    width: 100%;
    max-width: 900px;
    height: auto;
    min-height: 240px;
    border-radius: 8px;
    background-color: #76a6d4;
    margin: 0 0 40px 0;
    float: right;
    position: relative; }

  .master-charabox .master-image {
    width: 150px;
    height: 220px;
    background-color: #fff;
    border-radius: 85px 85px 0 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 20px; }

  .master-charabox2 .master-image {
    width: 150px;
    height: 220px;
    background-color: #fff;
    border-radius: 0 85px 0 0;
    margin: 0;
    padding: 10px 0 10px 0;
    position: absolute;
    right: 10px;
    top: 20px; }
  .master-charabox2 .master-image2 {
    width: 150px;
    height: 220px;
    background-color: #fff;
    border-radius: 85px 0 0 0;
    margin: 0;
    padding: 10px 0 10px 0;
    position: absolute;
    right: 130px;
    top: 20px; }

  .master-charabox .master-image:after, .master-charabox2 .master-image2:after {
    display: block;
    width: 50%;
    height: auto;
    content: url(images/bunchan-kisha.png);
    position: relative;
    bottom: 50px;
    left: -80px; }

  .master-charabox .master-image span.master-name {
    font-size: 14px !important;
    font-weight: bold;
    text-align: center;
    color: #00468b !important;
    margin: 10px auto !important;
    display: block; }

  .master-charabox2 .master-image span.master-name, .master-charabox2 .master-image2 span.master-name {
    font-size: 14px !important;
    font-weight: bold;
    text-align: center;
    color: #00468b !important;
    margin: 10px auto !important;
    display: block; }

  .master-charabox p {
    font-size: 18px !important;
    color: #FFFFFF !important;
    width: 60%;
    height: auto;
    margin: 20px !important; }
  .master-charabox p.introfull {
    width: 96%; }

  .master-charabox2 p {
    font-size: 18px !important;
    color: #FFFFFF !important;
    width: 45%;
    height: auto;
    margin: 20px !important; }

  .master-charabox p.intro a, .master-charabox2 p.intro a, .master-charabox p.introfull a, .master-charabox2 p.introfull a {
    color: #ffffff; }

  ol.orange-frame, ol.orange-frame-wide {
    max-width: 100% !important;
    margin: 20px !important; }

  .orange-frame li {
    width: 260px;
    height: 165px;
    border: 5px #ff6700 solid;
    background-color: #fffbe1;
    border-radius: 8px;
    float: left;
    list-style-type: none;
    padding: 20px !important;
    font-size: 16px !important;
    color: #000 !important;
    /*box-sizing:border-box;*/
    position: relative; }

  .orange-frame-wide li {
    width: 90%;
    height: auto;
    border: 5px #ff6700 solid;
    background-color: #fffbe1;
    border-radius: 8px;
    float: left;
    list-style-type: none;
    padding: 20px 30px !important;
    font-size: 16px !important;
    color: #000 !important;
    /*box-sizing:border-box;*/
    position: relative; }

  .li-head {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px; }

  .orange-frame li.no1-circle:after {
    display: block;
    content: url(images/no1-circle-orange.png);
    position: absolute;
    top: 0px;
    left: -27px;
    transform: scale(0.6); }
  .orange-frame li.no2-circle:after {
    display: block;
    content: url(images/no2-circle-orange.png);
    position: absolute;
    top: 0px;
    left: -27px;
    transform: scale(0.6); }
  .orange-frame li.no3-circle:after {
    display: block;
    content: url(images/no3-circle-orange.png);
    position: absolute;
    top: 0px;
    left: -27px;
    transform: scale(0.6); }

  .orange-frame-wide li.no1-circle:after {
    display: block;
    content: url(images/no1-circle-orange.png);
    position: absolute;
    top: 0px;
    left: -27px;
    transform: scale(0.6); }
  .orange-frame-wide li.no2-circle:after {
    display: block;
    content: url(images/no2-circle-orange.png);
    position: absolute;
    top: 0px;
    left: -27px;
    transform: scale(0.6); }
  .orange-frame-wide li.no3-circle:after {
    display: block;
    content: url(images/no3-circle-orange.png);
    position: absolute;
    top: 0px;
    left: -27px;
    transform: scale(0.6); }
  .orange-frame-wide li.no4-circle:after {
    display: block;
    content: url(images/no4-circle-orange.png);
    position: absolute;
    top: 0px;
    left: -27px;
    transform: scale(0.6); }
  .orange-frame-wide li.no5-circle:after {
    display: block;
    content: url(images/no5-circle-orange.png);
    position: absolute;
    top: 0px;
    left: -27px;
    transform: scale(0.6); }

  .orange-frame li.bunchan-bikkuri:before {
    display: block;
    width: 30%;
    height: auto;
    content: url(images/bunchan-bikkuri.png);
    position: absolute;
    bottom: 5px;
    right: 30px; }
  .orange-frame li.bunchan-shiraberu:before {
    display: block;
    width: 30%;
    height: auto;
    content: url(images/bunchan-shiraberu.png);
    position: absolute;
    bottom: 0px;
    right: 30px; }
  .orange-frame li.bunchan-shagami:before {
    display: block;
    width: 30%;
    height: auto;
    content: url(images/bunchan-shagami.png);
    position: absolute;
    bottom: -10px;
    right: 30px; }
  .orange-frame li.bunchan-ganbaru:before {
    display: block;
    width: 30%;
    height: auto;
    content: url(images/bunchan-ganbaru.png);
    position: absolute;
    bottom: -10px;
    right: 30px; }
  .orange-frame li.bunchan-ganbaru-right:before {
    display: block;
    width: 30%;
    height: auto;
    content: url(images/bunchan-ganbaru.png);
    position: absolute;
    bottom: 0px;
    right: -100px; }
  .orange-frame li.bunchan-hakken:before {
    display: block;
    width: 30%;
    height: auto;
    content: url(images/bunchan-hakken.png);
    position: absolute;
    bottom: -10px;
    right: 30px; }
  .orange-frame li.bunchan-nozoku:before {
    display: block;
    width: 26%;
    height: auto;
    content: url(images/bunchan-nozoku.png);
    position: absolute;
    bottom: -10px;
    right: 30px; }

  ul.blue-frame {
    max-width: 100% !important;
    margin: 20px !important; }

  .blue-frame li {
    width: 260px;
    height: 165px;
    border: 5px #1597FD solid;
    background-color: #E7F2FF;
    background-image: none !important;
    border-radius: 8px;
    float: left;
    list-style-type: none;
    padding: 25px 0 10px 15px !important;
    font-size: 16px !important;
    color: #000 !important;
    /*box-sizing:border-box;*/
    position: relative;
    margin-left: 30px !important; }
  .blue-frame li span.box-title {
    color: #FFF;
    font-size: 18px;
    display: block;
    width: auto;
    height: auto;
    padding: 0 10px;
    border: 5px #1597FD solid;
    border-radius: 8px;
    background-color: #1597FD;
    position: absolute;
    top: -20px;
    left: 15px; }
  .blue-frame li ul {
    margin: 0 0 0 10px !important; }
  .blue-frame li ul li {
    width: auto;
    max-width: 100%;
    height: auto;
    border: none;
    background-color: transparent;
    background-image: none !important;
    border-radius: 0;
    float: none;
    list-style-type: disc;
    padding: 0px !important;
    position: relative;
    margin: 0px !important; }

  .kakomibox {
    width: 90%;
    max-width: 660px;
    height: auto;
    margin: 40px 0 40px 50px;
    border: 3px #4378b6 solid;
    border-radius: 6px; }
  .kakomibox p {
    font-size: 18px;
    font-weight: 600;
    color: #4378b6 !important;
    line-height: 1.5em; }

  .kakomibox-wide {
    width: 90%;
    max-width: 920px;
    height: auto;
    margin: 0 0 40px 20px;
    border: 3px #4378b6 solid;
    border-radius: 6px;
    padding: 10px;
    box-shadow: #bae8ff 8px 8px; }
  .kakomibox-wide p {
    font-size: 16px;
    font-weight: normal;
    color: #666 !important;
    line-height: 1.5em; }
  .kakomibox-wide span.small-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
    height: 60px; }
  .kakomibox-wide span.small-icon img {
    height: 100%; }
  .kakomibox-wide h3 {
    color: #4378b6 !important;
    margin: 10px 15px !important; }
  .kakomibox-wide h3:before {
    content: "\f121";
    font-family: "Ionicons";
    font-size: 30px;
    padding: 0 5px 0 0;
    position: relative;
    top: 0px; }
  .kakomibox-wide ul.ulbox-3col {
    width: 100%;
    max-width: 98%;
    height: auto;
    margin: 20px auto !important; }
  .kakomibox-wide ul.ulbox-3col li {
    width: 31%;
    height: 160px;
    margin: 10px 1%;
    padding: 10px;
    float: left;
    background-color: #fff6c7;
    background-image: none;
    border-radius: 6px;
    /*box-sizing:border-box;*/
    position: relative; }
  .kakomibox-wide ul.ulbox-3col li:before {
    content: none; }
  .kakomibox-wide ul.ulbox-3col li span.li-head {
    font-size: 18px;
    font-weight: 600;
    color: #40a471; }
  .kakomibox-wide ul.ulbox-3col li span.li-head:before {
    content: "\f48e";
    font-family: "Ionicons";
    color: #40a471;
    font-size: 36px;
    padding: 0 5px 0 0;
    position: relative;
    top: 5px; }
  .kakomibox-wide ul.ulbox-2col {
    width: 100%;
    max-width: 98%;
    height: auto;
    margin: 20px auto !important; }
  .kakomibox-wide ul.ulbox-2col li {
    width: 48%;
    height: 290px;
    margin: 10px 1%;
    padding: 10px;
    float: left;
    background-color: #fff6c7;
    background-image: none;
    border-radius: 6px;
    /*box-sizing:border-box;*/ }
  .kakomibox-wide ul.ulbox-2col-tall {
    width: 100%;
    max-width: 98%;
    height: auto;
    margin: 20px auto !important; }
  .kakomibox-wide ul.ulbox-2col-tall li {
    width: 48%;
    height: 370px;
    margin: 10px 1%;
    padding: 10px;
    float: left;
    background-color: #fff6c7;
    background-image: none;
    border-radius: 6px;
    /*box-sizing:border-box;*/ }
  .kakomibox-wide ul.ulbox-2col-tall li img {
    max-width: 100%; }
  .kakomibox-wide ul.no-float-img li img {
    float: none !important; }
  .kakomibox-wide ul.ulbox-2col li:before, .kakomibox-wide ul.ulbox-2col-tall li:before {
    content: none; }
  .kakomibox-wide ul.ulbox-2col li span.li-head:before, .kakomibox-wide ul.ulbox-2col-tall li span.li-head:before {
    content: "\f48e";
    font-family: "Ionicons";
    color: #40a471;
    font-size: 36px;
    padding: 0 5px 0 0;
    position: relative;
    top: 5px; }
  .kakomibox-wide ul.ulbox-2col li span.li-head, .kakomibox-wide ul.ulbox-2col-tall li span.li-head {
    font-size: 18px;
    font-weight: 600;
    color: #40a471; }
  .kakomibox-wide ul.ulbox-2col li img {
    float: left;
    margin-right: 20px;
    max-height: 220px;
    width: auto; }
  .kakomibox-wide ul.ulbox-2col-tall li img {
    float: left;
    margin-right: 0.5rem;
    max-height: 220px;
    width: auto; }
  .kakomibox-wide ul.ulbox-2col li span.sheet-desc, .kakomibox-wide ul.ulbox-2col li span.dlbtn {
    display: block !important;
    /*margin-bottom:10px;*/ }
  .kakomibox-wide ul.ulbox-2col-tall li span.sheet-desc, .kakomibox-wide ul.ulbox-2col-tall li span.dlbtn {
    display: block !important;
    /*margin-bottom:10px;*/ }
  .kakomibox-wide ul.ulbox-2col-tall li span.short-descript {
    font-size: .85rem;
    line-height: 150%;
    display: block; }
  .kakomibox-wide ul.ulbox-2col-tall li span.long-descript {
    font-size: .85rem;
    line-height: 150%;
    display: block;
    clear: both;
    margin-top: 0.5rem; }
  .kakomibox-wide ul.ulbox-2col-tall li span.sheet-desc, .kakomibox-wide ul.ulbox-2col-tall li span.dlbtn {
    clear: both;
    /*margin-bottom:10px;*/ }
  .kakomibox-wide ul.ulbox-2col li span.sheet-desc:before, .kakomibox-wide ul.ulbox-2col-tall li span.sheet-desc:before {
    content: "\f481";
    font-family: "Ionicons";
    color: #40a471;
    font-size: 26px;
    padding: 0 5px 0 0;
    position: relative;
    top: 5px; }
  .kakomibox-wide ul.ulbox-2col li span.dlbtn:before, .kakomibox-wide ul.ulbox-2col-tall li span.dlbtn:before {
    content: "\f102";
    font-family: "Ionicons";
    color: #40a471;
    font-size: 26px;
    padding: 0 5px 0 0;
    position: relative;
    top: 5px; }

  body.page-present-page article.article-box1 .present-intro p {
    font-size: x-large; }

  section.oshirase {
    width: 96%; }

  .kakomibox-wide .attention {
    font-weight: 800;
    color: #333 !important;
    line-height: 1.5em;
    background-color: bisque;
    border: 2px #ccc dotted;
    border-radius: 6px;
    padding: 1rem !important;
    box-sizing: border-box; }

  .linkbox {
    max-width: 96%;
    margin: 10px auto;
    padding: 0; }
  .linkbox span.link {
    display: block;
    width: 48%;
    height: auto;
    float: left;
    background-color: bisque;
    border: 2px #ccc dotted;
    border-radius: 6px;
    padding: 1rem !important;
    box-sizing: border-box;
    margin: 0 1%; }

  article.article-box1 ul.itemframe {
    list-style: none !important;
    max-width: 100%;
    font-size: 16px;
    color: #333;
    margin: 0;
    padding: 0; }
  article.article-box1 ul.itemframe li {
    max-width: 96%;
    margin: 1rem auto;
    background-color: cornsilk;
    border: 1px #ccc dotted;
    border-radius: 6px;
    padding: 1rem !important;
    box-sizing: border-box;
    background-image: none; }
  article.article-box1 ul.itemframe li .info {
    color: chocolate;
    font-size: 20px;
    font-weight: 800;
    text-align: center; }
  article.article-box1 ul.itemframe li .sub-title {
    padding-left: 2.5rem; }
  article.article-box1 ul.itemframe li .item-inner {
    max-width: 96%;
    margin: 0 auto;
    padding: 0; }
  article.article-box1 ul.itemframe li .item-inner .itemimg {
    width: 28%;
    height: auto;
    margin: 0 2% 0 0;
    padding: 0;
    float: left; }
  article.article-box1 ul.itemframe li .item-inner .itemimg img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0; }
  article.article-box1 ul.itemframe li .item-inner .itemimg span.mess {
    font-size: 12px;
    display: block;
    line-height: 120%; }
  article.article-box1 ul.itemframe li .item-inner .descript {
    max-width: 70%;
    margin: 0;
    padding: 0;
    float: left; }
  article.article-box1 ul.itemframe li .item-inner .btnframe {
    max-width: 70%;
    margin: 0;
    margin-top: 1rem;
    padding: 0;
    float: right; }

  btn.goform {
    border: 1px #ccc solid;
    padding: .5rem;
    border-radius: 4px;
    background-color: cornflowerblue; }
  btn.goform a {
    color: #fff;
    text-decoration: none; }
  btn.buyform {
    border: 1px #ccc solid;
    padding: .5rem;
    border-radius: 4px;
    background-color: goldenrod; }
  btn.buyform a {
    color: #fff;
    text-decoration: none; } }
@media only screen and (min-width: 768px) {
  #manabun-banner {
    width: 132px;
    height: 52px;
    float: left;
    overflow: hidden;
    margin: 0;
    margin-left: 20px; }
  #manabun-banner img {
    width: 100%;
    height: auto; }

  #tophead-banner {
    width: 180px;
    height: 57px;
    background-color: #fff8db;
    float: left;
    overflow: hidden;
    margin: 0; }
  #tophead-banner h3 {
    width: 180px;
    height: 15px;
    font-size: 12px;
    line-height: 100%;
    padding: 2px 4px;
    color: #ffffff;
    background-image: url(images/doshin-kodoku-header-bk.png);
    /*box-sizing:border-box;*/ }
  #tophead-banner #kodoku-otameshi {
    width: 80px;
    height: 33px;
    float: left;
    margin: 2px 4px 2px 4px;
    border-radius: 6px;
    overflow: hidden; }
  #tophead-banner #kodoku-entry {
    width: 80px;
    height: 33px;
    float: left;
    margin: 2px 0;
    border-radius: 6px;
    overflow: hidden; }
  #tophead-banner #kodoku-otameshi img, #tophead-banner #kodoku-entry img {
    width: 100%;
    height: auto; }

  /*.dropmenu li a,
ul.slimmenu li a {
  font-size: 12px;
}*/
  .column-box ul li span.news-title {
    display: inline; }

  #content {
    width: 98%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    padding: 0; }

  #fourth-content .sidebar-container {
    margin-left: -40%;
    padding-bottom: 80px;
    margin-left: 0;
    padding-bottom: 0px; }
  #fourth-content .sidebar-container .widget_sp_image {
    width: 98%;
    height: auto;
    margin: 2% auto; }
  #fourth-content .sidebar-container .widget_sp_image img {
    width: 100%;
    max-width: 1280px !important;
    height: auto; }
  #fourth-content .fourth-content-box ul li {
    color: #FFF;
    width: 32%;
    font-size: 16px;
    font-weight: normal;
    margin: 0 1% 2%;
    padding: 0;
    display: block;
    float: left;
    position: relative;
    /*box-sizing:border-box;*/ }

  aside#fourth-content li a:hover {
    color: #333 !important;
    text-decoration: none; }

  #fourth-content .fourth-content-box ul li:before {
    content: "";
    display: block;
    padding-top: 45%; }
  #fourth-content .content-inner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

  #fifth-content .fifth-content-box ul li span.short-excerpt {
    font-size: 12px; }

  .bluebk {
    color: #fff;
    background-color: #4378b6;
    border: 1px #4378b6 solid;
    border-radius: 0px; }

  header .site-subtitle {
    font-size: 12px;
    width: 25%;
    height: auto;
    margin: 10px 0 0 0;
    bottom: inherit;
    left: inherit;
    float: left; }
  header .site-subtitle img {
    width: 100%; }

  /*body.home .site-subtitle:after,
.site-subtitle:after {
  display:block;
  height:auto;
  content:url(images/bunchan-basic.png);
  position:absolute;
  bottom: -110px;
  right: -80px;
  transform: scale(0.15);
}*/
  #head-menu {
    margin-top: 20px; }

  .site-logo {
    margin: 0px 20px 10px 0; }

  #tophead-banner, #side-banner {
    margin-bottom: 0px; }

  body.page-benritool article.article-box1 h2 {
    font-size: 18px; }

  .page-indexbox-three p.page-indexbox-three-mess {
    font-size: 14px; }

  body.page-jiyukenkyu-support article.article-box1 h2 {
    font-size: 18px; } }
@media only screen and (min-width: 980px) {
  nav {
    top: 16px; }

  .site-logo {
    margin: 0px 30px 10px 0; }

  .h1-message {
    float: left;
    margin: 0;
    margin-top: 10px;
    margin-left: 5%;
    width: 65%; }

  header .site-subtitle {
    font-size: 12px;
    width: 25%;
    height: auto;
    margin: 10px 0 0 0;
    bottom: inherit;
    left: inherit;
    float: left; }
  header .site-subtitle img {
    width: 100%; }

  #head-menu {
    width: 280px;
    font-size: 14px; }

  #manabun-banner {
    width: 180px;
    max-width: 180px;
    height: 72px;
    max-height: 72px;
    float: left;
    overflow: hidden;
    margin: 0px 10px 0 20px; }
  #manabun-banner img {
    width: 100%;
    height: auto; }

  #tophead-banner {
    width: 240px;
    height: 76px;
    background-color: #fff8db;
    float: left;
    overflow: hidden;
    margin: 0; }

  #side-banner {
    float: none; }

  #tophead-banner h3 {
    width: 240px;
    height: 20px;
    font-size: 14px;
    line-height: 100%;
    padding: 3px 6px;
    color: #ffffff;
    background-image: url(images/doshin-kodoku-header-bk.png);
    /*box-sizing:border-box;*/ }
  #tophead-banner #kodoku-otameshi {
    width: 107px;
    height: 44px;
    float: left;
    margin: 3px 8px 3px 8px;
    border-radius: 6px;
    overflow: hidden; }
  #tophead-banner #kodoku-entry {
    width: 107px;
    height: 44px;
    float: left;
    margin: 3px 0;
    border-radius: 6px;
    overflow: hidden; }
  #tophead-banner #kodoku-otameshi img, #tophead-banner #kodoku-entry img {
    width: 100%;
    height: auto; }

  article.article-box1 {
    width: 71.875%;
    max-width: 920px;
    min-height: 700px;
    margin: 0px 40px 60px 0;
    float: left; }
  article.article-box1-wide {
    width: 100%;
    max-width: 1280px;
    height: auto;
    min-height: 700px;
    margin: 10px 0 60px 0;
    clear: both;
    float: none;
    position: relative; }

  #sidebar {
    margin: 0;
    padding: 0;
    float: right;
    width: 23.5%;
    height: auto; }

  #third-content h2, #fourth-content h2, #fifth-content h2, #oshirase-content h2 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 30px 0 0 0;
    font-size: 40px;
    font-weight: normal;
    text-align: center;
    /*box-sizing:border-box;*/
    color: #ffffff;
    border-bottom: none; }

  #fourth-content h2 img, #fifth-content h2 img, #seventh-content h2 img {
    height: 70px; }

  #third-content h2 img, #oshirase-content h2 img {
    height: 45px; }

  #third-content h2, #fifth-content h2, #seventh-content h2, #oshirase-content h2 {
    color: #333; }

  .column-box ul li {
    width: 100%;
    height: 30px;
    margin: 0 0 5px 0;
    padding: 5px 0 0 0;
    border-bottom: 1px #ccc dotted;
    display: block;
    clear: both; }

  #fourth-content .fourth-content-box ul li span.small-font {
    font-size: 16px; }

  #fifth-content .fifth-content-box ul li span.short-excerpt {
    font-size: 16px;
    line-height: 130%; }

  #seventh-content .seventh-content-box {
    width: 98%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    text-align: left; }
  #seventh-content .seventh-content-box ul li {
    width: 100%;
    height: auto;
    font-size: 22px;
    /*box-sizing:border-box;*/ }
  #seventh-content .seventh-content-box ul li span.short-excerpt {
    font-size: 16px;
    line-height: 130%;
    display: block;
    margin: 0;
    padding: 10px; }

  .third-content-box {
    width: 98%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto 40px auto;
    position: relative; }

  #fourth-content .fourth-content-box ul li {
    height: auto;
    font-size: 18px; }
  #fourth-content .fourth-content-box ul li:nth-child(3n+3) {
    margin-right: 0; }

  #fifth-content .fifth-content-box ul li {
    font-size: 18px; }

  body.page-benritool article.article-box1 h2 {
    font-size: 20px; }

  .page-indexbox-three p.page-indexbox-three-mess {
    font-size: 16px; }

  body.page-jiyukenkyu-support article.article-box1 h2 {
    font-size: 20px; }
  body.page-present-page article.article-box1 .present-intro p {
    font-size: xx-large; }

  section.oshirase {
    width: 80%; }

  body.page-minnano-jiyukenkyu article.article-box1 ul li, body.tax-genre_jiyukenkyu-shokai article.article-box1 ul li, body.tax-jiyukenkyu-shokai_tag article.article-box1 ul li, body.post-type-archive-jiyukenkyu-shokai article.article-box1 ul li {
    line-height: 100%;
    width: 20%;
    max-width: 32%;
    font-size: 14px;
    color: #333;
    margin: 10px 0 10px 0;
    padding: 0;
    list-style: none;
    background-color: #cac7b7;
    background-image: none;
    float: left;
    /*box-sizing:border-box;*/
    /*border-radius:6px;*/
    overflow: hidden;
    border: 1px #4378b6 solid;
    /*box-shadow: rgba(186,232,255,1.00) 6px 6px;*/
    position: relative; }

  .award-ico {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: absolute;
    bottom: -20px;
    right: -60px;
    z-index: 1010; }

  .award-ico2 {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    z-index: 1010; }

  .awd-manabun:before, .awd-doshin:before {
    padding: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: scale(0.35);
    -moz-transform: scale(0.35);
    transform: scale(0.35); }

  .cat-ico {
    width: 36%;
    text-align: center;
    height: auto;
    display: block;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    line-height: 130%;
    margin: 0;
    padding: 5px;
    box-sizing: border-box;
    position: absolute;
    bottom: 25px;
    left: 1%;
    z-index: 1000; }

  .cat-nature {
    left: 3%; }

  .cat-create:before, .cat-nature:before, .cat-science:before, .cat-research:before {
    padding: 0;
    position: absolute;
    bottom: -20px;
    left: -25px;
    -webkit-transform: scale(0.35);
    -moz-transform: scale(0.35);
    transform: scale(0.35); } }
@media only screen and (min-width: 1280px) {
  header {
    /*padding: 0;*/ }

  .site-logo {
    width: 20%;
    max-width: 200px;
    height: auto;
    margin: 0px 30px 0 0;
    padding: 0;
    float: left; }

  .h1-message {
    float: left;
    margin: 0;
    margin-top: 40px;
    margin-left: 5%;
    width: 65%; }

  header .site-subtitle {
    width: 25%;
    margin: 10px 0 0 0; }

  #manabun-banner {
    width: 180px;
    max-width: 180px;
    height: 72px;
    max-height: 72px;
    float: left;
    overflow: hidden;
    margin: 0px 10px 0 150px; }
  #manabun-banner img {
    width: 100%;
    height: auto; }

  #tophead-banner {
    width: 240px;
    height: 76px;
    background-color: #fff8db;
    float: left;
    overflow: hidden;
    margin: 0; }
  #tophead-banner h3 {
      /*width:240px;
height:20px;
font-size:14px;
line-height:100%;
padding:5px 10px;
color:#ffffff;
background-image:url(images/doshin-kodoku-header-bk.png);*/
    /*box-sizing:border-box;*/ }
  #tophead-banner #kodoku-otameshi {
      /*width:134px;
height:55px;
float:left;
margin:5px 10px 5px 10px;
border-radius:6px;
overflow:hidden;*/ }
  #tophead-banner #kodoku-entry {
      /*width:134px;
height:55px;
float:left;
margin:5px 0;
border-radius:6px;
overflow:hidden;*/ }
  #tophead-banner #kodoku-otameshi img, #tophead-banner #kodoku-entry img {
    width: 100%;
    height: auto; }

  footer .site-subtitle {
    width: 250px;
    margin: 20px 0 0 0; }

  #head-menu {
    margin-top: 20px; }

  #fourth-content .sidebar-container {
    margin: 0;
    padding-bottom: 0px; }
  #fourth-content .sidebar-container .widget_sp_image {
    width: 98%;
    max-width: 1280px;
    height: auto;
    margin: 40px auto; }
  #fourth-content .fourth-content-box {
    width: 98%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto; }
  #fourth-content .fourth-content-box ul li:nth-child(3n+1) {
    margin-left: 0; }
  #fourth-content .fourth-content-box ul li:nth-child(3n+3) {
    margin-right: 0; }
  #fourth-content .fourth-content-box ul li span.small-font {
    margin: 5px auto; }

  #fifth-content {
    padding: 0 0 60px 0; }
  #fifth-content .fifth-content-box ul {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box; }

  #seventh-content .seventh-content-box {
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    text-align: left;
    clear: both; }
  #seventh-content .seventh-content-box ul li {
    width: 100%;
    height: auto;
    font-size: 22px;
    /*box-sizing:border-box;*/
    position: relative; }
  #seventh-content .seventh-content-box ul li span.short-excerpt {
    font-size: 16px;
    line-height: 150%;
    display: block;
    margin: 0;
    padding: 10px; }
  #seventh-content .seventh-content-box ul li a {
    text-decoration: none; }

  body.page-minnano-jiyukenkyu article.article-box1 ul li a, body.tax-genre_jiyukenkyu-shokai article.article-box1 ul li a, body.tax-jiyukenkyu-shokai_tag article.article-box1 ul li a {
    text-decoration: none; }
  body.page-minnano-jiyukenkyu article.article-box1 ul li, body.tax-genre_jiyukenkyu-shokai article.article-box1 ul li, body.tax-jiyukenkyu-shokai_tag article.article-box1 ul li {
    border-radius: 0px;
    overflow: hidden; }

  .slidetitle {
    font-size: 14px; }

  #eighth-content .eighth-content-box {
    width: 98%;
    max-width: 1280px;
    height: 600px;
    margin: 100px auto 0 auto; }

  article.article-box1 h3.denkyu, article.article-box1 h3.hogosha-check {
    border: none; }
  article.article-box1 h3.denkyu:after {
    content: "\f36c";
    font-family: "Ionicons";
    font-size: 1.5rem;
    padding: 0 10px 0 0;
    float: left;
    position: relative;
    top: 6px;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%); }
  article.article-box1 h4 {
    margin: 20px 0 20px 50px; }
  article.article-box1 figure {
    width: auto;
    height: auto;
    max-width: 90%; }
  article.article-box1 figure img {
    width: auto;
    max-width: 100%;
    height: auto; }

  figure.wp-caption {
    min-height: 150px;
    float: left;
    margin: 0 30px 10px 50px; }

  figcaption.wp-caption-text {
    min-height: 36px; }

  #fourth-content .fourth-content-box ul li, #fifth-content .fifth-content-box ul li {
    font-size: 20px; }

  .support-title-hide {
    display: inline; }

  section.oshirase {
    width: 60%; }

  .award-ico {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: absolute;
    bottom: -20px;
    right: -60px;
    z-index: 1010; }

  .award-ico2 {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    z-index: 1010; }

  .awd-manabun:before, .awd-doshin:before {
    padding: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: scale(0.35);
    -moz-transform: scale(0.35);
    transform: scale(0.35); }

  .cat-ico {
    width: 26%;
    text-align: center;
    height: auto;
    display: block;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    line-height: 130%;
    margin: 0;
    padding: 5px;
    box-sizing: border-box;
    position: absolute;
    bottom: 30px;
    left: 1%;
    z-index: 1000; }

  .cat-nature {
    left: 3%; }

  .cat-create:before, .cat-nature:before, .cat-science:before, .cat-research:before {
    padding: 0;
    position: absolute;
    bottom: -20px;
    left: -35px;
    -webkit-transform: scale(0.35);
    -moz-transform: scale(0.35);
    transform: scale(0.35); } }
@media print {
  @page {
    margin: 5mm; }
  img {
    max-width: 100% !important; }

  p, h1, h2, h3, h4, h5, h6 {
    orphans: 3;
    widows: 3; }

  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid; }

  table, img, pre, blockquote {
    page-break-inside: avoid; }

  header > h1 {
    display: none; } }
.mw-wp-form_image img {
  width: 100%;
  height: auto; }

#mw_wp_form_mw-wp-form-8756 .caution {
  color: #ff3300; }
#mw_wp_form_mw-wp-form-8756 .caution-non-image {
  color: #1e90ff; }
#mw_wp_form_mw-wp-form-8756 .lead .notes {
  color: #444;
  margin-bottom: 40px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }
#mw_wp_form_mw-wp-form-8756 .lead .notes .icon.icon-note-list {
  background: url("images/note-list-mark.png");
  background-repeat: no-repeat;
  display: inline-block;
  width: 18px;
  text-indent: -99999px;
  background-position: 30% 30%; }
#mw_wp_form_mw-wp-form-8756 .lead .notes ul.note-list {
  margin-left: 0;
  line-height: 1.4; }
#mw_wp_form_mw-wp-form-8756 .lead .notes ul.note-list li {
  list-style: none;
  background: url("images/note-list-mark.png");
  background-repeat: no-repeat;
  padding-left: 30px; }
#mw_wp_form_mw-wp-form-8756 .block-caution {
  background: #FCCACA;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 20px; }
#mw_wp_form_mw-wp-form-8756 .btn-area {
  text-align: center;
  margin: 40px 0;
  box-sizing: border-box; }
#mw_wp_form_mw-wp-form-8756 .caution-box {
  width: 98%;
  height: auto;
  background: #eee;
  border: solid 1px #ccc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  padding: 20px 20px 1px;
  margin: 0 auto 20px auto;
  box-sizing: border-box; }

@media screen and (min-width: 1000px) {
  #mw_wp_form_mw-wp-form-8756 .lead .notes .notes-inner {
    width: 700px;
    margin-right: auto;
    margin-left: auto; } }
@media (-webkit-min-device-pixel-ratio: 2) {
  #mw_wp_form_mw-wp-form-8756 .lead .notes .icon.icon-note-list {
    background: url("images/note-list-mark@2x.png");
    background-size: 18px 18px;
    background-repeat: no-repeat; } }
@media (-webkit-min-device-pixel-ratio: 2) {
  #mw_wp_form_mw-wp-form-8756 .lead .notes ul.note-list li {
    background: url("images/note-list-mark@2x.png");
    background-size: 18px 18px;
    background-repeat: no-repeat; } }

/*# sourceMappingURL=style.css.map */