@import url(css/style.min.css);

/*!
Theme Name: rikon
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rikon
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

rikon is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*===============================================
追加スタイル（三浦　20200420）
===============================================*/
.clear {
  clear: both;
}

.space_m {
  height: 20px;
}

@media screen and (min-width: 769px) {
  .head_pc {
    width: 100%;
    text-align: center;
    margin: 0px;
    padding: 0px;
    background-image: url(https://rikon.biz/wordpress/wp-content/uploads/2020/04/mainvisual.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    height: 620px;
  }

  .head_pc_in {
    background-image: url(https://rikon.biz/wordpress/wp-content/uploads/2020/04/top_okano_photo.png);
    background-repeat: no-repeat;
    background-position: right top;
    width: 1280px;
    height: 620px;
    margin: 0 auto;
  }

  .head_pc_text {
    text-align: left;
  }

  .head_sp {
    display: none;
  }

  .head_link_btn {
    position: relative;
    display: inline-block;
    padding: 10px 0px;
    text-decoration: none;
    color: #000000;
    background: #faaaaf;
    /*色*/
    border: 2px solid #f76e78;
    border-radius: 50px 50px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    width: 94%;
    text-align: center;
    font-size: 20px;
  }

  .head_link_area {
    width: 760px;
    margin: 20px 0px;
    margin-left: 40px;
  }

  .head_link_area li {
    float: left;
    width: 24%;
    list-style: none;
  }

  /*
	.contents{
		text-align : center;
		margin-top : -100px;
	}
*/
}

@media screen and (max-width: 768px) {
  img {
    max-width: 100%;
    height: auto;
    width/***/
    : auto;
  }

  /*
	.top_m-s120{
		height : 90px
	}
	 */
  .head_link_btn {
    position: relative;
    display: inline-block;
    padding: 5px 0px;
    text-decoration: none;
    color: #000000;
    background: #faaaaf;
    /*色*/
    border: 2px solid #f76e78;
    border-radius: 40px 40px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    width: 90%;
    text-align: center;
    font-size: 16px;
  }

  .head_pc {
    width: 100%;
    text-align: center;
    margin: 0px;
    padding: 0px;
    background-image: url(https://rikon.biz/wordpress/wp-content/uploads/2020/04/mainvisual_sp.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 100%;
    height: 580px;
  }

  .head_pc_in {
    background-image: url();
    background-repeat: no-repeat;
    background-position: right top;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }

  .head_pc_text {
    text-align: left;
  }

  .head_sp {
    display: none;
  }

  .head_link_area {
    width: 90%;
    margin-top: -50px;
    margin-left: 10px;
  }

  .head_link_area li {
    float: left;
    width: 24%;
    list-style: none;
    margin-bottom: 5px;
  }

  /*
	.contents{
		text-align : center;
		margin-top : -100px;
	}
*/
  #aboutUs {
    margin-top: -60px;
  }

  #aboutUs ul {
    margin-top: -80px;
  }

  .default .base .defaultHeader .contents h2 {
    margin-top: 100px;
  }

  .intro .contents {
    width: 100%;
    padding: 2.66667vw;
    margin-top: 0px;
  }

  #message {
    margin-top: -140px;
  }
}

.space_l {
  height: 40px;
}

/*===============================================
追加スタイル（TOPページ 20200512）
===============================================*/
/* YouTube */
.youtube {
  background: #000;
}

.contents_top {
  margin-top: 0;
}

.youtube .base .defaultHeader .contents_top h2 {
  font-size: 2.1rem;
}

@media screen and (max-width: 769px) {
  .default .base .defaultHeader .contents_top h2 {
    margin-top: 0;
  }

  .youtube .base .defaultHeader .contents_top h2 {
    font-size: 5.33333vw;
  }
}

/*===============================================
追加スタイル（固定ページ　/check/ 20240404）
===============================================*/
#check_q {
  margin: 30px;
  padding: 20px;
  background-color: #dff0eb;
}

@media only screen and (max-width: 769px) {
  #check_q {
    margin: 15px 10px 15px 10px;
    padding: 15px;
    background-color: #dff0eb;
  }
}

h3#rikon_h3 {
  color: #000000;
  font-size: 18px;
  text-align: left;
  border-bottom: 2px solid #0ab6c2;
}

@media only screen and (max-width: 769px) {
  h3#rikon_h3 {
    font-size: 1.1rem;
    text-align: left;
    margin: 0;
    width: 100%;
    border-bottom: 2px solid #0ab6c2;
  }
}

/*===============================================
追加スタイル（フロント・固定ページ　/counseling/ 20250727）
===============================================*/

.card_link {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  background: #21b6c1;
  box-sizing: border-box;
  color: #fff;
  border-radius: 30px;
  position: relative;
  transition: 0.5s;
}

.card_link img {
  width: 14px !important;
  position: absolute !important;
  right: 20px !important;
  top: 0 !important;
  bottom: 0 !important;
  margin: auto !important;
}

#topPage .js-media-content-block {
  display: none !important;
}

li .js-media-content-block {
  display: none !important;
}