@charset "UTF-8";
/*
    Theme Name: maneki-neko-ppc 
    Description: TakamiTooL maneki-nekoシリーズ(アフィリエイトサイト向け)は2018PPC仕様テーマで簡単に作成運用することが出来ます。スマートフォン対応のレスポンシブテンプレートです。Maneki-neko-PPC support on <a href="http://takamitool.jp/">TakamiTooL</a>.
    Theme URI: http://takami-wp.com/
    Author: Mynetwork
    Author URI: http://mynetwork.jp/
    Version: 2.5.1
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: blog, one-column, two-columns, right-sidebar,left-sidebar,ppc
    Text Domain: maneki-neko
*/


/* Noto Sans JP */

@font-face {	
	font-family: 'Noto Sans JP';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url('https://qraft.co.jp/fonts/NotoSansJP-Regular.woff2') format('woff2');
}

@font-face {	
	font-family: 'Noto Sans JP';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url('https://qraft.co.jp/fonts/NotoSansJP-Medium.woff2') format('woff2');
}

@font-face {	
	font-family: 'Noto Sans JP';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url('https://qraft.co.jp/fonts/NotoSansJP-Bold.woff2') format('woff2');
}

@font-face {	
	font-family: 'Noto Sans JP';
	font-weight: 900;
	font-style: normal;
	font-display: swap;
	src: url('https://qraft.co.jp/fonts/NotoSansJP-Black.woff2') format('woff2');
}

/* SF Pro */

@font-face {	
	font-family: 'SF Pro';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url('https://qraft.co.jp/fonts/SF-Pro-Text-Regular.woff2') format('woff2');
}

@font-face {	
	font-family: 'SF Pro';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url('https://qraft.co.jp/fonts/SF-Pro-Text-Medium.woff2') format('woff2');
}

@font-face {	
	font-family: 'SF Pro';
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	src: url('https://qraft.co.jp/fonts/SF-Pro-Text-Semibold.woff2') format('woff2');
}

@font-face {	
	font-family: 'SF Pro';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url('https://qraft.co.jp/fonts/SF-Pro-Text-Bold.woff2') format('woff2');
}

body{
	font-family:"SF Pro","Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans CJK JP","Yu Gothic",sans-serif;
}
header{
	margin-bottom:10px;
}
.footer-content{
	margin-top:20px;
}
.breadcrumbs{
	margin:40px 3px 0 3px;
}
.breadcrumbs2{
	margin:10px 8px;
}
.breadcrumbs,
.breadcrumbs a{
	font-size:12px;
}
#btn-close-modal {
	font-size:40px;
	margin-top:8px;
	padding-right:20px;
	width:100%;
	text-align: right;
	cursor:pointer;
	color:#777;
}
#animatedModal {
	background-color:#f7f7f7 !important;
	padding:0 5px 40px 5px;
}
.promotion {
	font-size: .9em;
	float:right;
}
.close {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 1em;
  height: 0.1em;
  background: currentColor;
  border-radius: 0.1em;
  position: relative;
  transform: rotate(45deg);
}
.close::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}
.modal-content{
	width:350px;
	margin:0 auto 0 auto;
}
.timebox {
	float:left;
	font-size:13px;
	margin:0 0 8px 5px;
}
.timebox i {
	margin-right:3px;
}
.fa-redo-alt{
	margin-left:6px;
}
.lineb{
	text-decoration:underline;
	font-weight:bold;
}
.koshiki {
    position: relative;
    margin: 2.5em 0;
    padding: 0 18px 17px;
    border: solid 2px #184599;
    border-radius: 10px;
}
.koshiki a{
	color: #007185;
	text-decoration:underline !important;
}
.koshiki a:hover{
	text-decoration:none !important;
}
.koshi:before {
	position: relative;
	top:3px;
	font-size: 22px;
    font-family: 'Font Awesome 5 Free';
    content: "\f107";
    padding-right:5px;
	font-weight: 900;
}
.koshiki .koshi {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 7px;
    line-height: 1;
    font-size: 16px;
    background: #FFF;   
}
.koshiki p {
	font-size: 18px;
    margin: 0 !important;
    padding: 25px 0 8px;
	line-height:35px;
	font-weight: bold;
}
.sen,.internal {
	line-height:23px;
}
.sen:after {
	font-family: 'Font Awesome 5 Free';
      content: "\f35d";
      width: 10px; /* 線の長さ */
	font-weight: 900;
}
.sen:after,.internal:after {
      margin-left:7px;
}
.internal:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f0c1";
	font-weight: 900;
}
#toc_container{
	margin-bottom:2.5em !important;
}
/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  position: absolute;
  z-index : 3;
  right : 13px;
  top   : 8px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
  -webkit-transition: 0.5s all;
  -moz-transition   : 0.5s all;
  transition        : 0.5s all;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #555;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active{
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}
.hamburger.active span:nth-child(2) {
  top: 16px;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}
.hamburger.active span:nth-child(3) {
  opacity: 0;
}

nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 25%;
  color: #000;
  background: #fff;
  text-align: left;
  transform: translateX(100%);
  transition: all 0.6s;
  width: 100%;
	opacity: 0.9;
}

nav.globalMenuSp ul {
  background: #ccc;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0 0 0 10px;
  width: 75%;
  border-bottom: 1px solid #fff;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #000;
  padding: 1em 0;
  text-decoration :none;
}
@media (min-width: 768px) {
nav.globalMenuSp {
  left : 75%;
}	
nav.globalMenuSp ul li {
  width: 25%;
}	
}	
/* このクラスを、jQueryで付与・削除する ハンバーガーEND */
nav.globalMenuSp.active {
  transform: translateX(0%);
}
.ue50{
	margin-top:50px !important;
}
.ue35{
	margin-top:35px !important;
}
.ue20{
	margin-top:20px !important;
}
.shita10{
	margin-bottom:10px !important;
}
.shita30{
	padding-bottom:30px !important;
}
.medal h2 {
	padding-left:7px !important;
	padding-right:5px !important;
	margin:0 !important;
	border-left: none !important;
	background: #fff !important;
}
.supervisor a{
	color:#007185 !important;
	text-decoration: none !important;
}
.supervisor a:hover{
	text-decoration: underline !important;
}
.supervisor {
	font-size:12px !important;
	font-weight:normal !important;
	width:auto;
	margin:10px 3px 25px 0 !important;
	text-align:right !important;
}
.hide{
	transform: translateY(100%); /* 下に消えるようにする */
}
#scrollArea2{	
	margin: 0 auto;
	position: fixed;
	bottom: 0; /* 表示場所を一番下に */
	z-index: 100; /* 前面に表示されるようにする */
	left: 0;
	right: 0;
}
#scrollArea{
	max-width: 560px;
	margin: 0 auto;
    position: fixed; /* 固定して表示されるようにする */
    bottom: 0; /* 表示場所を一番下に */
    transition: .5s; /* スクロール時に一瞬で消えると物足りないので.hideの処理を0.5秒で行う */
    z-index: 100; /* 前面に表示されるようにする */
    left: 0;
    right: 0;
}
.blogcardfu {
	background-color:#fff !important;
	border:1px solid #E0E0E0 !important;
	border-radius:3px !important;
	text-align:left !important;
	line-height:1.4;
	padding:.5em;
}
.blogcardfu-title{
	font-size:95%;
	font-weight:700;
	color:#333;
	margin:0;
}
.blogcardfu-content{
	font-size:85%;
	color:#666;
}
.hidari{
	float:left;
}
.blogcardfu img{
	margin: 1px .3em 0 .3em !important;
}
img{
	margin-bottom:20px;
	max-width: 100%;
	height: auto;
}
#breadcrumbs {
	margin-bottom:0 !important;
	font-size:12px !important;
}
.reload{
	font-size:18px;
}
@media screen and (min-width: 850px) {
#main-in {
width: 550px;
margin-right: auto;
margin-left : auto;
  }
}
.video{
	text-align: center !important;
	margin-bottom:15px;
}
.sukima{margin:20px 0;}
	
.clear{
	margin:10px 5px 0 5px;
	font-size:16px;
	line-height:34px;
	clear:both;
}
#container p{
line-height:34px;
margin:0 5px 20px 5px;
}
/*記事のh2の設定*/
.post h1,.post h2{
font-weight:bold;
font-size:22px !important;
line-height:40px;
margin:0 0 13px 0;
padding: .5em .5em .5em .75em;/*文字の上右下左の余白*/
background: #f6f6f6;/*背景色*/
border-left: solid 8px #ef9c99;/*左線*/
}

/*記事のh3の設定*/
.post h3 {
font-weight:bold;	
font-size:20px !important;
line-height:38px;
margin:40px 0 15px 0;
position: relative;
padding: .25em 0 .25em .75em;
border-left: 8px solid #ef9c99;
}
.post h3::after {
position: absolute;
left: 0;
bottom: 0;
content: ”;
width: 100%;
height: 0;
}

/*記事のh4の左ボーダー設定色*/
.post h4{
padding: .15em 0 .15em .75em;
border-left: 8px solid #ef9c99;
}
.post h3 a{text-decoration: none;}
/*ボタンデザイン*/
.btn-pop {
  width: 98%;
  text-align: center;
  position: relative;
  display: block;
  margin: 0 auto 50px auto;
  padding: 1em 2em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*色*/
  border-radius: 60px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
  border: solid 2px #d27d00;/*線色*/
}
.btn-pop:active {
  /*押したとき*/
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
.btn-pop a:link {
	color: #FFF;
	text-decoration: none;	
}
#footerFloatingbg {
	background: #fff;
	width: 100%;
	height:57px;
	position: fixed;
	bottom: 0;
	left:0;
	border-top: 1px solid #ccc;
}
#footerFloatingbg p{
	margin:0 !important;	
}
#footerFloatingMenu {
	max-width:480px;
	font-size:16px;
	background: rgba(51,145,32);
	color: #fff;
	width: 97%;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9999;
	padding: 3px 0 3px 0;
	margin-top:8px;
	border-radius: 3px;
	text-align:center;
}
#footerFloatingMenu img {
	max-width: 99%;
}
#footerFloatingMenu a {
	color: #fff;
	text-decoration: none;
}
#footerFloatingMenu a:hover {
	color: #fff;
	text-decoration: underline;
	padding: 10px auto;
}
/*ボタンデザイン（拡大縮小）*/
.btnAnime01 {
      margin: 0 auto 38px auto;
    }
    .btnAnime01 img,.btnAnime03 img {
      animation: anime1 0.5s ease 0s infinite alternate;
      transform-origin:center;
    }
    @keyframes anime1 {
      from {
        transform: scale(0.9,0.9);
      }
      to {
        transform: scale(1,1);
      }
}
.btnAnime03 {
      margin: 0 auto 0 auto;
    }
/* 揺れるボタン */
/* btnAnime02 */
.btnAnime02 {
    -webkit-animation-name:btnAnime02;
    -webkit-animation-duration:1s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease;
    
    -moz-animation-name:btnAnime02;
    -moz-animation-duration:1s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:ease;
}

@-webkit-keyframes btnAnime02 {
    0% {-webkit-transform:translate(0, 0);}
    50% {-webkit-transform:translate(0, -8px);}
    100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes btnAnime02 {
    0% {-moz-transform:translate(0, 0);}
    50% {-moz-transform:translate(0, -8px);}
    100% {-moz-transform:translate(0, 0);}
}
.under-blue {
	background: linear-gradient(transparent 60%, #e4f4ee 50%);
	font-weight:bold;
}
.under-yellow {
	background: linear-gradient(transparent 60%, #fff3b8 50%);
	font-weight:bold;
}
.under-red {
	background: linear-gradient(transparent 60%, #fedee7 50%);
	font-weight:bold;
}
.komidashi{
	font-weight:bold;
	font-size: 20px;
	text-align: left;
	line-height: 28px;
	display: flex;
	margin-bottom:12px;
    align-items: start; /* 垂直中心 */
    justify-content: left; /* 水平中心 */
}
.komidashi:before {
    border-top: 1px solid #777;
    content: "";
    width: 20px; /* 線の長さ */
	margin-top:12px;
	margin-right: 8px; /* 文字の右隣 */
}
.redbold,.redboldbig{
	font-weight:bold;
	color: #f56978;
}
.redboldbig{
	font-size: 22px;
}
.deka{
	font-size: 22px;
}
@media only screen and (max-width: 480px) {
#main img{
    display:block;
    margin:0 auto 10px auto;
}
#main .mukoka{
	float:left;
	display:inline;
}
/* 検索窓 */
[type="submit"] {
width:300px;
background: #73bcf3; /* ボタンの色 */
color: #fff; /* 文字の色 */
	    font-weight: bold;
    border: none;
    border-radius: 0 3px 3px 0;
}
.postform{
	width:300px;
}
}
#footer-bottom{
	margin:0 auto;		
}	
/*-- ここまで --*/
}
.futopink{
	font-size: 18px;
	font-weight: bold;
	color: #F399BF;
}
.redunder {
  background: linear-gradient(transparent 70%, #ff99ab 70%);
}

/*--------------------
 吹き出しを作る
--------------------*/
.balloon {
width: 97%;	
margin-bottom: 2em;
position: relative;
}
.balloon:before,.balloon:after {
clear: both;
content: "";
display: block;
}
.balloon-image-left {
float: left;
margin-right:15px;
}
.balloon-image-right {
float: right;
margin-left: 10px;
}
.balloon figure img {
width: 100%;
height: 100%;
margin: 0;
}
.balloon-image-description {
padding: 0;
font-size: 11px;
text-align: center;
}
.balloon-text-right,.balloon-text-left {
position: relative;
padding: 10px;
margin-top: 15px;	
border: 1px solid;
border-radius: 10px;
max-width: -webkit-calc(100% - 120px);
max-width: calc(100% - 105px);
display: inline-block;
}
.balloon-text-right {
border-color: #aaa;
}
.balloon-text-left {
border-color: #aaa;
}
.balloon-text-right {
float: left;
}
.balloon-text-left {
float: right;
}
.balloon p,.think p {
margin: 0 3px 18px 3px !important;
}
.balloon p:last-child,.think p:last-child {
margin-bottom: 1px !important;
}
/* 三角部分 */
.balloon-text-right:before {
position: absolute;
content: '';
border: 10px solid transparent;
border-right: 10px solid #aaa;
top: 15px;
left: -19px;
}
.balloon-text-right:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-right: 10px solid #fff;
top: 15px;
left: -18px;
}
.balloon-text-left:before {
position: absolute;
content: '';
border: 10px solid transparent;
border-left: 10px solid #aaa;
top: 15px;
right: -19px;
}
.balloon-text-left:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-left: 10px solid #fff;
top: 15px;
right: -18px;
}
figure{
padding:0;
margin:0;
}
/* 考え毎 */
.think .balloon-text-right,.think .balloon-text-left {
 border-radius: 15px;
}
.think .balloon-text-right:before {
 border: 1px solid #aaa;
 border-radius: 50%;
 width: 8px;
 height: 8px;
 top: 15px;
 left: -12px;
}
.think .balloon-text-right:after {
 border: 1px solid #aaa;
 border-radius: 50%;
 width: 4px;
 height: 4px;
 top: 20px;
 left: -19px;
}
.think .balloon-text-left:before {
 border: 1px solid #aaa;
 border-radius: 50%;
 width: 8px;
 height: 8px;
 top: 15px;
 right: -12px;
}
.think .balloon-text-left:after {
 border: 1px solid #aaa;
 border-radius: 50%;
 width: 4px;
 height: 4px;
 top: 20px;
 right: -19px;
}
/* OL,UL */
.backcol ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none; /*数字を一旦消す*/
  padding:0;
  margin: 0;	
}
.backcol ol li {
  position: relative;
  padding: 0.5em;
  line-height: 1.5em;
  background: #f1f8ff;
  border-left : solid 35px #5c9ee7;
  margin-bottom: 5px;
}
.backcol ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  color: white;
  font-weight:bold;
  font-size: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -35px;
  width: 35px;
  height: 1em;
  line-height: 1;
  text-align: center;
}
.backcol{
  background: #f1f8ff;
  padding: 20px;
  margin-bottom: 10px;
}
.merit{
  padding: 0;
  margin: 0;
}
.demerit{
  padding: 0;
  margin: 20px 0 0 0;
}
.tsukau{
  padding: 0;
  margin: 0 0 10px 0;	
}
.area{
  color: #0066CC;	
  font-weight:bold;
  font-size: 18px;
  padding: 0;
  margin: 0 0 0 0;	
}
.area2{
  color: #0066CC;	
  font-weight:bold;
  font-size: 18px;
  padding: 0;
  margin: 50px 0 0 0;	
}
.area3{
  color: #0066CC;	
  font-weight:bold;
  font-size: 18px;
  padding: 0;
  margin: 0 0 10px 0;	
}
.futoji {
  position: relative;/*相対位置*/
  padding: 0.5em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
  margin-bottom: 5px;	
  line-height: 1.4;/*行高*/
  color: #ff6a6a;/*文字色*/
  border-top: dotted 1px gray;
  border-bottom: dotted 1px gray;
  background: #fffff4;
}

.futoji:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f138";/*アイコンのユニコード*/
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0.25em;/*アイコンの位置*/
  top: 0.5em;/*アイコンの位置*/
  color: #ff6a6a; /*アイコン色*/
	font-weight: 900;
}
#page-top {bottom: 70px;}

.bubble {
     position: relative;
     display: inline-block;
     width: 100%; 
     padding: 0 20px 0 20px;
     background-color: #FFF;
     border: #aaa solid 1px;
     border-radius: 25px;
}
.bubble:before {
     content: '';
     position: absolute;
     display: block;
     z-index: 1;
     border-style: solid;
     border-color: #FFF transparent;
     border-width: 25px 25px 0 0;
     bottom: -22px;
     left: 20%;
     margin-left: -14px;
}
.bubble:after {
     content: '';
     position: absolute;
     display: block;
     z-index: 0;
     border-style: solid;
     border-color: #aaa transparent;
     border-width: 25px 25px 0 0;
     bottom: -25px;
     left: 20%;
     margin-left: -16px;
}
.mukoka{
	padding:25px 10px 10px 10px;
}
ul.cp_list {
	padding:0.5em;
	list-style-type:none;
}
ul.cp_list li {
		font-size:18px;
	position:relative;
	padding: 0em 0.3em 0.3em 1.3em;
}
ul.cp_list li:after,ul.cp_list li:before {
	position:absolute;
	content:'';
	display:block;
	background: #FFC107;
	top: 0.43em;
	left: 0.5em;
	height: 11px;
	width: 4px;
	border-radius: 10px;
	transform: rotate(45deg);
}
ul.cp_list li:before {
	top: 0.6em;
	left: 0.2em;
	height:8px;
	transform:rotate(-45deg);
}
.mini{
	display: block;
	font-size:12px;
	margin-bottom:20px !important;	
	line-height:20px !important;	
}
.mini2{
	font-size:12px;
}
#copyright p{
	font-size:12px !important;
	text-align:center;
	margin-top:0;
}
footer img {
	margin-bottom:0 !important;
}
#copyright ul,#cosaku ul,#cosaku2 ul{
	margin-bottom:50px;	
	font-size:12px;
	line-height:28px;
}
#copyright li,#cosaku li,#cosaku2 li{
	font-size:12px;
	list-style-type:none;
}
#copy{
	font-family: 'Lucida Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	color: #666;
}
#footer-bottom p{
	font-size:12px !important;
	text-align:center;
	margin-top:0;
	line-height: 30px;
}
#footer-bottom{
	margin:0 auto;		
}
#cosaku{
margin-top:15px;
}
#cosaku2{
margin-top:30px;
}
.modoru{
	margin-top:20px;
	text-align:center;
}
.sfil{
	text-align: center;
	margin:0;
	padding:0;
}
.sfil ul{
	margin:0;
	padding:0;
}
.sfil li{
	margin:0 5px 0 0;
	padding:0;
}
/* 住所など */
.tenpo,
.hours,
.holiday,
.station{
	 font-size:20px;
  position: relative;/*相対位置*/
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;/*行高*/
	margin:20px 0 5px 0;
}
.tenpo:before,
.hours:before,
.holiday:before,
.station:before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #ff938b; /*アイコン色*/
}
.tenpo:before {content: "\f1ad";}
.hours:before {content: "\f017";}
.holiday:before {content: "\f023";}
.station:before {content: "\f239";}
.grid{padding-top:0px;padding-bottom:0px}
#main div.grid:last-child {
    margin-bottom: 0px;
}
#core,#section{padding-top:15px}
.brand{ 
	text-align: right;
	margin-bottom:25px;
}
.uchikeshi {
  text-decoration: line-through;
}
blockquote{
	padding:0;
	margin:0 0 30px 0;
}
cite{
	display:block;	
	font-size:12px;
	text-align: right;
	margin-top:20px;
}
cite a:link{
	color: #444;
	text-decoration: none;
}
cite a:hover {
  text-decoration: underline;
}
.quote{
	font-weight:bold;
	font-size:16px;
	padding:5px 15px 0 15px;
	margin:0;
}
.kome{
	font-size:12px;
	padding:0 15px 15px 15px;
}
#main .goldmedal  {
	margin:30px 0 20px 5px;	
}
#main .medal  {
	margin:20px 0 20px 5px;
	padding-top:10px;
	clear:both;
}
.kuria{
	clear:both;
	margin-top:50px !important;
}
.ue{
	margin-top:145px !important;
}
.shita{
	margin-bottom:40px !important;
}
#main .medal img,#main .goldmedal img {
	float:left;
	padding:0;
	margin:5px 0 0 0;	
}
#main .medal .star img {
	margin:0;	
}
#main .hyo img {
	float:left;
	padding: 0;
	margin: 0 0 3px 1px;	
}
#main .medal .mizuname,#main .goldmedal .mizuname{
	float:left;
	margin:15px 10px 0 5px;
}
#main .medal .mizuname2,#main .goldmedal .mizuname2{
	font-size:18px;
	float:left;
	margin:18px 8px 0 5px;
}
#main .medal .star,#main .goldmedal .star{
	float:left;
	margin:0;
	padding:21px 0 0 0;
}
#main .hyo {
	margin: 0;	
}
.inner{
  font-size:16px;
  text-align: center;
}
.inner a{
  text-decoration: none;
  color:#3373a1;
}
.inner a:hover{
  text-decoration: underline;
}
.basic{
  font-size:18px;
  text-align: center;
}
.basic-left{
  text-align: left;
}
.basic a:hover,.basic-left a:hover,.namae a:hover,.saiyasu a:hover{
  text-decoration: underline !important;
  color:#c7511f !important;
}
.basic a,.basic-left a,.namae a,.saiyasu a{
  text-decoration: none !important;
  color:#007185 !important;
}
.namae{
  text-align: center;
}
.otosu{
	clear:both;
	padding:0;
}
.dansage{
	display:block;	
	clear:both;
	margin: 0;
	padding: 20px 0 0 0;
}
.tkmslidebox table td img {
	margin-bottom: 5px !important;
}
#rsearch{
	margin:7px 3px 10px 3px;
}
.under{margin-top: 20px;}

.waters {
position: relative;
padding-left: 30px;
margin-top:20px;	
margin-bottom:15px;
font-size:20px;
color: #000;
}

.waters::before,
.waters::after{
content: "□";
position: absolute;
}

.waters::before{
left:0;
top:-3px;
}

.waters::after{
left: 5px;
top: 3px;
color: #A1B8D1;
}
.checkers {
	float:left;
	margin:2px 5px 23px 7px;
	clear:both;
}
.checktxt{
	  font-size:16px;
	margin:0 0 25px 0;
}


@media screen and (min-width: 850px) {
.checkers {
	float:left;
	margin:2px 5px 5px 7px;
	clear:both;
}
}

/*---------------------------------
アコーディオンボックス
--------------------------------*/
.acbox{
  width: auto;
  font-size:0px; /* ラベルと開く部分を分離する時は数値を入れる */
  margin:0 10px; /* ボックス全体の位置調整 */
}

.acbox label{
  width: auto;
  font-size: 16px; /* ラベルの文字サイズ */
  font-weight: bold;
  text-align: center;
  background: #8BC34A; /* ラベルの背景色 */
  position: relative;
  display: block;
  padding:8px;
  border-radius: 4px; /* ラベルの角の丸み */
  cursor: pointer;
  color: #fff;
}

.acbox label:hover{
  background: #8BC34A; /* ラベルにマウスを乗せた時の背景色 */
}

.acbox input{
  display: none;
}

.acbox label:after{
  color: #fff;
  content:"▼"; /* ラベルのアイコン */
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -14px;
}

.acbox input:checked ~ label::after {
  content:"▲"; /* ラベルをクリックした後のアイコン */
}

.acbox div{
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: 0.15s; /* 開閉スピードの設定 */
}

.acbox input:checked ~ div{
  height: auto;
  padding: 18px; /* 開いた部分の枠内の余白 */
  border-radius: 0px;
  background: #F3F4F5; /* 開いた部分の背景色 */
  opacity: 1;
}

.acbox input:checked ~ label {
  background: #8BC34A; /* クリック後のラベルの背景色 */
}

.acbox-under{
  font-size: 15px; /* 開いた部分の文字サイズ */
  color: #555555; /* 開いた部分の文字色 */
}