@charset "UTF-8";
/*
 Theme Name:   Write Child
 Theme URI:    https://effective-inc.com/
 Description:  Write Child Theme
 Author:       Effective Inc.
 Author URI:   http://example.com
 Template:     Write
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  Write child
*/
body {
  font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important; }

h1, h2, h3, h4, h5, h6, .site-title {
  font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important; }

a {
  color: #333; }
  a:hover {
    color: #333; }

header.site-header {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e45998+0,8479b1+100 */
  background: #e45998;
  /* Old browsers */
  background: -moz-linear-gradient(left, #e45998 0%, #8479b1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #e45998 0%, #8479b1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #e45998 0%, #8479b1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e45998', endColorstr='#8479b1', GradientType=1);
  /* IE6-9 */
  padding: 15px; }
  header.site-header .site-description {
    display: none; }
  header.site-header form.search-form {
    display: none; }
  header.site-header .site-top {
    margin-bottom: 0; }
    @media screen and (min-width: 769px) {
      header.site-header .site-top div.site-top-table {
        display: flex;
        justify-content: space-between; } }
  header.site-header .site-title, header.site-header .site-branding {
    display: flex;
    padding-right: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    color: #FFF;
    font-size: 28px;
    font-weight: normal; }
    header.site-header .site-title a, header.site-header .site-branding a {
      color: #FFF; }
    @media screen and (max-width: 767px) {
      header.site-header .site-title, header.site-header .site-branding {
        font-size: 20px;
        padding-bottom: 0;
        max-width: 100%; } }
  header.site-header .site-branding {
    padding-right: 30px; }
  header.site-header .menu li a {
    color: #FFF; }
  header.site-header .menu li.current_page_item a {
    color: #FFF;
    font-weight: bold; }

ul {
  margin: 0; }

footer.site-footer {
  background: #e45998;
  /* Old browsers */
  background: -moz-linear-gradient(left, #e45998 0%, #8479b1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #e45998 0%, #8479b1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #e45998 0%, #8479b1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e45998', endColorstr='#8479b1', GradientType=1);
  /* IE6-9 */
  padding: 30px 0 0;
  color: #fff !important; }
  footer.site-footer div.site-bottom {
    border: none;
    padding: 0; }
  footer.site-footer div.footerIG {
    text-align: center; }
    footer.site-footer div.footerIG i {
      font-size: 32px; }
  footer.site-footer div.footerCredit {
    text-align: center;
    font-size: 12px;
    padding: 30px 15px 15px; }
  footer.site-footer a {
    color: #FFF !important; }

.main-navigation {
  line-height: 1em; }
  @media screen and (min-width: 769px) {
    .main-navigation ul.menu {
      padding-right: 0; }
      .main-navigation ul.menu li a {
        color: #FFF; } }

@media screen and (min-width: 783px) {
  .main-navigation {
    text-align: right !important; }
    .main-navigation div.menu ul {
      padding-right: 0; } }
.main-navigation {
  text-align: right !important; }

#page {
  background-color: #fffbde;
  width: 100%;
  max-width: inherit !important; }
  #page div#content {
    padding: 0 15px 15px;
    max-width: 1000px;
    margin: 0 auto; }
    #page div#content .content-area {
      margin-top: 0;
      float: none;
      padding-left: 0;
      width: 100%; }
      #page div#content .content-area .site-main {
        padding: 60px 0 0; }
      #page div#content .content-area h2 {
        font-feature-settings: "palt";
        font-weight: normal;
        margin-bottom: 30px;
        line-height: 1.3;
        font-size: 36px;
        padding-bottom: 30px;
        border-bottom: 1px dotted #ebadba; }
        @media screen and (max-width: 767px) {
          #page div#content .content-area h2 {
            margin-bottom: 15px; } }
      #page div#content .content-area div.backBox {
        text-align: right; }
      #page div#content .content-area ul.articleBlockList {
        list-style: none;
        padding-bottom: 30px;
        margin: 0 auto;
        margin-bottom: 30px;
        display: flex;
        flex-wrap: wrap;
        border-radius: 4px;
        border-bottom: 1px dotted #ebadba;
        justify-content: space-between; }
        #page div#content .content-area ul.articleBlockList li {
          width: calc(50% - 7.5px);
          margin-bottom: 15px;
          line-height: 1.3; }
          #page div#content .content-area ul.articleBlockList li a {
            border-radius: 4px;
            border-style: solid;
            border-width: 1px;
            margin-bottom: 0px;
            box-sizing: border-box;
            height: 100%;
            display: flex;
            align-items: center;
            padding: 2em 2em 2em 3em;
            position: relative; }
            #page div#content .content-area ul.articleBlockList li a:before {
              content: '\f35a';
              font-family: "Font Awesome\ 5 Free";
              font-weight: 900;
              -webkit-font-smoothing: antialiased;
              position: absolute;
              top: 50%;
              left: 1.2em;
              margin-top: -0.5em;
              line-height: 1; }
            #page div#content .content-area ul.articleBlockList li a:hover {
              opacity: 0.9; }
        #page div#content .content-area ul.articleBlockList.faq li a {
          background-color: #fafafa; }
          #page div#content .content-area ul.articleBlockList.faq li a:hover {
            background-color: #f2f2f2; }
      #page div#content .content-area ul.categoryBlockList {
        list-style: none;
        padding-bottom: 30px;
        margin: 0 auto;
        margin-bottom: 30px;
        display: flex;
        flex-wrap: wrap;
        border-radius: 4px;
        border-bottom: 1px dotted #ebadba;
        justify-content: space-between; }
        #page div#content .content-area ul.categoryBlockList li {
          width: calc(50% - 7.5px);
          margin-bottom: 15px;
          line-height: 1.3; }
          #page div#content .content-area ul.categoryBlockList li a {
            border-radius: 4px;
            border-style: solid;
            border-width: 1px;
            margin-bottom: 0px;
            box-sizing: border-box;
            height: 100%;
            display: flex;
            align-items: center;
            padding: 2em 2em 2em 3em;
            position: relative; }
            #page div#content .content-area ul.categoryBlockList li a:before {
              content: '\f35a';
              font-family: "Font Awesome\ 5 Free";
              font-weight: 900;
              -webkit-font-smoothing: antialiased;
              position: absolute;
              top: 50%;
              left: 1.2em;
              margin-top: -0.5em;
              line-height: 1; }
            #page div#content .content-area ul.categoryBlockList li a:hover {
              opacity: 0.9; }
      #page div#content .content-area div#relationBox h3 {
        font-feature-settings: "palt";
        font-weight: normal;
        margin-bottom: 30px;
        line-height: 1.3;
        font-size: 36px;
        padding-bottom: 30px;
        border-bottom: 1px dotted #ebadba; }
        @media screen and (max-width: 767px) {
          #page div#content .content-area div#relationBox h3 {
            margin-bottom: 15px; } }
      #page div#content .content-area div.backtoCategory {
        text-align: center;
        padding-bottom: 30px;
        border-bottom: 1px dotted #ebadba;
        display: flex;
        justify-content: space-around; }
        #page div#content .content-area div.backtoCategory + .backtoCategory {
          display: none; }
        #page div#content .content-area div.backtoCategory a {
          display: inline-block;
          padding: 0.5em 14px;
          padding: 0.5em 1em;
          border: 1px solid #333;
          background-color: #FFF;
          color: #333;
          border-radius: 4px; }
          #page div#content .content-area div.backtoCategory a:hover {
            background-color: #f7f7f7; }
      #page div#content .content-area article.honbun {
        overflow: hidden;
        border-bottom: #ebadba 1px dotted;
        padding-bottom: 30px;
        margin-bottom: 30px; }
        #page div#content .content-area article.honbun h1, #page div#content .content-area article.honbun h2 {
          font-feature-settings: "palt";
          font-weight: normal;
          margin-bottom: 30px;
          line-height: 1.3;
          font-size: 36px;
          padding-bottom: 30px;
          border-bottom: 1px dotted #ebadba; }
          @media screen and (max-width: 767px) {
            #page div#content .content-area article.honbun h1, #page div#content .content-area article.honbun h2 {
              margin-bottom: 15px; } }
        #page div#content .content-area article.honbun h3, #page div#content .content-area article.honbun h4, #page div#content .content-area article.honbun h5 {
          font-feature-settings: "palt";
          font-weight: normal;
          margin-bottom: 30px;
          line-height: 1.3;
          font-size: 24px;
          padding-bottom: 30px;
          border-bottom: 1px dotted #ebadba; }
          @media screen and (max-width: 767px) {
            #page div#content .content-area article.honbun h3, #page div#content .content-area article.honbun h4, #page div#content .content-area article.honbun h5 {
              margin-bottom: 15px; } }
        #page div#content .content-area article.honbun ul, #page div#content .content-area article.honbun ol {
          margin: 0 0 1.5em 1.5em; }
        #page div#content .content-area article.honbun img {
          max-width: 380px;
          margin-left: 0; }
          #page div#content .content-area article.honbun img + img {
            margin-top: 60px; }
        #page div#content .content-area article.honbun p img:last-child {
          margin-bottom: 60px; }
        #page div#content .content-area article.honbun p img:first-child {
          margin-top: 60px; }
  @media screen and (max-width: 767px) {
    #page div#content {
      padding: 0 15px 15px; }
      #page div#content .content-area {
        margin-bottom: 15px; }
        #page div#content .content-area h2 {
          font-size: 24px;
          padding-bottom: 15px; }
        #page div#content .content-area .site-main {
          padding: 0; }
          #page div#content .content-area .site-main h2.faq {
            border-bottom: none;
            padding-bottom: 0; }
        #page div#content .content-area ul.articleBlockList {
          display: block;
          margin-bottom: 15px;
          padding-bottom: 15px; }
          #page div#content .content-area ul.articleBlockList li {
            width: 100%;
            margin-bottom: 5px; }
            #page div#content .content-area ul.articleBlockList li a {
              margin-bottom: 0; }
          #page div#content .content-area ul.articleBlockList.faq {
            padding-bottom: 0;
            border-bottom: none; }
        #page div#content .content-area div#relationBox h3 {
          font-size: 24px;
          margin-top: 15px !important;
          border-bottom: none;
          padding-bottom: 0; }
        #page div#content .content-area ul.categoryBlockList {
          display: block;
          margin-bottom: 15px;
          padding-bottom: 15px; }
          #page div#content .content-area ul.categoryBlockList li {
            width: 100%;
            margin-bottom: 5px; }
            #page div#content .content-area ul.categoryBlockList li a {
              margin-bottom: 0; }
        #page div#content .content-area article.honbun {
          margin-bottom: 15px;
          padding-bottom: 15px; }
          #page div#content .content-area article.honbun h1, #page div#content .content-area article.honbun h2 {
            font-size: 24px;
            padding-bottom: 15px; }
        #page div#content .content-area div.backtoCategory {
          display: block;
          padding-bottom: 0;
          border-bottom: none; }
          #page div#content .content-area div.backtoCategory a {
            display: block;
            padding: 0.5em 14px;
            padding: 0.5em 1em;
            border: 1px solid #333;
            background-color: #FFF;
            color: #333;
            border-radius: 4px; }
            #page div#content .content-area div.backtoCategory a:hover {
              background-color: #f7f7f7; }
            #page div#content .content-area div.backtoCategory a:first-child {
              margin-bottom: 8px; }
          #page div#content .content-area div.backtoCategory + div.toPagetop {
            margin-top: 15px; }
        #page div#content .content-area + div.toPagetop {
          margin-bottom: -15px;
          border-bottom: none; } }
  @media screen and (max-width: 414px) {
    #page div#content .content-area article.honbun {
      padding-bottom: 15px;
      margin-bottom: 15px; }
      #page div#content .content-area article.honbun img {
        max-width: 100%;
        margin: 0 auto; }
        #page div#content .content-area article.honbun img + img {
          margin-top: 30px; }
      #page div#content .content-area article.honbun p img:last-child {
        margin-bottom: 30px; }
      #page div#content .content-area article.honbun p img:first-child {
        margin-top: 30px; } }

#breadcrumb {
  margin: 0;
  border-bottom: 1px dotted #ebadba;
  padding: 15px;
  background-color: #FFF; }
  #breadcrumb ul {
    display: block;
    margin: 0 auto;
    line-height: 1;
    width: 100%;
    line-height: 1.3;
    max-width: 1000px; }
    #breadcrumb ul li {
      font-size: 11px;
      line-height: 1;
      display: inline;
      list-style-type: none; }
      #breadcrumb ul li:after {
        content: '>';
        margin: 0 0.6em; }
      #breadcrumb ul li:last-child:after {
        content: ''; }
  @media screen and (max-width: 767px) {
    #breadcrumb {
      margin-bottom: 15px; }
      #breadcrumb ul {
        width: 100%;
        max-width: 100%; } }

div.toPagetop {
  text-align: right;
  line-height: 1;
  padding: 15px 0; }
  div.toPagetop + div#relationBox {
    margin-top: 60px; }
  @media screen and (max-width: 767px) {
    div.toPagetop {
      border-top: 1px dotted #ebadba;
      border-bottom: 1px dotted #ebadba;
      margin: 0 -15px 15px;
      padding: 0.5em 15px 0; }
      div.toPagetop a.pageTop {
        position: static;
        display: block;
        margin: 0 -15px 0;
        width: 100%;
        padding: 15px 15px;
        text-align: center; }
      div.toPagetop + div#relationBox {
        margin-top: 15px; } }

#site-navigation {
  max-width: calc(100vw - 250px);
  display: flex;
  align-items: center;
  margin-top: 0;
  justify-content: flex-end; }

body.home #page div#content .content-area .top_banner {
  width: 100%;
  margin-bottom: 15px;
  line-height: 1.3;
  border: none;
  font-size: 28px;
  position: relative; }
  body.home #page div#content .content-area .top_banner a {
    background-color: #f1a600;
    color: #FFF !important;
    display: flex;
    border: none;
    text-align: center;
    border-radius: 4px;
    justify-content: center; }
    body.home #page div#content .content-area .top_banner a .icon {
      position: static;
      content: '';
      width: 70px;
      height: 70px;
      margin: 15px;
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: contain;
      background-image: url(/wpcms/wp-content/themes/write-child/img/icon_how_to_follow2.png); }
    body.home #page div#content .content-area .top_banner a .title {
      padding: 30px 0; }
body.home #page div#content .content-area ul.categoryBlockList {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between; }
  body.home #page div#content .content-area ul.categoryBlockList li {
    width: calc(50% - 7.5px);
    margin-bottom: 15px;
    line-height: 1.3;
    border: none;
    font-size: 28px; }
    body.home #page div#content .content-area ul.categoryBlockList li a {
      border-radius: 4px;
      border-style: solid;
      border-width: 1px;
      margin-bottom: 0px;
      box-sizing: border-box;
      height: 100%;
      display: flex;
      align-items: center;
      padding: 2em 2em 2em 3em;
      position: relative; }
      body.home #page div#content .content-area ul.categoryBlockList li a:before {
        content: '\f35a';
        font-family: "Font Awesome\ 5 Free";
        font-weight: 900;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        top: 50%;
        left: 1.2em;
        margin-top: -0.5em;
        line-height: 1; }
      body.home #page div#content .content-area ul.categoryBlockList li a:hover {
        opacity: 0.9; }
    body.home #page div#content .content-area ul.categoryBlockList li a {
      color: #FFF !important;
      background-color: #FFF;
      display: block;
      padding: 30px;
      border: none;
      background-color: transparent;
      text-align: center; }
      body.home #page div#content .content-area ul.categoryBlockList li a:before {
        position: static;
        content: '';
        display: block;
        width: 100px;
        height: 100px;
        margin: 15px auto 15px;
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: contain; }
    body.home #page div#content .content-area ul.categoryBlockList li.cat-item-install a {
      background-color: #06a9dc;
      color: #FFF !important; }
      body.home #page div#content .content-area ul.categoryBlockList li.cat-item-install a:before {
        background-image: url(/wpcms/wp-content/themes/write-child/img/icon_instagram_install.png); }
      body.home #page div#content .content-area ul.categoryBlockList li.cat-item-install a:hover {
        color: rgba(255, 255, 255, 0.8); }
    body.home #page div#content .content-area ul.categoryBlockList li.cat-item-create_account a {
      background-color: #d97ca8;
      color: #FFF !important; }
      body.home #page div#content .content-area ul.categoryBlockList li.cat-item-create_account a:before {
        background-image: url(/wpcms/wp-content/themes/write-child/img/icon_install.png); }
      body.home #page div#content .content-area ul.categoryBlockList li.cat-item-create_account a:hover {
        color: rgba(255, 255, 255, 0.8); }
    body.home #page div#content .content-area ul.categoryBlockList li.cat-item-officialaccount a {
      background-color: #8dc556;
      color: #FFF !important; }
      body.home #page div#content .content-area ul.categoryBlockList li.cat-item-officialaccount a:before {
        background-image: url(/wpcms/wp-content/themes/write-child/img/icon_officialaccount.png); }
    body.home #page div#content .content-area ul.categoryBlockList li.cat-item-other a {
      background-color: #a6afbf; }
      body.home #page div#content .content-area ul.categoryBlockList li.cat-item-other a:before {
        background-image: url(/wpcms/wp-content/themes/write-child/img/icon_other.png); }
@media screen and (max-width: 767px) {
  body.home #page div#content {
    padding-top: 15px; }
    body.home #page div#content .content-area .top_banner {
      margin-bottom: 5px; }
      body.home #page div#content .content-area .top_banner a .icon {
        width: 50px;
        height: 50px;
        margin: 10px; }
      body.home #page div#content .content-area .top_banner a .title {
        font-size: 21px;
        padding: 20px 0;
        line-height: 1.5; }
    body.home #page div#content .content-area ul.categoryBlockList {
      display: block; }
      body.home #page div#content .content-area ul.categoryBlockList li {
        width: 100%;
        margin-bottom: 5px; }
        body.home #page div#content .content-area ul.categoryBlockList li a {
          padding: 15px;
          font-size: 21px; }
        body.home #page div#content .content-area ul.categoryBlockList li:last-child {
          margin-bottom: 0; } }

.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a {
  color: #FFF !important; }

body.category-install div#page div#content .content-area ul.categoryBlockList li a, body.category-install div#page div#content .content-area ul.articleBlockList li a {
  border-color: #06a9dc;
  background-color: #b1ebfd; }
  body.category-install div#page div#content .content-area ul.categoryBlockList li a:hover, body.category-install div#page div#content .content-area ul.articleBlockList li a:hover {
    background-color: #7fdefc; }

body.category-create_account div#page div#content .content-area ul.categoryBlockList li a, body.category-create_account div#page div#content .content-area ul.articleBlockList li a {
  border-color: #d97ca8;
  background-color: #f0cbdd; }
  body.category-create_account div#page div#content .content-area ul.categoryBlockList li a:hover, body.category-create_account div#page div#content .content-area ul.articleBlockList li a:hover {
    background-color: #e4a4c2; }

body.category-officialaccount div#page div#content .content-area ul.categoryBlockList li a, body.category-officialaccount div#page div#content .content-area ul.articleBlockList li a {
  border-color: #8dc556;
  background-color: #d0e7b9; }
  body.category-officialaccount div#page div#content .content-area ul.categoryBlockList li a:hover, body.category-officialaccount div#page div#content .content-area ul.articleBlockList li a:hover {
    background-color: #b6da93; }

body.category-other div#page div#content .content-area ul.categoryBlockList li a, body.category-other div#page div#content .content-area ul.articleBlockList li a {
  border-color: #a6afbf;
  background-color: #d5dae1; }
  body.category-other div#page div#content .content-area ul.categoryBlockList li a:hover, body.category-other div#page div#content .content-area ul.articleBlockList li a:hover {
    background-color: #b8bfcc; }

div#page div#content .content-area ul.categoryBlockList.child-of-install li a, div#page div#content .content-area ul.articleBlockList.child-of-install li a {
  border-color: #06a9dc;
  background-color: #b1ebfd; }
  div#page div#content .content-area ul.categoryBlockList.child-of-install li a:hover, div#page div#content .content-area ul.articleBlockList.child-of-install li a:hover {
    background-color: #7fdefc; }
div#page div#content .content-area ul.categoryBlockList.child-of-create_account li a, div#page div#content .content-area ul.articleBlockList.child-of-create_account li a {
  border-color: #d97ca8;
  background-color: #f0cbdd; }
  div#page div#content .content-area ul.categoryBlockList.child-of-create_account li a:hover, div#page div#content .content-area ul.articleBlockList.child-of-create_account li a:hover {
    background-color: #e4a4c2; }
div#page div#content .content-area ul.categoryBlockList.child-of-officialaccount li a, div#page div#content .content-area ul.articleBlockList.child-of-officialaccount li a {
  border-color: #8dc556;
  background-color: #d0e7b9; }
  div#page div#content .content-area ul.categoryBlockList.child-of-officialaccount li a:hover, div#page div#content .content-area ul.articleBlockList.child-of-officialaccount li a:hover {
    background-color: #b6da93; }
div#page div#content .content-area ul.categoryBlockList.child-of-other li a, div#page div#content .content-area ul.articleBlockList.child-of-other li a {
  border-color: #a6afbf;
  background-color: #d5dae1; }
  div#page div#content .content-area ul.categoryBlockList.child-of-other li a:hover, div#page div#content .content-area ul.articleBlockList.child-of-other li a:hover {
    background-color: #b8bfcc; }

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