@charset "utf-8";
/*
 Theme Name: Arkhe-Chaild-Try2022
 Template: arkhe
 Author: Try co.ltd with web Team
 Version: 2.0.1
*/
/***************** [ 共通 ] *****************/
html {
  background-color: #ededed;
  margin: 0;
  padding: 0;
}
body {
  margin: 0 auto;
  width: 940px;
  background-color: #ffffff;
}
#wrapper {
  display: block;
  position: relative;
  width: 900px;
  height: auto;
  margin: 0 12px 0 28px;
  padding: 0;
  background-image: url(/wp-content/themes/arkheChaild/images/side_bar_a_back.png);
  background-position: top right;
  background-repeat: no-repeat;
}
#content {
  display: inline-block;
  width: 791px;
  height: auto;
}
#content .l-content__body {
  width: 790px;
  height: auto;
  margin: 5px 0 0 0;
  position: relative;
  overflow: hidden;
}
#content h1 {
  font-family: 'Noto Sans JP', sans-serif;
  text-decoration: none;
  margin: 0;
}
#content p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
}
a:visited {
  color: #003366;
}
/* =右サイド受賞歴ブロック
----------------------------------------------- */
#awardsblock {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  width: 107px;
}
#awardsblock #awards-years {
  display: inline-block;
  position: absolute;
  left: 1px;
  top: 313px;
  width: 88px;
  height: auto;
}
#awardsblock #awards-bacha {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 396px;
  width: 103px;
}
#awardsblock #awards-bachb {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 526px;
  width: 103px;
}
#awardsblock #awards-bachc {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 654px;
  width: 103px;
}
#awardsblock #awards-years img,
#awardsblock #awards-bacha img,
#awardsblock #awards-bachb img,
#awardsblock #awards-bachc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 75%;
}

/***************** [ header.php ] *****************/
#headerblock {
  width: 100%;
  display: grid;
  grid-template-columns: 74% 26%;
  padding: 10px;
}
#headerblock .headbland {
  display: block;
}
#headerblock .headbland a {
  text-decoration: none;
}
#headerblock .headbland p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  font-size: 1rem;
  color: #000000;
  margin: 5px 0;
}
#headerblock .headbland .headH1box {
  width: 100%;
  display: grid;
  grid-template-columns: 8% 92%;
}
#headerblock .headbland .headH1box h1 {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  color: rgba(121, 0, 0, 1);
}
#headerblock .headbland .headH1box h1.campany {
  font-size: 1.18rem;
  line-height: 1.1;
  display: inline-block;
}
#headerblock .headbland .headH1box h1.co-name {
  font-size: 2.27rem;
  display: inline-block;
  margin-top: -7px;
}
#headerblock .phonebox {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  font-size: 0.9rem;
  line-height: 1.3;
  color: #000000;
  margin-top: 9px;
}
#headerblock .phonebox span {
  font-family: 'Noto Sefif JP', serif;
  font-weight: 700;
  font-size: 1.4rem;
  color: #000000;
}
#headerblock .phonebox img {
  width: 12%;
  height: auto;
}
#headerblock .phonebox img:after {
  content: ' ';
}

#metaslider_18 {
    margin-top: 5px;
}
#metaslider_18 ul.slides {
    margin: 0;
    padding: 0;
}
.headimg {
    margin-top: 5px;
}
/* =メインメニュー部分
----------------------------------------------- */
.headermenublocks{
    width: 100%;
    height: 30px;
    margin: 0px auto 0;
    position: relative;
    background-image: linear-gradient(#f5a600 3%, #fdc246 40%, #ffd500 40%, #ffb825 3%);
}
.headermenublocks input#checked {
    display: none;
}
.headermenublocks .navi ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.headermenublocks .navi ul li{
  position: relative;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  transition: .4s;
  color: #4d4631;  /*[HOME]ボタン色より暗く*/
}
.headermenublocks .navi ul li#menu-item-34 {
  padding: 2px 12px 3px 12px;
  border-right: solid 1px #4d4631;
}
.headermenublocks .navi ul li#menu-item-33 {
  padding: 2px 12px 3px 12px;
  border-right: solid 1px #4d4631;
}
.headermenublocks .navi ul li#menu-item-32 {
  padding: 2px 12px 3px 12px;
  border-right: solid 1px #4d4631;
}
.headermenublocks .navi ul li#menu-item-29 {
  padding: 2px 13px 3px 13px;
  border-right: solid 1px #4d4631;
}
.headermenublocks .navi ul li#menu-item-31 {
  padding: 2px 13px 3px 13px;
  border-right: solid 1px #4d4631;
}
.headermenublocks .navi ul li#menu-item-30 {
  padding: 2px 13px 3px 13px;
  border-right: solid 1px #4d4631;
}
.headermenublocks .navi ul li#menu-item-35 {
  padding: 2px 12px 3px 12px;
}
.headermenublocks .navi ul.menu li a {
  text-decoration: none;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 0.95em;
  font-weight: 400;
  color: #4d4631;  /*ボタン色より暗く*/
}
.headermenublocks .navi ul.menu li a:hover {
  color: #FFFFFF;  /*ボタン色より明るく*/
}
.headermenublocks .navi ul li#menu-item-34:hover {
  /*[HOME]マウスを重ねたとき*/
  background-image: linear-gradient(#d18791 47%, #ac6e77 53%);
}
.headermenublocks .navi ul li#menu-item-33:hover {
  /*[入園案内]マウスを重ねたとき*/
/**  background-image: linear-gradient(#d6a873 47%, #af895e 53%);**/
  background-image: linear-gradient(#d3c251 47%, #ad9f40 53%);
}
.headermenublocks .navi ul li#menu-item-32:hover {
  /*[方針と特徴]マウスを重ねたとき*/
  background-image: linear-gradient(#6fb2c5 47%, #5993a3 53%);
}
.headermenublocks .navi ul li#menu-item-29:hover {
  /*[幼稚園の一日]マウスを重ねたとき*/
  background-image: linear-gradient(#a6bf84 47%, #879d6c 53%);
}
.headermenublocks .navi ul li#menu-item-31:hover {
  /*[園行事]マウスを重ねたとき*/
  background-image: linear-gradient(#b390b1 47%, #937692 53%);
}
.headermenublocks .navi ul li#menu-item-30:hover {
  /*[先生紹介]マウスを重ねたとき*/
  background-image: linear-gradient(#b69e84 47%, #95816c 53%);
}
.headermenublocks .navi ul li#menu-item-35:hover {
  /*[先生紹介]マウスを重ねたとき*/
  background-image: linear-gradient(#e7abf3 47%, #9e6eac 53%);
}

/***************** [ footer.php ] *****************/
hr {
    border: solid 1px #444444;
}
#sidebar-bottm {
    display: block;
    width: 100%;
    margin: 0;
}
#nav_menu-2 ul {
    margin: 0 auto 20px;
    padding: 0 0 0 3px;
    list-style-image: url("/wp-content/themes/arkheChaild/images/maru_btn.gif");
}
#nav_menu-2 ul li {
    display: inline list-item;
}
#nav_menu-2 ul li a {
    font-size: 0.85rem;
    text-decoration: none;
    color: #003366;
    margin-right: 1em;
}
#footer_cc .footer_ad1 {
    width: 900px;
    display: block;
    font-size: 0.9rem;
    margin: 18px 0px 3px 3px;
    border-left-style: ridge;
    border-left-color: #CC6600;
    border-left-width: 7px;
    text-align: left;
    text-indent: 0px;
    padding: 2px 0 2px 8px;
    line-height: 1.3em;
    color: #444444;
}
#footer_cc p {
    font-family: 'Noto Sans JP', sans-serif;
    margin: 5px 0 0 0;
    font-size: 0.7em;
    text-align: left;
    padding: 5px 0 5px 24px;
    width: 783px;
    color: #666666;
    clear: both;
}
#pagetopbox {
  position: fixed;
  width: 45px;
  height: 45px;
  bottom: 80px;
  right: 25px;
  z-index:2800;
  overflow: hidden;
  cursor: pointer;
}
#pagetopbox a svg {
  width: 45px;
  height: 45px;
  fill: #6395d57d;
}
#pagetopbox a svg:hover {
  fill: #6395d5;
}

/***************** [ index.php ] *****************/
main#main_content {
    display: inline-block;
    width: 542px;
}
#sidebar {
    display: inline-block;
    width: 245px;
    position: absolute;
    top: 0;
    right: 0;
}
#main_content .topcoment {
    margin: 0;
    padding: 0;
    text-align: justify;
}
#main_content .topcoment h2 {
    font-family: 'Noto Sans JP', sans-serif;
    color: #666633;
    font-size: 1.2em;
    padding: 0px 0px 0 0;
    margin: 5px 0 7px 5px;
    width: 510px;
    font-weight: bold;
}
#main_content .topcoment p {
    line-height: 2.0em;
    font-size: 0.9em;
    margin-bottom: 15px;
    margin-top: 20px;
    padding: 7px 7px 7px 5px;
}
#main_content .newsarea {
    margin: 3px 0px 20px 0px;
    width: 533px;
    font-size: 0.9em;
    float: left;
}
#main_content .newsarea ul {
    width: 554px;
    margin: 5px 0px 5px -20px;
    font-size: 1em;
    border-top: 1px dotted #CCCCCC;
    clear: both;
    list-style-image: url("/wp-content/themes/arkheChaild/images/mark_yazirusi.gif");
}
#main_content .newsarea ul li {
    font-size: 1.1em;
    border-bottom: 1px dotted #CCCCCC;
    padding: 4px 0;
}
#main_content .newsarea ul li a {
    text-decoration: none;
    color: #003366;
}
#main_content .newsarea h2 {
  height: auto;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
  background-image: url("/wp-content/themes/arkheChaild/images/h2.gif");
  background-repeat: no-repeat;
  background-position: 0 7px;
  background-size: 102%;
  text-indent: 0px;
  padding: 5px 0 20px 20px;
  margin: 0 0px 5px 2px;
}
#main_content .newsarea h2 span {
  height: auto;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  float: right;
  padding: 2px 10px;
  background-color: #ff7e00;
  border-radius: 5px;        /* CSS3草案 */
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */
}
#main_content .newsarea h2 span a {
  text-decoration: none;
  color: #ffffff;
}
#main_content .newsarea h2 span a:hover {
  color: #003366;
}
#tokuaimg {
  display: block;
  width: 100%;
  height: auto;
}
#tokuaimg  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 75%;
}

/* =サイドバー部分
----------------------------------------------- */
#sidebar h3 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.1rem;
    text-align: center;
    display: inline-block;
    padding: 2px;
    width: 96%;
    margin: 0;
    color: #ffffff;
    background-color: #ff7e00;
    border: solid 1px #444444;
}
#sidebar .textwidget {
    width: 93%;
    border: solid 1px #444444;
    padding: 5px;
}
#sidebar .textwidget h4 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 0.8rem;
    text-align: left;
    color: #444444;
    margin: 5px 0 0 0;
}
#sidebar .textwidget h5 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.1rem;
    text-align: right;
    color: #d10000;
    margin: 0;
}
#sidebar .textwidget h5 a {
    text-decoration: none;
    font-size: 1rem;
    color: #d10000;
}
#sidebar .textwidget p {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 0.7rem;
    text-align: center;
    color: #444444;
    margin: 0;
}
#sidebar .textwidget p a {
    text-decoration: none;
    color: #003366;
}
#sidebar .textwidget hr {
    border: solid 1px #444444;
}
#sidebar.r-sidebar a img:hover {
    filter: sepia(70%);
}

/***************** [ 固定ページ　共通 ] *****************/
#sub_content .sub_wrapper {
    width: 510px;
    height: auto;
    overflow: hidden;
}
#sub_content .sub_wrapper h2 {
    height: auto;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: #444444;
    background-image: url("/wp-content/themes/arkheChaild/images/h2.gif");
    background-repeat: no-repeat;
    background-position: 0 7px;
    text-indent: 0px;
    padding: 5px 0 20px 20px;
    margin: 0 0px 5px 2px;
}
#sub_content article h3 {
    height: auto;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.1rem;
    font-weight: 500;
    text-indent: 0px;
    color: #444444;
    padding: 0 0 0 6px;
    margin: 3px 0 10px 0px;
    border-bottom-width: 1px;
    border-bottom-color: #333300;
    border-bottom-style: dotted;
    border-left-color: #336633;
    border-left-style: groove;
    border-left-width: 8px;
    width: 490px;
    background-color: #FFFFFF;
    clear: both;
}
#sub_content article h4 {
    height: 20px;
    font-size: 1.25em;
    color: #FFFFFF;
    text-indent: 15px;
    padding: 2px 0 10px 0;
    margin: 25px 10px 5px 10px;
    border-bottom-style: groove;
    border-color: #FF9900;
    border-bottom-width: 1px;
    clear: both;
    font-weight: bold;
    background-color: #CC6600;
}
/***************** [ おいしい七城米ページ ] *****************/
.entry {
  display: block;
  margin: 0 0 2em;
  padding-left: 7px;
}
#awardsarea {
  display: block;
  margin: 0 0 2em;
  padding-left: 7px;
}
#awardsarea #awards-bacha,
#awardsarea #awards-bachb,
#awardsarea #awards-bachc {
  width: 100%;
  height: auto;
  margin-bottom: 1em;
  display: grid;
  grid-template-columns: 80% 20%;
}
#awardsarea #awards-bacha .awardtxt,
#awardsarea #awards-bachb .awardtxt,
#awardsarea #awards-bachc .awardtxt {
  padding: 1em;
  font-size: 0.885rem;
  color: #990000;
}
#awardsarea #awards-bacha img,
#awardsarea #awards-bachb img,
#awardsarea #awards-bachc img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center 75%;
  text-align: right;
}

/***************** [ おいしい食べ方ページ ] *****************/
#sub_content .cook_wrapper {
    width: 510px;
    height: auto;
    overflow: hidden;
}
#sub_content .cook_wrapper h2 {
    height: auto;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: #444444;
    background-image: url("/wp-content/themes/arkheChaild/images/h2.gif");
    background-repeat: no-repeat;
    background-position: 0 7px;
    text-indent: 0px;
    padding: 5px 0 20px 20px;
    margin: 0 0px 5px 2px;
}
#sub_content .cook_wrapper .sub-con h3 {
  height: auto;
  font-size: 1.7em;
  font-weight: bold;
  color: #FF6666;
  background-image: url(none);
  background-repeat: no-repeat;
  background-position: 0 0;
  text-indent: 0px;
  padding: 5px 0 5px 8px;
  margin: 0 0px 5px 2px;
  border-left: none;
  border-bottom: none;
  font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
#sub_content .cook_wrapper .sub-con h4 {
  color: #CC3333;
  border-bottom-width: 1px;
  border-bottom-style: ridge;
  border-left-color: #990000;
  border-bottom-color: #D4D0C8;
  background-color: #EEEEEE;
  border-left-style: solid;
  border-left-width: 5px;
  margin-left: 5px;
  padding-left: 10px;
}

/***************** [ 農薬等使用状況ページ ] *****************/
#sub_content .sub_wrapper ul {
  font-size: 0.9rem;
  line-height: 1.7;
}
#sub_content .sub_wrapper table {
  background-color: #dddddd;
  margin: 0.5em 0;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #8D928D;
  font-size: 0.8rem;
  line-height: 1.2;
}
.tb {
  width: 100%;
}
.tb td {
  text-align: center;
  color: #444444;
  background-color: white;
  border: solid 1px #8D928D;
  padding: 5px 3px;
}
.tb th {
  text-align: left;
  color: #444444;
  background-color: #F0F0F0;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #8D928D;
  padding: 5px;
}

/***************** [ 会社案内・概要ページ.php ] *****************/
.uline {
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  border-bottom-color: #CCCCCC;
  width: 510px;
  margin-left: 20px;
  line-height: 230%;
  font-family: 'Noto Sans JP', sans-serif;
}
section.cinfo {
  height: auto;
  min-height: 700px;
}
.uline span.px0em {
  margin-left: 0.5em;
}
.uline span.px1em {
  margin-left: 1em;
}

/***************** [ 商品一覧ページ ] *****************/
.text_red {
  color: red;
}
#sub_content .sub-con section.entry img.riceimg {
  width: 105px;
  height: auto;
  margin: 0 25px 25px 0;
  float: left;
}

/***************** [ 特定商取引法に基づく表記ページ ] *****************/
dl.sm {
  line-height: 1.3em;
  border-bottom: 1px dotted #DFDFDF;
  margin: 6px 0;
  padding: 0 0 6px 0;
  font-size: 0.9em;
  clear: both;
}
dl.sm dt {
  padding: 2px 0 0 5px;
  display: block;
  margin: 0 5px 0 5px;
  color: #915E48;
  font-family: "メイリオ", "ＭＳ Ｐゴシック";
  font-weight: bold;
  clear: both;
  float: left;
}
dl.sm dd {
  margin: 0 0 0 190px;
  list-style-type: none;
  width: 290px;
  padding: 2px 0px 2px 0px;
}

/***************** [ 七城町探報ページ ] *****************/
section.map-area, section.spottxt {
  width: 100%;
  margin: 0px 0px 2em;
}
section.map-area h4, section.spottxt h4 {
  width: 100%;
  margin: 25px 10px 5px 0px !important;
}
section.spottxt .spotbox {
  width: 100%;
  margin: 0px 0px 1em;
  display: inline-block;
}

/***************** [ 七城のこめ愛情ブログ blog ] *****************/
.headimg-single {
  margin-top: 1em;
}
.headimg-single p {
  font-size: 0.3rem;
  line-height: 1;
}
.headimg-blog {
  margin-top: 5px;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.headimg-blog .blogTitol {
  position: absolute;
  top: 83px;
  right: 13px;
}
.headimg-blog .blogTitol h2 {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: #ffffff;
}
.headimg-blog .blogTopTxt {
  position: absolute;
  bottom: 13px;
  right: 10px;
  text-align: right;
}
#main_content .blogarea {
  margin: 3px 0px 20px 0px;
  width: 510px;
  font-size: 0.9em;
  float: left;
  min-height: 1260px;
}
#main_content .blogarea h3 {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: #00a586;
  text-shadow: 0 0 5px white;
  padding: 0.1em 0.5em;
  margin: 0 auto 18px;
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
#main_content .blogarea ul {
  width: 510px;
  margin: 0px;
  padding: 0;
  font-size: 1em;
  clear: both;
  list-style: none;
}
#main_content .blogarea ul li {
  font-size: 1.1em;
  border-bottom: 1px dotted #CCCCCC;
  padding: 0 0 15px;
  margin-bottom: 2em;
}
#main_content .blogarea ul li.bloglist-li a {
  text-decoration: none;
  color: #00a586;
}
#main_content .blogarea ul li.bloglist-li a:hover,
#main_content .blogarea ul li.bloglist-li a:visited {
  color: #003366;
}
#main_content .blogarea ul li.bloglist-li::marker {
  vertical-align: top;
  list-style-position: outside;
}
#main_content .blogarea ul li .blogH3 {
  font-size: 0.7rem;
}
#main_content .blogarea ul li .blogH3 h4 {
  display: inline-block;
  width: 100%;
  border-bottom: dotted 1px rgba(121, 121, 121, 1);
  margin: 0;
  font-size: 1.2rem;
}
#main_content .blogarea ul li.bloglist-li .blogH3 p {
  text-align: justify;
  margin: 3px 0 0;
}
#main_content .blogarea ul li.bloglist-li {
  width: 97%;
  font-size: 1.1em;
  border-top: 1px dotted #CCCCCC;
  border-bottom: 1px dotted #CCCCCC;
  padding: 8px 0 5px 15px;
  margin-bottom: 1em;
  background-image: url("/wp-content/themes/arkheChaild/images/mark_yazirusi.gif");
  background-position:  left 0px top 18px;
  background-size: 11px;
  background-repeat: no-repeat;
  background-color: #f4fbff;
}

/******* [ ブログページ｜サイドバー｜ブログ一覧Widget ] *******/
#blog_sidebar, #calendar_wrap {
  padding: 0 5px 0 0;
  margin-bottom: 1em;
}
#blog_sidebar h3, #calendar_wrap h3 {
  width: 97%;
}
#blog_sidebar h3 a {
  text-decoration: none;
  color: #ffffff;
}
#blog_sidebar h3 a:hover {
  color: #003366;
}
#blog_sidebar .textwidget {
  width: 94.5%;
}
#blog_sidebar ul {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}
#blog_sidebar ul li {
  font-size: 0.9rem;
  line-height: 1.2;
  margin: 5px 0;
  padding-bottom: 5px;
  border-bottom: 1px dotted #CCCCCC;
}
#blog_sidebar ul li p.blogday {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.7rem;
  text-align: left;
  color: #444444;
  margin: 0;
}
#blog_sidebar ul li a {
  text-decoration: none;
  color: #006600;
}
#blog_sidebar ul li a:hover,
#blog_sidebar ul li a:visited {
  color: #003366;
}

/******* [ ブログページ｜月別アーカイブ ] *******/
#main_content .blogarea h1.page-title {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: #00a586;
  text-shadow: 0 0 5px white;
  padding: 0.1em 0.5em;
  margin: 0 auto 18px;
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
#main_content article {
  margin: 0 0 2em 0;
  width: 100%;
  overflow: hidden;
}
#main_content article h2 {
  height: auto;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.32rem;
  font-weight: 700;
  background-image: url("/wp-content/themes/arkheChaild/images/h2.gif");
  background-repeat: no-repeat;
  background-position: 0 7px;
  text-indent: 0px;
  padding: 5px 0 20px 20px;
  margin: 0 0px 5px 2px;
}
#main_content article h2 a {
  color: #08b200;
  text-decoration: none;
}
#main_content article .sub-title {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: right;
  margin: -18px 0 1em 0;
  border-bottom: 1px dotted #CCCCCC;
}
#main_content article .sub-title p {
  margin: 0 0 8px 0;
  text-indent: 1.5em;
}
#main_content article .sub-title .catname {
  display: flex;
  height: 18px;
  margin: 0 0 0 5px;
  padding: 2px 12px;
  background-color: #ff7e00;
  color: #ffffff;
  text-align: center;
  font-size: 0.7rem;
  border-radius: 4px;        /* CSS3草案 */
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;   /* Firefox用 */
}
#main_content article .text .wp-caption {
  width: 100% !important;
}
#main_content article .text a {
  width: 100%;
  height: auto;
  text-decoration: none;
  display: block;
}
#main_content article .text a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 75%;
}


/***************** [ お問い合わせページ ] *****************/
#wpcf7-f6-o1 {
  width: 510px;
  height: auto;
}
#wpcf7-f6-o1 table.mailform {
  width: 510px;
  background-color: #ffffff;
  margin: 0;
  border: none;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.2;
}
#wpcf7-f6-o1 table.mailform .required {
  padding: 2px 4px 3px;
  background-color: #FF0000;
  color: #ffffff;
  font-size: 0.6rem;
  font-weight: 500;
  text-align: center;
  border-radius: 3px;        /* CSS3草案 */
  -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;   /* Firefox用 */
}
#wpcf7-f6-o1 table.mailform td, #wpcf7-f6-o1 table.mailform th {
  border-bottom: dotted 1px #8D928D;
  vertical-align: top;
  padding: 10px 0;
  line-height: 1.5;
}
#wpcf7-f6-o1 table.mailform th {
  text-align: right;
}
#wpcf7-f6-o1 table.mailform td span {
  margin-top: 3px;
}
#wpcf7-f6-o1 form p.engtxt {
  font-size: 0.55rem;
  margin-top: 0px;
  font-weight: 300;
  color: #007CC2;
}
#yourEmail-1, #yourEmail-2, #co-name, #your-name, #assumed-name, #radio-sex, 
#telephone-number, #postcode, #address, #your-message, #sending-confirm　{
  text-align: right;
  padding-right: 10px;
}
input.wpcf7-submit {
  padding: 5px 15px;
  text-align: center;
  margin: 0 auto;
  display: block;
}
#wpcf7-f6-o1 table td.tdone {
  width: 30px;
}
#wpcf7-f6-o1 table th.title-contactform7 {
  width: 125px;
}
#wpcf7-f6-o1 .screen-reader-response {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 1em;
}
#wpcf7-f6-o1 .screen-reader-response p {
  margin: 0;
  background-color: #defffa;
  padding: 8px;
}
#wpcf7-f6-o1 .screen-reader-response ul {
  display: none;
}
#wpcf7-f6-o1 .wpcf7-response-output {
  display: block;
  width: 100%;
  padding: 10px;
  text-align: center;
  background-color: #defffa;
  margin-bottom: 3em;
}

/***************** [ お知らせ一覧ページ ] *****************/
#news-area ul {
  width: 510px;
  margin: 0;
  padding: 0 0 0 16px;
  list-style: none;
}
#news-area ul li {
  width: 100%;
  margin-bottom: 1em;
}
#news-area ul li h3.newstitol {
  width: 100%;
  font-size: 1.1em;
  border-top: 1px dotted #CCCCCC;
  border-bottom: 1px dotted #CCCCCC;
  border-left: none;
  padding: 5px 0 7px 15px;
  margin: 0;
  background-image: url("/wp-content/themes/arkheChaild/images/mark_yazirusi.gif");
  background-position: left 0px top 14px;
  background-size: 11px;
  background-repeat: no-repeat;
  background-color: #f4fbff;
}
#news-area ul li h3.newstitol a {
  color: #08b200;
  text-decoration: none;
}
#news-area ul li h3.newstitol a:hover {
  color: #003366;
}
#news-area ul li .daysubbox {
  width: 100%;
  height: 30px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: right;
  border-bottom: 1px dotted #CCCCCC;
}
#news-area ul li .daysubbox p.daybox {
  font-size: 0.8em;
  margin: 5px;
}
#news-area ul li .daysubbox .catbox {
  display: inline-block;
  height: 18px;
  font-size: 0.7em;
  padding: 2px 10px;
  margin: 4px 0 0 5px;
  float: right;
  color: #ffffff;
  background-color: #08b200;
  border-radius: 5px;        /* CSS3草案 */
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */
}
#news-area ul li p.daybox span.catbox a {
  text-decoration: none;
  color: #ffffff;
}
#news-area ul li p.daybox span.catbox a:hover {
  color: #003366;
}
#news-area ul li .gotobtn {
  margin: -0.5em auto 1em;
  float: right;
  padding-left: 13px;
  background-image: url("/wp-content/themes/arkheChaild/images/mark_yazirusi.gif");
  background-position: left 0px top 7px;
  background-size: 11px;
  background-repeat: no-repeat;
}
#news-area ul li .gotobtn a {
  text-decoration: none;
  color: #ff7e00;
}
#news-area ul li .gotobtn a:hover {
color: #003366;
}
/***************** [ 404ページ　404.php ] *****************/
.page-404 h1 {
  display: block;
  padding: 0 0 10px;
  border-bottom: dotted 1px rgba(149, 216, 191, 1);
  margin: 0 0 1em !important;
}
.p404_img {
  overflow: hidden;
}
.p404_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 75%;
}
.page-404 p {
  padding: 3em 0 5em !important;
}
.page-404 a {
  display: table;
  margin: 3em auto 6em;
  text-align: center;
  text-decoration: none;
  padding: 2px 1.5em;
  border: solid 1.5px rgba(184, 124, 124, 1);
  border-radius: 20px;        /* CSS3草案 */
  -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;   /* Firefox用 */
}
/***************** [ シングルページ　single.php ] *****************/
.headspace {
  display: block;
}
#single_content {
  width: 510px;
  height: auto;
  min-height: 800px;
  overflow: hidden;
}
#single_content .single_h2 h2 {
  display: block;
  width: 485px;
  margin: 0;
  font-size: 1.3rem;
  text-align: justify;
  line-height: 1.2em;
  overflow-wrap: break-word;
  word-break: break-all;
  padding: 5px 10px;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}
#single_content .single_h2 p {
  font-size: 0.7rem;
  text-align: right;
  margin: 3px 0 10px;
  overflow-wrap: break-word;
  word-break: break-all;
}
#single_content .sub-con p {
  font-size: 1rem;
  margin: 3px 0 10px;
  text-align: justify;
  overflow-wrap: break-word;
  word-break: break-all;
}
#single_content .sub-con p img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 75%;
}

/***************** [ レスポンシブ ] *****************/
/**** 小型スクリーン（max1550pxまでの画面） ****/
@media screen and (max-width: 1550px){
    
}

/**** タブレット 横から ****/
@media screen and (max-width: 1180px){
    
}

/**** タブレット 縦から ****/
@media screen and (max-width: 1024px){
    
}

/**** スマホ 横のみ ****/
@media screen and (max-width: 926px) {
    
}

/**** スマホ 縦のみ ****/
@media screen and (orientation: portrait) and (max-width: 500px) {
    
}