@charset "utf-8";/*@import url("./css/tables.css");@import url("./css/commonstyles.css");*//*==================================================基本スタイル サイト幅1080px==================================================*/html {/* フォントサイズデフォルト値設定 */  font-size: 10px;/*  font-family: sans-serif; *//*  font-family: 'Noto Sans JP', sans-serif; */  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;}/* v1.5 header追記 *//* @media screen and (max-width:767.98px) { */header { margin-bottom: 56px;}/* } *//* @media screen and (min-width:768px) and ( max-width:1031px) { */  @media screen and (min-width:768px) {  header {margin-bottom: 0;}}body {  margin: 0;}/* @media screen and (min-width:1032px) { */@media screen and (min-width:1080px) {header {margin-bottom: -24px;}/* v1.5 100vwをどこかに設定すると縦スクロールバーも横幅に含まれるためその分を削除 */  body {    overflow-x: hidden;  }}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {  display: block;}audio,canvas,progress,video {  display: inline-block;}audio:not([controls]) {  display: none;  height: 0;}progress {  vertical-align: baseline;}template,[hidden] {  display: none;}a {  background-color: transparent;  -webkit-text-decoration-skip: objects;}a:active,a:hover {  outline-width: 0;}abbr[title] {  border-bottom: none;  text-decoration: underline;  text-decoration: underline dotted;}b,strong {  font-weight: inherit;}b,strong {  font-weight: bolder;}dfn {  font-style: italic;}h1 {  font-size: 2em;  margin: 0.67em 0;}mark {  background-color: #ff0;  color: #000;}small {  font-size: 80%;}/* subは下付き小文字、supは上付き小文字 */sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}sub {  bottom: -0.25em;}sup {  top: -0.5em;}img {border-style: none;/* v1.5 コピー防止追記→停止 *//*pointer-events: none;-webkit-user-select: none;user-select: none;-webkit-touch-callout: none;*/}svg:not(:root) {  overflow: hidden;}code,kbd,pre,samp {  font-family: monospace, monospace;  font-size: 1em;}figure {  margin: 1em 40px;}hr {  box-sizing: content-box;  height: 0;  overflow: visible;}button,input,select,textarea {  font: inherit;  margin: 0;}optgroup {  font-weight: bold;}button,input {  overflow: visible;}button,select {  text-transform: none;}button,html [type="button"],[type="reset"],[type="submit"] {  -webkit-appearance: button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {  border-style: none;  padding: 0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {  outline: 1px dotted ButtonText;}fieldset {  border: 1px solid #c0c0c0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;}legend {  box-sizing: border-box;  color: inherit;  display: table;  max-width: 100%;  padding: 0;  white-space: normal;}textarea {  overflow: auto;}[type="checkbox"],[type="radio"] {  box-sizing: border-box;  padding: 0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {  height: auto;}[type="search"] {  -webkit-appearance: textfield;  outline-offset: -2px;}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}::-webkit-input-placeholder {  color: inherit;  opacity: 0.54;}::-webkit-file-upload-button {  -webkit-appearance: button;  font: inherit;}/*==================================================変数==================================================*//*==================================================基本スタイル==================================================*/body {/* v1.5 外背景色を白に変更→グラデーション *//*  background-color: #f4f4f4; */  background-color: rgba(255,255,255,1);  background: linear-gradient(to right, rgba(255,255,245,1), rgba(255,243,247,1), rgba(232,251,255,1));  /* v1.5 全体に背景画像を固定で設定→停止 *//* background-image: url(../img/haikei/h_back1_sd1.jpg); *//* background-position: center top; *//* background-repeat: no-repeat; *//*   background-attachment: absolute; *//* background-attachment: scroll; *//*   background-attachment: fixed; *//*   background-size: cover; *//*   background-size: contain; *//* 全体に背景画像を固定で設定ここまで *//* v1.5 文字・フォント設定 *//*  color: #333333; */  color: #27272e;/*  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */  font-family: "Noto Sans JP", sans-serif;/* v1.5 フォントサイズスマホは小さくする *//*  font-size: 16px; */  font-size: 1.3rem;  font-size: clamp(1.2rem, 3.4666vw, 1.6rem);  line-height: 1.8;/*  line-height: 2; */  text-align: center;  -webkit-text-size-adjust: 100%;/* v1.5 文字間追記 いったん停止 *//*  letter-spacing: 0.01em; */}/* v1.5 フォントサイズ追記 */@media screen and (min-width: 641px) {body {    font-size: 1.6rem;}}/* v1.5 幅300px未満はフォントサイズさらに小 */@media screen and (max-width: 299px) {body {font-size: 1.2rem;}}/* v1.5 フォント変更 *//* v1.5 フォント追記 *//* 明朝フォントに変更用 */.ffamily1 {  font-family: serif, sans-serif;}/* 幅の狭いおしゃれな英数字 */.foswald1 {  font-family: "Oswald", sans-serif;}/* youtube系マンガポップな文字 */.fyoutubepop1 {  font-family: "youtubepop", sans-serif;}/* ウルトラクイズな文字 */.fcpfont1 {  font-family: "CPFont", sans-serif;}/* ラノベな文字 */.flightnovel1 {  font-family: "LightNovel", sans-serif;}/* 女子丸文字 */.fmochiypop1 {  font-family: "Mochiypop-E", sans-serif;}/* けいふぉんと */.fkeifont1 {  font-family: "keifont", sans-serif;}/* 赤薔薇シンデレラ */.fakabara1 {  font-family: "akabara", sans-serif;}/* 昭和家電 */.fshowakaden1 {  font-family: "showakaden", sans-serif;}/* 肉球丸文字 */.fnikumaru1 {  font-family: "nikumaru", sans-serif;}/* 横須賀 *//*.fyokosuka1 {  font-family: "Yokosuka", sans-serif;}*//* とげとげフォント */.ftogeMaru1 {  font-family: "TogeMaruGothic", sans-serif;}/* ロックンロール */.frocknroll1 {  font-family: "RocknRoll One", sans-serif;}/* 透過型太ゴシック *//*.frampart1 {  font-family: "RampartOne", sans-serif;}*//* 平らな極太ゴシック */.fdelagothic1 {  font-family: "Dela Gothic One", sans-serif;}/* お洒落明朝普通・太い・800 */.fkaiseitokumin1 {  font-family: "Kaisei Tokumin", sans-serif;}/* ポップで可愛い普通・太い */.fkaiseidecol1 {  font-family: "Kaisei Decol", sans-serif;}/* ポップでなじみやすい普通・太字 */.fkaiseiopti1 {  font-family: "Kaisei Opti", sans-serif;}/* ファイナルファンタジー風 */.fff1 {  font-family: "finalfantasy", sans-serif;}/* ネオン風文字 */.fneon_font1 {  font-family: "Orbitron", "neon_mrt", sans-serif;}/* どきどきファンタジア・データ大きい */.fdokidoki1 {  font-family: "dokidoki", sans-serif;}/* JK文字・細い */.fjk-l1 {  font-family: "jk-l_3", sans-serif;}/* 未来風 */.fmirai1 {  font-family: "Ronde-B", sans-serif;}h1, h2, h3{  clear: both;}h2,h3,h4,h5,h6{  overflow: hidden;/* 20211001追記 */  font-weight: bold;/*  font-weight: normal; */}.clear {  clear: both;  font-size: 1px;  line-height: 0;}p {  margin: 0;}img {  height: auto;  max-width: 100%;  vertical-align: middle;}/* リスト==================================================*/#main ul {  list-style: outside none none;  margin: 0 -4px 0 -6px;  padding: 0;}@media screen and (min-width: 768px) {#main ul{margin: 0;}}#main ul > li {  line-height: 1.7;  margin: 20px 0;  padding: 0 0 0 1.4em;  position: relative;}#main ul > li::before {  background-color: #f18583;  border-radius: 2px;  content: '';  height: 0.375em;  position: absolute;  top: 0.7em;  left: 0.3em;  width: 0.375em;  font-weight:bold;  text-align:center;}table ul li::before {  top: 0.5em;}#main table ul,#main table ol{  margin:10px 0;}#whatsnew ul li::before{  display:none;}#main ol {  counter-reset: number;  list-style: outside none none;  margin: 0 -4px -6px -6px;  padding: 0;}@media screen and (min-width: 768px) {#main ol{margin: 0;}}#main ol > li {  line-height: 1.7;  margin: 20px 0;  padding: 0 0 0 1.8em;  position: relative;}#main ol > li::before{  box-sizing: border-box;  color: #f18583;  border-radius: 2px;  content: '';  height: 0.375em;  position: absolute;  top: 0.6em;  left: 0;  width: 1.5em;  font-weight:bold;  text-align:center;}table ul li:before {  top: 0.5em;}#main table ul,#main table ol{  margin:10px 0;}#whatsnew ul li:before{  display:none;}#main ol > li::before {  counter-increment: number;  content: counter(number,decimal) ".";  top: 0;}/* 横並び用 */#main ul.list_y1 {  list-style: none;}#main ul.list_y1 > li.list_y1 {  display: inline-block;  padding: 0 1em;  margin: 20px 0 0;}#main ul.list_y1 > li.list_y1::before {  content: none;}/* 横並び用ここまで *//* v1.5 リスト内にリスト　テスト中 *//*#main ul > li ul,#main ul > li ol,#main ol > li ul,#main ol > li ol {  margin: 14px 0;}*//* メインは質問 */#main ul > li.quest1 {background-image: url(../img/li1.png);background-position: 7px 12px;background-repeat: no-repeat;padding: 14px 4px 6px 50px;margin-left: 3%;position: relative;}#main ul > li.quest1:before {background-color: transparent;}@media screen and (min-width: 641px) {#main ul > li.quest1 {background-image: url(../img/li1.png);background-position: 12px 15px;background-repeat: no-repeat;padding: 14px 10px 0 60px;margin-left: 4%;position: relative;}}li.hoshi1 {background-image: url(../img/hoshi1.png);background-position: 6px 2px;background-repeat: no-repeat;padding: 5px 0 5px 34px;position: relative;}/* リンク==================================================*/a {  color: #4887d9;/* v1.5 下記追記 */text-decoration: none;}a img {  background: none !important;}/* v1.5 hover全サイズに適用 *//* @media screen and (min-width: 1000px) { */  a:hover {color: #f18583;text-decoration: none;  }/* v1.5 ホバー時の文字の動きを停止 *//*  #main a:hover, #menu a:hover, #rmenu a:hover, #pagetop a:hover {left: 1px;position: relative;top: 1px;  }}*//* v1.5 下線を付ける */.a_uline1 {border-bottom: 1px solid;font-weight: bold;cursor: pointer;}.a_uline1_1 {border-bottom: 1px solid;cursor: pointer;}.a_uline2 {border-bottom: 1px dotted;font-weight: bold;cursor: pointer;}.a_uline2_1 {padding-bottom: 1px dotted;cursor: pointer;}.link_box3 {  width: 100%;  height: 100%;}/*==================================================全体==================================================*//* レイアウト==================================================*//* v1.5 設定不要のため#contentsコメントアウト *//* #contents { *//* v1.5 透過設定 *//*background-color: #fff; *//*background: rgba(255,255,255,0); *//* } */#siteNavi {  color: rgba(106, 106, 106, 1);  font-size: 1.2rem;  line-height: 1.6;  margin: 0 0 -2px;  padding: 10px 0 4px 10px;/* v1.5 以下横スクロール＆スクロールバーを消す */  overflow-x: scroll;  word-break: keep-all;  white-space: nowrap;  -webkit-overflow-scrolling: touch;/* IE、Edge用 */  -ms-overflow-style: none;/* Firefox用 */  scrollbar-width: none;}/* Chrome、Safari用 */#siteNavi::-webkit-scrollbar {  display: none;}/* v1.5 siteNavi追記 */@media screen and (min-width: 641px) {  #siteNavi {      font-size: 1.4rem;  }}@media screen and (min-width: 768px) {  #contents {position: relative;z-index: 0;  }  #contents::after {clear: both;content: '';display: block;  }#siteNavi {    margin: 30px 0 -5px 0;    padding: 6px 0 7px 8px;}}@media screen and (min-width: 864px) {  #siteNavi {/* v1.5 ヘッダー画像無し時のmarginを調整 */    margin: -30px 0 -7px 2px;    padding: 4px 0 10px 8px;  }}@media screen and (min-width: 1080px) {  #contents {  margin: 0 auto;    max-width: 1080px;    z-index: 0;  }  #siteNavi {    margin: -31px calc(50% - 50vw) -7px calc(54% - 50vw);    max-width: 100vw;  }}/* 検索ボックス==================================================*//* v1.5 テスト運用 横向きのスマホでは検索は表示させない */@media screen and (orientation:landscape) and (max-width: 767.98px) {#searchbox {display: none;    }}#searchbox {/* v1.5 背景色変更 */  background-color: #ee5dae;  border-top: 1px solid #ce7399;  padding: 6px 10px;}#searchbox form {  position: relative;}#searchbox form::before {  border: 2px solid #808080;  border-radius: 11px;  box-sizing: border-box;  content: '';  height: 11px;  position: absolute;  right: 16px;/* v1.5 ○印位置調整 *//*  top: 12px; */  top: 8px;  width: 11px;}#searchbox form::after {  background-color: #808080;  border-radius: 10px;  content: '';  height: 6px;  position: absolute;  right: 15px;/* v1.5 -印位置調整 *//*  top: 20px; */  top: 16px;  transform: rotate(-45deg);  width: 3px;}#searchbox input {  -webkit-appearance: none;}#searchbox input[type="text"], #searchbox input[type="search"] {/* v1.5 背景色追記 */  background-color: #ffefff;  border: none;  border-radius: 2px;  box-sizing: border-box;  cursor: auto;  font-size: 1.2rem;/* v1.5 line-heightからheight,padding変更 *//*  line-height: 18px; */  height: 28px;  padding: 4px 40px 4px 10px;  width: 100%;}#searchbox input[type="submit"] {  background-color: transparent;  border: medium none;  cursor: pointer;  height: 38px;  overflow: hidden;  padding: 0;  position: absolute;  right: 0;  text-indent: 200%;  top: 0;  white-space: nowrap;  width: 40px;}@media screen and (min-width: 768px) {  #searchbox {background-color: transparent;border-top: none;float: right;margin-left: 10px;padding: 2px 0;width: 240px;  }  #searchbox form::before {right: 11px;top: 8px;  }  #searchbox form::after {right: 10px;top: 16px;  }  #searchbox input[type="text"], #searchbox input[type="search"] {background-color: #f9f9f9;/* v1.5 line-heightからheightに変更 *//*line-height: 18px; */height: 28px;padding: 3px 30px 4px 10px;/* v1.5 box-shadow追記 */box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 3px 0px inset;  }  #searchbox input[type="submit"] {height: 30px;width: 30px;  }}@media screen and (min-width: 1080px) {  #searchbox input[type="text"], #searchbox input[type="search"] {border: 1px solid transparent;  }  #searchbox input[type="text"]:focus, #searchbox input[type="search"]:focus {background-color: #fff;border: 1px solid #e1e3e5;outline: 0;/* v1.5 box-shadow追記 */box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 3px 0px inset;  }}/* 回り込み・回り込み解除==================================================*/.txt-img img {  margin: 0 8px 8px 8px;}.center {  margin: 5px 0;  text-align: center;}.float-l {  float: left;}.float-r {  float: right;}.float-l img,.float-r img {  margin-bottom: 20px;}.float-l img {  margin-right: 20px;}.float-r img {  margin-left: 20px;}/* v1.5 addon_stylesからg_clear1追記 *//* .clear, .FloatEnd { */.clear,.FloatEnd,.g_clear1 {  clear: both;  font-size: 1px;  height: 0;  line-height: 0;}/*==================================================トップ部分==================================================*//* トップ==================================================*/#top {/*  background-color: rgba(160,216,239,0.9); */  background: linear-gradient(to right, rgba(255,255,245,0.9), rgba(255,243,247,0.9), rgba(232,251,255,0.9));  text-align: left;min-height: 62px;margin-bottom: 0;}.inner {display: block;min-height: 62px;width: 100%;z-index: 9999;}#top h1 {  font-size: 1.3rem;line-height: 1.6;margin: -4px 0 -8px 0;padding: 14px 46px 9px 10px;}#top h1 a {color: #333333;text-decoration: none;}@media screen and (min-width: 864px) {  #top {/* ロゴ左寄せのためheight変更 *//*height: auto; */    height: 115px;/* v1.5 背景画像を透過させる下記追記 *//*  background-color: transparent; */    background: linear-gradient(to right, rgba(255,255,245,0), rgba(255,243,247,0), rgba(232,251,255,0));  }  #top .inner {  overflow: hidden;  padding: 10px 10px 0 10px;  position: static;  width: auto;  height: auto;  }  #top::after {  clear: both;  content: '';  display: block;  }  #top h1 {  display: inline-block;  padding: 0;  margin: 2px 0 -4px 6px;  }}@media screen and (min-width: 1080px) {/* ロゴ左寄せのため#top追記 */  #top {    height: 140px;  }  #top .inner {  margin: 0 auto 24px;  padding: 10px 0 0;  max-width: 1080px;  }  #top h1 a:hover {  color: #f18583;  }/* ロゴ左寄せのため追記 */  #top h1 {    position: absolute;    margin: 0;    top: 12px;    left: 3%;  }}/* ヘッダー==================================================*/#header {  background-color: transparent;  height: auto;  overflow: hidden;  position: relative;}#header img {height: auto;margin-bottom: 10px;width: 100%;/* v1.5_20200312 現時点ではcover追記設定しない *//* background-size:cover; */}/* v1.5 header文字、記事１にヘッダー画像記載時追記 */#header .headertxt2,.rnd1_header1 .headertxt2  {  color: #fff;  font-size: 2.4rem;  font-weight: 700;  position: absolute;  left: 4%;  top: 10%;  display: inline-block;  width: 90%;  line-height: 2em;  overflow:hidden;z-index: 101;}#header .headertxt3,.rnd1_header1 .headertxt3 {  color: #fff;  font-size: 2.4rem;  font-weight: 700;  position: absolute;  left: 4%;  bottom: 8%;  display: inline-block;  width: 90%;  line-height: 2em;  overflow:hidden;z-index: 101;}/* v1.5 header文字、記事１にヘッダー画像記載時追記ここまで *//* v1.5 headertxtは使わない *//*#header #headertxt {  margin-bottom: 14px;  overflow: hidden;  text-align: left;}#header #headertxt div:nth-child(2) {  margin-top: 5px;}*/#header .title,#header .desc {  margin: 0;  padding: 0 15px;}#header .title {font-size: 1.6rem;font-weight: 700;  line-height: 1.5;  position: absolute;  top: 20%;  left: 0%;  display: inline-block;  width: 75%;  letter-spacing:3px;  overflow:hidden;  text-overflow: ellipsis;  max-height:4.5em;}#header .title a {  color: #D6605F;  text-decoration: none;}#header .desc {  font-size: 1.4rem;  line-height: 1.5;  max-height:4.5em;  overflow:auto;}#header .title img,#header .desc img{  width:auto;}@media screen and (min-width: 480px) {#header .title{  font-size: 2rem;  }}/* v1.5 header文字、記事１にヘッダー画像記載時追記 */@media screen and (min-width:641px) and ( max-width:767.98px) {#header .headertxt2,#header .headertxt3,.rnd1_header1 .headertxt2,.rnd1_header1 .headertxt3 {    font-size: 2.4rem;}}/* v1.5 追記ここまで */@media screen and (min-width: 768px) {#header {margin: 0 auto;width: 100%;z-index: 0;}#header img {margin-bottom: 0;}/* v1.5 header文字、記事１にヘッダー画像記載時追記 */#header .headertxt2,.rnd1_header1 .headertxt2 {    font-size: 2.8rem; top: 8%;left: 0.2%;}#header .headertxt3,.rnd1_header1 .headertxt3 {    font-size: 2.8rem;bottom: 10px;left: 0.2%;}/* v1.5 追記ここまで *//* v1.5 headertxtは使わない *//*#header #headertxt {left: 0;margin: 0;overflow: hidden;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}#header #headertxt div:nth-child(2) {margin-top: 15px;}*/#header .title,#header .desc {left: 5%;margin: 0;padding: 0;position: relative;width: 90%;max-height:100%;overflow:visible;}#header .title {margin: auto;font-size: 2.8rem;line-height: 1.3;width: 70%;max-height:100%;}}@media screen and (min-width: 1080px) {  #header {  height: auto;  max-width: 1080px;/* v1.5 ヘッダー画像上マージン短縮追記 */  margin: -24px auto 0;  }  #header > img {  width:100%;  height:auto;  }  #header .title {  font-size: 3.6rem;  width: 90%;  }  #header .title a {transition: text-shadow 0.1s ease 0s;  }  #header .title a:hover {  color: #f18583;  }  #header .desc {  font-size: 1.4rem;  }}/* トップメニュー==================================================*//* ハンバーガーメニュー */#topmenubtn {cursor: pointer;display: block;height: 38px;overflow: hidden;position: absolute;right: 5px;text-indent: 200%;top: 5px;white-space: nowrap;width: 44px;background-color: #fff;border-radius: 3px;margin-top: 4px;}/* v1.5 GalaxyFold,iPhone5対応 */@media screen and (max-width: 320px) {#topmenubtn {height: 34px;width: 40px;top: 4px;right: 2px;}}/* v1.5 GalaxyFold対応ここまで */#topmenubtn::before {/* v1.5 ３本ライン色ピンク */border-bottom: 3px solid #ee5dae;border-top: 3px solid #ee5dae;content: '';height: 4px;left: 12px;position: absolute;top: 10px;width: 20px;/* v1.5 アニメーション追記 */transition: all 0.3s ease-out;}#topmenubtn::after {/* v1.5 ３本ライン色ピンク */border-top: 3px solid #ee5dae;content: '';height: 0;left: 12px;position: absolute;top: 24px;width: 20px;/* v1.5 アニメーション追記 */transition: all 0.3s ease-out;}/* v1.5 GalaxyFold,iPhone5対応 */@media screen and (max-width: 320px) {#topmenubtn::before,#topmenubtn::after {left: 10px;}}/* v1.5 GalaxyFold対応ここまで *//* メニュー表記ありの場合 */#topmenubtn {text-indent: 0;padding-top: 30px;height: 50px;top: 0;font-size: 1rem;text-align: center;box-sizing: border-box;}/* 以下スマホメニュー用設定 *//* スマホメニューcssアコーディオンここから */#topmenubox {position: absolute;width: 100%;/* v1.5 未表示なのにリンクが現れるのを防ぐ */overflow: hidden;/* 滑らか表示にはdisplay切り替えを使わずmax-heightを使う *//*display: none; */max-height: 0;/* 未表示なのにリンクが現れるのを防ぐここまで *//* v1.5 アニメーション追記 */transition: all 0.4s ease-out;/* transition: opacity 0.1s ease 0s; */}input#panel[type="checkbox"] {display: none;}input#panel[type="checkbox"] ~ #topmenubox {opacity: 0;z-index: -1;}input#panel[type="checkbox"]:checked + #topmenubtn::before {border-bottom: none;/* v1.5 ３本ライン色ピンク */border-top: 3px solid #ee5dae;height: 0;top: 17px;transform: rotate(45deg);/* v1.5 ハンバーガーアニメーション追記 */transition: all 0.3s ease-in;}input#panel[type="checkbox"]:checked + #topmenubtn::after {/* v1.5 ３本ライン色ピンク */border-top: 3px solid #ee5dae;top: 17px;transform: rotate(-45deg);/* v1.5 ハンバーガーアニメーション追記 */transition: all 0.3s ease-in;}input#panel[type="checkbox"]:checked ~ #topmenubox {opacity: 1;/* v1.5 メニューとトップの間margin-top設定 */margin-top: 8px;z-index: 50;/* v1.5 スマホトップメニュー固定のため以下設定 *//* 滑らか表示にはdisplay切り替えを使わずmax-heightを使う *//*display: inline; */max-height: 999px;/* v1.5 メニューアニメーション追記 */transition: all 0.4s ease-in;}#topmenu ul {margin: 0;padding: 0;}/* v1.5 #topmenu ul p追記 */#topmenu ul a,#topmenu ul p {/* v1.5 トップメニュー色変更 */  background-color: #e64ee6;/*  background-color: #ff2b83; */  border-top: 1px solid #ff99ff;/* トップメニュー色変更ここまで */color: #ffefff;display: block;  font-size: 1.5rem;line-height: 3.8;/* v1.5 メニューサイズ変更 *//*padding: 15px 35px 15px 20px; */  padding-right: 35px;  padding-left: 20px;position: relative;text-align: left;text-decoration: none;margin:0;}/* v1.5 フォントサイズ追記・メニュー切替サイズ *//* @media screen and (min-width: 641px) and ( max-width:863px) { */@media screen and (min-width: 641px) {#topmenu ul a,#topmenu ul p {    font-size: 1.5rem;}}/*  v1.5 メニューログイン用バックカラー設定追記 */#topmenu ul a.topmenu_login,#topmenu ul p.topmenu_login {background-color: #192f60;background-image: linear-gradient(#915da3, #192f60);}/* v1.5 hover追記 */#topmenu ul a:hover,#topmenu ul p:hover {background-color: #ed90b2;}#topmenu ul a.topmenu_login:hover,#topmenu ul p.topmenu_login:hover {background-color: #915da3;background-image: linear-gradient(#915da3, #915da3);}/* v1.5 hover追記ここまで *//* v1.5 #topmenu ul p追記 */#topmenu ul a::before,#topmenu ul p::before {  border-right: 2px solid #ffefff;border-top: 2px solid #ffefff;content: '';height: 6px;margin-top: -3px;position: absolute;right: 20px;top: 50%;transform: rotate(45deg);width: 6px;}.menuon {display: block !important;}/* v1.5 下記追記、メニュー幅調整 */@media screen and (min-width: 641px) {#topmenu ul a,#topmenu ul p {    line-height: 4;    padding-right: 35px;    padding-left: 20px;}}/* v1.5 テスト運用 横向きのスマホ用 */@media screen and (orientation:landscape) and (max-width: 863.98px) and (max-height: 767.98px) {#topmenu ul a,#topmenu ul p {    line-height: 2.6;    padding-right: 35px;    padding-left: 20px;}}/* スマホメニューcssアコーディオンここまで */@media screen and (min-width: 864px) {#topmenubtn {display: none;}#topmenubox {display: inline;opacity: 1 !important;position: static;width: auto; }#topmenu {/* v1.5 影を付けるときはblockからinline-blockにする *//*display:block; */display: inline-block;margin: 16px -10px -4px -10px;/* v1.5 メニューの影設定 */box-shadow: 0 3px 5px rgba(163, 113, 113, 0.5);/*  inline-blockごとの隙間を埋めるためにfont-size: 0設定 */    font-size: 0;}#topmeu ul {list-style: none;}/* v1.5 バックカラー追記 */#topmenu ul a, #topmenu ul p {    background-color: #e64ee6;border-top: none;    font-size: 1.5rem;    line-height: 1.8;}/*  v1.5 メニューログイン用バックカラー設定追記 */#topmenu ul a.topmenu_login,#topmenu ul p.topmenu_login {/* モーブ～アイアンブルー */background-color: #192f60;background-image: linear-gradient(#915da3, #192f60);}/* v1.5 バックカラー追記ここまで *//* v1.5 hover追記 */#topmenu ul a:hover, #topmenu ul p:hover {background-color: #ed90b2;background-image: linear-gradient(#ed90b2, #ed90b2);}#topmenu ul a.topmenu_login:hover,#topmenu ul p.topmenu_login:hover {background-color: #915da3;background-image: linear-gradient(#915da3, #915da3);}/* v1.5 hover追記ここまで */#topmenu ul li {list-style: none;    padding: 0;margin: 0;    font-size: 1.5rem;    line-height: 1.8;    background-image: none;/* v1.5 メニューバナー可変にするため以下コメントアウト *//*width: 20%; *//* max-width: auto; *//*<% topMenuWidth_fix %> *//* コメントアウトここまで *//* float廃止、inline-block追記 *//*float:left; */    display: inline-block;box-sizing: border-box;    min-width: 90px;}/* v1.5 #topmenu ul li p追記 */#topmenu ul li a,#topmenu ul li p {padding: 10px 8px 8px 7px;/*width: 100%; */    max-width: 100%;    min-width: 68px;text-align: center;border-left: solid 1px rgba(255,255,255,0.5);  box-sizing: border-box;}/* v1.5 #topmenu ul li p追記 */#topmenu ul li:first-child a,#topmenu ul li:first-child p {border-left: none;}/* v1.5 #topmenu ul li p追記 */#topmenu ul li a:hover,#topmenu ul li p:hover {color:#FFF;background-color: #c85cff;text-decoration:none;}/* v1.5 #topmenu ul li p追記 */#topmenu ul a::before,#topmenu ul p::before {display:none;}}@media screen and (min-width: 1080px) {/* v1.5 メニューバナー左マージン追記 */#topmenu{margin-left: 0;}/* v1.5 #topmenu ul li p追記 */#topmenu ul a:hover,#topmenu ul p:hover {color: #f18583;}}/*==================================================v1.5 トップメニュー固定追記==================================================*//* トップメニューワイド設定 */@media screen and (min-width:864px) {  .absolbar {    position: absolute;    top: 48px;    left: 20px;  /*width: 100%; */    max-width: auto;    z-index: 10000;  }.fixedbar {position: fixed;/* transformスクロール中もメニュー表示させる *//*transform: translate3d(0, 0, 0); */    top: 0;    left: 20px;/*width: 100%; */max-width: auto;z-index: 10000;    margin-top: -16px;}}@media screen and (min-width:1080px) {.absolbar,.fixedbar {    left: 3%;  }}/* トップメニューワイド設定ここまで *//* トップメニュースマホ設定 */#menuboxsmall {position: static;}@media screen and (max-width: 863.98px) {#menuboxsmall {position: fixed;/* transformスクロール中もメニュー表示させる */transform: translate3d(0, 0, 0);top: 0;/*right: 0; */left: 0;/* max-widthを使う時は上のrightも解除 */width: 100%;/* max-width: 100px; *//*max-width: auto; *//*height: 75%; */z-index: 10001;}#menuboxsmall #top {box-shadow: 0 2px 5px 0 rgba(51, 51, 51, 0.5);}#headerbox {margin-top: 34px;}}/* トップメニュースマホ設定ここまで *//* トップメニュー固定追記ここまで *//*==================================================メインコンテンツ==================================================*//* 記事領域==================================================*/#main {text-align: left;/* v1.5 mainに背景画像を固定で設定停止中 *//*background-image: url(../img/ushi1_2.png);background-position: top center;background-repeat: no-repeat;background-attachment: fixed;background-size: auto;background-color: fff;*//* mainに背景画像を固定で設定ここまで */}/* v1.5_20200312 text1をヘッダー画像エリアにする */#text1 {  margin: 60px 0 0;  background-position: center center;  background-size: cover;  width: 100%;}@media screen and (min-width:864px) {  #text1 {    margin: 0;  }}@media screen and ( min-width:1080px) {  #text1 {    margin: -25px 0 0;  }}/* v1.5_20200312 text1をヘッダー画像エリアにするここまで *//* v1.5_20200312 text1を除外 */#main .text, #text2, #text3, #text4, #text5, #text6, #text7, #text8, #text9, #text10, #space1, #space2 {  overflow: visible;  margin-bottom: 24px;}@media screen and (min-width: 768px) {#main .text, #text2, #text3, #text4, #text5, #text6, #text7, #text8, #text9, #text10, #space1, #space2 {    margin-bottom: 30px;}}@media screen and (min-width: 768px) {  #main {  box-sizing: border-box;    padding: 30px 0 0 0;/* v1.5 margin-topスマホメニュー固定時の被り防止pcは0にリセット */    margin-top: 0;  }}/* 見出し==================================================*//* h2 *//* v1.5 追加背景カラーはaddon_stylesで設定 *//* v1.5 文字カラーはaddon_stylesで設定 */#main h2 {   background-color: #fff;  box-shadow: 0px 4px 4px -2px rgba(0,0,0,0.3);  text-align: center;/*  font-size: 1.7rem;  font-size: clamp(1.7rem, 4.5333vw, 1.85rem);*/  font-size: 2.7rem;  line-height: 2;  margin: 0;  padding: 0 15px;  position: relative;  z-index: 1;}/* h2２段 */#main h2.h2_2dan1 {  font-size: 2.4rem;  font-size: clamp(2.2rem, 6.4vw, 2.7rem);  line-height: 1;  letter-spacing: -0.01em;  padding: 10px 15px 9px;}/* ２段で一部の文字を３段階アップさせる場合（主に綾ちゃんの名前） */#main h2.h2_2dan1 span.h2_2dan1_up3 {  font-size: 2.7rem;  font-size: clamp(2.4rem, 7.2vw, 2.8rem);  letter-spacing: 0.01em;}/* 一部のフォント上下幅調整 */#main h2.h2_2dan1 span.fnikumaru1 {  line-height: 0.9;}@media screen and (min-width: 641px) {#main h2 {    font-size: 3.2rem;    line-height: 2;    padding: 6px 15px 7px;  }/* h2２段 */  #main h2.h2_2dan1 {    font-size: 3.2rem;/*  font-size: clamp(1.7rem, 4.5333vw, 1.85rem); */   }/* ２段で一部の文字を0.3段階アップさせる場合（主に綾ちゃんの名前） */  #main h2.h2_2dan1 span.h2_2dan1_up3 {    font-size: 3.5rem;/*  font-size: clamp(2.4rem, 6.9333vw, 2.8rem); */  }}@media screen and (min-width: 768px) {#main h2 {font-size: 3.2rem;    line-height: 2;  padding: 0 24px;position: relative;}/* h2２段 */  #main h2.h2_2dan1 {    font-size: 3.4rem;  /*  font-size: clamp(1.7rem, 4.5333vw, 1.85rem); */  }/* ２段で一部の文字を３段階アップさせる場合（主に綾ちゃんの名前） */  #main h2.h2_2dan1 span.h2_2dan1_up3 {    font-size: 3.7rem;/*    font-size: clamp(2.4rem, 6.9333vw, 2.8rem); */  }}/* キラッと光るアニメーション調整中 */#main h2.h2_2dan1 span.logo_shine1 {  border: 2px solid transparent;/*  position: relative; */  overflow: hidden;}#main h2.h2_2dan1 span.logo_shine1::before {  content: "";  animation: anime_logo_shine1 5s cubic-bezier(0.25, 0, 0.25, 1) infinite;  background-color: #fff;  width: 160%;  height: 100%;  transform: skewX(-45deg);  top: 0;  left: -100%;  opacity: 0;  position: absolute;}@keyframes anime_logo_shine1 {    0% {      left: -180%;      opacity: 0;    }    70% {      left: -180%;      opacity: 0.2;    }    71% {      left: -180%;      opacity: 0.4;    }    100% {      left: -20%;      opacity: 0;    }}/* キラッと光るアニメーションここまで *//* h2h3 タイトル用 */#main h2.h_title1,#main h3.h_title1 {  background-color: transparent;  font-size: 2rem;  font-size: clamp(1.8rem, 5.3333vw, 2.6rem);  line-height: 1.2em;  text-align: start;  display: inline-block;  padding: 0 2em 0.2em;  white-space: pre-wrap;  min-width: 20%;  position: relative;  z-index: 2;}/* h2 ayaロゴ打ち消し */#main h2.h_title1::before,#main h2.h_title1::after {  content: none;}#main h2.h_title_mgn1,#main h3.h_title_mgn1 {  margin: 0 5px -16px;}#main h2.h_title_mgn2,#main h3.h_title_mgn2 {  margin: 0 5px -1.5em;}#main h2.h_title_mgn3,#main h3.h_title_mgn3 {  margin: 0 5px -2.5em;}@media screen and (min-width: 641px) {  #main h2.h_title1.h_title_mgn1,  #main h3.h_title1.h_title_mgn1,  #main h2.h_title1.h_title_mgn2,  #main h3.h_title1.h_title_mgn2,  #main h2.h_title1.h_title_mgn3,  #main h3.h_title1.h_title_mgn3 {    font-size: 3rem;    margin-left: 10px;    margin-right: 10px;  }}/* h3でh4スタイル、文字サイズは大きい */#main h3.typeh4 {  border-bottom: 2px solid #ffb6c1;  font-size: 2rem;  font-size: clamp(1.8rem, 5.3333vw, 2.4rem);  line-height: 2.6;  margin: -6px 0 18px;  overflow: hidden;  padding: 0 5px;  position: relative;  border-radius: 2px;  z-index: 2;}@media screen and (min-width: 641px) {    #main h3.typeh4 {      font-size: 2.8rem;      line-height: 2.2;      margin: -6px 0 18px;    }}@media screen and (min-width: 768px) {    #main h3.typeh4 {      margin: -6px 0 18px;    }}/* h2,h3にあるリンク設定 */#main h2 a,#main h3 a{color:#FFF;}#main h2 a:not([href]),#main h3 a:not([href]) {  text-decoration:none;}#main #sitemaps + h2,#main #sitemaps + h3,#main #searchresult + h2,#main #searchresult + h3 {  border-top: none;}/* h2,h3＋サイトマップ＋フリースペース */#main #sitemaps + h2 + #space2,#main #sitemaps + h3 + #space2,#main #searchresult + h2 + #space2,#main #searchresult + h3 + #space2 {  border-bottom: 1px solid #e1e3e5;}@media screen and (min-width: 768px) {#main #sitemaps + h2 + #space2,#main #sitemaps + h3 + #space2,  #main #searchresult + h2 + #space2,#main #searchresult + h3 + #space2 {border-bottom: none;}}/* h4 *//* v1.5 白グラデ→背景色なし */#main h4 {  border-bottom: 2px solid #da81b2;  font-size: 1.5rem;  font-size: clamp(1.3rem, 4vw, 1.65rem);  line-height: 2.6;  margin: -6px 0 18px;  overflow: hidden;  padding: 0 5px;  position: relative;  border-radius: 2px;  z-index: 2;}/* v1.5 oswaldフォント使用時 */#main h4 span.foswald1 {  line-height: 2.4;}/* v1.5 h4が２段 */#main h4 span.h4_2dan1 {  display: block;  padding-bottom: 6px;  padding-left: 30px;  line-height: 1;}@media screen and (min-width: 768px) {  #main h4 span.h4_2dan1 {    display: inline-block;    padding-bottom: 0;    padding-left: 0;    line-height: 2;  }}/* h3h4目次用 */#main h3.mokuji1,#main h4.mokuji1,#main h3.mokuji2,#main h4.mokuji2 {  background-position: 0.34em 0.1em;  background-repeat: no-repeat;  background-size: 1.6em auto;  border-bottom: 2px solid #f3a68c; /* アプリコット */  font-size: 2rem;  font-size: clamp(1.6rem, 5.3333vw, 2.3rem);  line-height: 1.6em;  margin: 8px 0 4px;/* v1.5 ワンポイントと合わせて右ずらし */  padding: 0.2em 0 0 2.4em;  overflow: hidden;}#main h3.mokuji1,#main h4.mokuji1 {  background-image: url(../img/aya_emblem5_2.png);}#main h3.mokuji2,#main h4.mokuji2 {  background-image: url(../img/aya_emblem6_2.png);}@media screen and (min-width: 641px) {  #main h3.mokuji1,  #main h4.mokuji1,  #main h3.mokuji2,  #main h4.mokuji2 {    font-size: 2.4rem;  }}/* h4.h4logo1 AYAロゴあり追記、h3はblock,h4はinline-block */#main h3.h3logo1,#main h4.h4logo1 {    border-bottom: 2px solid #da81b2;    font-size: 2.4rem;    font-size: clamp(2.4rem, 6.4vw, 2.7rem);    line-height: 9.4rem;/*    line-height: clamp(9.4rem, 9.4rem, 10.574rem); */    height: 64px;     white-space: pre-wrap;    margin: -6px 0 18px;    padding: 0 5px 0 52px;      position: relative;    border-radius: 2px;}#main h3.h3logo1 {  display: block;}#main h4.h4logo1 {  display: inline-block;  padding-right: 20px;}#main h3.h3logo1::before,#main h4.h4logo1::before {    position: absolute;    content: '';/*    background-position: left bottom; */    bottom: 0;    left: 5px;    background-repeat: no-repeat;    z-index: -1;  /*  display: inline-block; */    width: 100%;    height: 64px;    background-image: url(../img/logo/aya2_4_2.png);    background-size: contain;    vertical-align: middle;}@media screen and (max-width: 340px) {    #main h3.h3logo1,    #main h4.h4logo1 {      font-size: 2rem;      line-height: 7.4rem;      height: 52px;      padding-left: 44px;    }    #main h4.h4logo1 span.h4logo1_2 {      font-size: 1.3rem;      line-height: 9rem;      height: 52px;       margin-left: 2rem;    }    #main h3.h3logo1::before,    #main h4.h4logo1::before {      height: 52px;    }}/* v1.5 h3h4 grid内で左右margin調整（h3h4内容は同じ） */#main h3.grid_m,#main h4.grid_m {  margin: -2px 5px 18px;}/* grid用、h4.logo2追記 */#main h3.h3logo2,#main h4.h4logo2 {  border-bottom: 2px solid #da81b2;  font-size: 2.3rem;  font-size: clamp(1.8rem, 6.1333vw, 2.7rem);  line-height: 10rem;/*  display: inline-block; */  height: 71px;   vertical-align: bottom;  margin: -6px 0 18px;  padding-left: 11px;  white-space: pre-wrap;  position: relative;  z-index: 2;}/* h4.logo2::before追記 */#main h3.h3logo2::before,#main h4.h4logo2::before {  position: absolute;  content: '';  bottom: 0;  left: 5px;  background-repeat: no-repeat;  z-index: -1;  width: 100%;  height: 66px;  margin-top: 5px;  background-image: url(../img/logo/aya2_4_3.png);  background-size: contain;  vertical-align: middle;}@media screen and (min-width: 641px) {  #main h4 {font-size: 2rem;    line-height: 2.4;    margin: -7px 0 18px;}#main h4 span.foswald1 {    line-height: 2.2;  }/* h4.h4logo1追記 */  #main h3.h3logo1,  #main h4.h4logo1 {    font-size: 3.4rem;/*    font-size: clamp(2rem, 1vw, 3.2rem); */    line-height: 8.6rem;    max-width: 100%;    height: 66px;    padding-left: 85px;    white-space: normal;  }/* h4.logo1::before追記 */  #main h3.h3logo1::before,  #main h4.h4logo1::before {    height: 66px;  }/* h4.h4logo2追記、grid用 */  #main h3.h3logo2,  #main h4.h4logo2 {    font-size: 2.9rem;    line-height: 9.6rem;    max-width: 100%;    height: 74px;    padding-left: 52px;    white-space: normal;  }/* h4.logo2::before追記 */  #main h3.h3logo2::before,  #main h4.h4logo2::before {    height: 70px;    margin-top: 3px;  }}@media screen and (min-width: 768px) {#main h4 {    margin: -6px 0 18px;}/* v1.5 grid内で左右margin調整 */#main h4.grid_m {margin: 0 -4px 18px;}/* h4.h4logo1追記 */  #main h3.h3logo1,  #main h4.h4logo1 {    font-size: 3.4rem;/*    font-size: clamp(2.2rem, 90vw, 3.2rem); */    line-height: 8.6rem;    max-width: 100%;    height: 66px;    padding-left: calc(1% + 90px);    white-space: normal;  }/* h4.h4logo1::before追記 */  #main h3.h3logo1::before,  #main h4.h4logo1::before {    height: 66px;    left: 2%;  }/* h4.h4logo2追記、grid用 */  #main h3.h3logo2,  #main h4.h4logo2 {    font-size: 2.6rem;    font-size: clamp(2.6rem, 3.0092vw, 2.8rem);    line-height: 9.6rem;    max-width: 100%;    height: 73px;    padding-left: 10px;    white-space: normal;  }}/* h5 */#main h5 {  background-image: url(../img/h5.png);  background-position: 0.46em 0.15em;  background-repeat: no-repeat;  background-size: 1.18em auto;  font-size: 1.5rem;  font-size: clamp(1.3rem, 4vw, 1.8rem);  line-height: 1.4;  margin: 14px 0 8px 0;  padding: 0 0 0 2em;  overflow: hidden;}#main h5.mokuji1 {  background-image: url(../img/mokuji1.png);}/* v1.5 h5.center1 追記　*/#main h5.center1 {  background-image: none;  font-size: 1.6rem;  letter-spacing: 0.02em;  line-height: 1.4;  margin: 20px 0 6px 0;  padding: 0;  overflow: visible;}#main h5 img {  margin: -22px 0 0;  padding: 0 2px 0 0;}/* v1.5 h5 左やや中央よりに配置追記、r2はpcでは基本の位置 */#main h5.h5r1,#main h5.h5r2 {background-position: 1.2em 0.1em;padding: 0 0 0 2.9em;}@media screen and (min-width: 641px) {#main h5,  #main h5.center1 {    background-position: 0.4em 0.1em;    font-size: 1.8rem;}}@media screen and (min-width: 768px) {  #main h5,  #main h5.center1 {    background-position: 0.4em 0.1em;    font-size: 1.8rem;  }#main h5.h5r2 {background-position: 0.4em 0.1em;padding: 0 0 0 2em;}}/* h6 */#main h6 {  background-image: url(../img/i_fuki1.png);  background-position: 2em 0.2em;  background-repeat: no-repeat;  background-size: 1.2em 1.1em;  font-size: 1.5rem;  font-size: clamp(1.3rem, 4vw, 1.75rem);  line-height: 1.5;  margin: 10px auto;  padding: 0 0 0 3.5em;  overflow:hidden;}#main h6.no_item1 {  background-image: none;  background-size: 1.2em 1.1em;  font-size: 1.4rem;  line-height: 1.5;  margin: 10px auto;  padding: 0 0 0 3.5em;  overflow:hidden;}@media screen and (min-width: 641px) {#main h6 {    font-size: 1.8rem;}}@media screen and (min-width: 768px) {  #main h6 {    background-position: 2.2em 0.2em;    padding: 0 0 0 3.7em;    font-size: 1.8rem;}}/* blockquote */#main blockquote {  background-color: #eee;  border: none;  color: #1a1a1a;  font-size: 1.6rem;  line-height: 1.8;  margin: 25px 0;  padding: 15px;  position: relative;}@media screen and (min-width: 768px) {#main blockquote {padding: 20px;}}#main .txt-decbox1 .top_box h3,#main .txt-decbox2 .top_box h3 {box-shadow: none;}/*==================================================画像付きボックス==================================================*/.alert, .accept, .attention, .thint {  background-image: none;  border: none;  font-size: 1.3rem;  line-height: 1.8;  margin: 20px 0 12px;  padding: 20px 12px 16px;  position: relative;border-radius: 6px;}@media screen and (min-width: 641px) {.alert, .accept, .attention, .thint {font-size: 1.6rem;}}.alert::before, .accept::before, .attention::before, .thint::before {  background-position: left top;  background-repeat: no-repeat;  background-size: 43px auto;  top: -20px;  content: '';  height: 47px;  left: -8px;  position: absolute;  width: 43px;}.alert.noimage, .accept.noimage, .attention.noimage, .thint.noimage {  margin: 15px 0;  text-indent: 0;}.alert.noimage::before, .accept.noimage::before, .attention.noimage::before, .thint.noimage::before {  display: none;}@media screen and (min-width: 768px) {  .alert, .accept, .attention, .thint {  margin: 25px 0 20px;  padding: 14px 30px;  }}.attention {  background-color: #fef8e0;  border-top: 1px solid #f9ead6;  color: #ca7f1d;}.attention::before {  background-image: url(../img/attention.png);}.accept {  background-color: #effada;  border-top: 1px solid #e4eddd;  color: #346f15;}.accept::before {  background-image: url(../img/accept.png);}.alert {  background-color: #fceded;  border-top: 1px solid #f2dde1;  color: #a24659;}.alert::before {  background-image: url(../img/alert.png);}.thint {  background-color: #eff4fa;  border-top: 1px solid #dee3eb;  color: #436690;}.thint::before {  background-image: url(../img/thint.png);}.user1,.user2 {  background-position: 10px 7px;  background-repeat: no-repeat;  background-size: 52px auto;  border: none;  line-height: 1.8;  min-height: 36px;  overflow: hidden;  position: relative;  height: auto;  z-index: 0;}.user1::after,.user2::after {  background: rgba(85,85,85,0.2);  border-radius: 3px;  bottom: 10px;  content: '';  left: 80px;  position: absolute;  right: 0;  top: 0;  z-index: -1;}.user1.noimage,.user2.noimage {  background-image: none;  padding: 15px 25px 15px 35px;}.user1.noimage::before,.user2.noimage::before {  left: 13px;}.user1.noimage::after,.user2.noimage::after {  left: 20px;}@media screen and (min-width: 768px) {  .user1,  .user2 {  background-position: 15px 12px;  background-size: 65px auto;  min-height: 50px;  }  .user1::before,  .user2::before {  left: 88px;  }  .user1::after,  .user2::after {  left: 95px;  }  .user1.noimage,  .user2.noimage {  padding: 20px 25px 20px 40px;  }}/*==================================================FAQ==================================================*/.question1,.answer1 {  background-image: none;  font-weight: normal;  line-height: 2;  padding: 13px 16px 13px 64px;  position: relative;}.question1::before,.answer1::before {  font-size: 2.8rem;  left: 20px;  position: absolute;  text-align: center;  top: 0;  width: 1em;}.question1 {  background-color: #f7f7fa;  border: 1px solid #e6e6e6;  border-bottom: none;  border-radius: 5px 5px 0 0;  margin: 15px 0 0;}.question1::before {  color: #1c72a6;  content: 'Q';}.answer1 {  background-color: #fff;  border: 1px solid #e6e6e6;  border-top: none;  border-radius: 0 0 5px 5px;  margin: 0 0 15px;}.answer1::before {  color: #ae4453;  content: 'A';}@media screen and (min-width: 768px) {  .question1 {  margin-top: 20px;  }  .answer1 {  margin-bottom: 20px;  }}.question2,.answer2 {  background-image: none;  box-sizing: border-box;  font-weight: normal;  line-height: 2;  min-height: 46px;  padding: 8px 0 0 58px;  position: relative;}.question2::before,.answer2::before {  background: #f7f7fa none repeat scroll 0 0;  border-radius: 50%;  font-size: 2.2rem;  height: 46px;  left: 0;  line-height: 46px;  position: absolute;  text-align: center;  top: 0;  width: 46px;}.question2 {  margin: 20px 0 10px;}.question2::before {  color: #1c72a6;  content: 'Q';}.answer2 {  border: none;  margin-bottom: 25px;}.answer2::before {  color: #ae4453;  content: 'A';}@media screen and (min-width: 768px) {  .question2 {  margin: 30px 0 20px;  }  .answer2 {  margin-bottom: 35px;  }}/*==================================================サイドメニュー==================================================*//* メニュー==================================================*/#menu,#rmenu {  background-color: #f9f9f9;  overflow: hidden;  padding: 30px 10px 0;  text-align: left;  box-sizing: border-box;}#menu h4,#rmenu h4 {  color: #333;  background-color: #fff;  border-right: 6px solid #f18583;  border-bottom: 3px solid #f18583;  margin: 0;  position: relative;  margin: 0;  padding: 13px 15px 9px 10px;  position: relative;  overflow: hidden;}#menu h4 span,#rmenu h4 span {  background-image: url(../img/menu_h4.png);  background-position: left 0.15em;  background-repeat: no-repeat;  background-size: 1em auto;  box-sizing: border-box;  display: block;  line-height: 1.4;  min-height: 1.4em;  padding: 0 0 0 24px;}#menu .title,#rmenu .title {  color: #333;  background-color: #fff;  border-right: 6px solid #f18583;  border-bottom: 3px solid #f18583;  margin: 0;  position: relative;  margin: 0;  padding: 13px 15px 9px 10px;  position: relative;  overflow: hidden;}#menu .title span,#rmenu .title span {  background-image: url(../img/menu_h4.png);  background-position: left 0.15em;  background-repeat: no-repeat;  background-size: 1em auto;  box-sizing: border-box;  display: block;  line-height: 1.4;  min-height: 1.4em;  padding: 0 0 0 24px;}#menu .menuitem,#rmenu .menuitem{  margin:0 0 15px 0;}ul#submenu {  border: 1px solid #ddd;  margin: 0;  padding: 10px 30px;}ul#submenu li, ul#submenu li a {  margin: 0;  padding: 0;  line-height: 2;}#menu .menulist ul,#rmenu .menulist ul {  border-right: 1px solid #ddd;  border-bottom: 1px solid #e1e3e5;  border-left: 1px solid #ddd;  list-style: outside none none;  margin: 0;  padding: 0;}#menu .menulist li,#rmenu .menulist li {  background-color: #fff;  border-bottom: 1px solid #e1e3e5;}#menu .menulist li:last-child,#rmenu .menulist li:last-child {  border-bottom: none;}#menu .menulist li a,#rmenu .menulist li a {  color: #4d4d4d;  display: block;  font-size: 1.3rem;  line-height: 1.6;  padding: 15px 35px 15px 15px;  position: relative;  text-decoration: none;}#menu .menulist li a::before,#rmenu .menulist li a::before {  border-right: 2px solid #c2c2c2;  border-top: 2px solid #c2c2c2;  content: '';  height: 6px;  margin-top: -3px;  position: absolute;  right: 20px;  top: 50%;  transform: rotate(45deg);  width: 6px;}#menu .menulist li a span,#rmenu .menulist li a span {  background-color: #f9f9f9;  border: 1px solid #e1e3e5;  border-radius: 3px;  color: #999;  display: inline-block;  font-size: 1.2rem;  line-height: 1.6;  margin: 0 5px;  padding: 0 0.4em;}#menu .menulist .l2,#rmenu .menulist .l2 {  border-bottom: 1px dashed #e1e3e5;}#menu .menulist .l2 a,#rmenu .menulist .l2 a {  margin: 0 10px;  padding: 14px 25px 14px 20px;}#menu .menulist .l2 a::before,#rmenu .menulist .l2 a::before {  right: 10px;}#menu .menulist .l3,#rmenu .menulist .l3 {  border-bottom: 1px dashed #e1e3e5;  background-color:#F7F7F7;}#menu .menulist .l3 a,#rmenu .menulist .l3 a {  margin: 0 10px;  padding: 10px 25px 10px 40px;}#menu .menulist .l3 a::before,#rmenu .menulist .l3 a::before {  right: 10px;}#menu .rankbox,#rmenu .rankbox {  border-bottom: 1px solid #e1e3e5;  padding: 0 10px 10px;}@media screen and (min-width: 768px) {  #menu,  #rmenu {  background-color: transparent;  }  #menu h4,  #menu .title,  #rmenu h4,  #rmenu .title {  margin-bottom: -1px;  }  #menu .menubox,  #rmenu .menubox {  margin-bottom: 20px;  }}@media screen and (min-width: 1080px) {  #menu .menulist ul,  #rmenu .menulist ul {  border-right: none;  border-left: none;  }  #menu .menulist li,  #rmenu .menulist li {  border-left: 1px solid #e1e3e5;  border-right: 1px solid #e1e3e5;  }  #menu .menulist li a:hover,  #rmenu .menulist li a:hover {  color: #f18583;  }  #menu .menulist li a:hover::before,  #rmenu .menulist li a:hover::before {  border-right: 2px solid #f18583;  border-top: 2px solid #f18583;  }}/* バナー領域==================================================*/.bannerbox {  border-bottom: 1px solid #e1e3e5;  position: relative;}.bannerbox ul {  list-style: outside none none;  margin: 0;  padding: 10px 0 0;}.bannerbox li {  margin-bottom: 10px;  text-align: center;}.bannerbox li a img {  vertical-align: bottom;}@media screen and (min-width: 768px) {  .bannerbox ul {  padding: 10px 10px 0;  }}@media screen and (min-width: 1080px) {  .bannerbox {  border: none;  }  .bannerbox ul {  list-style: outside none none;  margin: 0;  padding: 0;  }}/* 最新記事・アーカイブ==================================================*/ul#newEntry, ul#entryarchive {  border-right: 1px solid #ddd;  border-left: 1px solid #ddd;  list-style: outside none none;  margin: 0;  padding: 0;}ul#newEntry li, ul#entryarchive li {  background-color: #fff;  border-bottom: 1px solid #e1e3e5;  color: rgba(51, 51, 51, 0.7);  font-size: 1.3rem;  line-height: 1.6;  padding: 15px;}@media screen and (min-width: 1080px) {  ul#newEntry, ul#entryarchive {  background-color: #fff;  border: 1px solid #e1e3e5;  padding: 13px 15px;  }  ul#newEntry li, ul#entryarchive li {  background-color: transparent;  border: none;  margin-bottom: 10px;  padding: 0 0 0 1.23077em;  position: relative;  }  ul#newEntry li:last-child, ul#entryarchive li:last-child {  margin-bottom: 0;  }  ul#newEntry li::before, ul#entryarchive li::before {  content: '・';  left: 0;  position: absolute;  }}/*==================================================フッター==================================================*/#footer {  background-color: transparent;  margin-top: 50px;}#footer #footermenu,#footer #footsub {  padding: 0;}#footer #footermenu a,#footer #footsub a {  background-color: #f5f5f5;  border-bottom: 1px solid #e1e3e5;  color: 333;  display: block;  font-size: 1.3rem;  line-height: 1.6;  padding: 15px 35px 15px 15px;  position: relative;  text-align: left;  text-decoration: none;  margin:0;}#footer #footermenu a::before,#footer #footsub a::before {  border-right: 2px solid #c2c2c2;  border-top: 2px solid #c2c2c2;  content: '';  height: 6px;  margin-top: -3px;  position: absolute;  right: 20px;  top: 50%;  transform: rotate(45deg);  width: 6px;}#footer small {  color: 333;  display: block;  font-size: 1rem;  line-height: 1.6;  padding: 17px 10px;}@media screen and (min-width: 768px) {  #footer {  border-top: 1px solid #e1e3e5;  margin: 100px auto 0;  }  #footer #footermenu,  #footer #footsub {  display: inline;  letter-spacing: -.40em;  }  #footer #footermenu a,  #footer #footsub a {  background-color: transparent;  border: none;  display: inline-block;  font-size: 1.5rem;  letter-spacing: normal;  margin: 10px 15px;  padding: 0;  }  #footer #footermenu a::before,  #footer #footsub a::before {  display: none;  }  #footer small {  font-size: 1.2rem;  padding: 10px 10px 32px;  }}@media screen and (min-width: 1080px) {  #footer {  padding: 32px 0 0;  max-width: 1080px;  }  #footer #footermenu a:hover,  #footer #footsub a:hover {  color: #f18583;  text-decoration: underline;  }  #footer small {  padding: 20px 10px 42px;  }}/*==================================================トップページ==================================================*/#whatsnew .title {  background-color: #f18583;  padding: 6px 15px;}#whatsnew .title span {  background-image: url(../img/whatsnew_title.png);  background-position: left 0.16667em;  background-repeat: no-repeat;  background-size: 1.72222em auto;  box-sizing: border-box;  color: #FFF;  display: block;  font-size: 2rem;  font-weight: normal;  line-height: 1.5;  min-height: 1.66667em;  padding: 0 0 0 2.33333em;}#whatsnew ul {  list-style: outside none none;  margin: 0;  padding: 0;  background-color: #fafafa;}#whatsnew ul li {  border-bottom: 1px solid #ccc;  font-size: 1.6rem;  line-height: 1.8;  margin: 0;  padding: 15px;}#whatsnew ul li span:nth-last-of-type(2) {  color: #8b8b8b;  display: block;  letter-spacing: 0;  margin-bottom: 5px;}@media screen and (min-width: 768px) {  #whatsnew {  margin-bottom: 20px;  }  #whatsnew .title {    padding: 10px;  }  #whatsnew .title span {  margin-left: 5px;  }  #whatsnew ul {  border-collapse: collapse;  display: table;  overflow: visible;  width: 100%;  }  #whatsnew ul li {  display: table-row;  }  #whatsnew ul li span {  display: table-cell;  padding: 17px;  vertical-align: top;  }  #whatsnew ul li span:nth-last-of-type(2) {  display: table-cell;  margin: 0;  padding-right: 20px;  white-space: nowrap;  width: 1%;  }}/*==================================================カテゴリーページ==================================================*/#categorylist {  background-color: #ebebeb;  overflow: hidden;}#categorylist .catbox {  background-color: #fafafa;  border: 1px solid #ddd;  margin-bottom: 10px;  overflow: hidden;  padding: 15px;  position: relative;}#categorylist .catbox:first-of-type {  margin-top: 10px;}#categorylist .title {  border-bottom: 2px solid #ced2d6;  margin-bottom: 10px;  padding: 0 0 6px;}#categorylist .title a  {  background-image: url(../img/category_title.png);  background-position: left 0.11111em;  background-repeat: no-repeat;  background-size: 2em auto;  color: #737373;  display: inline-block;  font-size: 1.8rem;  line-height: 1.5;  min-height: 1.72222em;  padding: 0 0 0 2.22222em;  text-decoration: none;}#categorylist .thumb {  margin: 0 0 10px;  text-align: center;}#categorylist .thumb img {/*  vertical-align: bottom; */  display:block;  margin:0 auto 10px auto;}#categorylist p {  color: #595959;  font-size: 1.3rem;  line-height: 2.375;  overflow: hidden;}#categorylist .more {  margin: 10px 0 0;}#categorylist .more a {  background-color: #f18583;  border-radius: 2px;  box-sizing: border-box;  color: #fff;  display: block;  font-size: 1.4rem;  overflow: hidden;  padding: 8px 10px 8px 0;  text-align: center;  text-decoration: none;}#categorylist .more a::before {  content: '≫';  letter-spacing: -2px;  padding-right: 0.5em;}#main #pagelist {  margin: 10px 0;  padding: 5px 0;  text-align: center;}#main #pagelist ul {  letter-spacing: -.40em;  list-style: outside none none;  margin: 0;  padding: 0;}#main #pagelist li {  display: inline-block;  letter-spacing: normal;  margin: 0 5px 10px !important;  padding: 0 !important;}#main #pagelist li::before {  display: none;}#main #pagelist a {  background-color: #f18583;  border-radius: 2px;  color: #fff;  display: inline-block;  padding: 4px 14px;  text-align: center;  text-decoration: none;}@media screen and (min-width: 768px) {  #categorylist {  background-color: transparent;  }  #categorylist .catbox {  margin-bottom: 20px;  padding: 20px 30px;  }  #categorylist .catbox:first-of-type {  margin-top: 20px;  }  #categorylist .title {  margin-bottom: 24px;  padding: 1px 0 6px;  }  #categorylist .title a {  background-position: left 0.2em;  background-size: 1.8em auto;  font-size: 2rem;  margin: 0 0 0 5px;  min-height: 1.7em;  padding: 0 0 0 2.3em;  }}@media screen and (min-width: 1080px) {  #categorylist .title a:hover {  color: #f18583;  text-decoration: underline;  }  #categorylist .more a {  border: 1px solid transparent;  padding: 2px 10px 2px 0;transition: all 0.1s ease 0s;  }  #categorylist .more a:hover {  background-color: #F8A296;  left: 0;  top: 0;  }  #main #pagelist a {  border: 1px solid transparent;  transition: all 0.1s ease 0s;  }  #main #pagelist a:hover {  background-color: #fea4be;  left: 0;  top: 0;  }}/*==================================================エントリーページ==================================================*/#entrylist {  background-color: #fff;}#entrylist h4 {  background-color: transparent;  border-top: 1px solid #e1e3e5;  border-bottom: 1px solid #e1e3e5;  margin: 0;  padding: 15px 5px;  border-radius: 0px;}#entrylist h4:before {  background: none;  display: none;}#entrylist h4 span {  background-image: url(../img/entry_title.png);  background-position: left 0.27778em;  background-repeat: no-repeat;  background-size: 1.83333em auto;  box-sizing: border-box;  color: #1a1a1a;  display: block;  font-size: 1.6rem;  font-weight: normal;  line-height: 1.5;  min-height: 1.77778em;  padding: 0.11111em 0 0 2.44444em;}#entrylist dl {  margin: 0;}#entrylist dt {  padding: 12px 15px;  position: relative;}#entrylist dt:first-child {  border-top: none;}#entrylist dt .entry_title a {  display: block;  font-size: 1.4rem;  line-height: 1.6;}#entrylist dl div {  border-bottom: 1px solid #e1e3e5;  overflow:hidden;}#entrylist dd {  color: #595959;  font-size: 1.2rem;  line-height: 1.6;  margin: -10px 0 0;  padding: 0 15px 12px;}#entrylist dd:after {  content: "";  clear: both;  display:  block;}#entrylist dl div:last-child {  border: none;}#relNavigate {  margin: 15px 0;  text-align: center;}#relNavigate a {  border-radius: 2px;  box-sizing: border-box;  display: inline-block;  font-size: 1.4rem;  padding: 5px 0;  width: 42%;}@media screen and (min-width: 768px) {  #entrylist {  margin: 0 -20px;  padding: 20px 25px;  }  #entrylist h4 span {  margin-left: 5px;  }  #entrylist dt {  padding: 16px 0;  }  #entrylist dd {  font-size: 1.3rem;  margin: -14px 0 0;  padding: 0 0 16px;  }  #relNavigate {  margin: 20px 0;  }  #relNavigate a {  background-color: transparent;  border-radius: 0;  display: inline;  font-size: 1.6rem;  margin: 0 30px;  text-decoration: underline;  width: auto;  }}@media screen and (min-width: 1080px) {  #relNavigate a:hover {  text-decoration: none;  }}/*==================================================サイトマップページ==================================================*/#sitemaps {  border-top: 1px solid #e1e3e5;}#sitemaps ul {  list-style: outside none none;  margin: 0;  padding: 0;}#sitemaps ul li {  padding:0;  margin:0;  background-color: #fff;  border-bottom: 1px solid #e1e3e5;}#sitemaps li a {  color: #4d4d4d;  display: block;  font-size: 1.3rem;  line-height: 1.6;  padding: 15px 35px 15px 15px;  position: relative;  text-align: left;  text-decoration: none;  margin:0;}#sitemaps ul li:before{display:none;}#sitemaps li a::before {  border-right: 2px solid #c2c2c2;  border-top: 2px solid #c2c2c2;  content: '';  height: 6px;  margin-top: -3px;  position: absolute;  right: 20px;  top: 50%;  transform: rotate(45deg);  width: 6px;}#sitemaps .l2 {  margin-top: -1px;}#sitemaps .l2 a {  border-top: 1px dashed #e1e3e5;  margin: 0 10px;  padding: 14px 25px 14px 15px;}#sitemaps .l2 a::before {  right: 10px;}#sitemaps .l3 {  margin-top: -1px;}#sitemaps .l3 a {  border-top: 1px dashed #e1e3e5;  margin: 0 10px 0 20px;  padding: 14px 25px 14px 40px;}#sitemaps .l3 a::before {  right: 10px;}#sitemaps br {  display: none;}@media screen and (min-width: 768px) {  #sitemaps {  border-top: none;  }  #sitemaps ul {  padding: 0 10px;  }  #sitemaps ul:first-of-type {  padding-top: 20px;  }  #sitemaps ul:last-of-type {  padding-bottom: 20px;  }  #sitemaps li,  #sitemaps .l2,  #sitemaps .l3 {  background-color: transparent;  border: none;  margin: 0 0 8px;  }  #sitemaps li a,  #sitemaps .l2 a,  #sitemaps .l3 a {  color: #4887d9;  display: inline-block;  font-size: 1.4rem;  line-height: 1.6;  padding: 0 0 0 20px;  }  #sitemaps li a::before,  #sitemaps .l2 a::before,  #sitemaps .l3 a::before {  display: none;  }  #sitemaps li a::after,  #sitemaps .l2 a::after,  #sitemaps .l3 a::after {  border-right: 2px solid #c2c2c2;  border-top: 2px solid #c2c2c2;  content: '';  height: 6px;  left: 0;  position: absolute;  top: 5px;  transform: rotate(45deg);  width: 6px;  }  #sitemaps .l2 {  margin-left: 20px;  }  #sitemaps .l2 a {  border: none;  margin: 0;  }  #sitemaps .l2 a::before {  left: 0;  }  #sitemaps .l3 {  margin-left: 50px;  }  #sitemaps .l3 a {  border: none;  margin: 0;  }  #sitemaps .l3 a::before {  left: 0;  }}@media screen and (min-width: 1080px) {  #sitemaps li a:hover {  color: #f18583;  text-decoration: underline;  }}/*==================================================フリースペース==================================================*/#space3, #space4, #space5, #space6 {  background-color: transparent;  overflow: hidden;  padding: 10px 0 10px 0;}@media screen and (min-width: 768px) {  #space3, #space4, #space5, #space6 {  padding: 10px 0 10px 0;  }}@media screen and (min-width: 1080px) {  #space3, #space4, #space5, #space6 {  border-top: 1px solid #ddd;  border-right: 1px solid #e1e3e5;  border-bottom: 1px solid #e1e3e5;  border-left: 1px solid #e1e3e5;  }}/*==================================================サイト内検索==================================================*/#searchresult {  border-bottom: 1px solid #e1e3e5;  padding: 15px;}#searchresult dl {  margin: -15px;}#searchresult dt {  font-size: 1.7rem;  line-height: 1.5;  padding: 20px 15px 0;}#searchresult dt a {  background-image: url(../img/category_title.png);  background-position: left 0.11111em;  background-repeat: no-repeat;  background-size: 2em auto;  line-height: 1.5;  min-height: 1.72222em;  padding: 0 0 0 2.22222em;  font-weight: normal;  display:block;}#searchresult dd {  font-size:90%;  line-height:1.6;  border-bottom: 1px solid #e1e3e5;  margin: 0;  padding: 5px 15px 15px;}#searchresult dd:last-of-type {  border-bottom: none;}#searchresult b {  color: #f18583;}@media screen and (min-width: 768px) {  #searchresult {  border-bottom: none;  padding: 20px 10px;  }  #searchresult dl {  margin: -20px -10px;  }  #searchresult dt {  padding: 25px 10px 0;  }  #searchresult dd {  padding: 5px 10px 20px;  }}/*==================================================１カラムレイアウト→削除中==================================================*/