@charset "UTF-8";
/*
Theme Name: AMPLATE - sweetener.pink
Theme URI: https://amp-late.com/
Author: u-chiko
Author URI: https://amp-late.com/
Description: this is WordPress Theme amplate.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, translation-ready
Text Domain: AMPLATE
Since: 20190930
Version: 1.0
copyright: Copyright (C) 2019
*/

body {
margin: 0;
font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
line-height: 1.5;
}

/* 基本・ヘッダー・フッターの設定 */
header {
width: 100%;
height: auto;
background: rgba(0,0,0,0.7);
position: fixed;
z-index: 2;
}
footer {
border-top: 1px solid #ddd;
}

@media(min-width: 1040px){
/* 全体の幅 */
.container,
.header-inner,
.footer-inner{
width: 1140px;
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 768px) {
/* コンテンツとサイドバーを横に並べる設定 */
.container:after {
content: "";
display: block;
clear: both;
}
.contents {
float: left;
width: 70%;
}
.sub {
float: left;
width: 30%;
}
}

/* ヘッダー画像 */
.hero {
position: relative;
z-index: 1;
}
.hero-img {
width: 100%;
height: 350px;
margin: 0 0 -50px;
background-color: #ddd;
background-size: cover;
background-position: 50% 50%;
}
.hero-text {
position: absolute;
top: 190px;
right: 130px;
color: #fff;
font-size: 30px;
text-shadow: 0 0 10px #fff;
}

@media (max-width: 1024px) {
.hero-img {
height: 350px;
}
.hero-text {
width:96%;
top: 180px;
right:0;
margin:0 auto;
padding:0 2%;
font-size: 22px;
text-align: center;
}
}

@media (max-width: 599px) {
.hero-img {
height: 250px;
}
.hero-text {
width:96%;
top: 120px;
right:0;
margin:0 auto;
padding:0 2%;
font-size: 18px;
text-align: center;
}
}

/* ボックスの上下の間隔 */
.sub-header {
padding-top: 2px;
}
.contents {
padding: 65px 0 0;
}
.sub {
padding-top: 85px;
padding-bottom: 20px;
}

@media (max-width: 599px) {
.contents {
padding: 50px 0 0;
}
.sub {
padding-top: 10px;
}
}
footer {
margin-top: 20px;
padding-top: 15px;
padding-bottom: 15px;
}

/* ボックスの左右の余白 */
footer, .container {
padding-left: 15px;
padding-right: 15px;
}

@media (min-width: 768px) {
/* コンテンツとサイドバーを横に並べる設定 */
.container:after {
content: "";
display: block;
clear: both;
}
.contents {
float: left;
width: 70%;
}
.sub {
float: left;
width: 30%;
}

/* コンテンツとサイドバーの間隔 */
.contents {
padding-right: 30px;
box-sizing: border-box;
}
}

/* ヘッダーインナー */
.site h1 a	{
color: #fff;
text-decoration: none;
transition: .3s;
}
.site h1 a:hover {
color: #CF417E;
}
.site h1 {
margin: 20px 0 0 20px;
font-size: 18px;
font-weight:normal;
}

@media(max-width:768px){
.site h1 {
width: 90%;
margin:0 auto;
padding:10px 0;
}
.site h1 a {
padding: 10px 0;
font-size: 14px;
}
}

/* ナビメニュー */
#mainmenu {
display: none;
}
.mainmenu ul {
width: 100%;
margin: 0 auto 10px;
padding: 5px 0;
list-style: none;
}
.mainmenu li a {
width: auto;
display: block;
padding: 15px;
color: #fff;
font-size: 14px;
text-decoration: none;
transition: .5s;
}

@media(max-width:1023px){
.mainmenu ul {
width: 90%;
margin: 0 auto 10px;
overflow: hidden;
}
.mainmenu li a {
width: 100%;
padding: 10px 0;
border-bottom: 1px solid #ccc;
transition: .3s;
}
}
.mainmenu li a:hover {
color:#CF417E;
}

/* メニューボタン */
.header-inner {
position: relative;
}
#navbtn	{
position: absolute;
top: 10px;
right: 15px;
padding: 4px 8px;
border:none;
background:none;
cursor: pointer;
}
#navbtn:focus {
outline: none;
}
#navbtn i {
color: #fff;
font-size: 18px;
}

@media (max-width: 1024px) {
#navbtn	{
top: 10px;
right: 5px;
padding: 4px 8px;
border: none;
background-color: none;
}
}

@media (min-width: 1023px) {
/* サイト名とナビメニューを横に並べる設定 */
.header-inner:after	{content: "";
display: block;
clear: both;
}
.site {
float: left;
width: auto;
}
.sitenav {
float: right;
width: auto;
}

/* ナビメニューのリンクを横に並べる設定 */
#mainmenu  {
display: block !important;
}
.mainmenu {
margin: 10px 20px 0 0;
}
.mainmenu ul:after {
content: "";
display: block;
clear: both;
}
.mainmenu li {
float: left;
width: auto;
}
.mainmenu li a {
padding: 10px 15px;
}
/* メニューボタン非表示 */
#navbtn	{
display: none;
}
}

/* フッター */
.copyright p {
margin: 0;
color: #777;
font-size: 12px;
}

/* トップ概要（大サイズ） */
.overview-large {
margin-top: 20px;
background-color: #E087AD;
}
.thumbwrap {
width: 710px;
overflow: hidden;
}

@media (min-width: 768px) {
.thumbwrap {
width: 100%;
overflow: hidden;
}
}
.overview-large .thumb {
width: 100%;
height: 320px;
background-size: cover;
background-position: 50% 50%;
display: block;
transition-duration: 0.3s;
}
.overview-large:hover {
transform: translateY(-5px);
background-color: #CF417E;
box-shadow: 0px 7px 0px rgba(224,224,224,0.9);
transition: all .3s;
}
.overview-large:hover .thumb {
transform: scale(1.1, 1.1);
}
.overview-large a {
display: block;
margin-bottom: 30px;
padding: 30px;
color: #333;
text-decoration: none;
overflow: hidden;
}
.overview-large h1 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 26px;
}
.overview-large p {
margin: 0;
font-size: 14px;
}
.overview-large .news-date {
margin-bottom: 8px;
}
.overview-large:hover h1,
.overview-large:hover p,
.overview-large:hover .news-date {
color: #fff;
}

@media (max-width: 599px) {
.overview-large {
margin-top: 10px;
}
.overview-large a {
margin: 15px 0;
padding: 0 0 15px;
}
.overview-large h1 {
font-size: 18px;
}
.overview-large p {
font-size: 12px;
}
.thumbwrap {
width: 100%;
margin: 0;
padding: 0;
}
.overview-large .thumb {
height: 200px;
}
.overview-large .text{
width:90%;
margin: 0 auto;
}
.overview-large:hover {
background-color: #CF417E;
}
}

/* 記事の概要 */
/* トップページのflexbox */
.overview {
width: 218px;
height: 340px;
margin: 5px 2px;
padding: 15px;
background-color: #E087AD;
border-radius: 10px;
display: inline-flex;
justify-content: space-between;
flex-wrap: wrap;
}
.overview a	{
width: 100%;
height: 340px;
color:#333;
margin-top: auto;
padding:0;
text-decoration:none;
box-sizing: border-box;
transition: all .3s;
align-items: flex-start;
overflow: hidden;
}
.overview a img {
width: 350px;
height: 150px;
display: block;
transition: 0.5s;
}
.overview:hover img {
transform: scale(0.9, 0.9);
}
.overview h1 {
margin-top: 0;
margin: 10px 0;
font-size: 20px;
}
.overview p	{
margin: 0;
font-size: 15px;
}
.overview:hover {
color: #fff;
transform: translateY(-5px);
box-shadow: 0px 7px 0px rgba(224,224,224,0.9);
background-color: #CF417E;
transition: all .3s;
}
.overview:hover h1,
.overview:hover p,
.overview:hover .news-date {
color: #fff;
}

@media(max-width:1024px){
.overview {
width: 26%;
margin: 3px 0;
padding: 3%;
display: inline-flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: stretch;
}
.overview a img {
height: 120px;
}
}

@media(max-width:768px){
.overview {
width: 43%;
margin: 3px 0;
padding: 3%;
display: inline-flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: stretch;
}
.overview a img {
height: 150px;
}
}

@media (max-width: 599px) {
.overview {
width: 92%;
height: auto;
margin: 0 0 7px 0;
padding: 4%;
display: block;
border-radius: 0;
}
.overview a {
height: auto;
display: block;
padding: 3px;
color: #333;
text-decoration: none;
}
.overview a:hover {
background-color: #96B3D1;
}
.overview a:after {
content: "";
display: block;
clear: both;
}
.overview a img {
float: left;
width: 100px;
height:70px;
}
.overview .text {
float: none;
width: auto;
margin-left: 110px;
}
.overview h1 {
margin: 0 3px 10px 10px;
font-size: 16px;
}
.overview p {
margin: 0;
font-size: 14px;
visibility: hidden;
height: 0;
}
.overview .news-date {
margin: 0 3px 0px 10px;
}
}

/* 個別記事 */
.news h1 {
margin-top: 0;
margin-bottom: 10px;
font-size: 36px;
}
.news p	{
margin: 20px 0;
}

@media(max-width: 599px){
.news h1 {
font-size: 24px;
}
.news p {
font-size: 14px;
}
}

/* 見出し */
.news h1 {
margin-top: 15px;
padding-bottom: 5px;
border-bottom: 7px solid #CF417E;
font-size:1.8em;
}
.news h2 {
margin:40px 0 25px;
padding: 10px 10px 10px 20px;
border-left: 10px solid #CF417E;
border-bottom: 3px solid #CF417E;
background: #fff;
font-size:1.5em;
}
.news h3{
margin:40px 0 25px;
padding: 10px 10px 10px 20px;
border-left: 10px solid #CF417E;
background: #f2f2f2;
font-size:1.4em;
}
.news h4,
.news h5,
.news h6{
margin:40px 0 25px;
padding: 10px 10px 10px 20px;
border-left: 10px solid #CF417E;
background: #f2f2f2;
font-size:1.3em;
}
.news p{
margin-top: 0;
margin-bottom: 20px;
font-size:16px;
line-height:1.6;
}
.news p a{
color:#018FDC;
text-decoration:underline;
transition: 0.3s;
}
.news p a:hover{
color:#0169A0;
text-decoration:none;
}

@media(max-width:599px){
.news h1{
font-size:20px;
margin:0 0 20px;
padding:10px 0 5px;
}
.news h1 img{
max-width:20px;
max-height:20px;
margin-left:3px;
}
.news h2{
margin:25px 0 15px;
padding: 10px 3px 10px 12px;
font-size:18px;
}
.news h3, .news h4, .news h5, .news h6{
margin:30px 0 20px;
padding: 8px 3px 8px 12px;
font-size:16px;
}
}

/* パンくず */
.bread ol {
margin: 10px 0 5px 0;
padding: 0;
list-style: none;
}
.bread li a {
display: inline-block;
padding: 5px 5px;
color: #777;
font-size: 12px;
text-decoration: none;
}
.bread li a[href]:hover {
transition: 0.5s;
background-color: #eee;
}
.bread ol:after {
content: "";
display: block;
clear: both;
}
.bread li {
float: left;
width: auto;
}
.bread li:after {
font-family: "Font Awesome 5 Free";
content: '\f101';
margin-left: 2px;
margin-right: 2px;
color: #ccc;
font-weight: 600;
}
.bread li:last-child:after {
content: none;
}
.bread i {
font-size: 14px;
}
.bread span {
display: inline-block;
text-indent: -9999px;
}

@media (max-width: 599px) {
.bread li:last-child {
text-indent: -9999px;
}
}

/* 記事タグ */
.news-tag {
margin-bottom: 5px;
}
.news-tag ul {
margin: 0;
padding: 0;
list-style: none;
}
.news-tag li a {
display: block;
margin-right: 5px;
margin-bottom: 2px;
padding: 5px 7px;
border-radius: 2px;
background-color: #5082B8;
color: #fff;
font-size: 12px;
text-decoration: none;
}
.news-tag li a:hover {
transition: 0.5s;
background-color: #83A6CD;
}
.news-tag ul:after {
content: "";
display: block;
clear: both;
}
.news-tag li {
float: left;
width: auto;
}

/* 投稿・更新 */
.news-date {
margin-bottom: 20px;
color: #333;
font-size: 12px;
}

@media (max-width: 599px) {
.news-date {
font-size: 11px;
}
}

/* 画像の配置 */
.aligncenter {
display: block;
margin-top: 30px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 599px) {
.alignleft, .alignright	{
display: block;
margin-top: 30px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 600px) {
.alignleft {
float: left;
margin-top: 10px;
margin-bottom: 20px;
margin-right: 30px;
}
.alignright	{
float: right;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 30px;
}
}

/* アイキャッチ画像 */
.catch {
margin-top: 30px;
margin-bottom: 30px;
}

/* 大きい画像の設定 */
img, .wp-caption {
max-width: 100%;
height: auto;
}

/* 画像のキャプション */
p.wp-caption-text {
color: #777;
font-size: 12px;
text-align: center;
}
.wp-caption-text a {
color: #777;
}

/* Internet Explorer用の設定 */
a img {
border: none;
}

@media (max-width: 599px) {
a img {
width: 100%;
}
}

/* 画像ホバー */
a img:hover{
opacity: 0.7;
transition: 0.3s;
}

/* 外部コンテンツ */
iframe {
max-width: 100%;
}

/* YouTube */
.youtube {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
overflow: hidden;
margin-top: 30px;
margin-bottom: 30px;
}
.youtube iframe	{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* 動画 */
.wp-video {
margin-top: 30px;
margin-bottom: 30px;
}

/* カテゴリ・タグ */
.contents > h1 {
margin-top: 0;
font-size: 34px;
}

@media (max-width: 599px) {
.contents > h1 {
font-size: 22px;
}
.archive .bread li:last-child {
text-indent: 0;
}
}

/* 吹き出し */
.balloon_container {
clear: both;
width: 100%;
padding: 10px 0;
}
.balloon_container:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.balloon_container figure {
width: 60px;
position: absolute;
padding: 0;
margin: 0;
top: 0;
}
.balloon_container figure img {
border-radius: 50%;
width: 60px;
height: 60px;
}
.balloon_container figure figcaption {
color: #333;
width: 60px;
position: absolute;
top: 60px;
text-align: center;
font-size: 70%;
line-height: 100%;
}
.balloon_container .balloon_left {
width: 100%;
position: relative;
display: block;
max-width: 80%;
clear: both;
}
.balloon_container .balloon_left figure {
left: 0;
}
.balloon_container .balloon_left .balloon_text {
margin-left: 80px;
position: relative;
padding: 20px;
border-radius: 10px;
background-color: #d8f4f8;
}
.balloon_container .balloon_left .balloon_text::after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -10px;
top: 12px;
border-right: 15px solid #d8f4f8;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}
.balloon_container .balloon_right {
width: 100%;
position: relative;
display: block;
float: right;
max-width: 80%;
clear: both;
}
.balloon_container .balloon_right figure {
right: 0;
}
.balloon_container .balloon_right .balloon_text {
margin-right: 80px;
position: relative;
padding: 20px;
border-radius: 10px;
background-color: #C7DAD2;
}
.balloon_container .balloon_right .balloon_text::after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
right: -10px;
top: 12px;
border-left: 15px solid #C7DAD2;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}

@media only screen and (max-width: 767px){
.balloon_container .balloon_left,
.balloon_container .balloon_right {
max-width: 100%;
}
}
.yswpsb-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 1em 0;
}
.yswpsb-type-l {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.yswpsb-name,
.yswpsb-content,
.yswpsb-content p {
padding: 0;
margin: 0;
}
.yswpsb-content p {
margin-top: .5em;
}
.yswpsb-content p:first-child {
margin-top: 0;
}
.yswpsb-icon {
max-width: 50px;
height: auto;
}
.yswpsb-image {
margin:0;
padding:0;
border-radius: 50%;
overflow: hidden;
}
.yswpsb-image img {
vertical-align: middle;
}
.yswpsb-name {
margin-top: .3em;
font-size: .7em;
text-align: center;
}
.yswpsb-balloon {
position: relative;
border: 1px solid #ccc;
background-color: #fff;
padding: .5em 1em;
border-radius: 4px;
}
.yswpsb-balloon:after,
.yswpsb-balloon:before {
top: 15px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.yswpsb-balloon:after {
border-width: 6px;
margin-top: -6px;
}
.yswpsb-balloon:before {
border-width: 7px;
margin-top: -7px;
}
.yswpsb-type-r .yswpsb-balloon {
margin-left: 1em;
}
.yswpsb-type-r .yswpsb-balloon:after,
.yswpsb-type-r .yswpsb-balloon:before {
right: 100%;
border-left: none;
}
.yswpsb-type-r .yswpsb-balloon:after {
border-color: transparent #fff;
}
.yswpsb-type-r .yswpsb-balloon:before {
border-color: transparent #ccc;
}
.yswpsb-type-l .yswpsb-balloon {
margin-right: 1em;
}
.yswpsb-type-l .yswpsb-balloon:after,
.yswpsb-type-l .yswpsb-balloon:before {
left: 100%;
border-right: none;
}
.yswpsb-type-l .yswpsb-balloon:after {
border-color: transparent #fff;
}
.yswpsb-type-l .yswpsb-balloon:before {
border-color: transparent #ccc;
}

/* ページネーション */
.pagination {
margin:40px 0 30px;
text-align:center;
}
.pagination ul {
display:inline-block;
margin:0;
padding:0;
list-style:none;
}
.pagination li a,
.pagination li > span {
display:block;
margin:0 5px;
padding:6px 8px;
border:solid 1px #eee;
color:#333;
font-size:14px;
font-weight:normal;
text-decoration:none;
}

.pagination li > span {
background-color:#f2f2f2;
}
.pagination li a:hover {
background-color:#f2f2f2;
}
.pagination ul:after {
content:"";
display:block;
clear:both;
}
.pagination li {
float:left;
width:auto;
}
.pagination-index li .dots {
padding:6px 2px;
border-color:transparent;
background-color:transparent;
}

@media(max-width:599px) {
.pagination {
margin:15px 0 0;
}
.pagination-index li a,
.pagination-index li > span {
margin:0;
padding:6px 7px;
border-left:none;
font-size:12px;
}
.pagination-index li:first-child a,
.pagination-index li:first-child > span {
border-left:solid 1px #eee;
}
.pagination-index li .dots {
border-right-color:#eee;
}
}

/* エディタ機能 */
/* ポイント（全体） */
.point-green,
.point-blue,
.point-yellow,
.point-pink,
.point-gray{
position: relative;
margin: 50px 0;
padding:25px 20px 20px;
border-radius: 5px;
background-color: #A8D2AC;
font-size: 16px;
clear: both;
line-height:1.7;
word-wrap: break-word;
}
.point-green:before,
.point-blue:before,
.point-yellow:before,
.point-pink:before,
.point-gray:before{
font-family: 'Font Awesome 5 Free';
position: absolute;
left: 15px;
top: -23px;
content: '\f0eb';
z-index: 2;
width: 40px;
height: 40px;
padding:8px 0 0 0;
border-radius: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #539F5A;
color: #fff;
font-size: 24px;
line-height: 1;
text-align: center;
}
.point-green:after,
.point-blue:after,
.point-yellow:after,
.point-pink:after,
.point-gray:after{
position: absolute;
left: 25px;
top: -17px;
z-index: 1;
content: "ポイント";
padding: 6px 10px 6px 30px;
border-radius: 5px;
background-color: #539F5A;
color: #fff;
font-family: Verdana, Helvetica, sans-serif;
font-weight: bold;
line-height: 1;
}
/* 青 */
.point-blue{
background-color: #C4CEEC;
}
.point-blue:before{
background-color: #3353A0;
}
.point-blue:after{
background-color: #3353A0;
}
/* イエロー */
.point-yellow{
background-color: #EAE4B7;
}
.point-yellow:before{
background-color: #E0AC36;
}
.point-yellow:after{
background-color: #E0AC36;
}
/* ピンク */
.point-pink{
background-color: #F4CCDA;
}
.point-pink:before{
background-color: #D94B7D;
}
.point-pink:after{
background-color: #D94B7D;
}
/* グレー */
.point-gray{
background-color: #eee;
}
.point-gray:before{
background-color: #333;
}
.point-gray:after{
background-color: #333;
}

.point-green a,
.point-blue a,
.point-yellow a,
.point-pink a,
.point-gray a{
color:#00A3D9;
text-decoration:underline;
transition: 0.3s;
}

@media(max-width:599px){
.point-green,
.point-blue,
.point-yellow,
.point-pink,
.point-gray{
margin:40px 0 30px;
font-size:15px;	
}
.point-green:before,
.point-blue:before,
.point-yellow:before,
.point-pink:before,
.point-gray:before{
top: -20px;
left: 15px;
width: 36px;
height: 36px;
font-size:20px;
}
.point-green:after,
.point-blue:after,
.point-yellow:after,
.point-pink:after,
.point-gray:after{
left: 22px;
top: -15px;
}
}

/* 注意デザイン(全体) */
.attention-red,
.attention-orange,
.attention-gray{
position: relative;
margin: 50px 0;
padding:25px 20px 20px;
border:2px dotted #DC3743;
border-radius: 5px;
font-size: 16px;
clear: both;
word-wrap: break-word;
}
.attention-red:before,
.attention-orange:before,
.attention-gray:before{
font-family: 'Font Awesome 5 Free';
position: absolute;
left: 20px;
top: -15px;
content: '\f071';
background-color: #fff;
color: #9B1828;
font-size: 28px;
font-weight: 900;
line-height: 1;
}
/* オレンジ */
.attention-orange{
border:2px dotted #EC693B;
}
.attention-orange:before{
color: #EC693B;
}
/* グレー */
.attention-gray{
border:2px dotted #555;
}
.attention-gray:before{
color: #96B3D1;
}
@media(max-width:599px){
.attention-red,
.attention-orange,
.attention-gray{
margin:40px 0 30px;
font-size:15px;
}
}

/* ボックス(全体) */
.box-green,
.box-blue,
.box-beige,
.box-pink,
.box-gray{
margin:50px 0;
padding:25px 20px 20px;
background-color:#C0D6CD;
font-size:16px;
line-height:1.7;
word-wrap: break-word;
}
/* 青 */
.box-blue{
background-color:#B5CDD9;
}
/* ベージュ */
.box-beige{
background-color:#E0CFC0;
}
/* ピンク */
.box-pink{
background-color:#F1C0D1;
}
/* グレー */
.box-gray{
background-color:#eee;
}

/* ボックスリンク */
.point-green a,
.point-blue a,
.point-yellow a,
.point-pink a,
.point-gray a,
.attention-red a,
.attention-orange a,
.attention-gray a,
.box-green a,
.box-blue a,
.box-beige a,
.box-pink a,
.box-gray a,
.frame-green a,
.frame-blue a,
.frame-beige a,
.frame-pink a,
.frame-gray a,
.dottedline-green a,
.dottedline-blue a,
.dottedline-beige a,
.dottedline-pink a,
.dottedline-gray a{
color:#007CA6;
text-decoration:underline;
}

.point-green a:hover,
.point-blue a:hover,
.point-yellow a:hover,
.point-pink a:hover,
.point-gray a:hover,
.attention-red a:hover,
.attention-orange a:hover,
.attention-gray a:hover,
.box-green a:hover,
.box-blue a:hover,
.box-beige a:hover,
.box-pink a:hover,
.box-gray a:hover,
.frame-green a:hover,
.frame-blue a:hover,
.frame-beige a:hover,
.frame-pink a:hover,
.frame-gray a:hover,
.dottedline-green a:hover,
.dottedline-blue a:hover,
.dottedline-beige a:hover,
.dottedline-pink a:hover,
.dottedline-gray a:hover{
color:#00A3D9;
text-decoration:none;
transition: 0.3s;
}

/* フレーム(全体) */
.frame-green,
.frame-blue,
.frame-beige,
.frame-pink,
.frame-gray{
margin:50px 0;
padding:25px 20px 20px;
border:2px solid #C0D6CD;
background-color:#fff;
font-size:16px;
line-height:1.7;
word-wrap: break-word;
}
/* 青 */
.frame-blue{
border:2px solid #B5CDD9;
}
/* ベージュ */
.frame-beige{
border:2px solid #E0CFC0;
}
/* ピンク */
.frame-pink{
border:2px solid #F1C0D1;
}
/* グレー */
.frame-gray{
border:2px solid #cccccc;
}

/* 点線フレーム(緑) */
.dottedline-green,
.dottedline-blue,
.dottedline-beige,
.dottedline-pink,
.dottedline-gray{
margin:50px 0;
padding:25px 20px 20px;
border:2px dotted #9ABCAE;
background-color:#fff;
font-size:16px;
line-height:1.7;
word-wrap: break-word;
}
/* 青 */
.dottedline-blue{
border:2px dotted #87ADC0;
}
/* ベージュ */
.dottedline-beige{
border:2px dotted #D0B69F;
}
/* ピンク */
.dottedline-pink{
border:2px dotted #E78DAC;
}
/* グレー */
.dottedline-gray{
border:2px dotted #bbb;
}

/* 文字に下線（緑） */
.sletter-green{
border-bottom: solid 2px #9ABCAE;
}
/* 青 */
.sletter-blue{
border-bottom: solid 2px #87ADC0;
}
/* ベージュ */
.sletter-beige{
border-bottom: solid 2px #D0B69F;
}
/* ピンク */
.sletter-pink{
border-bottom: solid 2px #E78DAC;
}
/* グレー */
.sletter-gray{
border-bottom: solid 2px #bbb;
}

/* 文字に点線（緑） */
.dletter-green{
border-bottom: dotted 2px #9ABCAE;
}
/* 青 */
.dletter-blue{
border-bottom: dotted 2px #87ADC0;
}
/* ベージュ */
.dletter-beige{
border-bottom: dotted 2px #D0B69F;
}
/* ピンク */
.dletter-pink{
border-bottom: dotted 2px #E78DAC;
}
/* グレー */
.dletter-gray{
border-bottom: dotted 2px #bbb;
}

/* 文字のハイライト（緑） */
.highlight-green{
background-color: #D2E1DB;
padding:1px 3px;
}
/* 青 */
.highlight-blue{
background-color: #D2E1E8;
padding:1px 3px;
}
/* ベージュ */
.highlight-beige{
background-color: #E9DCD1;
padding:1px 3px;
}

/* 四角ボタン（全体） */
.a-button1,
.a-button2,
.a-button3,
.a-button4,
.a-button5{
width:94%;
display:block;
margin:20px auto;
padding:3% 3% 2%;
text-decoration:none;
text-align:center;
background:#33B980;
color:#fff;
font-weight:bold;
box-shadow:0px 2px 2px rgba(0, 0, 0, 0.29);
border-radius:5px;
}
.a-button1:active,
.a-button2:active,
.a-button3:active,
.a-button4:active,
.a-button5:active {
box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
transform: translateY(2px);
}
/* 青 */
.a-button2{
background: #65C5E0;
}
/* ベージュ */
.a-button3{
background: #E1D0C1;
}
/* 赤 */
.a-button4{
background: #E34F62;
}
/* 黒 */
.a-button5{
background: #43484E;
}

/* 四角ボタンリンク */
p a.a-button1,
p a.a-button2,
p a.a-button3,
p a.a-button4,
p a.a-button5{
text-decoration:none;
color:#fff;
}
p a.a-button1:hover,
p a.a-button2:hover,
p a.a-button3:hover,
p a.a-button4:hover,
p a.a-button5:hover{
box-shadow: inset 0 0 5px rgba(128, 128, 128, 0.1);
transform: translateY(3px);
}

/* 丸ボタン（全体） */
.c-button1,
.c-button2,
.c-button3,
.c-button4,
.c-button5{
display:block;
width: 120px;
height: 120px;
margin:20px auto;
line-height: 120px;
background: #53D09B;
border-radius: 50%;
color: #fff;
font-weight:bold;
text-decoration: none;
text-align: center;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
border-bottom: solid 3px #aaa;
}
.c-button1:active,
.c-button2:active,
.c-button3:active,
.c-button4:active,
.c-button5:active{
-webkit-animation: spin .3s ease-in-out;
animation: spin .3s ease-in-out;
}
@-webkit-keyframes spin {
100% { -webkit-transform: rotateY(360deg); }
}
@keyframes spin {
100% { transform: rotateY(360deg); }
}
/* 青 */
.c-button2{
background: #65C5E0;
}
/* ベージュ */
.c-button3{
background: #E1D0C1;
}
/* 赤 */
.c-button4{
background: #E34F62;
}
/* 黒 */
.c-button5{
background: #43484E;
}

/* 丸ボタンリンク */
p a.c-button1,
p a.c-button2,
p a.c-button3,
p a.c-button4,
p a.c-button5{
text-decoration:none;
color:#fff;
}

/* 引用 */
blockquote {
position: relative;
padding: 30px 20px 15px;
color: #555;
background-color:#f2f2f2;
margin: 20px auto;
}
blockquote:before{
display: inline-block;
position: absolute;
top: 10px;
left: 10px;
content: '\f10d'; 
font-family: 'Font Awesome 5 Free';
color: #aaa;
font-size: 25px;
font-weight:900;
line-height: 1;
}
blockquote:after{
display: inline-block;
position: absolute;
bottom: 10px;
right: 10px;
text-align: center;
content: '\f10e';
font-family: 'Font Awesome 5 Free';
color: #aaa;
font-size: 25px;
font-weight:900;
line-height: 1;
}
blockquote p {
position: relative;
padding: 10px 10px 0;
margin: 10px 0;
z-index: 3;
font-size: 15px;
line-height: 1.5;
}

/* 質問 */
.Question:before{
display:inline-block;
width:50px;
height:50px;
margin:0 15px 0 0;
padding:0;
content: "Q";
line-height:50px;
border-radius: 50%;
text-align: center;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
border-bottom: solid 3px #aaa;
vertical-align: middle;
color: #fff;
background: #E13C51;
float:left;
}
.Question{
margin:20px 0 0 0;
overflow:hidden;
}

/* 答え */
.Answer:before{
display:inline-block;
width:50px;
height:50px;
margin:0 15px 0 0;
padding:0;
content: "A";
line-height:50px;
border-radius: 50%;
text-align: center;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
border-bottom: solid 3px #aaa;
vertical-align: middle;
color: #fff;
background: #4F77CA;
float:left;
}
.Answer{
margin:20px 0 0 0;
overflow:hidden;
}

/* 番号なしリスト */
.news-body ul {
padding-left: 20px;
}
.news-body li {
padding: 2px 0;
}

/* シェアボタン */ 
.share{
margin:0 0 40px;
}
p.share-title{
margin: 50px 0 0;
clear:both;
}
.share ul{
margin:0;
padding:0;
list-style:none;
}
.share ul:after{
display:block;
clear:both;
content:'';
}
.share li{
float:left;
width:24.3%;
margin:15px 5px 0 0;
}
.share li a{
display:block;
padding:10px;
text-align:center;
text-decoration:none;
color:#fff;
border-radius:3px;
font-size:16px;
font-weight:normal;
box-shadow: 0px 4px 0 rgba(150, 150, 150, 0.7);
transition: 0.2s all ease 0s;
}
.share li a:hover{
box-shadow: none;
transform: translate3d(0, 3px, 0);
}
.share li a:visited{
color:#fff;
}
.share li a i {
margin-right: 5px;
}
.twitter a {
background-color:#83D1EF;
}
.facebook a {
background-color:#698BD1;
}
.gplus a {
background-color:#DB9980;
}
.hatena a {
background-color:#5E95D9;
}
.fa-hatena:before{
font-family:Verdana;
font-weight:normal;
content:'B!';
}

@media(max-width: 1024px){
.share li{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:5px 2px 0 0;
padding:3px;
}
.share li a{
font-size:10px;	
}
.share li a i {
display: none;
}
}

/* サイドバー */
/* メニュー */
.mymenu	{
margin-bottom: 30px;
}
.mymenu h2 {
margin:0 0 10px;
padding: 10px 10px 8px 15px;
background-color: #CF417E;
color: #fff;
font-size: 18px;
font-weight: normal;
}
.mymenu ul {
margin: 0;
padding: 0;
list-style: none;
}
.mymenu li a {
display: block;
padding: 10px;
color: #333;
font-size: 14px;
text-decoration: none;
background-color: #f2f2f2;
transition: all .3s;
}
.mymenu li a:hover {
color: #fff;
transform: translateY(-5px);
box-shadow: 0px 4px 0px rgba(224,224,224,0.9);
background-color: #CF417E;
transition: all .3s;
}
.mymenu li a:hover span {
color: #fff;
transition: all .3s;
}

/* 新着記事のサムネイル画像 */
.mymenu-thumb li a {
margin-bottom: 3px;
padding: 10px;
color: #333;
font-weight: 600;
border: 1px solid #fff;
background-color: #f2f2f2;
}
.mymenu-thumb li a:after {
content: "";
display: block;
clear: both;
}
.mymenu-thumb li .thumb	{
float: left;
width: 60px;
height: 60px;
background-size: cover;
background-position: 50% 50%;
}
.mymenu-thumb li .text {
float: none;
width: auto;
margin-left: 75px;
}
.mymenu-thumb li span {
display: block;
color: #666;
font-size: 12px;
}

/* サムネイル画像を付けたメニューのデザイン */
.mymenu-thumb li a {
padding: 10px;
color: #2288bb;
}
.mymenu-thumb li a:after {
content: "";
display: block;
clear: both;
}
.mymenu-thumb li .thumb	{
float: left;
width: 60px;
height: 60px;
background-size: cover;
background-position: 50% 50%;
}
.mymenu-thumb li .text {
float: none;
width: auto;
margin-left: 75px;
}
.mymenu-thumb li span {
display: block;
color: #666;
font-size: 12px;
}

/* サムネイル画像に文字を重ねたメニュー */
.mymenu-large li a {
position: relative;
margin-bottom: 20px;
padding: 0;
overflow: hidden;
}
.mymenu-large li .thumb	{
width: 100%;
height: 250px;
background-size: cover;
background-position: 50% 50%;
transition-duration: 0.3s;
}
.mymenu-large li .thumb:hover {
transform: scale(1.2, 1.2);
}
.mymenu-large li .text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
padding: 20px;
background-color: rgba(0,0,0,0.5);
color: #fff;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

@media (min-width: 400px) and (max-width: 767px) {
.mymenu-large ul:after {
content: "";
display: block;
clear: both;
}
.mymenu-large li {
float: left;
width: 50%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mymenu-large li:nth-child(odd) {
clear: both;
padding-right: 7px;
}
.mymenu-large li:nth-child(even) {
padding-left: 7px;
}
}

/* カテゴリ */
.side-cat {
margin-bottom: 30px;
}
.side-cat h2 {
margin:0 0 10px;
padding: 10px 10px 8px 15px;
background-color: #CF417E;
color: #fff;
font-size: 18px;
font-weight: normal;
}
.side-cat ul {
margin: 0;
padding: 0;
list-style: none;
}
.side-cat li a {
margin-bottom: 3px;
display: block;
padding: 10px;
color: #2288bb;
font-size: 14px;
font-weight: 600;
text-decoration: none;
background-color: #f2f2f2;
transition: all .3s;
}
.side-cat li a:hover {
color: #fff;
transform: translateY(-5px);
box-shadow: 0px 4px 0px rgba(224,224,224,0.9);
background-color: #CF417E;
transition: all .3s;
}
.side-cat li a:hover span {
color: #fff;
transition: all .3s;
}

/* 関連記事メニュー */
h2.related-h2 {
width: auto;
margin: 10px 0;
padding: 10px;
background-color: #96b3d1;
color: #fff;
font-size: 18px;
font-weight: normal;
}
.mymenu-related	{
width: 96%;
height: 100%;
margin: 20px 0;
padding: 2% 2% 3% 2%;
background-color: #f2f2f2;
overflow: hidden;
}
.mymenu-related h2:before {
content: none;
}
.mymenu-related li a {
border: none;
color: #333;
}

@media (max-width: 599px) {
.mymenu-related	{
width: 100%;
padding: 0;
background-color: #fff;
}
.mymenu-related li {
width:100%;
}
.mymenu-related li a {
background-color: #f2f2f2;
margin-bottom: 5px;

}
.mymenu-related li .thumb {
width: 80px;
height: 50px;
}
.mymenu-related li .text {
margin-left: 95px;
}
}

@media (min-width: 600px) {
.mymenu-related ul:after {
content: "";
display: block;
clear: both;
}
.mymenu-related li {
float: left;
width: 25%;
height: 230px;
padding: 5px 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.mymenu-related li .thumb {
width: 100%;
height: 120px;
margin-bottom: 10px;
}
.mymenu-related li .text {
margin-left: 0;
}
}

/* 検索フォーム */
.search-field {
width: 100%;
height: 44px;
margin: 20px 0;
padding: 5px;
border: solid 2px #ddd;
border-radius: 0;
background-image: none;
font-family: inherit;
font-size: 14px;
-webkit-appearance: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.screen-reader-text, .search-submit {
display: block;
visibility: hidden;
height: 0;
}

/* サイドバータグ */
h2.widgettitle {
margin: 0 0 10px;
padding: 10px 10px 8px 15px;
background-color: #CF417E;
color: #fff;
font-size: 18px;
font-weight: normal;
}
.tagcloud a	{
margin: 3px 0;
padding: 5px;
display: inline-block;
color: #333;
background-color: #E8EEF4;
border-radius: 3px;
text-decoration: none;
font-size: 12px;
transition: .3s;
transform: scale(1);
}
.tagcloud a:hover {
color: #fff;
background-color: #96B3D1;
transform: scale(1.1);
}

/* 広告 */
.myad {
margin:-15px 0 0;
text-align: center;
}

/* テーブル */
table {
border-collapse: collapse;
border: 2px solid #ddd;
}
table th, table td {
border: 1px solid #eee;
padding:5px;
}

/* コンタクトフォーム */
.inquiry{
font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
width:100%;
border:none;
}
.inquiry th{
display:block;
width:96%;
text-align:left;
font-size:14px;
font-weight:normal;
color:#333;
margin:0;
padding:3% 2%;
background:#f2f2f2;
border:none;
}
.inquiry td{
display: block;
width:auto;
font-size:13px;
margin:0;
padding:0 0 20px 0;
border:none;
}
.must{
font-size:7px;
padding:5px;
background:#DC493F;
color:#fff;
border-radius:2px;
margin-right:10px;
}
.free{
font-size:7px;
padding:5px;
background:#01A6BA;
color:#fff;
border-radius:2px;
margin-right:10px;
}
.inquiry input[type="text"],
.inquiry input[type="password"],
.inquiry input[type="datetime"],
.inquiry input[type="datetime-local"],
.inquiry input[type="date"],
.inquiry input[type="month"],
.inquiry input[type="time"],
.inquiry input[type="week"],
.inquiry input[type="number"],
.inquiry input[type="email"],
.inquiry input[type="url"],
.inquiry input[type="search"],
.inquiry input[type="tel"],
.inquiry input[type="color"],
.inquiry select,
.inquiry textarea,
.inquiry .field{
width:96%;
margin:0;
padding:3% 2%;
border:none;
background-color:#DFE9F2;
color:#333;
letter-spacing:0.1em;
}
.inquiry textarea{
font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
padding: 2%;
}
.submit{
text-align: center;
}
#submit-btn{
width: 100%;
padding:2%;
margin: 10px auto;
background:#DC493F;
color:#fff;
font-size:18px;
border:none;
}
#submit-btn:hover{
background:#E3675E;
color:#fff;
border:none;
transition: .3s;
cursor:pointer;
}

@media (max-width: 768px){
.inquiry input[type="text"],
.inquiry input[type="password"],
.inquiry input[type="datetime"],
.inquiry input[type="datetime-local"],
.inquiry input[type="date"],
.inquiry input[type="month"],
.inquiry input[type="time"],
.inquiry input[type="week"],
.inquiry input[type="number"],
.inquiry input[type="email"],
.inquiry input[type="url"],
.inquiry input[type="search"],
.inquiry input[type="tel"],
.inquiry input[type="color"],
.inquiry select,
.inquiry textarea,
.inquiry .field{
width:94%;
padding:5% 3%;
}
#submit-btn{
padding: 3% 2%;
}
}