@charset "UTF-8";

html {
  color: #000;
  margin-top: 0px !important;
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

fieldset, img {
  border: 0
}

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal
}

ol, ul {
  list-style: none
}

caption, th {
  text-align: left
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit
}

input, textarea, select {
  *font-size: 100%
}

/* =============================================================================
   WordPress用
   ========================================================================== */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

body {
    margin: 0;
    color: #3c3c3c;
    font-family: BlinkMacSystemFont,'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-size: 100%;
    letter-spacing: .07rem;
}



@media screen and (max-width: 639px), screen and (orientation: landscape) and (max-width: 800px) {
  html {
    width: 100%;
    overflow-x: hidden;
  }

  body {
    overflow-x: hidden;
  }

}
/* リンク */
a {
  display: block;
  -webkit-transition: all 200ms ease-out 0s;
  -o-transition: all 200ms ease-out 0s;
  transition: all 200ms ease-out 0s;
  color: #0c6ed3;
  text-decoration: underline;
}

table {
  width: 100%;
  text-align: justify;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #cfcfcf;
  /*border-collapse: separate;*/
  margin: 0 0 10px;
}

table th, table td {
  vertical-align: top;
}

table td {
  color: black;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  border-left: 1px solid #cfcfcf;
  border-top: 1px solid #cfcfcf;
}

table tr:first-child td {
  border-top: none;
}

.datatbl th {
    font-size: 16px;
    padding: 10px;
    text-align: center;
}

.datatbl td {
    font-size: 16px;
    padding: 10px;
}

.red {
  font-size: 110%;
  color: #cf0210;
}

.voice_area {
  background: #f2edd5;
  padding: 30px 30px 20px;
}



.name {
  font-weight: bold;
  margin: 0 0 10px;
}

.star-5 {
  background: url(../images/star-5.png) no-repeat left 0.5em;
  width: 195px;
  display: inline-block;
  margin: 0px 0 0 7px;
  padding: 21px 0;
}
.star-4 {
  background: url(../images/star-4.png) no-repeat left 0.5em;
  width: 195px;
  display: inline-block;
  margin: 0px 0 0 7px;
  padding: 21px 0;
}
.star-3 {
  background: url(../images/star-3.png) no-repeat left 0.5em;
  width: 195px;
  display: inline-block;
  margin: 0px 0 0 7px;
  padding: 21px 0;
}
.star-2 {
  background: url(../images/star-2.png) no-repeat left 0.5em;
  width: 195px;
  display: inline-block;
  margin: 0px 0 0 7px;
  padding: 21px 0;
}
.star-1 {
  background: url(../images/star-1.png) no-repeat left 0.5em;
  width: 195px;
  display: inline-block;
  margin: 0px 0 0 7px;
  padding: 21px 0;
}

#tab_menu {
  overflow: hidden;
}

#tab_menu .red {
  color: #fff;
}

#tab_menu .current .red {
  color: #cf0210;
}

#tab_menu li {
  float: left;
  margin: 0;
  list-style-type: none;
}

#tab_menu li a {
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  background: #036584;
  padding: 11px 0;
  width: 396px;
  text-align: center;
  color: #fff;
  margin: 10px 0 0 0;
}

#tab_menu li.voice_tab_l a {
  margin: 10px 0 0 38px;
}

#tab_menu li a.current {
  width: 450px;
  background: #fff;
  text-align: center;
  padding: 20px 0 10px;
  border-top: 3px solid #ccc;
  border-left: 3px solid #ccc;
  border-right: 3px solid #ccc;
  margin: 0;
  color: #006577;
  opacity: 1;
  cursor: default;
}

#tab_menu li a.current:hover {
  opacity: 1;
}

.b {
  font-size: 120%;
}

  .voice_area {
    padding: 10px 5px 10px;
  }

ul#tab_menu {
    list-style: none;
}

  .voice_area #tab_menu li {
    width: 100%;
  }

  .voice_area #tab_menu {
	width: 100%;
    padding-left: 0;
    text-align: center;
  }

  .voice_area #tab_menu li a {
    width: 96%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px;
    white-space: nowrap;
    padding: 5px 0;
  }

  .voice_area #tab_menu li.voice_tab_l a {
    margin: 0 0 0 10px;
    position: relative;
    top: 10px;
    left: -12px;
  }

  .voice_area #tab_menu li a.current {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 13px 0 6px;
    top: 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: 12px;
  }

  .voice_area {
    /* background: #fff; */
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 0px 1px 1px;
    margin-bottom: 20px;
    font-size: 16px;
  }

@media screen and (max-width: 768px) {
	.voice_area {
		font-size: 12px;
	}
}

  .bx-wrapper {
    background: #fff;
    /* border-left: 1px solid #ccc; */
    /* border-right: 1px solid #ccc; */
    /* border-bottom: 1px solid #ccc; */
    padding: 10px 20px 0;
  }

  .voice_area .bx-wrapper .bx-controls-direction a {
    font-size: 12px;
    bottom: 5%;
    left: 50%;
    margin-left: -91px;
  }

  .name {
    margin-bottom: 5px;
    font-size: 16px;
  }

  .star-5{
    background: url(../images/star-5.png) no-repeat left center;
  }
  .star-4{
    background: url(../images/star-4.png) no-repeat left center;
  }
  .star-3{
    background: url(../images/star-3.png) no-repeat left center;
  }
  .star-2{
    background: url(../images/star-2.png) no-repeat left center;
  }
  .star-1{
    background: url(../images/star-1.png) no-repeat left center;
  }
  .star-5, .star-4, .star-3, .star-2, .star-1 {
    width: 50%;
    background-size: contain;
    padding: 15px 0 0;
    margin-bottom: -1px;
  }

span.b {
    font-weight: bold;
    font-size: 100%;
}

span.red {
    color: #ff0000;
}

.bx-wrapper {
	/* position: relative; */
	/* margin-bottom: 60px; */
	/* padding: 0; */
	/*  *zoom: 1; */
	/* -ms-touch-action: pan-y; */
	/* touch-action: pan-y; */
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bxslider {
	margin: 0;
	padding: 0;
}
ul.bxslider {
	list-style: none;
}

.bx-wrapper {
	/* -moz-box-shadow: 0 0 5px #ccc; */
	/* -webkit-box-shadow: 0 0 5px #ccc; */
	/* box-shadow: 0 0 5px #ccc; */
	/* border: 5px solid #fff; */
	/* background: #fff; */
	/* border-left: 3px solid #ccc; */
	/* border-right: 3px solid #ccc; */
	/* border-bottom: 3px solid #ccc; */
	/* padding: 10px 50px 100px; */
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url('images/bx_loader.gif') center center no-repeat #ffffff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

.bx-wrapper .bx-pager {
	display: none;
	/*  text-align: center; */
	/*  font-size: .85em; */
	/*  font-family: Arial; */
	/*  font-weight: bold; */
	/*  color: #666; */
	/*  padding-top: 20px; */
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #000;
}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	vertical-align: bottom;
 *zoom: 1;
 *display: inline;
}
.bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	display: none;/*  left: 10px;
  background: url('images/controls.png') no-repeat 0 -32px;*/
}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
	background-position: 0 0;
}
.bx-wrapper .bx-controls-direction a {
	font-size: 16px;
	border-radius: 30px;
	font-weight: bold;
	position: absolute;
	bottom: 20%;
	left: 38%;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(106, 121, 125);
	background-image: -moz-linear-gradient( 90deg, rgb(246,246,246) 50%, rgb(255,255,255) 50%);
	background-image: -webkit-linear-gradient( 90deg, rgb(246,246,246) 50%, rgb(255,255,255) 50%);
	background-image: -ms-linear-gradient( 90deg, rgb(246,246,246) 50%, rgb(255,255,255) 50%);
	box-shadow: 0px 3px 0px 0px rgba(164, 176, 176, 0.5);
	position: absolute;
	padding: 5px 30px;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url('images/controls.png') -86px -11px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url('images/controls.png') -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {
	background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}










svg:not(:root) .svg-inline--fa {
  overflow: visible
}

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -.125em
}

.svg-inline--fa.fa-lg {
  vertical-align: -.225em
}

.svg-inline--fa.fa-w-1 {
  width: .0625em
}

.svg-inline--fa .fa-w-2 {
  width: .125em
}

.svg-inline--fa .fa-w-3 {
  width: .1875em
}

.svg-inline--fa .fa-w-4 {
  width: .25em
}

.svg-inline--fa .fa-w-5 {
  width: .3125em
}

.svg-inline--fa .fa-w-6 {
  width: .375em
}

.svg-inline--fa .fa-w-7 {
  width: .4375em
}

.svg-inline--fa .fa-w-8 {
  width: .5em
}

.svg-inline--fa .fa-w-9 {
  width: .5625em
}

.svg-inline--fa .fa-w-10 {
  width: .625em
}

.svg-inline--fa .fa-w-11 {
  width: .6875em
}

.svg-inline--fa .fa-w-12 {
  width: .75em
}

.svg-inline--fa .fa-w-13 {
  width: .8125em
}

.svg-inline--fa.fa-w-14 {
  width: .875em
}

.svg-inline--fa.fa-w-15 {
  width: .9375em
}

.svg-inline--fa.fa-w-16 {
  width: 1em
}

.svg-inline--fa.fa-w-17 {
  width: 1.0625em
}

.svg-inline--fa.fa-w-18 {
  width: 1.125em
}

.svg-inline--fa.fa-w-19 {
  width: 1.1875em
}

.svg-inline--fa.fa-w-20 {
  width: 1.25em
}

.svg-inline--fa.fa-pull-left {
  margin-right: .3em;
  width: auto
}

.svg-inline--fa.fa-pull-right {
  margin-left: .3em;
  width: auto
}

.svg-inline--fa.fa-border {
  height: 1.5em
}

.svg-inline--fa.fa-li {
  width: 2em
}

.svg-inline--fa.fa-fw {
  width: 1.25em
}










/*! normalize.css v3.0.2 | MIT License | git.io/normalize*/
html{
	font-family:Noto Sans Japanese ;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body{
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{
	display: block;

}

audio,
canvas,
progress,
video{
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]){
	display: none;
	height: 0;
}

[hidden],
template{
	display: none;
}

a{
	background-color: transparent;
	text-decoration:underline;
}

a:active,
a:hover{
	outline: 0;
}

abbr[title]{
	border-bottom: 1px dotted;
}

b,
strong{
	font-weight: bold;
}

dfn{
	font-style: italic;
}

h1{
	margin: 0.67em 0;
	font-size: 2em;
}

mark{
	background: #ff0;
	color: #000;
}

small{
	font-size: 80%;
}

sub,
sup{
	vertical-align: baseline;
	line-height: 0;
	position: relative;
	font-size: 75%;
}

sup{
	top: -0.5em;
}

sub{
	bottom: -0.25em;
}

img{
	border: 0;
}

svg:not(:root){
	overflow: hidden;
}

figure{
	margin: 1em 40px;
}

hr{
	height: 0;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

pre{
	overflow: auto;
}

code,
kbd,
pre,
samp{
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea{
	margin: 0;
	color: inherit;
	font: inherit;
}

button{
	overflow: visible;
}

button,
select{
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
	cursor: pointer;
	-webkit-appearance: button;
}

button[disabled],
html input[disabled]{
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
	padding: 0;
	border: 0;
}

input{
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"]{
	padding: 0;
	box-sizing: border-box;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
	height: auto;
}

input[type="search"]{
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}

fieldset{
	margin: 2% 2px;
	padding: 2% 2%; /*0.35em 0.625em 0.75em;*/
	border: 3px solid #268bc1;
}

legend{
	padding: 0;
	border: 0;
}

textarea{
	overflow: auto;
}

optgroup{
	font-weight: bold;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th{
	padding: 0;
}


/*------------------------------------------------------------
賢威テンプレートの共通設定
-------------------------------------------------------------*/

html{
	overflow-y: scroll;
}

a{
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	color: #666666 ;
}

a:hover,
a:active,
a:focus{
	color: #666666 ;
}

address,
caption,
cite,
code,
dfn,
var,
h1,
h2,
h3,
h4,
h5,
h6{
	font-style: normal;
	font-weight: bold;
}

q{
	quotes: none;
}

q:before,q:after{
	content: '';
	content: none;
}

img{
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}

div{
	/* word-wrap: break-word; */
}

pre{
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}

form{
	margin: 0;
}

button,
input,
select,
textarea,
optgroup,
option{
	vertical-align: baseline;
}

select{
	max-width: 100%;
}

textarea{
	min-height: 100px;
	vertical-align: top;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
	margin: 0;
}

table{
	width: 100%;
	word-break: break-all;
	word-wrap: break-word;
	border-spacing: 0;
}

caption{
	text-align: left;
}

img{
	/* height: auto; */
	/* max-width: 100%; */
}

img{
	max-width: none\9;/*IE8への対応*/
}

html:not(:target) img{
	/*IE9以上への対応*/
	/* max-width: 50%; */
	text-align: left;
	height: auto;
	margin-bottom: 0px;
}

p{
	margin: 0 0 0;
}

ul,
ol{
	/* margin-left: 3em; */
	/* padding-left: 0; */
}

/*li{
margin-bottom: 0.5em;
}*/

/*引用*/
blockquote{
	position: relative;
	margin: 2em 0;
	padding: 29px 36px 19px;
	background: #e9e9e9ed;
	border-radius: 20px;
	color: #666;
}

blockquote p:last-child{
	margin-bottom: 0;
}

/*blockquote:before{
position: absolute;
top: 40px;
left: 30px;
width: 58px;
height: 45px;
content: url(./images/icon/icon-laquo.png);
}

blockquote:after{
position: absolute;
right: 30px;
bottom: 20px;
width: 58px;
height: 45px;
content: url(./images/icon/icon-raquo.png);
}*/

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		blockquote:before{
			display: inline-block;
			width: 58px;
			height: 45px;
			vertical-align: middle;
			background: url(./images/icon/icon-laquo@2x.png);
			-webkit-background-size: 58px 45px;
			background-size: 58px 45px;
			content: " ";
		}

		blockquote:after{
			display: inline-block;
			width: 58px;
			height: 45px;
			vertical-align: middle;
			background: url(./images/icon/icon-raquo@2x.png);
			-webkit-background-size: 58px 45px;
			background-size: 58px 45px;
			content: " ";
		}

}

blockquote a{
	color: #15a5e6;
}

blockquote a:hover,
blockquote a:active,
blockquote a:focus{
	color: #f60;
}

q{
	background: #ccc;
}

table{
	width: 100%;
	margin: 1em 0;
	padding: 0;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
}

th,
td{
	padding: 0.8em 0.6em;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
}

th{
	background-color: #e9e9e9;
	font-weight: bold;
	text-align: left;
}

thead th{
	background-color: #dd6c11;
	color: #fff;
	text-align: center;
}

dd{
	margin-left: 0;
	padding-left: 1em;
}

figure{
	margin: 1em 0;
}

/*--------------------------------------------------------
テンプレートレイアウト
--------------------------------------------------------*/

.container{
	position: relative;
}

.site-header,
.global-nav,
.main-body,
.site-footer{
	min-width: 1200px;
}

.site-header-in,
.global-nav-in,
.main-image-in,
.main-image-in-text,
.main-image-in-text-cont,
.site-footer-in{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 1000px; /*サイトの横幅。これより小さければレスポンシブ*/
	margin: auto;
}

.main-image-in img{
	width: 100%;
}

.main-image-in.wide,
.main-image-in-text.wide{
	width: 100%;
}

/*1カラムレイアウト*/
.col1 .main-body-in{
	width: 100%;
}

.col1 .breadcrumbs{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

/*2カラムレイアウト*/
.col2 .main-conts{
	float: left;
	width: 72%;
}
/*2カラムレイアウト（リバース）*/
.col2r .main-conts{
	float: right;
	width: 65%;
}

.col2r .sub-conts{
	float: left;
	width: 30%;
}


/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

.site-header-conts{
	display: table;
	width: 100%;
	padding: 0; /*初期値30px 0*/
}

/*ヘッダーロゴ*/
.site-title{
	display: table-cell;
	font-size: 2.25em;
}
.site-title > a {
	display: block;
}
.site-title img {
	width: 300px;
}

.site-title a{
	color: #333;
	text-decoration: none;


}

.site-title a:hover,
.site-title a:active,
.site-title a:focus{
	text-decoration: underline;
}

.normal-screen .site-title{
	font-size: 3em;
}

.normal-screen .lp-catch{
	font-size: 1.5em;
}

/*ヘッダー右側の要素*/
.header-box{
	display: table-cell;
	text-align: right;
}

/*ヘッダーの全画面表示*/
.full-screen{
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	color: #fff;
}

.full-screen .site-header-in{
	display: table;
}

.full-screen .site-header-conts{
	display: table-cell;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
	padding: 0; /*初期値1em*/
	text-align: center;
	vertical-align: middle;
	text-shadow: 1px 1px 8px #666;
}

.full-screen .site-title{
	display: block;
}

.contact-btn{
	margin-bottom: 0;
}

.full-screen .site-header-conts h1{
	width: auto;
	margin: 0;
}

.full-screen .site-header-conts p{
	font-size: 2em;
}

.full-screen .site-header-conts p a{
	color: #fff;
	text-decoration: none;
}

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
.site-footer{
	/* background: #fe6c10; */
	color: #fff;
}

.site-footer-in a{
	color: #fff;
}

.site-footer-in a:hover,
.site-footer-in a:active,
.site-footer-in a:focus{
	color: #f60;
}

/*フッターナビ*/
.site-footer-nav{
	margin: 0 auto;
	padding: 1em 0;
	text-align: center;
}

.site-footer-nav li{
	display: inline;
	list-style: none;
	margin-left: 50px;
	padding: 0 0 0 13px;
	background: url(./images/icon/icon-arw-next02.png) left center no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.site-footer-nav li{
			background: url(./images/icon/icon-arw-next02@2x.png) left center no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

}

.site-footer-nav li:first-child{
	margin-left: 0;
}

.site-footer-conts-area{
	padding: 1em 0;
}

/*コピーライト*/
.copyright{
	margin: 0;
	padding: 15px 0;
	background: #333;
	color: #fff;
	text-align: center;
}

.copyright small{
	font-size: 100%;
}

/*ページトップボタン*/
.page-top{
	display: none;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 99;
	line-height: 1.2;
	margin-bottom: 0;
}

/*検索ボックス*/
.search-box input[type="text"]{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 75%;
	height: 30px;
	padding-right: 4px;
	padding-left: 4px;
	border: 1px solid #ccc;
	border-radius: 0;
	box-shadow: inset 1px 3px 2px #eee;
}

.btn-search{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 30px;
	vertical-align: top;
	padding: 5px;
	border: 0;
	background: #e78435;
	border-radius: 0;
	cursor: pointer;
}

.btn-search img{
	width: 21px;
	height: 20px;
	vertical-align: top;
}

/*ソーシャルボタン*/
.sns-list ul{
	margin: 0 0 1em;
	padding: 0;
}

.sns-list li{
	display: inline-block;
	vertical-align: top;
	line-height: 1.0;
	margin-left: 1em;
}

.sns-list li iframe{
	max-width: none;
	margin: 0;
}

.sns-list li:first-child{
	margin-left: 0;
}

/*アイキャッチ*/
.eye-catch{
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

.post-date,
.post-pv{
	display: inline-block;
	margin-right: 1em;
	margin-bottom: 0.5em;
}

/*登場人物紹介１*/
.cast-box{
	padding: 30px 20px;
	background: url(./images/common/bg-cast-box.png) #eeeeee;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.cast-box{
			background: url(./images/common/bg-cast-box@2x.png) #eeeeee;
			-webkit-background-size: 18px 18px;
			background-size: 18px 18px;
		}

}

.cast-box .cast{
	position: relative;
	min-height: 100px;
	margin-top: 0;
	padding-left: 115px;
}

.cast-box .cast-name{
	font-weight: bold;
	font-size: 1.25em;
}

.cast-box .cast .cast-headshot,
.cast-box .cast .cast-profile{
	margin-left: 0;
	margin-bottom: 40px;
	padding-left: 0;
}

.cast-box .cast:last-child,
.cast-box .cast:last-child .cast-headshot,
.cast-box .cast:last-child .cast-profile{
	margin-bottom: 0;
}

.cast-box .cast .cast-headshot{
	position: absolute;
	top: 0;
	left: 0;
}

/*登場人物紹介２*/
.cast-box02 .cast{
	position: relative;
	margin-bottom: 40px;
	padding-top: 210px;
}

.cast-box02 .cast dd{
	padding-left: 0;
}

.cast-box02 .cast-name{
	font-weight: bold;
}

.cast-box02 .cast .cast-headshot{
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
}

.col1 .cast-box02 .cast{
	min-height: 210px;
	padding-top: 0;
}

.col1 .cast-box02 .cast-name,
.col1 .cast-box02 .cast-profile{
	padding-left: 210px;
}

.col1 .cast-box02 .cast .cast-headshot{
	width: auto;
}

/*吹き出し*/
.chat-l,
.chat-r{
	position: relative;
	overflow: hidden;
	margin:2em 0;
}

.bubble{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 80%;
	min-height: 60px;
	/*margin-bottom: 2em;*/
	padding: 1em;
	border: 3px solid #ccc;
	background: #fff;
	font-size: 16px;
}

.bubble .bubble-in{
	border-color: #fff;
    font-size: 16px;
}

@media screen and (max-width: 768px) {
	.bubble .bubble-in{
	    font-size: 16px;
	}
}

.talker{
    display: block;
    width: 15%;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .talker{
        position: unset;
        top: unset;
        transform: unset;
        width: 23%!important;;
    }
}

.talker b{
	font-weight: normal;
}

.talker img{
	display: block;
	width: 100px;
	max-width: 100%;
	max-width: none\9;/*IE8への対応*/
	margin: auto;
}

html:not(:target) .talker img{
	max-width: 100%; /*IE9以上への対応*/
}

.chat-l .talker{
	float: left;
	margin-right: 2%;
}

.chat-r .talker{
	float: right;
	margin-left: 2%;
}

.chat-l .bubble{
	float: right;
}

.chat-r .bubble{
	float: left;
}

.bubble .bubble-in:after,
.bubble .bubble-in:before{
	position: absolute;
	top: 50%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: "";
}

/*吹き出しの微調整*/
.bubble .b-arw20:after,
.bubble .b-arw20:before{ top: 20%; }
.bubble .b-arw30:after,
.bubble .b-arw30:before{ top: 30%; }
.bubble .b-arw40:after,
.bubble .b-arw40:before{ top: 40%; }
.bubble .b-arw60:after,
.bubble .b-arw60:before{ top: 60%; }
.bubble .b-arw70:after,
.bubble .b-arw70:before{ top: 70%; }
.bubble .b-arw80:after,
.bubble .b-arw80:before{ top: 80%; }

.chat-l .bubble .bubble-in:after,
.chat-l .bubble .bubble-in:before{
	right: 100%;
}

.chat-r .bubble div:after,
.chat-r .bubble div:before{
	left: 100%;
}

.chat-l .bubble .bubble-in:after{
	margin-top: -8px;
	border-width: 8px 20px;
	border-color: transparent;
	border-right-color: inherit;
}

.chat-l .bubble .bubble-in:before{
	margin-top: -9px;
	border-width: 9px 21px;
	border-color: transparent;
	border-right-color: #ccc;
}

.chat-r .bubble .bubble-in:after{
	margin-top: -8px;
	border-width: 8px 20px;
	border-color: transparent;
	border-left-color: inherit;
}

.chat-r .bubble .bubble-in:before{
	margin-top: -9px;
	border-width: 9px 21px;
	border-color: transparent;
	border-left-color: #ccc;
}

.bubble p:first-child{
	margin-top: 0;
}

/*吹き出し 会話者が複数人の場合*/
.together .talker,
.together .bubble{
	width: 100%;
}

.together .talker b{
	display: inline-block;
	text-align: center;
}

.together.chat-l .talker,
.together.chat-r .talker{
	float: none;
	margin: 0 0 20px;
}

.together.chat-l .talker{
	text-align: left;
}

.together.chat-r .talker{
	text-align: right;
}

.together.chat-l .bubble,
.together.chat-r .bubble{
	float: none;
}

.together .bubble .bubble-in:after,
.together .bubble .bubble-in:before{
	top: auto;
	bottom: 100%;
}

.together.chat-l .bubble .bubble-in:after,
.together.chat-l .bubble .bubble-in:before{
	right: auto;
	left: 10%;
}

.together.chat-r .bubble .bubble-in:after,
.together.chat-r .bubble .bubble-in:before{
	right: 10%;
	left: auto;
}

.together.chat-l .bubble .bubble-in:after{
	margin-top: -20px;
	margin-left: -8px;
	border-width: 20px 8px;
	border-color: transparent;
	border-bottom-color: inherit;
}

.together.chat-l .bubble .bubble-in:before{
	margin-top: -21px;
	margin-left: -9px;
	border-width: 21px 9px;
	border-color: transparent;
	border-bottom-color: #ccc;
}

.together.chat-r .bubble .bubble-in:after{
	border-width: 20px 8px;
	margin-top: -20px;
	margin-right: -8px;
	border-color: transparent;
	border-bottom-color: inherit;
}

.together.chat-r .bubble .bubble-in:before{
	margin-top: -21px;
	margin-right: -9px;
	border-width: 21px 9px;
	border-color: transparent;
	border-bottom-color: #ccc;
}

.bubble-in p:last-child{
	margin-bottom: 0;
}

.aligncenter{
	/* display: block; */
	/* float: none; */
	/* margin-right: auto; */
	/* margin-bottom: 1em; */
	/* margin-left: auto; */
}

.post-tag a{
	word-break: break-all;
}

/*コメント一覧*/
.commentlist,
.commentlist .children{
	margin-left: 0;
}

.commentlist{
	border-bottom: 1px solid #ccc;
}

.commentlist li{
	list-style: none;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dotted #ccc;
}

.commentlist li:last-child,
.commentlist ul li:last-child{
	padding-bottom: 0;
	border-bottom: 0;
}

.reply a{
	padding-left: 13px;
	background: url(./images/icon/icon-arw-next.png) left 6px no-repeat;
}

.commentlist .children{
	margin-top: 1em;
	padding-top: 1em;
	padding-left: 40px;
	border-top: 1px solid #ccc;
}

/*ウィジェット*/
.rsswidget img{
	vertical-align: baseline;
}

.sub-conts .widget_recent_entries ul,
.sub-conts .widget_rss ul,
.sub-conts .widget_archive ul,
.sub-conts .widget_recent_comments ul,
.sub-conts .widget_nav_menu ul{
	margin-left: 0;
	padding-left: 0;
}

.sub-conts .widget_recent_entries li,
.sub-conts .widget_rss li,
.sub-conts .widget_archive li,
.sub-conts .widget_recent_comments li,
.sub-conts .widget_nav_menu li{
	list-style: none;
	margin-bottom: 1em;
	padding-left: 13px;
	background: url(./images/icon/icon-list-arw.png) left 6px no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.sub-conts .widget_recent_entries li,
		.sub-conts .widget_rss li,
		.sub-conts .widget_archive li,
		.sub-conts .widget_recent_comments li,
		.sub-conts .widget_nav_menu li{
			background: url(./images/icon/icon-list-arw@2x.png) left 6px no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

}

.sub-conts .widget_recent_entries ul ul,
.sub-conts .widget_rss ul ul,
.sub-conts .widget_archive ul ul,
.sub-conts .widget_recent_comments ul ul,
.sub-conts .widget_nav_menu ul ul{
	margin-top: 1em;
	margin-left: 10px;
}

.num-pv{
	font-size: 0.8em;
}

/*カレンダー*/
.calendar,
.calendar_wrap table{
	background: #fff;
	font-size: 0.875em;
}

.calendar caption,
.widget_calendar caption{
	font-weight: bold;
}

.calendar th,
.calendar td,
.widget_calendar th,
.widget_calendar td{
	padding: 10px 0;
	text-align: center;
}

.calendar tfoot td,
.widget_calendar tfoot td{
	padding: 10px;
	border-right-width: 0;
	text-align: left;
}

.calendar tfoot td:last-child,
.widget_calendar tfoot td:last-child{
	border-right-width: 1px;
	text-align: right;
}

.calendar td a,
.widget_calendar tfoot td a{
	display: block;
	margin: -10px 0;
	padding: 10px 0;
}

/*ページ分割*/
.link-pages{
	margin-top: 2em;
	text-align: center;
	line-height: 1.2;
}

.link-pages span{
	display: inline-block;
	margin-left: 0;
}

.link-pages a,
.link-pages span{
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0.5em;
	padding: 4px 8px;
	border: 1px solid #c1c1c1;
	text-decoration: none;
}

.link-pages span,
.link-pages a:hover,
.link-pages a:active,
.link-pages a:focus{
	background: #c1c1c1;
	color: #fff;
}

.link-pages a span{
	display: inline;
	margin-right: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
}

.link-pages .link-pages-cap{
	display: inline-block;
	margin-right: 10px;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
}

/*キャプション*/
.wp-caption{
	max-width: 100%;
}

/*ギャラリー*/
.gallery,
.gallery-item{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.gallery{
	margin-bottom: 1em;
}

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

.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item{
	margin: 1%;
}

.gallery-columns-2 .gallery-item{ max-width: 48%; }
.gallery-columns-3 .gallery-item{ max-width: 31.3%; }
.gallery-columns-4 .gallery-item{ max-width: 23%; }
.gallery-columns-5 .gallery-item{ max-width: 18%; }
.gallery-columns-6 .gallery-item{ max-width: 14.6%; }
.gallery-columns-7 .gallery-item{ max-width: 12.2%; }
.gallery-columns-8 .gallery-item{ max-width: 10.5%; }
.gallery-columns-9 .gallery-item{ max-width: 9.1%; }

.gallery-icon img{
	margin: 0 auto;
}

.gallery-caption{
	display: block;
	font-size: 0.875em;
}

/*--------------------------------------------------------
デザイン調整用のスタイル
--------------------------------------------------------*/

/*注記*/
.note{
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}

.note2{
	display: block;
	padding-left: 2em;
	text-indent: -2em;
}

/*必須項目・警告・エラーの文字色*/
.warning,
.error{
	color: #e53935!important;
}

.required{
	display: inline-block;
	color: #e53935!important;
}

/*傍点*/
.dot{
	position: relative;
	padding-top: 5px;
}

.dot:before{
	position: absolute;
	top: 0;
	left: 50%;
	width: 0.2em;
	height: 0.2em;
	margin-left: -.1em;
	background: #333;
	border-radius: 50%;
	content: "";
}

/*装飾
※IE8等古いブラウザを除く*/
.shadow{
	box-shadow: 4px 4px 0px #e9e9e9;
}

.shadow02{
	box-shadow: 0px 0px 4px #666;
}

.outline{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ccc;
}

.frame{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 95%;
	padding: 8px;
	background: #fff;
	box-shadow: 0px 0px 8px #666;
}

.border{
	border: 1px solid #ccc;
}

/*画像のサイズ調整*/
img.resize10,
html:not(:target) img.resize10{
	height: auto;
	max-width: 10%;
}

img.resize20,
html:not(:target) img.resize20{
	height: auto;
	max-width: 20%;
}

img.resize30,
html:not(:target) img.resize30{
	height: auto;
	max-width: 30%;
}

img.resize40,
html:not(:target) img.resize40{
	height: auto;
	max-width: 40%;
}

img.resize50,
html:not(:target) img.resize50{
	height: auto;
	max-width: 50%;
}

img.resize60,
html:not(:target) img.resize60{
	height: auto;
	max-width: 60%;
}

img.resize70,
html:not(:target) img.resize70{
	height: auto;
	max-width: 70%;
}

img.resize80,
html:not(:target) img.resize80{
	height: auto;
	max-width: 80%;
}

img.resize90,
html:not(:target) img.resize90{
	height: auto;
	max-width: 90%;
}

/*円
※IE8等古いブラウザを除く*/
.circle{
	border-radius: 50%;
}

/*角丸
※IE8等古いブラウザを除く*/
.rc4{ border-radius: 4px; }
.rc4-tl{ border-top-left-radius: 4px; }
.rc4-tr{ border-top-right-radius: 4px; }
.rc4-bl{ border-bottom-left-radius: 4px; }
.rc4-br{ border-bottom-right-radius: 4px; }

.rc8{ border-radius: 8px; }
.rc8-tl{ border-top-left-radius: 8px; }
.rc8-tr{ border-top-right-radius: 8px; }
.rc8-bl{ border-bottom-left-radius: 8px; }
.rc8-br{ border-bottom-right-radius: 8px; }

.rc12{ border-radius: 12px; }
.rc12-tl{ border-top-left-radius: 12px; }
.rc12-tr{ border-top-right-radius: 12px; }
.rc12-bl{ border-bottom-left-radius: 12px; }
.rc12-br{ border-bottom-right-radius: 12px; }

/*角丸長方形
※IE8等古いブラウザを除く
※高さ100pxまで*/
.rc50{
	border-radius: 50px;
}

/*透明パネル ※IE8等古いブラウザを除く*/
.transparent-panel-wrap{
	padding: 1em;
	background: url(./images/sample09.jpg) center center;
	-webkit-background-size: cover;
	background-size: cover;
}

.transparent-panel{
	padding: 1em;
	background-color: rgba(255,255,255,0.7);
	background-color: #ffffff\9; /*IE8への対応*/
}

html:not(:target) .transparent-panel{
	background-color: rgba(255,255,255,0.7); /*IE9以上への対応*/
}

/*回り込み
※モバイル時にも解除されない*/
.fl-l{
	float: left;
	margin: 0 1em 1em 0;
}

.fl-r{
	float: right;
	margin: 0 0 1em 1em;
}

.fl-c{ clear: both; }

/*回り込み
※モバイル時には回り込み解除*/
.left{
	float: left;
	margin: 0 1em 1em 0;
}

.right{
	float: right;
	margin: 0 0 1em 1em;
}

/*文字の横位置*/
.al-l{ text-align: left; }
.al-r{ text-align: right; }
.al-c{ text-align: center; }
.al-c-100 img { width: 100%; }
.wp-caption-text { font-size: .85rem; color: #777;}

/*文字の縦位置*/
.vl-t{ vertical-align: top!important; }/*上寄せ*/
.vl-m{ vertical-align: middle!important; }/*中央寄せ*/
.vl-b{ vertical-align: bottom!important; }/*下寄せ*/

/*周りのブロックからの距離（margin）*/
.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }

.m120{ margin: 120px!important; }
.m120-t{ margin-top: 120px!important; }
.m120-r{ margin-right: 120px!important; }
.m120-b{ margin-bottom: 120px!important; }
.m120-l{ margin-left: 120px!important; }

.m150{ margin: 150px!important; }
.m150-t{ margin-top: 150px!important; }
.m150-r{ margin-right: 150px!important; }
.m150-b{ margin-bottom: 150px!important; }
.m150-l{ margin-left: 150px!important; }

.m200{ margin: 200px!important; }
.m200-t{ margin-top: 200px!important; }
.m200-r{ margin-right: 200px!important; }
.m200-b{ margin-bottom: 200px!important; }
.m200-l{ margin-left: 200px!important; }

.m300{ margin: 300px!important; }
.m300-t{ margin-top: 300px!important; }
.m300-r{ margin-right: 300px!important; }
.m300-b{ margin-bottom: 300px!important; }
.m300-l{ margin-left: 300px!important; }


/*周りのブロックからの距離（padding）*/
.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }

.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }

.p80{ padding: 80px!important; }
.p80-t{ padding-top: 80px!important; }
.p80-r{ padding-right: 80px!important; }
.p80-b{ padding-bottom: 80px!important; }
.p80-l{ padding-left: 80px!important; }

.p90{ padding: 90px!important; }
.p90-t{ padding-top: 90px!important; }
.p90-r{ padding-right: 90px!important; }
.p90-b{ padding-bottom: 90px!important; }
.p90-l{ padding-left: 90px!important; }

.p100{ padding: 100px!important; }
.p100-t{ padding-top: 100px!important; }
.p100-r{ padding-right: 100px!important; }
.p100-b{ padding-bottom: 100px!important; }
.p100-l{ padding-left: 100px!important; }

/*フォントの装飾*/
.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/
.thin {font-weight: 100; }

/*フォントサイズの設定*/
.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }
.f25em{ font-size: 2.5em; }
.f26em{ font-size: 2.6em; }
.f27em{ font-size: 2.7em; }
.f28em{ font-size: 2.8em; }
.f29em{ font-size: 2.9em; }
.f30em{ font-size: 3.0em; }

.f8pt{ font-size: 8.5pt; }
.f9pt{ font-size: 9.0pt; }
.f10pt{ font-size: 10pt; }
.f11pt{ font-size: 11pt; }
.f12pt{ font-size: 12pt; }
.f13pt{ font-size: 13pt; }
.f14pt{ font-size: 14pt; }
.f15pt{ font-size: 15pt; }
.f16pt{ font-size: 16pt; }
.f17pt{ font-size: 17pt; }
.f18pt{ font-size: 18pt; }
.f19pt{ font-size: 19pt; }
.f20pt{ font-size: 20pt; }
.f21pt{ font-size: 21pt; }
.f22pt{ font-size: 22pt; }
.f23pt{ font-size: 23pt; }
.f24pt{ font-size: 24pt; }

.fs_xxs { font-size: 0.67rem; }
.fs_xs{ font-size: 0.75rem; }
.fs_s{ font-size: 0.875rem; }
.fs_m{ font-size: 1rem; }
.fs_l{ font-size: 1.125rem; }
.fs_3l{ font-size: 1.5rem; }
.fs_4l{ font-size: 2rem; }
.fs_5l{ font-size: 2.5rem; }
.fs_6l{ font-size: 3rem; }

/*フォントの色設定*/
.red{ color: #e53935!important; }/*赤*/
.blue{ color: #0000dd!important; }/*青*/
.green{ color: #4caf50!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #3f51b5!important; }/*紺*/
.orange{ color: #ff9800!important; }/*橙*/
.pink{ color: #ec407a!important; }/*ピンク*/
.purple{ color: #9c27b0!important; }/*紫*/
.olive{ color: #808000!important; }/*オリーブ*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #00bcd4!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.white{ color: #fff!important; }/*白*/
.brown{ color: #6d4c33!important; }/*茶*/
.fc_main { color: #004196 !important; }

/*背景色*/
.bgc_base { background: #ebefef; }
.bgc_main { background-color: #004586; }
.bgc_white { background: #fff; }
.bgc_black { background: #333; }
.bgc_gray_strong {background: #777;}
.bgc_gray_weak {background: #f3f3f3 !important;}
.bgc_tp {background: transparent !important;}

/*マーカー表示（背景に着色）*/
.box-yellow,
.box-orange,
.box-pink,
.box-lime,
.box-gray{ padding: 2px; }

.box-yellow{ background-color: #ff6; }/*黄*/
.box-orange{ background-color: #f90; }/*橙*/
.box-pink{ background-color: #ffccff; }/*ピンク*/
.box-lime{ background-color: #9f9; }/*黄緑*/
.box-gray{ background-color: #ccc; }/*灰*/


/*行間の設定*/
.lh10{ line-height: 1.0!important; }
.lh11{ line-height: 1.1!important; }
.lh12{ line-height: 1.2!important; }
.lh13{ line-height: 1.3!important; }
.lh14{ line-height: 1.4!important; }
.lh15{ line-height: 1.5!important; }
.lh16{ line-height: 1.6!important; }
.lh17{ line-height: 1.7!important; }
.lh18{ line-height: 1.8!important; }
.lh19{ line-height: 1.9!important; }
.lh20{ line-height: 2.0!important; }

/*横幅を指定*/
.w05{ width: 5%; }
.w10{ width: 10%; }
.w15{ width: 15%; }
.w20{ width: 20%; }
.w25{ width: 25%; }
.w30{ width: 30%; }
.w35{ width: 35%; }
.w40{ width: 40%; }
.w45{ width: 45%; }
.w50{ width: 50%; }
.w55{ width: 55%; }
.w60{ width: 60%; }
.w65{ width: 65%; }
.w70{ width: 70%; }
.w75{ width: 75%; }
.w80{ width: 80%; }
.w85{ width: 85%; }
.w90{ width: 90%; }
.w95{ width: 95%; }
.w100{ width: 100%; }

.h100{ height: 100%; }

/*下線や取消線の設定*/
.underline{ text-decoration: underline!important; }
.del{ text-decoration: line-through; }
.noborder{ border: 0!important; }/*枠線を無くす*/

/*重なりの優先度*/
.z1{ z-index: 1!important; }
.z2{ z-index: 2!important; }
.z3{ z-index: 3!important; }
.z4{ z-index: 4!important; }
.z5{ z-index: 5!important; }
.z10{ z-index: 10!important; }
.z20{ z-index: 20!important; }
.z30{ z-index: 30!important; }
.z40{ z-index: 40!important; }
.z50{ z-index: 50!important; }

/*横並びリスト*/
.inline{ margin: 1em 0; padding: 0; }
.inline li{
	display: inline;
	list-style-type: none;
}

/*マーカー無しのリスト*/
.none{ margin: 1em 0; padding: 0; }
.none li{ list-style-type: none; }

/*position*/
.pos-r {position: relative; }
.pos-a {position: absolute; }

/*Flexbox*/
.flex { display: flex; }
.flex_wrap { justify-content: space-between; flex-wrap: wrap; }
.flex_col5 { flex-basis: 20%; }
.flex_vertical { flex-direction: column; }

/*------------------------------------------------------------
文字列の前にアイコン
-------------------------------------------------------------*/

/*ポイントアイコンアイコン*/
.icon-point{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-point.png) left 3px no-repeat;
}

.icon-point-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-point-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-point{
			background: url(./images/icon/icon-point@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-point-l{
			background: url(./images/icon/icon-point-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
}

/*注意アイコン*/
.icon-caution{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-caution.png) left 3px no-repeat;
}

.icon-caution-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-caution-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-caution{
			background: url(./images/icon/icon-caution@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-caution-l{
			background: url(./images/icon/icon-caution-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
}

/*NEWアイコン*/
.icon-new{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-new.png) left 3px no-repeat;
}

.icon-new-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-new-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-new{
			background: url(./images/icon/icon-new@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-new-l{
			background: url(./images/icon/icon-new-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
}

/*初心者アイコン*/
.icon-wakaba{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-wakaba.png) left 20% no-repeat;
}

.icon-wakaba-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-wakaba-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-wakaba{
			background: url(./images/icon/icon-wakaba@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-wakaba-l{
			background: url(./images/icon/icon-wakaba-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
}

/*別ウインドウアイコン*/
.icon-blank{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-blank.png) left 3px no-repeat;
}

.icon-blank-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-blank-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-blank{
			background: url(./images/icon/icon-blank@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-blank-l{
			background: url(./images/icon/icon-blank-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
}

/*矢印上アイコン*/
.icon-arrow-t{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-arrow-t.png) left 3px no-repeat;
}

.icon-arrow-t-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-arrow-t-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-arrow-t{
			background: url(./images/icon/icon-arrow-t@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-arrow-t-l{
			background: url(./images/icon/icon-arrow-t-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
}

/*矢印右アイコン*/
.icon-arrow-r{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-arrow-r.png) left 3px no-repeat;
}

.icon-arrow-r-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-arrow-r-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-arrow-r{
			background: url(./images/icon/icon-arrow-r@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-arrow-r-l{
			background: url(./images/icon/icon-arrow-r-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
}

/*矢印下アイコン*/
.icon-arrow-b{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-arrow-b.png) left 3px no-repeat;
}

.icon-arrow-b-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-arrow-b-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-arrow-b{
			background: url(./images/icon/icon-arrow-b@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-arrow-b-l{
			background: url(./images/icon/icon-arrow-b-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
}

/*矢印左アイコン*/
.icon-arrow-l{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-arrow-l.png) left 3px no-repeat;
}

.icon-arrow-l-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-arrow-l-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-arrow-l{
			background: url(./images/icon/icon-arrow-l@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-arrow-l-l{
			background: url(./images/icon/icon-arrow-l-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
}

/*ダウンロード用PDアイコン*/
.icon-dl{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-dl.png) left 3px no-repeat;
}

.icon-dl-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-dl-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-dl{
			background: url(./images/icon/icon-dl@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-dl-l{
			background: url(./images/icon/icon-dl-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
}

/*PDFアイコン*/
.icon-pdf{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-pdf.png) left 3px no-repeat;
}

.icon-pdf-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-pdf-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-pdf{
			background: url(./images/icon/icon-pdf@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-pdf-l{
			background: url(./images/icon/icon-pdf-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
}

/*Zipアイコン*/
.icon-zip{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-zip.png) left 3px no-repeat;
}


.icon-zip-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-zip-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-zip{
			background: url(./images/icon/icon-zip@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-zip-l{
			background: url(./images/icon/icon-zip-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
}

/*メールアイコン*/
.icon-mail{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-mail.png) left 3px no-repeat;
}

.icon-mail-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-mail-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-mail{
			background: url(./images/icon/icon-mail@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-mail-l{
			background: url(./images/icon/icon-mail-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
}

/*ショッピングカートアイコン*/
.icon-cart{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-cart.png) left 3px no-repeat;
}

.icon-cart-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-cart-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-cart{
			background: url(./images/icon/icon-cart@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-cart-l{
			background: url(./images/icon/icon-cart-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
}

/*虫めがねアイコン*/
.icon-search{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-search.png) left 3px no-repeat;
}

.icon-search-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-search-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-search{
			background: url(./images/icon/icon-search@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-search-l{
			background: url(./images/icon/icon-search-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
}

/*ホームアイコン*/
.icon-home{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-home.png) left 3px no-repeat;
}

.icon-home-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-home-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-home{
			background: url(./images/icon/icon-home@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-home-l{
			background: url(./images/icon/icon-home-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
}

/*フォルダアイコン*/
.icon-folder{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-folder.png) left 3px no-repeat;
}

.icon-folder-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-folder-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-folder{
			background: url(./images/icon/icon-folder@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-folder-l{
			background: url(./images/icon/icon-folder-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
}

/*時計アイコン*/
.icon-time{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-time.png) left 3px no-repeat;
}

.icon-time-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-time-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-time{
			background: url(./images/icon/icon-time@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-time-l{
			background: url(./images/icon/icon-time-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
}

/*カレンダーアイコン*/
.icon-calendar{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-calendar.png) left 3px no-repeat;
}


.icon-calendar-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-calendar-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-calendar{
			background: url(./images/icon/icon-calendar@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-calendar-l{
			background: url(./images/icon/icon-calendar-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
}

/*RSSアイコン*/
.icon-rss{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-rss.png) left 3px no-repeat;
}

.icon-rss-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-rss-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-rss{
			background: url(./images/icon/icon-rss@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-rss-l{
			background: url(./images/icon/icon-rss-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
}

/*ビルアイコン*/
.icon-building{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-building.png) left 3px no-repeat;
}

.icon-building-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-building-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-building{
			background: url(./images/icon/icon-building@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-building-l{
			background: url(./images/icon/icon-building-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
}

/*マップアイコン*/
.icon-map{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-map.png) left 3px no-repeat;
}

.icon-map-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-map-l.png) left top no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-map{
			background: url(./images/icon/icon-map@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-map-l{
			background: url(./images/icon/icon-map-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
}

.outbound{
	padding: 3px;
	padding-left: 15px;
	background: url(./images/icon/icon-outbound-link.png) left center no-repeat;
}

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.outbound{
			background: url(./images/icon/icon-outbound-link@2x.png) left center no-repeat;
			-webkit-background-size: 12px 13px;
			background-size: 12px 13px;
		}

}

/*--------------------------------------------------------
floatの回り込みを解除
--------------------------------------------------------*/
.main-body-in:after,
.article-body:after,
.section-in:after,
.col4-wrap:after,
.col3-wrap:after,
.col2-wrap:after,
.news-item:after,
.related-articles-thumbs01 li:after,
.btn-area:after,
.page-nav-bf:after,
.navigation:after,
.clearfix:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
}

.site-title a{
	color: #ff8c00 !important;/*文字色を白く*/
}
.site-header{
	background: #ffffff !important;/*背景色を変更*/
}
.section-wrap{
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);/*枠に影をつける*/
}

.col2r .main-conts {
	width: 72%;
}
.col2r .sub-conts {
	width: 27%;
}/*メインコンテンツとサイドメニューの幅*/

/*——————————————————–
ヘッダー
——————————————————–*/

.site-header-conts{
	display: table;
	width: 100%;
}

table {
	width: 100%;
	margin: 0em 0;
	margin: auto;
	padding: 0;
	/* border-top: 1px solid #FFF; */
	/* border-left: 1px solid #FFF; */
}

thead th {
	background-color: #eee ;
	color: #000000;
	text-align: center;
}

th {
	background-color: #e9e9e9 ;
	font-weight: bold;
	text-align: left;
}
/*td{
text-align:center;
}

/*th, td {
padding: 1.25em 1em;
border-right: 1px solid #cfcfcf ;
border-bottom: 1px solid #cfcfcf ;
}/*テーブルの大きさ*/

/*テーブルカラー設定*/
.tbl_design {
	font-size:12px;
	line-height:1em;
	background-color: #383838;
	text-align:center;
	/*margin-left: auto;
	margin-right: auto;*/
}

.tbl_design02 {
	background-color: #FFFFFF;
	font-size:12px;
}

.tbl_tr_design01 {
	background-color:#FFE092;
	font-weight:bold;
}
.tbl_tr_design02 {
	background-color:#FFFFFF; 
}
.tbl_tr_design03 {
	font-weight:bold;
	/*background: #FFE092 url(/img/00018.gif) no-repeat 100% 0%;*/
}
td.tbl_tr_design03{
	border: none;
	margin:0 auto;
	/*font-weight:bold;
	background: #FFE092 url(/img/00018.gif) no-repeat 100% 0%;*/
}
.tbl_tr_design04 { background: #FFFFFF url(/img/00019.gif) no-repeat 100% 0%; }
.tbl_tr_design05 {
	font-weight:bold;
	background: #FDAE03 url(/img/00021.gif) no-repeat 100% 0%;
}

.tbl_no1 {
	text-align:left;
	line-height:2.3em;
	padding: 0 0 0 34px;
	background: url(/img/no1.gif) no-repeat 3px 2px;
}
.tbl_no2 { 
	text-align:left;
	padding: 0 0 0 34px;
	background: url(/img/no2.gif) no-repeat 3px 2px;
}
.tbl_no3 { 
	text-align:left;
	padding: 0 0 0 34px;
	background: url(/img/no3.gif) no-repeat 3px 2px;
}
.tbl_no4 { 
	text-align:left;
	padding: 0 0 0 34px;
	background: url(/img/no4.gif) no-repeat 3px 2px;
}
.tbl_no5 { 
	text-align:left;
	padding: 0 0 0 34px;
	background: url(/img/no5.gif) no-repeat 3px 2px;
}
.tbl_no6 { 
	text-align:left;
	padding: 0 0 0 34px;
	background: url(/img/no6.gif) no-repeat 3px 2px;
}

.chu {
	font-size: 12px;
	margin: -20px 0 0 0;
	padding: 0 0 0 0;
	text-align: right;
}




/*********************************************
*　変数定義
*********************************************/
:root {
	--main-body-in-width: 1140px;
	--main-body-in-min-width: 900px;
	--sidebar-width: 300px;
}


/*********************************************
*　html, body
*********************************************/
*, *::before, *::after {
	box-sizing: border-box;
}
/*********************************************
*　ヘッダー
*********************************************/
/* パンくずリスト */
.breadcrumbs-in {
	margin-top: 0;
}
.breadcrumbs-in a{
	color: #0f7bb1;
}
.breadcrumbs-in{
	color:#555;
}
/*グローバルメニュー変更*/
.global-nav{
	padding: 0;
	background: white;
}
.global-nav-in {
	width: 1140px;
}
.global-nav-in li a{
	display: block;
	min-height: 1.5em; /*メニュー毎に高さが変わるときに調整*/
	padding: 0.5em; /*画像をメニューにする場合は値を0に*/
	background-color:white;
	color: black;
	text-decoration: none;
	font-size: 1.0em;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}

nav.global-nav, nav.global-nav a {
	background-color: #1d54b3;
}
nav.global-nav a {
	color: white;
	line-height: 40px;
	transition: 0.5s;
	letter-spacing: 4px;
	font-size: 17px;
	box-shadow: none;
}
/*スマホ版は非表示*/
#nav-drawer {
	display: none;
}

.global-nav-in ul, nav.global-nav ul li {
	border: none;
}
.site-header .site-header-in {
	width: 100%;
}
.site-header-conts {
	width: 1140px;
	margin: auto;
	padding: 7px 0 12px;
}

/*ヘッダー*/
.site-header{
	background: #ffffff !important;/*背景色を変更*/
}

/*********************************************
*　メインコンテンツ部分のレイアウトや装飾
*********************************************/
/*ボディのコンテナー*/
.main-body-in {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 1140px;
	margin: auto;
}
/*①メインコンテンツ*/
.col2 .main-conts {
	float: left;
	width: calc(100% - 300px - 3rem);
}
/*②サイドバー*/
.sidebar {
	float: right;
	width: 300px;
	margin: 0;
}

/*********************************************
*　サイドバー
*********************************************/
.sub-conts .section-wrap .section-in {
	width: 100%;
}
.side-menu ul {
	margin-left: 0;
	padding-left: 0;
}
.side-menu li {
	margin-bottom: 20px;
	padding-left: 10px;
	border-left: 5px solid rgba(200, 0, 0, 0.8);
	list-style-type: none;	
}
.side-menu h3 {
	margin-bottom: 10px;
}
.side-menu h3:nth-of-type(n + 2) {
	margin-top: 40px;
}
.side-menu li a:hover {
	text-decoration: underline;
}
/* サイドバーの人気記事一覧レイアウト */
ul.wpp-list li {
	border-bottom: 1px dashed #bbb;
	counter-increment: wpp-count;
	position: relative;
}
ul.wpp-list li:before {
	display: block;
	padding: 1px 11px;
	color: #fff;
	background-color: #333;
	content: counter(wpp-count);
	position: absolute;
	opacity: 1;
	z-index: 10000;
	border-radius: 6px;
	top: 6px;
	left: 6px;
}
ul.wpp-list li:last-child {
	border-bottom: none;
}
ul.wpp-list li:nth-child(1):before{
	background-color: #FBCC54;
}
ul.wpp-list li:nth-child(2):before{
	background-color: #B7BFC1;
}
ul.wpp-list li:nth-child(3):before{
	background-color: #D47B16;
}
ul.wpp-list li img {
	margin: 5px 10px 5px 5px;
	padding: 3px;
	border: 1px solid #ddd;
}
ul.wpp-list li a.wpp-post-title {
	display: block;
	font-size: 16px;
	padding: 12px;
	text-decoration: none;
	color: #333;
	padding-left: 50px;
}

/*********************************************
*　フッター
*********************************************/
#mega-menu-wrap-footer_menu {
	background-color: #143893;
}

/*********************************************
*　パーツ（ボタンなどの共通部品）
*********************************************/
/*アイコン　ハイフン*/
.icon_hyphen {
	display: inline-block;
	width: 18px;
	height: 2px;
	background: #777;
}
/*ロスカレート適用の口座開設ボタン*/
.button-wrapper {
	display: flex;
	margin: 40px 0;
}
.main-conts .entry-bt, .main-conts .detail-bt {
	position: relative;
	flex: 1;
	margin: 0 10px;
	border-radius: 33px;
	background-color: #1b9049;
	color: #eee;
	letter-spacing: 1px;
	font-family: "Meiryo UI";
	border-radius: 35px;
	padding: .6rem calc(1.5vw + 5px) .6rem 0vw;
	text-align: center;
	font-size: .9rem;
	box-shadow: 1px 1px 3px 1px #bbb;
	text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.32), 0px 1px 0px #9E9E9E, 0px 0px 0px #9E9EA0, 0px 2px 0px #9E9E9E;
}
.main-conts .entry-bt {
	background-color: #ec6f0a;
	flex: 1.6;
	overflow: hidden;
	box-shadow: 1px 1px 3px 1px #BBA, 0 0 0 3px #f7ad5e inset;
}
.main-conts .detail-bt {
	box-shadow: 1px 1px 3px 1px #BBA, 0 0 0 3px #17d817 inset;
}
.main-conts .entry-bt::before {
	content: '';
	height: 100%;
	width: 30px;
	position: absolute;
	top: -180px;
	left: 0;
	background-color: #fff;
	opacity: 0;
	transform: rotate(45deg);
	animation: reflection 3s ease-in-out infinite;
}
@keyframes reflection {
	0% { transform: scale(0) rotate(45deg); opacity: 0; }
	80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { transform: scale(4) rotate(45deg); opacity: 1; }
	100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
.main-conts .entry-bt svg, .main-conts .detail-bt svg {
	position: absolute;
	padding: 12px;
	top: 50%;
	right: 10px;
	transform: translatey(-50%);
	height: calc(4vw);
	width: calc(4vw);
	border-radius: 25px;
	background-color: #fff;
	color: #00AE44;
	max-width: 47px;
	max-height: 47px;
	min-width: 40px;
	min-height: 40px;
}

.main-conts .entry-bt svg {
	color: #F49C1C;
}
.entry-bt .entry-name, .detail-bt .entry-name {
	font-size: 1.2em;
	margin-right: .35em;
	letter-spacing: .09em;
	line-height: 1;
}
.entry-bt .entry-action, .detail-bt .entry-action {
	display: block;
	font-weight: bold;
	margin-left: 5px;
	font-size: 1.6em;
	line-height: 1;
	color: #fff;
}

.kouza_bt {/*ボタンの下地*/
	display: block;
	width: 70%;
	text-align: center;
	margin: 50px auto 50px;
	color: white !important;/*文字・アイコン色*/
	border-radius: 8px;/*角丸に*/
	padding: 1.2rem 2.6rem;/*幅*/
	font-size: 1.5rem;/*文字のサイズ*/
	line-height: 3rem;/*高さと合わせる*/
	text-decoration:none;/*下線は消す*/
	letter-spacing: 2px;
	font-weight: bold;
	background-color:#FF5854;
	box-shadow: 3px 3px 4px gray;
}  
.kouza_bt span {/*テキスト*/
	display:inline-block;
	transition: .5s;
} 
.kouza_bt:hover {
	opacity:0.8;
	color: white !important;
}
.kouza_bt:hover span {/*ホバーで一周回転*/
	-webkit-transform: rotateX(360deg);
	-ms-transform: rotateX(360deg);
	transform: rotateX(360deg);
}

.kouza_bt:active {
	box-shadow:none;
	position:relative;
	top:3px;
}

.kouza_bt_pink {
	position: relative;
	z-index: 2;
	background-color: #fff;
	color: #333;
	line-height: 50px;
	overflow: hidden;
}
.kouza_bt_pink:hover {
	color: #fff;
}
.kouza_bt_pink::after {
	top: -100%;
	left: -100%;
	width: 100%;
	height: 100%;
}
.kouza_bt_pink:hover::after {
	top: 0;
	left: 0;
	background-color: #22e832;
}
.kouza_bt_pink {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.kouza_bt_pink::before,
.kouza_bt_pink::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.kouza_bt_pink,
.kouza_bt_pink::before,
.kouza_bt_pink::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.single a.kouza_bt_pink {
	color: #FFF;
	background-color: #0d6127;
}

div[align="center"] {
	padding: 10px;
}
div[align="center"] {
	padding: 10px;
}

.chat-r + .chat-l {
    margin-top: 2em;
}
.bubble-in p {
    line-height: 1.5;
}
div[class^=chat] {
    margin: 0;
    margin-bottom: 1em;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
*:not([class^=chat]):not(br) + div[class^=chat] {
    margin-top: 2em;
}
div[class^=chat] + *:not([class^=chat]):not(br) {
    /* margin-top: 2em; */
}
.chat-r .bubble .bubble-in:after,
.chat-l .bubble .bubble-in:after {
	margin-top: -5px;
	border-width: 5px 14px;
}
.chat-r .bubble .bubble-in:before,
.chat-l .bubble .bubble-in:before {
	margin-top: -9px;
	border-width: 9px 23px;
}

.talker-18 .bubble,
.talker-19 .bubble,
.talker-20 .bubble,
.talker-21 .bubble,
.talker-22 .bubble,
.talker-23 .bubble {
    border: 3px solid #1a57c1;
	
}
.talker-18 .bubble .bubble-in:before,
.talker-19 .bubble .bubble-in:before,
.talker-20 .bubble .bubble-in:before,
.talker-21 .bubble .bubble-in:before,
.talker-22 .bubble .bubble-in:before,
.talker-23 .bubble .bubble-in:before {
    border-right-color: #1a57c1;
	
}

.talker-12 .bubble,
.talker-13 .bubble,
.talker-14 .bubble,
.talker-15 .bubble,
.talker-16 .bubble,
.talker-17 .bubble {
	border: 3px solid #dd89aa;
}
.talker-12 .bubble .bubble-in:before,
.talker-13 .bubble .bubble-in:before,
.talker-14 .bubble .bubble-in:before,
.talker-15 .bubble .bubble-in:before,
.talker-16 .bubble .bubble-in:before,
.talker-17 .bubble .bubble-in:before {
	border-left-color: #dd89aa;
}

.talker-5 .bubble,
.talker-6 .bubble,
.talker-7 .bubble,
.talker-8 .bubble,
.talker-9 .bubble,
.talker-10 .bubble,
.talker-11 .bubble{
	border: 3px solid #edc671;
}
.talker-5 .bubble .bubble-in:before,
.talker-6 .bubble .bubble-in:before,
.talker-7 .bubble .bubble-in:before,
.talker-8 .bubble .bubble-in:before,
.talker-9 .bubble .bubble-in:before,
.talker-10 .bubble .bubble-in:before,
.talker-11 .bubble .bubble-in:before {
	border-left-color: #edc671;
}
/*アーカイブ一覧のページャーデザイン*/
.page-nav-bf {
	margin-top: 2rem;
}
/*テーブルの共通デザイン*/
table.fx-comp-table {
	border: none;
}
table.fx-comp-table tr:nth-of-type(1) {
	background: transparent;
}
table.fx-comp-table tr:nth-of-type(1) td {
	background: #004586cf;
	border: 3px solid transparent;
	font-weight: bold;
	color: #fff;
	line-height: 1.3em;
	padding-top: .75em;
	padding-bottom: .75em;
}
table.fx-comp-table tr:nth-of-type(n+2) {
	color: #033961de;
	background: transparent;
}
table.fx-comp-table tr:nth-of-type(n+2) td {
	background: #efefef;
	border: 0px solid transparent;
}
table.fx-comp-table tr:nth-of-type(n+2) td:nth-of-type(1) {
	background: #dfe9f1;
}
/*画像配置（スマホスライダー）*/
.corres_img_slider 
{
	display: flex;
	flex-wrap:wrap;
	position: relative;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.corres_img_slider img{
	max-width: initial;
	width: 100%;
	height: auto;
	padding: 3px;
	margin-right: 0vw;
}
.corres_img_slider >*{ 
	flex-basis:33%;
}
/*画像配置（スマホスライダー）2*/
.corres_img_slider2 
{
	display: flex;
	flex-wrap:wrap;
	position: relative;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.corres_img_slider2 img{
	max-width: initial;
	width: 100%;
	height: auto;
	padding: 3px;
	margin-right: 0vw;
}
.corres_img_slider2 >*{ 
	flex-basis:33%;
}
/*スクロールして表示　のUI*/
.scroll_suggest {
	display: none;
	position: absolute;
	width: 14rem;
	height: 6rem;
	background: #38b5dac9;
	color: #fff;
	top: calc(50% - 3rem);
	right: 30px;
	font-size: 1rem;
	padding: .5rem;
	text-align: center;
	line-height: 2rem;
	border-radius: 7px;
	transform-origin: 50% 50%;
}
.scroll_suggest:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #38b5dac9;
}
.scroll_suggest svg {
	position: absolute;
	right: 20%;
	bottom: .8rem;
	color: #c7f2ff;
	width: 25px !important;
	height: 30px !important;
	transform: scale(0) rotate(15deg);
}
.scroll_suggest.scroll_reached svg {
	animation: scroll_icon 2.8s ease 0s infinite;
}
.scroll_suggest span {
	font-size: 1.5em;
	margin: 0 .15em;
	font-weight: bold;
}

.scroll_suggest.scroll_reached svg {
	animation: scroll_icon 2.8s ease 0s infinite;
}
@keyframes scroll_icon {
	0% {
		transform: scale(0) rotate(15deg);
		right: 20%;
	}
	12% {
		transform: scale(1.2) rotate(15deg);
	}
	17% {
		transform: scale(1) rotate(15deg);
		right: 20%;
	}
	35% {
		transform: scale(1) rotate(15deg);
		right: 20%;
	}
	70% {
		right: 75%;
	}
	100% {
		right: 75%;
		transform: scale(1) rotate(15deg);
	}
}

@media only screen and (max-width : 700px){ 
	.corres_img_slider  
	{
		flex-wrap:initial;
		overflow: scroll;
	}
	.corres_img_slider  img{
		width: 65vw;
		margin-right: 3vw;
		max-width: initial !important;
	}
	.corres_img_slider >*{ 
		flex-basis:initial;
	}
	/*スクロールして表示　のUI*/
	.scroll_suggest {
		display: block;
		width: 11rem;
		height: 5.5rem;
		right: 20px;
		font-size: .8rem;
		top: calc(50% - 2.75rem);
	}
	.scroll_suggest svg {
		width: 20px !important;
		height: 21px !important;
	}
}
/*画像左寄せフレックス*/
.flex_ft{
	display:flex;
	align-items:flex-start;
	justify-content:center;
	flex-wrap: wrap;
}
.flex_ft img{
	max-width:250px !important;
	flex:1;
	margin: 10px 20px;
}
.flex_ft .flex_ft_text{
	flex:1;
	min-width:200px;
	margin:10px;
}


/*********************************************
* トップページ
*********************************************/
/*ボディのコンテナー*/
.inner2 {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 1250px;
	margin: auto;
	padding-left: 15px;
    padding-right: 15px;
}

@media only screen and (max-width : 700px){
	.inner2 {
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
    	width: 1250px;
		margin: auto;
		padding-left: 0px;
		padding-right: 0px;
	}
}

/*メインボックス*/
.top-mainbox {
	margin: 0 auto 10px;
	width: 1125px;
	position: relative;
	z-index: 1000;
}
/*①メインコンテンツ*/
.main-content {
	float: left;
	width: calc(840px - 3rem);
}
.slider-box {
	display: none;
}
/*トップのピンクとグリーンボタンをリストにしてまとめた。エフプロを同じHTML構造*/
.kouza_bt-left-pink {
	background: #ff2033;
	box-shadow: 5px 3px 4px grey;
	display: inline-block;
	font-size: 1.25rem;
	line-height: 1.4;
	margin: 40px 15px 30px;
	border: 0;
	border-radius: 9px;
	color: white!important;
	padding: 12px 20px;
	font-weight: 400;
	white-space: nowrap;
	width:320px;
}
.kouza_bt-right-green {
	background: #2cad24;
	box-shadow: 5px 3px 2px grey;
	display: inline-block;
	font-size: 1.25rem;
	color: white !important;
	line-height: 1.4;
	margin: 40px 15px 30px;
	border: 0;
	border-radius: 12px;
	padding: 12px 20px;
	font-weight: 400;
	white-space: nowrap;
	width:320px;
}
/*3カテゴリはスマホ用なので非表示*/
.top3-category-link-wrapper {
	display: none;
}

/*********************************************
* アーカイブページ
*********************************************/
/*見出し*/
.main-body .archive-title {
	display: flex;
	align-items: center;
}

/*サルワカページ*/
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

.clearfix{
	clear:both;
	margin-top: 20px;
}

.article_i a{
	display:block;
}

.article_i{
	display: inline-block;
	margin: 3% 2.2%;
	width: 28%;
	box-shadow: 1px 1px 8px -2px rgba(0,0,0.15);
}
.article_i p {
	margin-bottom: 0px;
	color: #fff !important;
	padding: 5px 15px;
	background-color: #2d3d54;
}
.article-body a *:not(ul) {
	/* color: #fff !important; */
}

.article_i a{
	color:white !important;
}

.yuueki_li {
	list-style-type: none;
	margin-top:11%;
}

.yuueki_title a {
	color: black!important;
}

img.yuueki_eyecatch {
	width: 30%;
	float: left;
	margin-right: 3%;
}

.yuueki_title {
	font-size: 18px;
	margin:0;
}

.description {
	font-size: 16px;
}

.yuueki_title a:hover {
	color: #0042aa!important;
	text-decoration: underline;
}

.unei table {
	width: 100%;
	border-top: 2px solid black;
	border-right: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

.unei th {
	width:20%;
	background: #7ea0ccab;
	padding-left: 15px;
	border-bottom: 1px solid black;
}

.unei a {
	text-decoration: underline!important;
}

#post-8902 .section-title {
	position: relative;
	background-color: #143893;
	color: #fff;
	text-align: center;
	letter-spacing: 5px;
	overflow: hidden;
	box-shadow: 0px 0px 6px 2px #ccc;
	margin-bottom: 90px;
}
#post-8902 .section-title:before,
#post-8902 .section-title:after {
	content: "";
	position: absolute;
	background: #fff;
	padding: 2.5px 70px;
	transform: rotate(-45deg);
}
#post-8902 .section-title:before {
	left: 0;
	bottom: 0;
	transform-origin: left bottom;	
}
#post-8902 .section-title:after {
	right: 0;
	top: 0;
	transform-origin: right top;
}

input, textarea {
	padding: 8px;
	font-size: 0.85rem;
}
.wpcf7-form {
	width: 70%;
	min-width: 260px;
	margin: 0 auto;
	color: #333;
}
.wpcf7-form > p {
	margin-bottom: 30px;
}
.wpcf7-text, .wpcf7-textarea {
	width: 90%;
	display: block;
	margin: 10px auto 0;
	border: 1px solid #ccc;
}
.wpcf7-text:focus,
.wpcf7-textarea:focus {
	outline: none;
	box-shadow: 0 0 4px 3px #a7cdfd inset;
}
.wpcf7-submit {
	display: block;
	margin: 60px auto 0;
	padding: 10px;
	border: none;
	background: #143893;
	color: #fff;
	letter-spacing: 5px;
	width: 50%; /*above 800px */
	font-size: 1rem;
}
.wpcf7-submit:hover {
	opacity: 0.85;
}
.wpcf7-response-output {
	padding: 15px;
	margin: 0;
	border: none;
	background-color: #a7cdfd;
	text-align: center;
}

.normal-txt {
	color:black!important;
	text-decoration:none;
}

.box11{
	padding: 0.5em 1em;
	margin: 2em 0;
	color: #5d627b;
	background: white;
	border-top: solid 5px #5d627b;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
	margin: 0; 
	padding: 0;
}

.kouza_bt_blue {
	display: inline-block;
	max-width: 350px;
	max-height: 100px;
	box-sizing: border-box;
	width: 70%;
	height: auto;
	margin: 20px auto;
	padding: 18px 5%;
	text-decoration: none;
	background-image: linear-gradient(to bottom, #e80d00,#f3413b 10%,#f12826 40%,#ff0300 50%,#f91d0f);
	color: #FFF !important;
	border-radius: 10px;
	box-shadow: 0 5px rgba(0,0,0,0.1);
	font-size: 1.1rem;
	font-weight: bold;
	letter-spacing: 0.2rem;
	/* float: left; */
	margin-right: 5%;
}

.kouza_bt_blue:hover{
	opacity:0.7;
}

.kouza_bt_shou {
	display: inline-block;
	max-width: 350px;
	max-height: 100px;
	box-sizing: border-box;
	width: 70%;
	height: auto;
	margin: 20px auto;
	padding: 18px 5%;
	text-decoration: none;
	background-image: linear-gradient(to bottom, #22af47 10%,#11a215d1 40%,#149a2b);
	color: #FFF !important;
	border-radius: 10px;
	box-shadow: 0 5px rgba(0,0,0,0.1);
	font-size: 1.1rem;
	font-weight: bold;
	letter-spacing: 0.2rem;
	/* float: left; */
	margin-right: 5%;
}

.kouza_bt_shou:hover{
	opacity:0.7;
}

.marg {
	margin: 20px 0 0 0;
	padding: 12px 15px;
	color: #777;
	background: #483e3e29;
	border: 1px solid #fbf8f8;
}

img.osusume5 {
	padding-left: 2%;
	padding-top:2%;
}

.osusume5-border {
	float: left;
	margin-top: 2%;
	margin-right: 5%;
	margin-bottom: 5%;
	margin-left: 5%;
	background:#c1b4a32e;
}

.reirei td {
	padding: 3px 0;
	border: 1px solid #cfcfcf;
	padding-left: 5px;
	background-color: #f1f1f1ad;
}

.balloon1-left{
	position: relative;
	padding: 20px;
	border-radius: 10px;
	color: #ffffff;
	background-color: #0888ff;
	margin-left: 110px;          /* 左に余白を設ける */

}
.balloon1-left::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -15px;
	top: 20px;
	border-right: 15px solid #0888ff;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

.balloon1-right{
	position: relative;
	padding: 20px;
	border-radius: 10px;
	color: #ffffff;
	background-color: #0888ff;
	margin-left: 110px;          /* 左に余白を設ける */
}
.balloon1-right::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	right: -15px;
	top: 20px;
	border-right: 15px solid #0888ff;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

.balloon2-right {
	position: relative;
	margin: 2em 15em 2em 2em;
	background: #fff0c6;
	border-radius: 30px;
	line-height: 5;
	display: block;
	text-align: center;

}

.balloon2-right:before{    
	content: "";
	position: absolute;
	right: -38px;
	width: 13px;
	height: 12px;
	bottom: 0;
	background: #fff0c6;
	border-radius: 50%;

}

.balloon2-right:after{
	content: "";
	position: absolute;
	right: -24px;
	width: 20px;
	height: 18px;
	bottom: 3px;
	background: #fff0c6;
	border-radius: 50%;
}
.balloon2-right p {
	margin: 0; 
	padding: 0;
}

.balloon2-left {
	position: relative;
	margin: 2em 15em 2em 2em;
	background: #fff0c6;
	border-radius: 30px;
	line-height:5;
	text-align:center;
	display:block;
}

.balloon2-left:before{    
	content: "";
	position: absolute;
	left: -38px;
	width: 13px;
	height: 12px;
	bottom: 0;
	background: #fff0c6;
	border-radius: 50%;
}

.balloon2-left:after{
	content: "";
	position: absolute;
	left: -24px;
	width: 20px;
	height: 18px;
	bottom: 3px;
	background: #fff0c6;
	border-radius: 50%;
}
.balloon2-left p {
	margin: 0; 
	padding: 0;
}

.kouza_ksbutton{
	display:block;
	padding: 10px;
	width: 60%;
	min-width: 320px;
	margin: auto;
	text-align: center;
	font-style: bold;
	box-shadow: 2px 3px 3px rgba(121, 121, 121, 0.5);
	border-radius: 4px;
	background: linear-gradient(#d9451e, #e42715);
	color: #fff !important;
	text-decoration: initial;
	font-weight: bold;
}
.kouza_ksbutton:hover {
	opacity: .4;
}

.tbl_hikaku03 {
	width: 100%;
	margin: 0 0 0 0;
	border-left:1px solid #bbb;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	font-size: 85%;
	line-height: 1.250em;
}

.tbl_hikaku03 th {
	border: 1px solid #bbb;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	color:#fff;
	background:#227aca;
	padding:0.3em 0.8em;
	text-align:center;
}
.tbl_hikaku03 th,
.tbl_hikaku03 td {
	border-bottom:1px solid #ccc;	
}
.tbl_hikaku03 .tbl_hikaku_th_selected {
	/*background: #FEFEEB;*/
	/*background: #FDFDDB;*/
	background: #F9F9B2;
}

.tbl_hikaku03 td {
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	color:#333;
	padding: 5px;
	text-align:center;
}

.tbl_hikaku03 td .num_for_order {
	display: none;
}

.tbl_hikaku03 .tbl_hikaku_td_selected {
	background: #F9F9B2;
}

.tbl_hikaku03 tr:hover {
	background: rgba(220, 125, 75, 0.3);
}

.tbl_hikaku03 td {
	margin: 5px 3px;
}

.tbl_hikaku03 .td_txt_left {
	text-align: left;
	padding: 5px;
}

.tbl_hikaku03 tr:nth-of-type(1) th:nth-of-type(1) {
	width: 22%;
}
img.tbl_kaisha {
	width: 100%;
}

.tbl_hikaku03 tr:nth-of-type(1) th:nth-of-type(2) {
	width: 9%;
}

.yellow-line {
	background: linear-gradient(transparent 60%, #ffc978 0%);
}

.yellow-line2{
	font-size:20px;
	background: linear-gradient(transparent 60%, #ffc978 0%);
}

.yellow-line3{
	font-size:20px;
	background: linear-gradient(transparent 60%, #FAF074 0%);
}

.persona10man{
	margin-bottom:5%;
	float:left;
}

.blue-double {
	color: #6cb4e4;
	text-align: center;
	padding: 0.25em;
	border-top: solid 2px #6cb4e4;
	border-bottom: solid 2px #6cb4e4;
	font-style: oblique;
	display:block;
}

.light-blue-bar {
	background: #77c3df;
	font-size: 20px;
	color: white;
	z-index: -1;
	display: block;
	padding-left:6px;
}

.light-blue-bar2 {
	position: relative;
	padding: 0.5em 0.5em;
	padding-right: 0.5em;
	background: -moz-linear-gradient(to right, rgb(37, 124, 255), transparent);
	background: -webkit-linear-gradient(to right, rgb(14, 166, 255), transparent);
	background: linear-gradient(to right, rgb(37, 124, 255),rgb(14, 166, 255) 60% ,#fff);
	color: #fff;
	font-style: oblique;
	font-family: Times New Roman,"メイリオ";
	font-size: 20px;
	border-radius: 0.5em;
	display: inline-block;
	padding-right: 100px;
}

.light-blue-bar:before {
	display:none;	
	position: absolute;
	content: '';
	left: -2px;
	top: -2px;
	border: none;
	border-left: solid 40px white;
	border-bottom: solid 79px transparent;
	z-index:-2
}

.tape {
	position:relative;/*テープの表示位置の基準となる*/
	display:inline-block;/*内容に合わせて幅も伸縮させる*/
}
.tape::before, .tape::after {
	content: "";
	display: block;
	position: absolute;
	background: rgba(255,0,0,0.2);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.tape::before {
	left: -5%;
	top: -10%;
	width: 25%;
	height: 50px;
	transform: rotate(-10deg);
}
.tape::after {
	right: -5%;
	top: -10%;
	width: 24%;
	height: 50px;
	transform: rotate(10deg);
}

.tape {
	position:relative;/*テープの表示位置の基準となる*/
	display:inline-block;/*内容に合わせて幅も伸縮させる*/
}
.tape::before, .tape::after {
	content: "";
	display: block;
	position: absolute;
	background: rgba(105, 103, 0, 0.322);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.tape::before {
	left: -2%;
	top: 0%;
	width: 24%;
	height: 50px;
	transform: rotate(-10deg);
}
.tape::after {
	right: -80%;
	top: 0%;
	width: 24%;
	height: 50px;
	transform: rotate(10deg);
}

.paper{
	background: linear-gradient(#fff, rgb(216, 216, 216) ) fixed;
	height: 400%;
	margin-top: 30px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	transition: .3s;
	display: inline-block;
	padding: 5px 10px;
	text-decoration: none;
	margin-left: 20px;
}
.both_img_center {
	text-align: center;
	display:inline-block;
} 
.both_img_center img{
	max-width: 100%;
	text-align: center;
	height: auto;
	margin: 10px;
} 
@media only screen and (max-width : 768px){
		.both_img_center img{
			width: 100%;
		}
}

.footer-wrapper {
	display: flex;
	margin: 0 auto 35px;
	width: 70%;
	justify-content: space-between;
}
.footer-row h4 {
	font-family: Raleway;
	font-size: 2rem;
	color: #fff;
	margin-bottom: 15px;
	letter-spacing: 4px;
	padding: 0;
}
.footer-row h4 span {
	display: block;
	font-size: 1rem;
	letter-spacing: 1px;
	margin-top: 5px;
	font-weight: normal;
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.footer-row h4 span:before {
	content: '';
	display: inline-block;
	width: 45px;
	height: 2px;
	margin-right: 5px;
	background-color: #fff;
	vertical-align: middle;
}
.footer-list > li {
	margin-bottom: 0.3rem;
}
.footer-list > li > a {
	color: #fff;
	font-size: 0.8rem;
}
i.fas.fa-angle-right {
	color: #4be6df;
}
.copyright {
	background-color: rgba(47, 47, 47, 0.85);
}
.copyright p {
	margin: 0;
}



















h1, h2, h3, h4 {
	margin: 0;
}

ul {
	/* margin: 0; */
	/* padding: 0; */
}

li {
	list-style-type: none;
}

.clearfix::after {
	content: '';
	display: block;
	clear: both;
}

.fas {
	margin: 0 5px;
}

/* =====================
ヘッダー
===================== */
.header {
	position: relative;
	height: 500px;
	width: 100%;
	padding: 50px 0;
	background: url('images/header_bg_1.jpg') fixed;
	background-size: 100% 100%;
	margin-bottom: 30px;
}
.header::after {
	content: '';
	position: absolute;
	height: 500px;
	width: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
}
.header .about {
	position: relative;
	z-index: 1;
	text-align: center;
}
.header .about p {
	margin-top: 0;
	margin-bottom: 15px;
	color: #ccc;
	font-size: 1.05rem;
	font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif;
}
.header .about .welcome {
	margin-bottom: 45px;
	color: #fff;
	font-size: 5rem;
	font-family: Raleway;
}

/* =====================
メインコンテンツ共通設定
===================== */
/* =====================
ランキングボックス
===================== */
.ranking-box {
	margin: 15px auto 25px;
	padding: 0;
	background-color: #fff;
	border: solid 1px #dadde6;
}

.ranking-box:nth-of-type(1) {
	margin-top: 0;
}
.slider-box + script + .ranking-box {
	margin-top: 0;
}

.ranking-box .heading {
	display: block;
	height: 60px;
	padding-left: 84px;
	color: #fff;
	margin: 0;
	margin-bottom: 20px;
	background: url(../images/ranking1.png) no-repeat 10px center;
	background-size: auto 50px;
	background-color: #b42828;
	font-size: 28px;
	line-height: 60px;
	font-family: Montserrat;
}
.ranking-box.rank_2 .heading {
	background-image: url('../images/ranking2.png');
}
.ranking-box.rank_3 .heading {
	background-image: url('../images/ranking3.png');
}
.ranking-box.rank_4 .heading {
	background-image: url('../images/ranking3.png');
}
.ranking-box.rank_5 .heading {
	background-image: url('../images/ranking3.png');
}
.ranking-box .banner-image {
	margin-bottom: 20px;
	cursor: pointer;
	transition: opacity 0.15s;
	text-align: center;
}
.banner-image img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 768px) {
	.banner-image img {
		width: 100%;
	}
}

.ranking-box .banner-image:hover {
	opacity: 0.8;
}

.ranking-box .rader-wrapper {
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	background: #f3f3f3;
	border-radius: 6px;
	padding: 0px 15px;
	align-items: center;
}

.ranking-box .summary {
	margin: 0;
	background: transparent;
	flex: 1;
	/* margin-left: 25px; */
	min-width: 300px;
}
.ranking-box .summary ul {
	margin: 0px 0 15px;
	padding-left: 0;
    padding: 10px;
}
.summary .summary-item {
	margin-bottom: 10px;
	border-bottom: 1px dashed #ccc;
	color: #333;
	display: inline-block;
}
.summary .summary-item:last-child {
	margin-bottom: 5px;
	border: none;
}
.summary-item .point-img {
    display: inline-block;
    width: 73px;
    height: 30px;
    border-radius: 15px;
    background-color: #E02F58;
    color: #fff;
    font-size: 10px;
    line-height: 30px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .summary-item .point-img {
        font-size: 16px;
    }
}

.summary-item .point-title {
	display: inline-block;
	width: auto;
	height: 25px;
	color: #ef696c;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -.03em;
}
.summary-item .point-desc {
	margin: 5px 15px 5px 10px;
	padding-left: 10px;
	border-left: 3px solid #ef696c;
	font-size: 16px;
	color: #2f2f2f;
}
.summary .sub-desc {
	margin: 0;
}

.ranking-box .radar-image {
	width: 48%;
	min-width: 260px;
}
.radar-image img {
	width: 100%;
	height: 100%;
}
.ranking-box .rader-wrapper::after {
	content: '';
	display: block;
	clear: both;
}

.ranking-box .description {
	margin: 10px 0 0px;
	padding: 0;
	font-size: 0.9rem;
}

.ranking-box .main-desc {
	margin-bottom: 10px;
	font-size: 0.92rem;
}

.ranking-box .sub-desc {
	font-size: 0.65em;
	color: #555;
}

.ranking-box .buttons > .button {
	flex: 1;
	display: block;
	min-width: 240px;
	margin: 10px 5px;
	transition: all 0.3s;
}
.ranking-box .buttons {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.button {
	display: inline-block;
	width: 40%;
	margin: 0 1%;
	border-radius:5px;
	color:#fff;
	line-height: 1.4;
	text-align: center;
	font-size: 1.2rem;
	padding:10px 0 10px;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
	transition: opacity 0.2s;
	font-weight: bold;
	font-family: 'Noto Sans Japanese';
	cursor: pointer;
}
.button:hover {
	opacity: 0.8;
}
.button.kouza-open {
	background-image: linear-gradient(to bottom, #FE6359 ,#CF1B18);
}
.button.kouza-detail {
	background-image: linear-gradient(to bottom,#20DE62 ,#02A739);
}

.featuring-box .heading {
	background-color: rgb(218, 165, 32);
}

.sidebar a:hover {
	opacity: 0.8;
	color: #fff;
}
a:link, a:visited {
	text-decoration: none;
}

a:link, a:visited {
	text-decoration: none;
}

.side-kouza-ranking {
	margin-bottom: 25px;
	border: solid 1px #dadde6;
}
.side-heading {
	background-color: #0f7bb1;
	text-align: center;
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	padding: 8px 0;
	margin-bottom:0;	
}
.side-heading-new {
	background-image: linear-gradient( 90deg, #087eb3 50%, #0573a5 50%, #0573a5 100% );
	height: 3.8rem;
	color: #fff;
	padding: .3rem 7%;
	font-size: 17px;
	position: relative;
	letter-spacing: .1rem;
	line-height: 1.15;
	font-weight: bold;
	background: #087eb3;
	overflow: hidden;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.side-kouza-ranking .side-heading-new {
	background-size: initial;
	background: #ccb300;

}
.side-heading-icon {
	width: 30px;
	height: 30px;
	background-size: 100% 100%;
	background-position: 50%;
	position: absolute;
	top: 50%;
	right: 7%;
	transform: translateY(-50%) rotate(-25deg);
	opacity: .6;
}
.side-heading-new .side-title {
	display: block;
	font-family: Montserrat;
	font-size: .5em;
	font-weight: normal;
	margin-top: .3rem;
	letter-spacing: .15rem;
	text-align: left;
}
.side-kouza-list {
    padding: 0 10px 10px;
    background-color: #fff;
    margin: 0;
}
.side-kouza-list > li {
	padding-bottom: 15px;
	border-bottom: 1px #a6a6a6 dotted;
	/* margin-bottom: 15px; */
}
.side-kouza-list > li .side-kouza-image {
	text-align: center;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.side-kouza-image a {
	display: block;
}
.side-kouza-image img {
	width: 100%;
	height:100%;
}

.side-kouza-point > li {
	line-height: 15px;
	font-size: .9rem;
	color: #333333;
	padding: .5rem 0;
	letter-spacing: 0;
	list-style-position: inside;
	list-style: none;
}

.side-kouza-detail {
	color: #fff;
	letter-spacing: 0.2em;
	padding: 7px;
	display: block;
	border-radius: 4px;
	text-align: center;
	margin-top: 10px;
	background-color: #128566;
	font-size: .9rem;
	letter-spacing: 0.2rem;
	border-radius: 25px;
}
.side-kouza-detail svg {
	margin-left: 1rem;
}

.side-articles {
	border: solid 1px #dadde6;
}

.side-article-list {
	padding: 5px 5px 0px;
	background-color: #fff;
	margin: 0;
}

.side-article-list > li {
	position: relative;
	padding: 3px 0;
	font-size: 16px;
}
.side-article-list > li:last-child {
	border-bottom: none;
}

.side-article-list > li > a {
	display: flex;
}
.article-thumbnail {
	display: inline-block;
	width: 75px;
	height: 75px;
	margin: 0;
}

.article-thumbnail2 {
	flex-basis: 70px;
	height: 70px;
	background-size: cover;
}
.side-article-details {
	flex: 1;
	display: flex;
	align-content: space-between;
	flex-wrap: wrap;
	padding-left: .7rem;
	font-weight: bold;
}
.side-article-details .thumbnail-title {
	font-weight: normal;
	font-size:13px;
	margin-bottom: 0rem;
}
.side-article-details time {
	font-size: 0.8rem;
	color: #999;
	letter-spacing: 0.05rem;
}
.side-article-pv {
	display: inline-block;
	margin: 0 5px 0 auto;
	font-size: 0.85rem;
	color: #777;
	font-family: Roboto Condensed;
}
.side-article-pv i {
	font-size: 0.85rem;	
}
.side-article-pv span {
	font-size: 0.77rem;	
}
.thumbnail-title {
	/*margin: 0;*/
	color: #171717;
	font-size: .85rem;
	line-height: 1.26;
	letter-spacing: .06rem;
}

.top-mainbox {
	display: flex;
	justify-content: space-between;
}

.header-container {
	background: #fff;
}
.site-header-container {
	max-width: 1000px;
	margin: 0 auto;
}

#cat-list {
	width: 840px;
	margin: 30px auto 0;
	position: relative;
	z-index: 1000;
}
#cat-list .cat_row {
	display: flex;
	align-items: center;
}
#cat-list p {
	width: 148px;
	height: 50px;
	float: left;
	line-height: 46px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	box-sizing: border-box;
	background-color: transparent;
	color: #fff;
	letter-spacing: 1px;
	padding: 0;
}
#cat-list .sub_title {
	flex-basis: calc(840px/ 6 - 25px);
	margin: 0;
	transform: skewX(-30deg);
	margin-right: 25px;
}
#cat-list p span {
	display: block;
	background-color: #444;
	border: none;
	color: #0ff;
}

#cat-list ul {
	height: 50px;
	flex: 1;
	margin: 0;
}
#cat-list ul li {
	width: calc(840px/ 6);
	height: 50px;
	float: left;
	box-sizing: border-box;
	color: #fff;
	background: transparent;
}
#cat-list ul li a {
	height: 100%;
	text-align: center;
	display: block;
	line-height: 48px;
	box-sizing: border-box;
	text-decoration: none;
	color: #fff;
	border-radius: 4px;
	font-size: 1rem;
	font-weight: bold;
	position: relative;
}
#cat-list ul li a::before {
	content: '';
	width: 2px;
	height: 90%;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translatey(-50%) skewx(-30deg);
	transition: width .3s ease-in-out;
	z-index: -1;
}
#cat-list ul li:last-child a::after {
	content: '';
	width: 2px;
	height: 90%;
	background: #fff;
	position: absolute;
	top: 50%;
	right: -0.15rem;
	transform: translatey(-50%) skewx(-30deg);
}
#cat-list ul li.current a {
	background-color: #46b1b6;
	color: #fff;
	font-weight: bold;
}

#cat-list ul li a:hover {
	color: #074963;
}
#cat-list ul li a:hover::before {
	width: 100%;
}

.featured-link-wrapper {
	position: relative;
	overflow: hidden;
	height: 100%;
}
.featured-link-box {
	flex-basis: calc(100%/3);
	font-family: "Noto Sans Japanese";
}
.featured-link-box:nth-of-type(1) {
}

.featured-link {
	display: block;
	padding: 1vw 0 0;
	overflow: hidden;
	transition: 0.15s;
	height: 100%;
}

.featured-link-title {
	position: relative;
	margin: .5rem 0 0;
	padding: 10px 20px;
	background: transparent;
	color: white;
	text-align: center;
	display: block;
	letter-spacing: 2px;
	line-height: 1.5rem;
	letter-spacing: 2px;
	line-height: 1.5rem;
	font-size: 1.4rem;
}
.featured-link-title svg {
	margin-right: 5px;
}
.featured-link .featured-link-title i {
	font-style: normal;
}

.featured-link-num {
	font-size: 13.5rem;
	position: absolute;
	top: 20%;
	left: -6%;
	color: rgba(255,255,255,.3);
	font-family: Montserrat;
	font-style: italic;
	display: none;
}

.featured-link-img {
	margin: 0 auto;
	display: block;
	width: 12vw;
	height: 12vw;
	background-size: 55%;
	background-repeat: no-repeat;
	background-position: center;
	border: 2px solid #fff;
	border-radius: 50%;
	max-width: 120px;
	max-height: 120px;
}
.featured-link-desc-wrapper {
	padding: 0px 0 15px;
	background-color: transparent;
	color: white;
}

.featured-link-desc {
	text-align: center;
	padding: 0 .5vw;
	color: white;
	margin-bottom: 15px;
	margin-top: 5px;
	font-size: 0.95rem;
	height: 3rem;
	line-height: 1.2rem;
}

.featured-link-btn {
	position: relative;
	width: 200px;
	margin: auto;
	text-align: center;
	background: transparent;
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: 2px;
	height: 50px;
	line-height: 45px;
	transition: all .2s;
	border: 2px solid #fff;
}

.featured-link-box:nth-of-type(1) .featured-link {
	background: #00c32b2b;
}
.featured-link-box:nth-of-type(1) .featured-link-btn:hover {
	background-color: #fff;
	color: #00b595;
}

.featured-link-box:nth-of-type(2) .featured-link {
	background: #ffe30a33;
}
.featured-link-box:nth-of-type(2) .featured-link-btn:hover {
	background-color: #fff;
	color: #e6a100;
}

.featured-link-box:nth-of-type(3) .featured-link {
	background: #ff282852;
}
.featured-link-box:nth-of-type(3) .featured-link-btn:hover {
	background-color: #fff;
	color:  #e85858;
}
.featured-link-btn  .fa-angle-double-right {
	position: absolute;
	right: 22px;
	top: 16px;
}

@media screen and (max-width: 768px) {

	.featured-link-desc, .featured-link-btn, .featured-link-balloon {
		display: none;
	}
	.cat-list {
		display: none;
	}
	.top-mainbox-container {
		margin-top: 75px;
		height: 140px;
		background-color: #2078ca;
		margin-bottom: 15px;
		box-shadow: none;
	}
	.top-mainbox-title {
		display: block;
		position: absolute;
		padding: 3px 5vw;
		font-size: .9rem;
		color: #ffffff;
		text-align: center;
		background-color: #1fbbdc;
		top: -14px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 22;
		border-radius: 25px;
		max-width: 400px;
		letter-spacing: 1.4px;
		white-space: nowrap;
		width: 13rem;
	}
	.top-mainbox-title::after {
		content: '';
		border: 11px solid transparent;
		border-top-color: #1ca6c3;
		position: absolute;
		left: 50%;
		bottom: -22px;
		margin-left: -11px;
		z-index: 22;
	}
	.top-mainbox {
		width: auto;
		position: initial;
		top: 240px;
		min-width: initial;
	}
	.featured-link-wrapper {
		padding: 2px;
		overflow: visible;
	}
	.featured-link {
		position: relative;
		padding: 38px 0 7px 42px;
		padding-left: 14vw;
		height: 77px;
		border-radius: 0;
		border: solid 1px #fff;
		box-shadow: initial;
		background-color: transparent;
		overflow: visible;
	}
	.featured-link-box {
		flex-basis: 33%;
		min-width: initial;
	}
	.featured-link::after {
		content: '';
		display: block;
		border-right: solid 50px #fff;
		border-left: solid 50px transparent;
		border-top: solid 50px transparent;
		right: 0px;
		bottom: 0px;
		position: absolute;
		border-width: 13px;
	}
	.featured-link-num {
		display: none;
	}
	.featured-link .featured-link-img {
		position: absolute;
		left: calc(.2vw + 2%);
		top: 17%;
		z-index: 2;
		width: 9vw;
		height: 9vw;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 90%;
		max-height: 70%;
		border: none;
	}
	.featured-link .featured-link-title {
		margin: 0;
		padding: 0;
		font-size: 12px;
		text-align: left;
		background: transparent !important;
		line-height: 16px;
		letter-spacing: -.5px;
	}
	.featured-link .featured-link-title svg {
		display: none;
	}
	.featured-link .featured-link-title i {
		display: inline-block;
		font-size: 16px;
		letter-spacing: 2.5px;
		font-style: normal;
		margin: 0 .5px;
	}
	.featured-link .featured-link-title .nowrap {
		display: inline-block;
		white-space: nowrap;
	}
	.featured-link-desc-sp {
		display: block;
		margin: 0;
		position: absolute;
		top: -13px;
		left: 2%;
		width: 96%;
		text-align: center;
		font-size: 10px;
		font-weight: bold;
		background: linear-gradient(135deg, transparent 6%, #fff 6%, #fff 94%, transparent 94%);
		padding: 3px 1px;
	}
}







ul {
  /* list-style-type: none; */
  /* padding: 0; */
}

a {
  color: #262626;
  text-decoration: none;
}

.not-wrap {
  display: inline-block;
}

.clearfix::after {
  content: '';
  display: block;
  clear: both;
}

.articlecard-pv {
  flex: 1;
  margin-left: 2px;
  font-size: 0.8rem;
  color: #888;
  text-align: right;
}
.articlecard-pv svg  {
	margin-right: 5px;
}


.article-list article > a {
    display: flex;
    padding: 35px 35px;
}


div {
   display: block;
}

h1, h2, h3 {
    font-weight: bold;
}

.article-list .article-thumbnail {
	background-color: #e74c3c;
}


.article-list .article-desc.not-wrap h2 {
    margin-top: 0;
    font-size: 2.2rem;
}
.article-list .article-desc h2 {
    /**display: block;*/
    font-size: 1.2em;
    font-weight: bold;
	border-left:none;
	/*background:#fff;*/
	padding:0;
}

.article-list .article-desc .not-wrap {
    /**display: block;
    font-size: 1.5em;*/

    font-weight: bold;
}

.article-list .article-desc p {
	margin-top: 5px;
	margin-bottom:50px;
   /* margin: 50px 10px 0;*/
    font-size: 0.79rem;
}

.article-list .article-desc time {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #a6a6a6;
    font-size: 0.9rem;
}
.section-title-gyosha{
	font-size: 1.6rem;
}

.awasete-box2 {
	height:158px;
    position: relative;
    color: black;
    background: #fff;
    line-height: 1.4;
    padding: 0;
	margin:3em 0 3em;
	border:1px solid;
    border-color: #0d3e88;
    border-width: 4px;
    border-radius: 5px 5px 5px 5px;
}

.awasete-set2 p {
    padding: 0 19px 0 180px;
	font-size:15px;
}

.awasete-box2 .awasete-img2 {
    width: 180px;
    height: 150px;
    padding: 1% 1% 1% 1%;
	float:left;
}

p.awasete-title2 {
    font-weight: bold;
    text-decoration: underline;
	padding-left:190px;
}

.awasete-box2:after {
    position: absolute;
    content: '\8A73\3057\304F\77E5\308A\305F\3044\FF01';
    background: #0d3e88;
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-color: #0d3e88;
    border-width: 5px;
    border-radius: 5px 5px 0 0;
    padding: 0.3em 1.2em 0.3em 1.2em;
    font-size: 0.8em;
    line-height: 2;
    font-weight: bold;
    letter-spacing: 0.05em;
}


@media
only screen and (max-width : 768px){ 
	
.tape {
  position:relative;/*テープの表示位置の基準となる*/
  display:inline-block;/*内容に合わせて幅も伸縮させる*/
}
.tape::before, .tape::after {
  content: "";
  display: block;
  position: absolute;
  background: rgba(105, 103, 0, 0.322);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.tape::before {
left: -2%;
top: 5%;
width: 24%;
height: 31px;
transform: rotate(-10deg);
}
.tape::after {
  right: -5%;
top: 5%;
width: 24%;
height: 30px;
transform: rotate(10deg);
}
	
.balloon2-right {
    position: relative;
	margin: 2em 2em 2em 40px;
	background: #fff0c6;
	border-radius: 30px;
	line-height: 5;
	/*display: block;*/
	text-align: center;
	
}

.balloon2-right:before{    
    content: "";
    position: absolute;
    right: -38px;
    width: 13px;
    height: 12px;
    bottom: 0;
    background: #fff0c6;
    border-radius: 50%;
	
}

.balloon2-right:after{
    content: "";
    position: absolute;
    right: -24px;
    width: 20px;
    height: 18px;
    bottom: 3px;
    background: #fff0c6;
    border-radius: 50%;
}
.balloon2-right p {
    margin: 0; 
    padding: 0;
}

.balloon2-left {
    position: relative;
    margin: 2em 2em 2em 40px;
    background: #fff0c6;
    border-radius: 30px;
	line-height:5;
	text-align:center;
	/*display:block;*/
}

.balloon2-left:before{    
    content: "";
    position: absolute;
    left: -38px;
    width: 13px;
    height: 12px;
    bottom: 0;
    background: #fff0c6;
    border-radius: 50%;
}

.balloon2-left:after{
    content: "";
    position: absolute;
    left: -24px;
    width: 20px;
    height: 18px;
    bottom: 3px;
    background: #fff0c6;
    border-radius: 50%;
}
.balloon2-left p {
    margin: 0; 
    padding: 0;
}
	
.paper {
	background: linear-gradient(#fff, rgb(216, 216, 216) ) fixed;
width: 95%;
height: 400%;
margin-top: 30px;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
transition: .3s;
display: inline-block;
padding: 5px 10px;
text-decoration: none;
display: inline-block;
margin-left: 10px;
	}

	.awasete-set2 p{
		display:none;
	}
	.awasete-box2 p{
		font-size:22px;
	}
	
	.awasete-box2 p{
		font-size:12px;
	}
	.awasete-box2 .awasete-img2 {
    width: 110px;
    height: 90px;
}
	.awasete-box2{
		height:100px;
	}

p.awasete-title2 {
    font-weight: bold;
    text-decoration: underline;
	padding-left: 30px;
	}


.yellow-line3{
    	background: linear-gradient(transparent 60%, #FAF074 60%);
		font-size: 16px;
    }
	.single-post .article-status-date, .single-post .article-status-date i {
		padding-left:10px;
	}
}

input[type="submit"], button {
    border: none;
}
.kensaku_param__lists__item--checked {
    background-color: #444444;
    color: #fff;
}
.kensaku_param__lists__item label {
    display: inline-block;
    width: 100%;
    padding: 12px 0;
}
.kensaku_param__lists__item label:hover {
    cursor: pointer;
}
.kensaku_radio_button input[type="radio"]:checked {
    width: 14px;
    height: 14px;
    margin: 4px 12px 4px auto;
    background-color: #6dfff7;
    border: solid 3px #757575;
    box-shadow: 0 0 0 4px #ededed;
    -webkit-box-shadow: 0 0 0 4px #7b7b7b;
    /*-moz-box-shadow: 0 0 0 4px #e12224;*/
	vertical-align: bottom;
}
.kensaku_radio_button input[type="radio"] {
    width: 18px;
    height: 18px;
    margin: 2px 8px 2px auto;
    background-color: #4c4c4c;
    border: 4px solid #8e8e8e;
    border-radius: 9px;
}

.article-desc h2 {
    border-left: none;
	padding:0;
}

.article-desc p {
    margin: 25px 0px 0;
}

.article-desc a {
    height:300px;
}
.article-list .article-thumbnail {
	width:25%;
	height:240px;
    order: 1;
    background-color: #bbb;
}

.articlecard-status {
    display: flex;/**/
}

.articlecard-category { 
    font-size: 0.6rem;
}

.articlecard-recom {
    text-align: right;
	
}

.articlecard-recom .fas::before {
    margin-left: 2px;
    font-size: 0.8rem;
}

.articlecard-recom p {
    font-size: 0.2rem;
}

.articlecard-desc h2 {
	padding: 10px;
    font-size: 0.9rem;
    text-align: left;
    border-left: 3px solid #c3c3c3;
	color:black;
	height:100px;
}

.articlecard-more i {
    font-size: 1.2rem;
    padding: 19px 3px;
}

i.fas.fa-star{
	margin:0;
}

.articlecard-recom.articlecard-recom-3 {
    padding-right: 7px;
}

.awasete-box {
	height:158px;
    position: relative;
    color: black;
    background: #fff;
    line-height: 1.4;
    padding: 0;
	margin:3em 0 3em;
	border:1px solid;
    border-color: #0d3e88;
    border-width: 4px;
    border-radius: 5px 5px 5px 5px;
}

img.awasete-img {
    width: 150px!important;
    height: 150px!important;
    padding: 1% 1% 1% 1%;
    float: left;
    border: 0!important;
}

p.awasete-title {
    font-weight: bold;
    text-decoration: underline;
	padding-top: 2%;
}

.awasete-box:after {
    position: absolute;
    content: '\3042\308F\305B\3066\8AAD\307F\305F\3044';
    background: #0d3e88;
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-color: #0d3e88;
    border-width: 5px;
    border-radius: 5px 5px 0 0;
    padding: 0.3em 1.2em 0.3em 1.2em;
    font-size: 0.8em;
    line-height: 2;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.awasete-set p{
	padding:0 4px;
}

@media
only screen and (max-width : 550px){
	
　　.awasete-set{
		display:none!important;
	}
	.awasete-set p{
		display:none;
	}
	/*.awasete-box p{
		font-size:22px;
	}*/
	
	
}

@media
only screen and (max-width : 400px){
	
	.kuwashiku-box{
    height: 140px;
}
	
	/*.awasete-box p{
		font-size:12px;
	}*/
	img.awasete-img {
    width: 110px;
    height: 149px!important;
}
	.awasete-box{
		height:158px;
	}
	.kouza_bt_pink {
    font-size: 1.0rem;
}
}


.gyousha-border {
    padding: 3% 3%;
	background: #b9bbc126;
}


.Jlist img{
	display:block;
	width:325px;
	height:218px;
}

div#Jsusume{
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	grid-gap: 2rem;
}

#Jsusume img {
    width: 100%;
	height: 10rem;
    object-fit: cover;
    object-position: 0 38%;
}
#Jsusume img:hover {
    opacity: 0.7;
}

#Jsusume li{
	padding:0 0%;
	/*box-shadow: 0 2px 3px 0 rgba(0,0,0,0.25);*/
}
#Jsusume li::after {
    content: '';
    display: block;
    clear: both;
}
.Jttl {
    padding-top: 2%;
    padding-bottom: 6%;
    margin: 0;
    color: #555;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.8em;
}
.Jttl:hover {
    color: #173891;
    text-decoration: underline;
}


.Jcate{
	padding-left: 10px;
    margin: 15px 0 10px;
    color: black;
    font-size: 13px;
    line-height: 1em;
}

.Jsusume_title{
    font-size: 42px;
	text-align:center;
	border-bottom: 3px solid #173891;
}


@media
only screen and (max-width : 768px){
	
	div#Jsusume{
		grid-template-columns:1fr;
		grid-gap: 1rem;
	}
	#Jsusume img {
		height: auto;
	}
	.Jsusume_title{
		font-size:30px;
	}
}

#menu li:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 1px;
    height: 1.5em;
    margin: -.75em 0 0 0;
    background-color: #ddd;
}

#menu li:first-child::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 1px;
    height: 1.5em;
    margin: -.75em 0 0 0;
    background-color: #ddd;
}

.global-nav-in li:hover{
	border-bottom:4px solid white!important;	
}


@media
only screen and (max-width : 768px){
	.inner2.clearfix {
    margin-top: 15px;
}
header#top {
	position: fixed;
	background: white;
	box-shadow: 0 0px 0px 0px;
	z-index: 9999;
	top: 0;
	width:100%;
	transition: .5s;
}
	header#top.hide {
		transform: translateY(-100%);
	}
	
}

@media
only screen and (max-width : 500px){
	
	.single .main-body h2{
		padding:3%;
		height:inherit;
		line-height:3rem;
	}
	
}

@media
only screen and (max-width : 350px){
	
	.single .main-body h3{
		font-size: 1.2em;
	}
	
}

img#img:hover {
    opacity: 0.7;
}

table.swaggy_p {
    width: 100%;
    border: 1px solid black;
}

table.swaggy_p2 {
    width: 80%;
    border: 1px solid black;
	margin-left:auto;
	margin-right:auto;
}

.hyouhyou {
    border: 1px solid #c8cadc;
}

.osho_no img:hover {
    opacity: 0.7;
}

.main-conts {
    /* font-size: 16px; */
}

.main-conts {
    float: left;
    width: calc(100% - 300px - 3rem);
}

@media screen and (max-width: 768px) {
	.main-conts {
		float: unset;
	    width: auto;
	    margin: 0;
	}
}

@media screen and (max-width: 768px) {
	.type-post {
		float: unset;
	    width: auto;
	    margin: 10px;
	}
}

.iwai {
    background: linear-gradient(transparent 60%, #ffc978 0%);
	color: #000!important;
	font-weight: bold!important;
}

.main-conts a{
   color: #f52549;
   font-size: 14px;
}

.main-conts a:hover{
   opacity:0.8;
}

#tablepress-gyosha_ranking_wrapper a{
	color:white;
}

.articlecards a{
	color:black;
}

.main-desc, .ranking-box .description .title{
	font-size: 1.6rem!important;
    border-bottom: 2px solid #1a57c1;
    color: #1a57c1;
    padding: 1px 0;
    margin-bottom: 5px!important;
}

@media only screen and (max-width : 736px) {
	table#tablepress-gyosha_ranking {
    	width: 100%!important;
    }
}

span.tablepress-table-description.tablepress-table-description-id-gyosha_ranking {
    font-size: 10px;
}

@media only screen and (max-width : 500px) {
	td.column-2 {
		padding: 0;
	}
	.tablepress-id-gyosha_ranking em {
    	font-size: 1rem;
	}
	table#tablepress-gyosha_ranking {
    	width: 100%!important;
	}
}

.reflection {
    height      :100%;
    width       :30px;
    position    :absolute;
    top         :-180px;
    left        :0;
    background-color: #fff;
    opacity     :0;
    transform: rotate(45deg);
    animation: reflection 2s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 2s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 2s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: reflection 2s ease-in-out infinite;
}
 
@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}

@-ms-keyframes reflection {
    0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}

@-o-keyframes reflection {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}

@media
	only screen and (max-width : 580px){
		
	.muryoubutton {
    width:250px;
}
		.muryoubutton img{
			width:250px;
		}
}

img.square {
    width: 120px;
}

.bubble-wrap {
    margin-top: 0%;
}*/

@media
	only screen and (max-width : 580px){
.single .article-body, .page .article-body {
    margin-bottom: 20px;
    padding: 0;
}
		.single .main-body h2 {
    margin-left: 0;
}
		
}

p.ninki {
    font-size: 25px;
    color: black;
    border-bottom: 3px solid #0d3e88;
    text-align: center;
	font-weight: bold;
    /* font-weight: bold; */
}

.shaq {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
    margin: 5%;
    text-align: left;
}

.shaq2 {
    text-align: center;
}

@media
	only screen and (max-width : 500px){
.shaq {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px;
    margin: 5%;
}
}

.awasete-set {
    overflow: hidden;
}  
img.awasete-img:hover {
    opacity: 0.8;
}

p.awasete-title:hover {
    opacity: 0.8;
}

@media
	only screen and (max-width : 500px){
.fx-comp-table img {
   
	display:block;
	
		}		
}


@media
	only screen and (max-width : 500px){
.yanaiver11 {
    display: grid;
    grid-template-columns: 1fr;
	
}
		
		.toobig{
			display:none;
		}
}

.yanaiver11 {
width:100%;
}

a.kouza_bt_pink {
    width: 340px;
}

.jordan {
    border: 3px solid #176ab0bf;
    border-radius: 5px;
    padding: 2% 2%;
    background: #eee;
    font-weight: bold;
    margin: 4% 0;
    font-size: 18px;
}


table.tbl_spec {
    width: 100%;
    margin: 2% 0;
	font-size:14px;
	text-align: center;
	font-family: "Open Sans", "Noto Sans Japanese";
}
table.tbl_spec th {
	text-align: center;
    white-space: nowrap;
}

.after-after {
    border: 1px solid #bbb;
    padding: 1% 1%;
	margin-bottom:50px;
}

.title-after {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 25px;
}

.empha{
    padding: 20px;
    border: 1px solid black;
    margin: 3% 0%;
    background: #f6f6f6;
}

.in {
    border: 1px solid #999;
}

.dataTables_wrapper{
	overflow:scroll;
}

.ron {
    width: 22px;
    height: 22px;
}

.wiggins{
	display:block;
}
.butler{
	display:none;
}

@media
	only screen and (max-width : 500px){
.wiggins{
			display:none;
		}		
.butler{
			display:block;
		}
}

nav.global-nav {
    border-top: 2px solid #eee;
}

.hu {
    text-align: center;
}

table.tableforcode {
    width: 100%;
    font-family: inherit;
}

table.tableforcode td {
    width: 50%;
}

.chuck img {
    float: left;
    border: 1px solid #aaa;
    width: 210px;
	margin: 10px 21px 5px 0;
}
@media screen and (max-width: 768px) {
	.chuck {
		text-align: center;
	}
	.chuck img {
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}


table.zizi {
    width: 100%;
}

.moonsae{
	padding: 20px;
    border: 5px solid #4671B8;
    font-size: 0.9em;
    margin-top: 2px;
    background: #E6F3FF;
	margin-bottom: 2%;
}


.shoushou{
	margin: 0;
    display: block;
    padding: .65rem;
    background-color: #e48412;
	color:white!important;
    font-size: 1.1rem;
    position: relative;
    font-weight: normal;
    /* padding-right: calc(3% + 28px); */
    padding-left: 1rem;
    border-radius: 7px;
    border-bottom: 4px solid #bd6b00;
    font-weight: bold;
    /* transition: .3s ease-in-out; */
    /* backface-visibility: hidden; */
    /* border-left: 0; */
}

.jo-php-table{
	width:100%;
	margin:3%;
	background-color:white;
}

.ranking_box{
	
    border-width: 2px;
    padding: 30px;
    border: 5px solid #ddd;
    border-radius: 5px;
    margin-bottom: 1em;	
	
}

.ranking_ttl{

    padding: 5px;
    border-radius: 5px 5px 0 0;
    position: relative;

}

.rankking_middle {
    display: block;
    width: 100%;
    margin-bottom: 14px;
    height: 170px;
}

.ranking_banner {
    float: left;
    width: 40%;
}

.ranking_point {
    float: right;
    width: 55%;
}

.ranking_spec {
    width: 80%;
    text-align: center;
}

.ranking_kutikomi {
    background-color: #e9e9e9;
    padding: 3%;
    /* font-size: 0px; */
}

.ranking_campaign {
    margin-top: 10px;
}

@media
only screen and (max-width : 330px){
	.single-post .article-status-date,
	.single-post .article-status-date svg {
		display: none;
	}
}

.button-wrapper2 {
    display: flex;
    margin: 40px 0;
}
.detail-bt2{
    margin-right:1%;
    padding: .75em 2em;
    width: 49%;
    text-align: center;
    border: 2px solid #3a9e20;
    font-size: 20px;
    border-radius: .3em;
    position: relative;
    background: #03b525;
    color: #fff!important;
    border-bottom: 4px solid #2a9e15;
    box-shadow: none;
    text-shadow: none;
    font-weight: bold;
    }
.entry-bt2{
    margin-left:1%;
    padding: .75em 2em;
    width: 49%;
    text-align: center;
    border: 2px solid #d32526;
    font-size: 20px;
    border-radius: .3em;
    position: relative;
    background: #de0606;
    color: #fff!important;
    border-bottom: 4px solid #b41617;
    box-shadow: none;
    text-shadow: none;
    font-weight: bold;
    overflow:hidden;
    } 
.entry-bt2:before{
    content: '';
    height: 100%;
    width: 30px;
    position: absolute;
    top: -180px;
    left: 0;
    background-color: #fff;
    opacity: 0;
    transform: rotate(45deg);
    animation: reflection 3s ease-in-out infinite;
  }
@media only screen and (max-width: 500px) {
   .detail-bt2 {
    width: 100%;
    margin: 0 0 10px 0;
    height: 83px;
    font-size: 1.2rem;
    line-height: 24px;
    }
  .entry-bt2 {
    width: 100%;
    margin: 0;
    height: 83px;
    font-size: 1.2rem;
    line-height: 24px;
}
   .button-wrapper2 {
    margin-bottom: 0px;
	flex-direction: column;
  }
}










.test-marker{
    background: linear-gradient(transparent 50%,rgba(255,223,107,.69) 50%); 
    color: #353535!important;
    font-weight: bold!important;

}

.test-border{
    border-bottom: 3px solid #ffeb8c;
    color: #353535!important;
    font-weight: bold!important;
}






.main-body .T5{
	border-bottom: 1px dashed #153892;
    padding-bottom: 3px;
    margin-bottom: 25px;
	
}
.T5:before {
    font-family: "Font Awesome 5 Free"!important;
    content: "\f14a"!important;
    position: absolute!important;
    font-size: 1em!important;
    left: 0!important;
    top: 0!important;
    color: #5ab9ff!important;
}

.T5hosi{
	color:#f60;
	font-size:150%;
	
}

@media only screen and (max-width: 420px){
.today {
	grid-auto-columns:1fr;
}
}
@media only screen and (max-width: 420px){
.today-items {
	grid-auto-columns:1fr;
}
}

.ranking-box2 .summary2 {
     margin: 0;
    background: transparent;
    flex: 1;
    margin-left: 25px;
	min-width: 300px;
}
.ranking-box2 .summary2 ul {
  margin: 15px 0;
}

.summary2 .summary-item2 {
  margin-bottom: 10px;
  border-bottom: 1px dashed #ccc;
  color: #333;
}
.summary2 .summary-item2:last-child {
  margin-bottom: 5px;
  border: none;
}
.summary-item2 .point-img2 {
    display: inline-block;
    width: 53px;
    height: 25px;
    margin-right: 5px;
    border-radius: 15px;
    background-color: #ee7917;
    color: #fff;
    font-size: 0.75rem;
    line-height: 25px;
    text-align: center;
}
.summary-item2 .point-title2 {
    display: inline-block;
    width: auto;
    height: 25px;
    color: #c62308;
    font-weight: bold;
    font-size: .86rem;
}
.summary-item2 .point-desc2 {
    margin: 5px 15px 5px 10px;
    padding-left: 10px;
    border-left: 3px solid #ef964d;
    font-size: .8em;
}
.summary2 .sub-desc2 {
  margin: 0;
}

	.ranking-box2 .heading2 {
		background-color: #004184;
	}
	.ranking-box2 .rader-wrapper2 {
		background: transparent;
	}
	.summary-item2 .point-img2 {
    	background-color: #ef696c;
	}
		.summary-item2 .point-title2 {
			color: #ef696c;
			font-size: 1rem;
		}
	
	.ranking-box2 .description2 .title2 {
    font-size: 1.6rem!important;
    border-bottom: 3px solid #1a57c1;
    color: #1a57c1;
    padding: 1px 0;
    margin-bottom: 5px!important;
    font-weight: bold;
    letter-spacing: .05rem;
}
.main-desc2, .ranking-box2 .description2 .title2 {
    font-size: 1.6rem!important;
    border-bottom: 2px solid #1a57c1;
    color: #1a57c1;
    padding: 1px 0;
    margin-bottom: 5px!important;
}
	.summary-item2 .point-desc2 {
		border-left: 3px solid #ef696c;
		font-size: .9rem;
		color: #2f2f2f;
	}
	.ranking-box2 .description .title2 {
		font-size: 1.6rem!important;
		border-bottom: 3px solid #1a57c1;
		color: #1a57c1;
		padding: 1px 0;
		margin-bottom: 5px!important;
		font-weight: bold;
		letter-spacing: .05rem;
	}
.yazirushi_button {
	position: relative;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 5px;
    color: #fff;
    line-height: 1.3;
    text-align: center;
    margin: 0px 20px;
    padding: 12px 0 12px;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-weight: bold;
    height: 100px;
    width: 283px;
}

.yagura_buttonbox {
    list-style: none;
    margin-top: 30px;
	display:block;
}
.yazirushi_button {
    background-color: #de0606;
}

.fujisan{
    position: absolute;
    width: 60px;
    height: 60px;
    background: url(/wp-content/uploads/2019/01/f81fd2e4c52864042852c112ce927ae2.png) no-repeat right center;
    background-size: contain;
    right: 20px;
    top: 50%;
    margin-top: -15px;
	color:#fff;
}

.funka{
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.yazirushi_button2{
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 5px;
    color: #fff;
    line-height: 1.3;
    text-align: center;
    margin: 0px 20px;
    padding: 12px 0 12px;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-weight: bold;
    height: 100px;
    width: 283px;
}
.yazirushi_button a{
	color:#fff;
}

.yazirushi_button2 {
    background-color: #00b322;
}








@media only screen and (max-width : 1200px){
	body {
		font-size: 100%;
	}
}

@media only screen and (max-width : 1200px){
		.site-header,
		.global-nav,
		.main-body,
		.site-footer{
			min-width: 0;
		}
		.main-image-in,
		.main-image-in-text,
		.main-image-in-text .main-image-in-text-cont,
		.main-image-in-text.wide .main-image-in-text-cont{
			width: 100%;
		}

		.col1 .section-wrap,
		.col1 .breadcrumbs,
		.col1 .section-wrap.wide .section-in,
		.col1 .section-wrap.wide{
			width: auto;
		}

		.col1 .breadcrumbs-in,
		.col1 .float-area{
			width: 96%;
			margin-right: auto;
			margin-left: auto;
		}

		.bubble{
			width: 70%;
		}

		.talker{
			width: 25%;
		}

		.bubble .bubble-in:after,
		.bubble .bubble-in:before{
			top: 30px;
		}

		.together .bubble,
		.together .talker{
			width: 100%;
		}

		.together .talker b{
			max-width: 25%;
		}

		.ranking-list04 .rank-box,
		.ranking-list05 .rank-box,
		.post-list01 .post-box,
		.post-list02 .post-box{
			width: 100%;
		}

		.col1 .ranking-list05 .rank-box,
		.col1 .post-list02 .post-box{
			width: 320px;
		}

}

@media screen and (max-width: 1140px){
	.gyosha_comp_table_wide .column_12 { /*ポイント列を削る*/
		width: 250px;
	}
	.gctw_company_logo {
		width: 100px;
	}
	.gyosha_comp_table_wide td {
		padding: 1px 4px !important;
	}
}

@media screen and (max-width: 1000px) {
	.main-conts .section-wrap {
		padding: 25px 25px 10px;
	}
}
/*--------------------------------------------------------
解像度737px以上950px以下
--------------------------------------------------------*/
@media (min-width: 737px) and (max-width: 950px){

	/*ランキング*/
	.col2 .sub-conts .ranking-list03 .rank-thumb,
	.col2r .sub-conts .ranking-list03 .rank-thumb,
	.col2 .comparative-list01 .rank-thumb,
	.col2 .comparative-list02 .rank-thumb,
	.col2r .comparative-list01 .rank-thumb,
	.col2r .comparative-list02 .rank-thumb{
		float: none;
	}

	.col2 .comparative-list01 .rank-thumb,
	.col2 .comparative-list02 .rank-thumb,
	.col2r .comparative-list01 .rank-thumb,
	.col2r .comparative-list02 .rank-thumb{
		display: inline-block;
	}

	.col1 .ranking-list04 li,
	.col1 .ranking-list05 li,
	.col1 .post-list01 li,
	.col1 .post-list02 li{
		display: block;
		margin-right: auto;
		margin-left: auto;
	}

	.col1 .ranking-list04 .rank-box,
	.col1 .ranking-list05 .rank-box,
	.col1 .post-list01 .post-box,
	.col1 .post-list02 .post-box{
		width: 320px;
	}

	.col1 .banner-list li{
		display: list-item;
		margin-left: 0;
	}

}/*解像度737px以上950px以下*/

/*--------------------------------------------------------
解像度736px以下
--------------------------------------------------------*/
@media
	only screen and (max-width : 736px){

		html,
		body,
		.containr{
			min-width: 0;
		}

		html{
			overflow-x: hidden;
			overflow-y: scroll;
		}

		html,body{
			width: 100%;
			-webkit-text-size-adjust: 100%;
			-ms-text-size-adjust: 100%;
		}

		input[type="submit"],input[type="image"],
		input[type="reset"],input[type="button"],
		input[type="file"]{
			max-width: none;
		}

		blockquote{
			position: relative;
			margin: 2em 0;
			padding: 115px 20px 80px;
			background: #eee;
		}

		.site-header-in,
		.global-nav-in,
		.main-body-in,
		.site-footer-in{
			width: 100%;
		}

		.col2 .main-conts,
		.col2 .sub-conts,
		.col2r .main-conts,
		.col2r .sub-conts{
			float: none;
			width: auto;
		}

		/*ヘッダー*/
		.site-header-conts,
		.site-title,
		.header-box{
			display: block;
		}

		.header-box{
			margin-top: 15px;
		}

		.no-gn .site-header-conts{
			padding-top: 0;
		}

		.site-header-conts{
			padding-bottom: 0px; /*初期値35px*/
		}

		.site-title{
			padding: 0;
			font-size: 1.4em;
		}

		.normal-screen .site-title{
			font-size: 2em;
		}

		.normal-screen .lp-catch{
			padding: 15px 15px 0;
			font-size: 1em;
		}

		.header-box{
			margin-left: 0;
			text-align: center;
		}

		.site-header-in{
			position: relative;
			padding-bottom: 0;
		}


		/*グローバルナビ*/
		.global-nav{
			position: static;
			top: 0;
			width: 100%;
			margin: 0;
			border: 0;

			display: none;
		}

		.global-nav ul{
			display: block; /*初期値：none*/
			position: static;
			top: 170px;
			left: 10px;
			z-index: 50;
			width: 100%;
			border: 0;
			background: #fe6c10;
			margin: auto; /*追記*/
		}
		/*
		.global-nav-panel{
		display: block;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 10px;
		background: #fd6d10;
		color: #fff;
		cursor: pointer;
}
		*/
		/*メニューを折りたたまず表示
		.container {
		padding-top: 130px;
}
		*/
		.global-nav-in li{
			display: list-item;
			width: auto;
			border-right: 0;
			border-bottom: 1px solid rgba(100,100,100,0.15);
			text-align: left;
		}

		.global-nav-in li ul{
			position: static;
			width: auto;
			margin-left: 1em;
		}

		.global-nav-in li ul li{
			width: auto;
			border-bottom: 0;
		}

		.global-nav-in li a,
		.global-nav li ul li a{
			padding: 0.5em;
			padding-right: 2em;
			background: url(./images/icon/icon-gn-arw.png) right center no-repeat;
		}

		/*Retina（高解像度）ディスプレイ用*/
		@media screen and (-webkit-min-device-pixel-ratio:2),
			(min-resolution: 2dppx){

				.global-nav-in li a,
				.global-nav li ul li a{
					background: url(./images/icon/icon-gn-arw@2x.png) right center no-repeat;
					-webkit-background-size: 27px 18px;
					background-size: 27px 18px;
				}

		}

		/*--------------------------------------------------------
		メインビジュアル
		--------------------------------------------------------*/

		.main-image-in-text-cont{
			padding: 1em;
		}

		.main-copy{
			margin-bottom: 10px;
			font-size: 2em;
			text-align: center;
		}

		.sub-copy{
			font-size: 1em;
		}

		.section-wrap,
		.col1 .section-wrap.wide{
			padding: 5px 10px 5px 10px;
			border: 0;
		}

		.col1 .section-wrap{
			padding: 0;
		}

		.section-wrap .section-in,
		.col1 .section-wrap.wide .section-in,
		.float-area,
		.col1 .float-area{
			padding: 15px;
		}

		.col1 .sub-conts .section-wrap .section-in{
			padding: 0 20px 30px;
		}

		.sub-conts .section-wrap .section-in .section-title,
		.sub-conts .section-wrap .article-header .section-title,
		.col1 .sub-conts .section-wrap .section-in .section-title,
		.col1 .sub-conts .section-wrap .article-header .section-title{
			margin: 0 -20px 30px;
			padding: 10px 18px;
		}

		.main-body h1,
		.main-body h2,
		.main-body h3,
		.main-body h4,
		.main-body h5,
		.main-body h6{
			margin: 30px 0 15px;
		}


		.main-body h1,
		.main-body h2{
			font-size: 1.5em;
		}

		/*パンくずリスト*/
		.breadcrumbs-in{
			margin-bottom: 1em;
		}

		.breadcrumbs-in li:last-child{
			display: none;
		}

		.col1 .breadcrumbs-in{
			width: auto;
		}

		/*フッターナビ*/
		.site-footer-nav{
			display: block;
			text-align: left;
		}

		.site-footer-nav li,
		.site-footer-nav li:first-child{
			display: list-item;
			margin-left: 20px;
		}

		.page-top img{
			width: 60px;
		}

		/*最新情報*/
		.news .news-thumb{
			float: none;
			text-align: center;
		}

		.main-body .news-title{
			font-size: 1.25em;
		}

		/*テーブル（左端がth、右側がtdの場合にスマホ表示で立て並びに変化）*/
		.table-block,
		.table-block thead,
		.table-block tbody,
		.table-block tfoot,
		.table-block tr,
		.table-block th,
		.table-block td{
			display: block;
		}

		.table-block{
			border-bottom: 1px solid #959595;
		}

		.table-block th,
		.table-block td{
			float: left;
			width: 100%!important;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

		.table-block:after{
			content : '';
			display : block;
			clear : both;
			height:0;
		}

		.table-scroll:before{
			content: "※はみ出ている場合、横にスクロールできます。"
		}
		th,
		td{
			font-size: 12px;
			padding: 0.8em 0.5em;
		}

		/*バナーエリア*/
		.banner-list li{
			text-align: center;
		}

		.banner-list li,
		.col1 .banner-list li,
		.main-conts .banner-list li{
			display: list-item;
			margin-left: 0;
		}

		/*ボタン*/
		.btn-area{
			text-align: center;
		}

		.btn{
			float: none;
			margin-right: 0;
			margin-left: 0;
		}

		.btn-area .btn {
			display: block;
			margin-right: auto;
			margin-left: auto;
		}

		.btn-green,
		.btn-blue,
		.btn-orange,
		.btn-red{
			padding: 25px;
		}

		.btn-form01{
			padding: 25px 40px;
		}

		.btn-form02{
			padding: 25px 20px;
		}

		/*ソーシャルボタン*/
		.sns-list li{
			margin-right: 1em;
			margin-left: 0;
		}

		.a2a_kit.a2a_kit_size_36.a2a_floating_style.a2a_default_style{
			display:none;
		}

		/*登場人物紹介２*/
		.col1 .cast-box02 .cast{
			min-height: 0;
			padding-top: 210px;
		}

		.col1 .cast-box02 .cast-name,
		.col1 .cast-box02 .cast-profile{
			padding-left: 0;
		}

		.col1 .cast-box02 .cast .cast-headshot{
			width: 100%;
		}

		/*ランキング*/
		.rank-thumb{
			float: none;
		}

		.sub-conts .ranking-list03 .rank-thumb,
		.col2 .sub-conts .ranking-list03 .rank-thumb,
		.col2r .sub-conts .ranking-list03 .rank-thumb{
			float: left;
		}

		.col1 .ranking-list04 li,
		.col1 .ranking-list05 li,
		.col1 .post-list01 li,
		.col1 .post-list02 li{
			display: block;
			margin-right: auto;
			margin-left: auto;
		}

		.col2 .link-menu-image-thumb,
		.col2r .link-menu-image-thumb{
			float: left;
		}

		.comparative-list01 .rank-thumb,
		.comparative-list02 .rank-thumb{
			display: inline-block;
			float: none;
		}

		.ranking-list04 .rank-box,
		.ranking-list05 .rank-box,
		.post-list01 .post-box,
		.post-list02 .post-box{
			width: 320px;
		}

		/*関連記事*/
		.related-articles-thumbs02 li{
			float: none;
			width: auto;
			margin-left: 0;
		}

		.eye-catch{
			float: none;
			margin: 0 0 1em;
			text-align: center;
		}
		.star00,
		.star05,
		.star10,
		.star15,
		.star20,
		.star25,
		.star30,
		.star35,
		.star40,
		.star45,
		.star50{
			background-size: 80px;
			/*padding-left: 105px;*/
			white-space: nowrap;
		}
		/*ユーザ定義*/
		.kouza_bt-left-pink,
		.kouza_bt-right-green {
			margin: 40px auto;
			width: 70%;
		}
}/*解像度736px以下*/

/*--------------------------------------------------------
解像度480px以下
--------------------------------------------------------*/
@media
	only screen and (max-width : 480px){
		html {
			font-size: 12px;
		}
		/*段組*/
		.col4-wrap,
		.col3-wrap,
		.col2-wrap{
			margin: 0 0 1em;
		}

		.col4-wrap .col,
		.col4-wrap .col_2of4,
		.col4-wrap .col_3of4,
		.col3-wrap .col,
		.col3-wrap .col_2of3,
		.col2-wrap .col{
			float: none;
			margin-left: 0;
		}

		.col4-wrap .col,
		.col4-wrap .col_2of4,
		.col4-wrap .col_3of4,
		.col3-wrap .col,
		.col3-wrap .col_2of3,
		.col2-wrap .col{
			width: auto;
		}

		.left,
		.right{
			float: none;
			margin-right: 0;
			margin-left: 0;
			text-align: center;
		}

		.alignleft,
		.alignright{
			float: none;
			margin-right: 0;
			margin-left: 0;
			text-align: center;
		}

		.ranking-list04 .rank-box,
		.ranking-list05 .rank-box,
		.post-list01 .post-box,
		.post-list02 .post-box,
		.col1 .ranking-list05 .rank-box,
		.col1 .post-list02 .post-box{
			width: 100%;
		}
		th,
		td{
			font-size: 11px;
			padding: 0.3em 0.1em;
		}
		.star00,
		.star05,
		.star10,
		.star15,
		.star20,
		.star25,
		.star30,
		.star35,
		.star40,
		.star45,
		.star50{
			background-size: 80px;
			/*padding-left: 105px;*/
			white-space: nowrap;
		}	
}/*解像度480px以下*/

@media only screen and (max-width : 736px){
	.mb-sample {
		padding: 1em;
	}
	.mb-sample-content {
		background: #fff;
		padding: 1em;
	}
}

/************　▼ユーザー定義▼　************/
/*--------------------------------------------------------
ノートPC・タブレット横用　（解像度1200px以下）
--------------------------------------------------------*/
@media
	only screen and (max-width : 1200px){
		html {
			/*font-size: 16px;*/
		}
		/**************
		*** 以下の順番で追記
		* ヘッダー（ナビゲーションバー含む）
		* メインコンテンツ部分のレイアウト
		* サイドバー
		* フッター
		* パーツ（ボタンなどの共通部品）
		* トップページ
		* FX会社比較編
		* アーカイブページ
		* 個別記事
		* 
		**************/



		/**************
		*　メインコンテンツ部分のレイアウト
		**************/
		.inner2, .top-mainbox, .site-header-conts {
			width: 95vw;
		}
		.main-content {
			width: calc(100% - 300px - 1rem);
		}
		.main-body-in  {
			width: 100%;
			margin: 0;
		}
		/**************
		*　パーツ（ボタンなどの共通部品）
		**************/
		.button-wrapper {
			flex-direction: column;
		}
		.main-conts .entry-bt, .main-conts .detail-bt {
			margin: 8px 0;
		}
		/*目次ボタン*/
		.toc-button {
			min-height: 79px;
			min-width: initial;
			flex-basis: 24%;
			margin: 3px 0;
			margin-right: 1%;
		}
		.toc-button svg {
			width: 100% !important;
			left: 50%;
			transform: translatex(-50%);
			top: 11%;
			max-width: 24px;
			max-height: 24px;
		}
		.toc-button .title {
			font-size: .77rem;
			bottom: 24%;
			line-height: .77rem;
			display: flex;
			justify-content: center;
			align-items: center;
			letter-spacing: -.06rem;
			height: 1.54rem;
		}
		.toc-button .toc-button-inner::before {
			width: 8px;
			height: 8px;
			left: calc(50% - 4px);
			bottom: 6%;
		}
		.toc-button .toc-button-inner::after {
			height: 20%;
		}
		.toc-empty {
			min-width: initial;
			flex-basis: 24%;
			margin: 3px 0;
			margin-right: 1%;
		}

}

/*--------------------------------------------------------
スマホ・タブレット用　（解像度768px以下）
--------------------------------------------------------*/
@media
	only screen and (max-width : 768px){
		html {
			font-size: 16px;
		}
		/**************
		*** 以下の順番で追記
		* ヘッダー（ナビゲーションバー含む）
		* メインコンテンツ部分のレイアウト
		* サイドバー
		* フッター
		* パーツ（ボタンなどの共通部品）
		* トップページ
		* FX会社比較編
		* アーカイブページ
		* 個別記事
		* 
		**************/



		/**************
		*　ヘッダー
		* ヘッダーの高さはモバイル版で55px
		**************/
		.site-header-conts {
			position: relative;
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: auto;
			padding-top: 0;
		}
		.site-title {
			flex-basis: 250px;
			margin-bottom: 0px;
			padding-left: 15px;
			padding: 7px;
		}
		/*サイトタイトルの位置*/
		.site-title img {
			height: auto;
			width:85%;
		}
		html:not(:target) .site-title img {
			max-width: 230px !important;
		}
		/*ナビゲーション*/
		.global-nav {
			display: none;
		}
		#nav-drawer {
			display: block;
			width: 55px;
			height: 55px;
		}

		/*チェックボックス等は非表示に*/
		.nav-unshown {
			display:none;
		}

		/*アイコンのスペース*/
		#nav-open {
			vertical-align: middle;
			display: block;
			padding: 15px;
			width: auto;
			height: 100%;
		}
		.site-title {
			text-align: left;
			flex: 1;
		}
		/*会社比較リンク*/	
		.nav-cont-link {
			width: 55px;
			height: 55px;
			background: linear-gradient(to bottom, #ec67b1, #ec676d);
		}
		.nav-cont-link > a {
			align-items: center;
			justify-content: center;
			display: flex;
			flex-direction: column;
			height: 100%;
		}
		.nav-cont-link svg {
			font-size: 1.3rem;
			color: #fff;
			margin-bottom: 3px;
		}
		.nav-cont-link span {
			color: #fff;
			font-size: .8rem;
			display: block;
			font-weight: 400;
			letter-spacing: -.005rem;
		}

		/*ハンバーガーアイコンをCSSだけで表現*/
		#nav-open span, #nav-open span:before, #nav-open span:after {
			position: absolute;
			height: 1px;/*線の太さ*/
			width: 25px;/*長さ*/
			border-radius: 3px;
			background: #555;
			display: block;
			content: '';
			cursor: pointer;
			transition: 0.2s;
			transform-origin: 0 50%;
		}
		#nav-open span {
			position: relative;
			display: inline-block;
			vertical-align: middle;
			transform-origin: 50% 50%;
		}
		#nav-open span:before {
			bottom: 9px;
			transform-origin: 0 50%;
		}
		#nav-open span:after {
			bottom: -9px;
			transform-origin: 0 50%;
		}

		/*閉じる用の薄黒カバー*/
		#nav-close {
			display: none;/*はじめは隠しておく*/
			position: fixed;
			z-index: 99;
			top: 0;/*全体に広がるように*/
			left: 0;
			width: 100%;
			height: 100%;
			background: black;
			opacity: 0;
			transition: .3s ease-in-out;
		}

		/*中身*/
		#nav-content {
			overflow: auto;
			position: fixed;
			top: 55px;
			left: 0;
			z-index: 9998;/*最前面に*/
			width: 100%;/*右側に隙間を作る（閉じるカバーを表示）*/
			/* max-width: 330px; 最大幅（調整してください）*/
			height: 100%;
			background: #1674ce;/*背景色*/
			display: none;
		}

		/*チェックが入ったらもろもろ表示*/
		#nav-input:checked ~ #nav-close {
			display: none;/*カバーを表示*/
			opacity: .5;
		}

		@keyframes show{
			from{
				opacity: 0;
			}
			to{
				opacity: 1;
			}
		}

		#nav-input:checked ~ #nav-content {
			display: initial;
			animation: show 0.2s ease-in-out 0s 1 alternate;
		}

		#nav-input:checked ~ #nav-open span {
			width: 0;
		}
		#nav-input:checked ~ #nav-open span::before {
			height: 1px;
			transform: rotate(45deg);
		}
		#nav-input:checked ~ #nav-open span:after {
			height: 1px;
			transform: rotate(-45deg);
		}

		/*実際の中身*/
		#searchform {
			margin: 20px 10px;
			letter-spacing: 1px;
			padding: 2px 5px;
			font-size: .8rem;
		}
		.search-box {
			display: flex;
			justify-content: space-between;
		}
		.search-box .search {
			display: block;
			flex: 1;
			width: auto;
			box-shadow: initial;
			border: none;
		}
		.search-box input[type="text"] {
			background-color: #f1f1f1;
			background-position: right 10px center;
			background-size: 8%;
			background-repeat: no-repeat;
			padding-left: 10px;
			border-radius: 20px;
		}
		.nav-content-list-parent a {
			display: block;
		}
		.nav-content-list-parent > li {
			margin: 0;
			margin-bottom: 0px;
		}
		.nav-accordion-label {
			display: block;
			padding: 1rem;
			color: #fff;
			font-size: 1.1rem;
			font-weight: bold;
			letter-spacing: 0.05rem;
		}
		.nav-accordion-label::before {
			display: none;
			font-family: "Font Awesome 5 Solid";
			content: "\f054";
		}
		.nav-accordion-label svg {
			margin-right: .8rem;
			font-weight: bold;
			transition: all 0.2s;
		}
		.nav-accordion-input {
			display: none;
		}
		.nav-content-list-child {
			height: 0;
			overflow: hidden;
			opacity: 0;
			transition: 0.8s;
			background-color: #f9f9f9;
		}
		.nav-accordion-input:checked + .nav-accordion-label {
			background-color: rgb(0, 79, 150);
		}
		.nav-accordion-input:checked + .nav-accordion-label svg {
			transform: rotate(90deg);
		}
		.nav-accordion-input:checked + .nav-accordion-label + .nav-content-list-child {
			height: auto;
			opacity: 1;
		}

		.nav-content-list-parent a:link, .nav-content-list-parent a:active, .nav-content-list-parent a:visited, .nav-content-list-parent a:hover {
			color: #333;
		}
		.nav-accordion-label a:link, .nav-accordion-label a:active, .nav-accordion-label a:visited, .nav-accordion-label a:hover {
			color: #fff;
		}
		.nav-content-list-child > li {
			margin: 0;
		}
		.nav-content-list-child > li + li {
			border-top: 1px solid #ddd;
		}
		.nav-content-list-child > li > a{
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 15px 10px 15px 25px;
		}
		.nav-content-list-child > li > a svg {
			color: #216bbb;
			font-size: 1.2rem;
			margin-left: 1rem;
		}
		/*Copyright*/
		.nav-copyright {
			border-top: 1px solid #edeeef;
			color: #fff;
			font-family: "Arial",sans-serif;
			font-size: 0.9rem;
			padding: 20px 0 17px;
			text-align: center;
			text-transform: none;
			margin: 31px 12px 44px;
			line-height: 1.8;
		}
		/*パンくず*/
		.breadcrumbs {
			padding: 0 20px 0;
		}

		/**************
		*　メインコンテンツ
		**************/
		.main-body {
    		margin-top: calc(55px + 10px);
		}
		.col2 .main-conts {
			float: none;
			padding: 0;
			width: auto;
		}
		.main-conts .section-wrap {
			padding: 0 20px 30px;
			border: initial;
			border-radius: 0;
		}



		/**************
		*　サイドバー
		**************/
		/*おすすめ記事*/
		.side-article-details .thumbnail-title {
			font-size: 1rem;
		}
		.article-thumbnail2 {
			flex-basis: 90px;
			height: 90px;
		}
		.side_special {
			margin-top: 25px;
		}

		/**************
		*　フッター
		**************/
		.footer-wrapper {
			display: block;
			width: 90%;
		}
		.footer-row:nth-of-type(n+2) {
			margin-top: 45px;
		}
		.footer-row h4 {
			font-size: 8vw;
			border-bottom: solid 2px #aaa;
			padding-bottom: 12px;
		}
		.footer-row h4 span {
			font-size: .5em;
		}
		.footer-row h4 span:before {
			content: initial;
		}
		.footer-list > li > a {
			font-size: 4vw;
		}
		.copyright {
			padding: 5vw;
			text-align: center;
		}
		.copyright small {
			font-size: 3vw;
		}
		/*見出し*/

		.single .main-body h1 {
			font-size: 1.3rem;
			color: #232323;
			margin: 0;
			padding: 15px 0;
		}
		.single .main-body h2 {
			border-left: none;
			font-size: 1.3rem;
			/* font-family: chogokubosogothic; */
			width: 100vw;
			margin-left: calc(50% - 50vw);
			margin-right: calc(50% - 50vw);
			padding: 5% 7%;
			justify-content: center;
			line-height: 1.3;
		}
		.single .main-body h3 {
			/* font-family: chogokubosogothic; */
			color: #004184;
			padding: 3% 5%;
			line-height: 1.4;
			font-size: 1.15rem;
			letter-spacing: 0.04em;
			text-align: left;
			margin-top: 3rem;
			margin-bottom: 1rem;
		}
		.single .main-body h4 {
			padding: .5rem .5rem .5rem 1.6rem;
			width: 100%;
			border-bottom: 2px dotted #004184;
			/* font-family: chogokubosogothic; */
			font-size: 1.15rem;
			color: #004184;
			letter-spacing: 0;
			display: flex;
			align-items: center;
			line-height: 1.2;
		}
		.single .main-body h5 {
			padding: .5rem .5rem .5rem 1.25rem;
			width: 100%;
			border-bottom: 2px dotted #004184;
			/* font-family: chogokubosogothic; */
			font-size: 1.15rem;
			color: #004184;
			letter-spacing: 0;
			display: flex;
			align-items: center;
			line-height: 1.2;
		}
		.single .main-body h5:before {
			content: '';
			position: absolute;
			top: 50%;
			display: inline-block;
			width: 8px;
			height: 8px;
			border: 2px solid #004184;
			transform: translateY(-50%);
			border-radius: 50%;
			left: .2rem;
		}

		/**************
		*　パーツ
		**************/
		/*button*/
		.button{
			width:90%;
		}
		.button.kouza-detail{
			width: 90%;
			font-size: 1.2rem;
			margin: 10px 0;
		}
		.button.kouza-open{
			width: 90%;
			font-size: 1.2rem;
			margin: 10px 0;
		}
		.ranking-box .buttons > .button {
			margin-left: 0;
			margin-right: 0;
		}
		/*ボタン*/
		.kouza_bt_pink, .kouza_bt,
		.kouza_bt-left-pink, .kouza_bt-right-green {
			width: 100%;
			margin-top: 30px;
			margin-bottom: 30px;
		}
		/*詳しく&開設ボタン*/
		.button-wrapper {
			flex-direction: column;
		}
		.main-conts .entry-bt, .main-conts .detail-bt {
			display: block;
			letter-spacing: 0;
			text-align: center;
			padding-top: 10px;
			padding-bottom: 10px;
			line-height: 25px;
		}
		.entry-bt .entry-action,
		.detail-bt .entry-action {
			letter-spacing: 2.7px;
		}
		.single_gyosha_content .detail-bt2, .single_gyosha_content .entry-bt2 {
			margin: 5px 0 !important;
		}
		/*個別記事パーツ④：折りたたみボックス*/
		.single .folding-box {
			cursor: initial;
		}
		.single .folding-box .box-heading {
			font-size: 1.05rem;
			letter-spacing: 0.05rem;
		}
		.single .folding-box label {
			width: 16px;
			height: 16px;
			right: 5%;
		}

		/*個別記事パーツ：メリットデメリット*/
		.procon_box {
			width: 100%;
		}
		.procon_row {
			flex-basis: 47%;
		}
		.procon_row:first-of-type {
			margin-right: 5px;
		}
		.procon_row:last-of-type {
			margin-left: 5px;
		}
		.point_list > li {
			font-size: .8em;
			letter-spacing: -.02em;
		}
		.procon_title {
			font-size: .95em;
			margin-bottom: -.9em;
		}
		.procon_title > svg {
			font-size: 1.9em;
		}
		/*業者ごとのスペック表*/
		table.tbl_spec {

		}
		table.tbl_spec th {
			text-align: center;
			font-size: 0.8rem;
			line-height: 1.3;
			white-space: normal;
			letter-spacing: -.05em;
			padding: .5em .1em;
		}
		table.tbl_spec td {
			line-height: 1.1;
			font-size: .8em;
			word-break: break-word;
		}
		/*メリット列挙*/
		.merit_points {
			padding: .5rem 1rem .5rem 1rem;
		}
		.merit_points li {
			line-height: 1.4;
			display: flex;
			align-items: center;
			margin: 1.2em 0;
			font-size: 1.1em;
			letter-spacing: -.01em;
		}
		/*口コミボックス*/
		.kuchikomi {
			font-size: .9rem;
			letter-spacing: -.035rem;
		}
		.user_info {
			width: 80px;
		}
		.ui_attr {
			word-break: keep-all;
			line-height: 1.25;
			font-size: 0.85rem;
		}
		.male .ui_fxreki {
			margin-top: .3rem;
		}
		.female .ui_fxreki {
			margin-top: .3rem;
		}
		.u_sub {
			font-size: 1.2rem;
		}
		/*あわせてテキスト*/
		.m__awasete_text + .m__awasete_text .icon {
			display: none; /* リンクが連続する場合はアイコン非表示 */
		}

		/**************
		*　トップページ
		**************/
		.top-mainbox {
			width: 100%;
		}
		.inner2{
			width: 100%!important;
			padding-bottom: 30px;
		}
		.main-content, .sidebar{
			width: 100%!important;
			float:none ;
			margin: 0 auto;
		}
		/*各カテゴリーページへのリンク*/
		.top3-category-link-wrapper {
			display: block;
			position: relative;
			padding: 30px 0 0;
			margin: 30px 0;
		}
		.top3-category-link {
			display: flex;
			background-color: #fff;
			padding: 10px;
			position: relative;
			margin: 0 10px;
			margin-bottom: 10px;
		}
		.top3-category-link::before {
			content: '';
			width: 15px;
			height: 15px;
			border: 0px;
			border-top: solid 1px #9c9c9c;
			border-right: solid 1px #9c9c9c;
			position: absolute;
			top: 50%;
			right: 20px;
			transform: rotate(45deg) translatey(-50%);
		}
		/*.top3-category-link .title::after {
			content: "コース";
			font-size: .6em;
			color: #949494;
			position: absolute;
			right: 53px;
			bottom: 5px;
		}*/
		.top3-category-link .thumbnail {
			flex-basis: 58px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: 60%;
			margin-right: 20px;
			background-color: #dff7ff;
			border-radius: 35px;
		}
		.top3-category-link .title-wrapper {
			flex: 1;
		}
		.top3-category-link .title {
			color: rgb(0, 143, 195);
			font-size: 2rem;
			letter-spacing: -.1rem;
			margin: 0;
			font-weight: 100;
			line-height: 2.6rem;
		}
		.top3-category-link .length {
			color: #5a5a5a;
			line-height: 1;
			font-size: .9rem;
			font-weight: 200;
		}
		.top3-category-link .length i {
			font-style: normal;
			font-size: 1.65em;
			margin: 0 .05em;
			font-weight: 300;
			font-family: Raleway;
		}
		/*「少額」カテゴリページ*/
		.top3-category-link.syogaku .thumbnail {
			background-color: #feeece;
		}
		.top3-category-link.syogaku .title {
			color: #f4a20a;
		}
		/*「リスク」カテゴリ*/
		.top3-category-link.risk .thumbnail {
			background-color: #f9e3e3;
		}
		.top3-category-link.risk .title {
			color: #fc9b9d;
		}
		.corner-cat-label {
			position: absolute;
			top: -10px;
			left: 0;
			padding: 7px 10px;
			background-color: #6b6b6b;
			color: #fff;
			text-align: center;
			font-size: 1rem;
			font-family: "Montserrat";
			letter-spacing: 0.23rem;
		}
		.corner-cat-label::before {
			position: absolute;
			content: '';
			top: 0;
			right: -7px;
			border-left: solid 7px #4e4e4e;
			border-top: solid 10px transparent;
		}
		/*カテゴリごとの色分け*/
		.corner-cat-label.knowledge {
			background-color: #61cc00;
		}
		.corner-cat-label.knowledge::before {
			border-left-color: #028000;
		}
		.corner-cat-label.practice {
			background-color: #1d86c3;
		}
		.corner-cat-label.practice::before {
			border-left-color: #143893;
		}
		.corner-cat-label.information {
			background-color: #d07300;
		}
		.corner-cat-label.information::before {
			border-left-color: #8e4e00;
		}
		.welcome-box {
			padding: 15px 15px 30px;	
		}
		.welcome-box .heading{
			padding-left:22px ;
			font-size:6vw ;

		}
		.featured-article-list .article-thumbnail {
			height: 60vw;
		}
		.main-content{
			margin:0px;
		}
		/*トップ5業者紹介*/
		.ranking-box {
			padding: 15px 15px 0px;
			border: 0px;
		}
		.ranking-box .banner-image {
			margin-bottom: 20px;
		}
		.ranking-box .banner-image img {
			/* width: 100vw; */
			/* margin-right: -15px; */
			/* margin-left: -15px; */
			max-width: initial !important;
		}
		.ranking-box .rader-wrapper {
			flex-direction: column;
			padding: 0;
		}
		.ranking-box .summary {
			height: auto;
			background: #f1eaea8f;
			border-radius: 10px;
			margin-left: 0;
			padding: 10px 5px;
			min-width: 255px;
			margin-bottom: 20px;
		}
		.summary-item .point-img {
			width: auto;
			height: auto;
			padding: 0.3rem 0.5rem;
			line-height: 1;
		}
		.summary-item .point-title {
			width: auto;
			height: auto;
			font-size: 16px;
		}
		.summary-item .point-desc {
			margin: 10px 5px;
			padding-left: 0;
			border-left: none;
			padding-left: 0.7rem;
		}
		.ranking-box .radar-image {
			margin-bottom:20px;
			float: none;
			width: auto;
		}
		.ranking-box .radar-image img {
			width: 85%;
			height: auto;
			margin: auto;
			display: block;
		}
		.ranking-box .heading{
			font-size: 1.4rem;
			margin: -15px -15px 20px;
			padding-left: 100px;
		}
		.ranking-box .heading2{
			padding-left:44px;
		}
		.ranking-box .heading3{
			padding-left:21px;
		}
		.side-kouza-ranking {
			margin-top: 25px;
			border: none;
		}
		.side-articles {
			border: none;
		}
		.featured-article-title {
			font-size: 17px;
		}

		.article-thumbnail {
			width: 100%;
		}

		.featured-article-list .thumbnail-title {
			width: 100%; 
			font-size: .95rem;
		}

		.main-body .section-title-gyosha {
			font-size: 1.2rem;
			line-height: initial;
			padding: 4px 17px;
		}

		.tablepress-id-gyosha_ranking thead th {
			white-space: nowrap !important;
		}
		.tablepress-id-gyosha_ranking thead th span {
			-webkit-writing-mode: vertical-rl;
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
		}
		.column-1 {
			width: 20px;	
		}
		.column-3, .column-4, .column-5, .column-6 {
			width: 50px;
		}
		.column-7 {
			display: none;
		}

		.column-2 img {
			/* width: 120px; */
		}
		.column-2 {
			width: 100px;
		}
		.tablepress-id-gyosha_ranking th:nth-last-child(2),
		.tablepress-id-gyosha_ranking td:nth-last-child(2) {
			max-width: initial;
			width: 100px;
		}

		.articlecard-desc h2 {
			font-size:  calc(10px + 0.6vw);
		}

		.description{
			display:none;
		}

		img.yuueki_eyecatch {
			width: 35%;
		}

		.yuueki_title {
			font-size: 4vw;
		}

		.osusume5-border {
			float:none;
		}
		.article-list .article-thumbnail {
			flex-basis: 250px!important;
		}

		.main-body .archive-title {
			margin: 0 -10px 0;
			font-size: 1.25rem;
			line-height: initial;
			justify-content: center;
			padding: 0;
		}

		.category-knowledge .main-body,
		.category-syogaku .main-body,
		.category-risk .main-body{
			margin-top: 0;
		}
		.archive-intro {
			padding: 10px;
			height: auto;
			align-items: center;
			width: 100vw;
			margin-bottom: 14px;
			padding-top: calc(55px + 20px);
		}
		.main-body .archive-intro-title {
			margin: 0;
			width: 100%;
			text-align: center;
		}
		.archive-intro-desc {
			font-size: 1rem;
			padding: 7px 10px;
			width: 100%;
			order: 2;
			line-height: 2rem;
		}
		.archive-intro-thumbnail {
			margin-top: initial;
			width: 60%;
			max-width: 210px;
			order: 1;
			margin-bottom: 25px;
			left: 0;
			top: 0;
		}

		.archive-article-list .archive-article {
			width: 98%;
			margin: 0 auto 14px;
			float: none;
		}

		.single-post .article-status {
			overflow-y: scroll;	
		}
		.single-post .article-status-date,
		.single-post .article-status-date svg {
			padding-left: 0;
		}
		.single-post .article-status-cat {
			padding-left: 0;
		}
		.single-post .article-status-cat a {
			font-size: .8rem;
			margin-right: 3px;
			margin-top: 0;
			letter-spacing: 1px;
			border-radius: 3rem;
			background: transparent;
			border: 2px solid #1f67b3;
			color: #1f67b3;
		}
		.single-post .article-header {
			margin-bottom: 20px;
        }

        div[class^=chat] {
            margin-bottom: 1.5em;
        }

		.single .summary-box {
			padding: 0 20px 5px;
		}
		.single .summary-box > h2 {
			padding-bottom: 1px;
			margin-bottom: 12px;
			font-size: 1.4rem;
			margin-left: 0;
			margin-right: 0;
			width: 100%;
		}
		.single .summary-box > h2 > svg {
			margin-right: 3px;
		}
		.single .summary-box ul li {
			padding-left: 12px;
			line-height: 24px;
		}

		html:not(:target) .single_gyosha_pointbox_title .company_logo {
			width: 120px;
		}
		.single .main-body .single_gyosha_pointbox_title {
			padding-left: 3.5rem;
			font-size: .82rem;
		}

		.chapter-post .article-header {
			background: none;
			margin-left: -20px;
			margin-right: -20px;
			padding: 0;
		}
		.chapter-header {
			position: relative;
			padding: 10px;
			padding-top: 5.5rem;
			height: auto;
			margin: 0;
		}
		.chapter-num {
			position: absolute;
			top: 25px;
			left: 10px;
			font-size: 4rem;
			line-height: 4rem;
		}
		.chapter-desc {
			padding-left: 11vw;
		}
		.chapter-title {
			font-size: 1.2rem;
			line-height: 1.7rem;
			text-align: right;
			padding-left: 0;
			height: calc(14px + 5.1rem);
		}
		.chapter-title::after {
			margin-bottom: 10px;
			width: calc(10px + 100%);
		}
		.chapter-cat {
			font-size: .9rem;
		}

		.single .main-body .chapter-post .article-body > h2 {
			margin: 1.5rem -20px 1.2rem;
			font-size: 1.4rem;
			line-height: 1.9rem;
			height: 5rem;
		}

		.article-linknav {
			flex-wrap: wrap;
		}
		.article-linknav:before {
			content: none;
		}
		.prev-link {
			flex-basis: 100%;
			order: 2;
		}
		.next-link {
			flex-basis: 100%;
			order: 1;
			margin-bottom: 10px;
		}
		.prev-link .linknav-content {
			border-right: 3px solid #248ec3;
		}
		.next-link .linknav-content {
			border-left: 3px solid #248ec3;
		}
		.linknav-thumbnail {
			height: 85px;
		}
}

/* 480px〜599px：SP横
------------------------------ */
@media screen and (max-width:599px) {
	/*****************
	* 【1カラム版】会社比較表
	****************/
	.gyosha_comp_table_wide td {
		padding: 1px 1px !important;
        font-size: 11px;
        line-height: 1.2;
	}
	.gctw_company_logo {
		width: 75px;
	}
	/*アイコン*/
	.gyosha_comp_table_wide .icon_double_circle, .gyosha_comp_table_wide .icon_circle {
		width: 16px;
		height: 16px;
	}
	.gyosha_comp_table_wide .icon_double_circle::before {
		width: 8px;
		height: 8px;
	}
	.gyosha_comp_table_wide .icon_triangle {
		border-right: 9px solid transparent;
		border-bottom: calc(9px * 1.732) solid #a7c67f;
		border-left: 9px solid transparent;
	}
	.gyosha_comp_table_wide .icon_triangle::before {
		border-right: 5px solid transparent;
		border-bottom: calc(5px * 1.732) solid #fff;
		border-left: 5px solid transparent;
		top: 5px;
		left: -4.95px;
	}
	.gyosha_comp_table_wide .fa-times {
		font-size: 16px;
	}
	/*公式ボタン*/.gyosha_comp_table_wide td p {
		margin: 3px 1px;
	}
	.gyosha_comp_table_wide .masaru_btn,
	.gyosha_comp_table_wide .gctw_shosai_bt{
		padding: 7px 1px;
		margin: 0;
		margin-bottom: 5px;
        font-size: 1.15em;
        width: 45px;
	}
	.gyosha_comp_table_wide .gctw_shosai_bt {
        display: none;
		margin-bottom: 0;
		padding: 5px 1px;
	}
	.gyosha_comp_table_wide .masaru_btn::after {
		width: 5px;
		height: 5px;
    }
    /*個別記事用にスタイル変更*/
    .single .gyosha_comp_table_wide th {padding: 6px 11px !important;}
    .single .gyosha_comp_table_wide td {
        padding: inherit !important;
        letter-spacing: .07rem;
    }
	/*キャプション*/
	.gctw_caption {
		font-size: .7rem;
    }
    /*PCのみ表示するクラス*/
    .pc_only {
        display: none;
    }

}
/* 〜479px：SP縦
------------------------------ */
@media screen and (max-width:479px) {
	/*****************
	* 個別記事
	****************/
	.single_gyosha_pointbox .banner {
		width: 100vw;
		margin-right: calc(-1 * (50vw - 50%));
		margin-left: calc(-1 * (50vw - 50%));
		border-radius: 0;
		margin-bottom: 20px;
		border: none;
	}
	.single_gyosha_pointbox .summary {
		width: 100%;
	}
}

/*　▼ユーザー定義▼　*/
/*--------------------------------------------------------
一般的スマホ用　（解像度420px以下）
--------------------------------------------------------*/
@media
	only screen and (max-width : 420px){

		.featured-article-title {
			font-size: 17px;
		}
		.featured-article-list {
			display: initial;
		}
		.featured-article-list li {
			width: 100%;
		}
		.featured-article-list li:nth-of-type(n+2) {
			margin-top: 20px;
		}

		.article-list article > a {
			display: block;
			position: relative;
			padding: 0;
		}
		.article-list .article-desc {
			position: absolute;
			left:0;
			bottom: 0;
			margin: 0;
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
			color: #eee;
			padding: 40px 15px 30px;
		}
		.article-list .article-desc h2 {
			background: transparent;
			font-size: 1.2rem;
		}
		.article-list .article-desc p {
			margin: 0;
			height: 40px;
			overflow: hidden;
			color: #ddd;
		}
		.article-list .article-thumbnail {
			display: block;
			width: 100%;
			height: 278px;
		}
		.article-list .article-desc time {
			right: 5px;
			bottom: 5px;
			left: initial;
		}

		.articlecards {
			grid-template-columns: 1fr 1fr ;
			padding: 0 6px;
		}

		.articlecard-item:nth-of-type(1) {
			grid-column: 1 / 3;
		}
		.articlecard-item:nth-of-type(1) .articlecard-desc {
			position: absolute;
			width: 100%;
			left: 0;
			bottom: 0;
			border-top: none;
		}
		.articlecard-item:nth-of-type(1) .articlecard-desc h2{
			font-size: 1rem;
			height: auto;
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
			border-left: none;
			color: #fff;
			padding-top: 45px;
			padding-bottom: 20px;
			letter-spacing: 1px;
		}
		.articlecard-item:nth-of-type(1) .articlecard-thumbnail {
			height: 230px;
		}


		.articlecard-thumbnail {
			height: 125px;
			background-size: 100% 100%;
		}
		.articlecard-desc {
			padding-top: 0;
			border-top: 1px solid #eee;
		}
		.articlecard-desc h2 {
			font-size: 0.9rem;
			margin: 0;
			overflow: hidden;
		}
		.articlecard-status {
			display: none;
		}
		.articlecard-more {
			display: none;
		}
		.articlecard-date {
			font-size: 0.8rem;
			margin: 0;
			padding: 2px 5px;
		}
}







strong {
  font-weight: bold;
  color: red;
}

strong {
  font-weight: bold;
  color: red;
}

a {
  /* color: blue; */
}

.black {
  color: black;
}

.green {
  color: green;
}











@media screen and (min-width: 769px) {
  #searchform {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    right: 0;
    width: 20%;
  }
}

.search-box {
  position: relative;
}

.search-box input[type="text"] {
  box-sizing: border-box;
  width: 100%;
  height: 2.2rem;
  box-shadow: none;
  background-color: #f1f1f1;
  background-repeat: no-repeat;
  padding-left: 1rem;
  border: .125rem solid transparent;
  border-radius: 9999px;
}

.search-box input[type="text"]::placeholder {
  color: #a0a0a0;
}

.search-box input[type="text"]:focus {
  border: .125rem solid #4dabf7;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.0125), 0 0 8px rgba(34, 139, 230, 0.5);
}

.search-box input[type="text"]:focus::placeholder {
  color: transparent;
}

.search-box input[type="text"]:hover {
  background-color: #eaeaea;
}

.search-box .btn-search {
  width: 2.2rem;
  height: 2.2rem;
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translatey(-50%);
  background: transparent;
}

.search-box .btn-search svg {
  vertical-align: text-bottom;
  color: #999;
  width: auto;
  height: 75%;
}








header#top {
  box-shadow: 0 0px 6px -2px;
}

.nav-content-list-parent li {
  width: 85% !important;
  margin: 12px auto !important;
}

.nav-content-list-parent li a {
  color: #FFFFFF !important;
}



.site-header-conts {
  position: relative;
}

.site-title>a {
  display: initial;
}

nav.global-nav, nav.global-nav a {
  background-color: #fff;
}

nav.global-nav {
  border-bottom: 3px solid #eee;
}

nav.global-nav a {
  color: #333;
  font-weight: bold;
}












.top-mainbox-container {
	position: relative;
	padding-top: 43px;
	margin-bottom: 10px;
	padding-bottom: 12px;
	background-repeat: no-repeat, no-repeat;
	background-image: url(//thanks-net.com/gotona-nikibi/wp-content/uploads/MV_PC2.jpg);
	box-shadow: 0 4px 15px -4px #717171;
	height: 29vw;
	max-height: 500px;
	min-height: 225px;
	background-color: #fff;
	background-size: auto 100%;
	background-position: left 0px bottom -5px, right 0px bottom -5px;
}

.top-mainbox-container-hige {
	position: relative;
	padding-top: 43px;
	margin-bottom: 10px;
	padding-bottom: 12px;
	background-repeat: no-repeat, no-repeat;
	background-image: url(/gotona-nikibi/wp-content/uploads/MV_PC_hige.png);
	box-shadow: 0 4px 15px -4px #717171;
	height: 29vw;
	max-height: 500px;
	min-height: 225px;
	background-color: #fff;
	background-size: auto 100%;
	background-position: left 0px bottom -5px, right 0px bottom -5px;
}

.top-mainbox-container-munehara {
	position: relative;
	padding-top: 43px;
	margin-bottom: 10px;
	padding-bottom: 12px;
	background-repeat: no-repeat, no-repeat;
	background-image: url(/gotona-nikibi/wp-content/uploads/MV_PC_munehara.png);
	box-shadow: 0 4px 15px -4px #717171;
	height: 29vw;
	max-height: 500px;
	min-height: 225px;
	background-color: #fff;
	background-size: auto 100%;
	background-position: left 0px bottom -5px, right 0px bottom -5px;
}

.top-mainbox-container-udeashi {
	position: relative;
	padding-top: 43px;
	margin-bottom: 10px;
	padding-bottom: 12px;
	background-repeat: no-repeat, no-repeat;
	background-image: url(/gotona-nikibi/wp-content/uploads/MV_PC_udeashi.png);
	box-shadow: 0 4px 15px -4px #717171;
	height: 29vw;
	max-height: 500px;
	min-height: 225px;
	background-color: #fff;
	background-size: auto 100%;
	background-position: left 0px bottom -5px, right 0px bottom -5px;
}

.top-mainbox-container-vio {
	position: relative;
	padding-top: 43px;
	margin-bottom: 10px;
	padding-bottom: 12px;
	background-repeat: no-repeat, no-repeat;
	background-image: url(/gotona-nikibi/wp-content/uploads/MV_PC_vio.png);
	box-shadow: 0 4px 15px -4px #717171;
	height: 29vw;
	max-height: 500px;
	min-height: 225px;
	background-color: #fff;
	background-size: auto 100%;
	background-position: left 0px bottom -5px, right 0px bottom -5px;
}

.top-mainbox-container::before,
.top-mainbox-container::after {
	display: none;	
}

.top-mainbox-title {
	display: block;
	font-size: calc(1.6vw + .5rem);
	color: #6d6d6d;
	position: absolute;
	top: calc(2.5vw + 1.6rem);
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: 100;
	font-family: serif;
	letter-spacing: calc(.18vw + .04rem);
	white-space: nowrap;
}

.top-mainbox-inner {
	/* position: absolute; */
	width: 100%;
	/* height: 18vw; */
	top: calc(50% + 2rem);
	left: 50%;
	/* transform: translate(-50%, -50%); */
	font-size: 0;
	max-height: 300px;
	text-align: center;
}

.top-mainbox {
	display: inline-block;
	width: 100%;
	height: 100%;
	margin: 0;
	position: relative;
	box-shadow: 4px 4px 6px -4px #777777;
	border: 1px solid #d2d2d2;
	backface-visibility: hidden;
}

.top-mainbox:nth-of-type(2n+1) {
	margin-right: 2%;
}

.top-mainbox:nth-of-type(-n+2) {
	margin-bottom: 2%;
}

.top-mainbox::before {
	width: 2.8vw;
	height: calc(.4vw + 1px);
	border: 1px solid #4e4e4e;
	position: absolute;
	bottom: 15%;
	right: 50%;
	content: "";
	transform: translatex(38%) skewX(60deg);
	border-color: transparent #3e3e3e #929292 transparent;
}

.top-mainbox:hover::before {
	animation: arrow_slide ease 1.8s infinite;
}

@keyframes arrow_slide {
	15% {
		right: 42%;
		opacity: 0;
		}
	16% {
		right: 58%;
		opacity: 0;
	}
	30% {
		right: 50%;
		opacity: 1;
	}
	100% {
		right: 50%;
		opacity: 1;
	}
}

.top-mainbox .title {
	display: block;
	font-size: calc(.25vw + .75rem);
	color: #2f2f2f;
	position: absolute;
	bottom: 2.5vw;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	font-family: gokubosogothic;
}

.top-mainbox .thumbnail {
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 2.6vw;
	height: 2.6vw;
	background-position: center;
	background-size: 95%;
	background-repeat: no-repeat;
	transform-origin: 50% 50%;
	transition: all .3s;
}

.top-mainbox:hover .thumbnail {
	transform: translate(-50%, -50%) scale(1.13);
}

.top-mainbox-menu {
    /* display: inline-block; */
    width: 1140px;
    height: auto;
    /* margin: 0; */
    /* position: relative; */
    /* box-shadow: 4px 4px 6px -4px #777777; */
    /* border: 1px solid #d2d2d2; */
    /* backface-visibility: hidden; */
    margin-bottom: 10px;
    margin: auto;
}

.top-mainbox:hover::before {
	animation: arrow_slide ease 1.8s infinite;
}

.inline-block {
    display: inline-block;
    /* background-color: #ccc; */
    /* padding: 20px; */
    height: 100px;
    width: 24%;
    width: calc(100% / 4 - 10px);
    /* height: 48%; */
    margin: 0;
    position: relative;
    /* box-shadow: 4px 4px 6px -4px #777777; */
    /* border: 1px solid #d2d2d2; */
    backface-visibility: hidden;
}

.col2 .main-conts {
    float: left;
    width: calc(100% - 300px - 3rem);
}

.mngbtm14 {
    margin-bottom: 14px;
}

.mngright10 {
    margin-right: 10px;
}

@media screen and (max-width: 768px) {

	.top_site_title_container {
	    position: relative;
	    background-repeat: no-repeat, no-repeat;
	    background-image: url(//thanks-net.com/gotona-nikibi/wp-content/uploads/MV_sp.jpg);
	    background-color: #fff;
	    /* background-position: 0; */
	    background-size: 100%;
	    /* margin-top: 40px; */
	    height: 368px;
	}

	.top_site_title_container-hige {
	    position: relative;
	    background-repeat: no-repeat, no-repeat;
	    background-image: url(/gotona-nikibi/wp-content/uploads/MV_SP_hige2.png);
	    background-color: #000;
	    background-position: left 0px bottom 0px, right 0px bottom 0px;
	    background-size: contain;
	    margin-top: 40px;
	    height: 360px;
	}

	.top_site_title_container-munehara {
	    position: relative;
	    background-repeat: no-repeat, no-repeat;
	    background-image: url(/gotona-nikibi/wp-content/uploads/MV_SP_munehara2.png);
	    background-color: #000;
	    background-position: left 0px bottom 0px, right 0px bottom 0px;
	    background-size: contain;
	    margin-top: 40px;
	    height: 360px;
	}

	.top_site_title_container-udeashi {
	    position: relative;
	    background-repeat: no-repeat, no-repeat;
	    background-image: url(/gotona-nikibi/wp-content/uploads/MV_SP_udeashi2.png);
	    background-color: #000;
	    background-position: left 0px bottom 0px, right 0px bottom 0px;
	    background-size: contain;
	    margin-top: 40px;
	    height: 360px;
	}

	.top_site_title_container-vio {
	    position: relative;
	    background-repeat: no-repeat, no-repeat;
	    background-image: url(/gotona-nikibi/wp-content/uploads/MV_SP_vio2.png);
	    background-color: #000;
	    background-position: left 0px bottom 0px, right 0px bottom 0px;
	    background-size: contain;
	    margin-top: 40px;
	    height: 360px;
	}

	.top_site_title {
	  font-size: 1.15rem;
	  bottom: 130px;
	  text-align: center;
	  line-height: 1.7;
	  display: block;
	  color: #000000;
	  position: absolute;
	  left: 50%;
	  transform: translate(-50%, 100%);
	  font-weight: 100;
	  letter-spacing: calc(.18vw + .04rem);
	  white-space: nowrap;
	  font-family: 'chogokubosogothic';
	}

	.top_site_title em {
	  font-size: 2em;
	  font-style: normal;
	  font-family: Yu Gothic;
	  font-weight: 400;
	  color: #0b185f;
	  margin: 0 5px;
	  display: inline-block;
	  position: relative;
	  line-height: 1;
	}

	.top_site_title .em2 {
	  line-height: 1.6;
	  margin-top: .2em;
	  margin-bottom: .2em;
	  padding: 0 .1em;
	  letter-spacing: .1em;
	  transform: skew(-5deg) rotate(-5deg);
	  font-weight: 600;
	}

	.top_site_title .em2::before {
	  content: '';
	  position: absolute;
	  width: 100%;
	  height: 1px;
	  background: #0b185f;
	  top: 0;
	  left: 0;
	}

	.top_site_title .em2::after {
	  content: '';
	  position: absolute;
	  width: 100%;
	  height: 1px;
	  background: #0b185f;
	  bottom: 0;
	  left: 0;
	}
}

.top_osusume_category_wrapper {
  display: block;
  position: relative;
  padding: 1px 0 1px;
  background-color: #004966;
  width: 100%;
  margin: 0px auto 10px;
  background-size: cover, 10px 10px, 10px 10px;
  --check-color: #005b84;
  background-image: linear-gradient(-90deg, transparent 0%, #00496b 50%, #00496B 50%, transparent 100%), linear-gradient(var(--check-color) 5%, transparent 5%, transparent 95%, var(--check-color) 95%), linear-gradient(90deg, var(--check-color) 5%, transparent 5%, transparent 95%, var(--check-color) 95%);
  /* border-top: 3px solid #ffffff; */
}

.top_osusume_category_title1 {
  margin: 15px auto;
  padding: 5px 10px;
  font-weight: 400;
  background: transparent;
  color: #fff;
  font-family: Noto Sans Japanese;
  font-size: 1.25rem;
  position: relative;
  text-align: center;
  width: 90%;
  transform: initial;
  top: 0;
  left: 0;
}

.top_osusume_category_title2 {
  margin: 15px auto;
  padding: 5px 10px;
  font-weight: 400;
  background: transparent;
  color: #fff;
  font-family: Noto Sans Japanese;
  font-size: 16px;
  position: relative;
  text-align: center;
  width: 90%;
  transform: initial;
  top: 0;
  left: 0;
}

.top_osusume_category_title1::before {
  content: '';
  border-style: solid;
  border-width: 6px;
  border-color: #fff transparent transparent #fff;
  transform: skew(-25deg) rotate(-5deg);
  top: 0;
  left: 0;
  position: absolute;
}

.top_osusume_category_title1::after {
  content: '';
  border-style: solid;
  border-width: 6px;
  border-color: #fff transparent transparent #fff;
  transform: skew(-25deg) rotate(175deg);
  bottom: 0;
  right: 0;
  position: absolute;
  left: unset;
}

.top_osusume_category_title2::before {
  content: '';
  border-style: solid;
  border-width: 6px;
  border-color: #fff transparent transparent #fff;
  transform: skew(-25deg) rotate(-5deg);
  top: 0;
  left: 0;
  position: absolute;
}

.top_osusume_category_title2::after {
  content: '';
  border-style: solid;
  border-width: 6px;
  border-color: #fff transparent transparent #fff;
  transform: skew(-25deg) rotate(175deg);
  bottom: 0;
  right: 0;
  position: absolute;
  left: unset;
}

.top3-category-link-wrapper {
  display: block;
  position: relative;
  padding: 30px 0 0;
  margin: 30px 0;
}

.top3-category-link {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 10px;
  position: relative;
  margin: 0 10px;
  margin-bottom: 10px;
}

.top3-category-link::before {
  content: '';
  width: 15px;
  height: 15px;
  border: 0px;
  border-top: solid 1px #9c9c9c;
  border-right: solid 1px #9c9c9c;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: rotate(45deg) translatey(-50%);
}



.top3-category-link.hikaku .title::after {
  content: "";
}

.top3-category-link .thumbnail {
  height: 58px;
  flex-basis: 58px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60%;
  margin-right: 20px;
  background-color: #dff7ff;
  border-radius: 35px;
}

.top3-category-link .title-wrapper {
  flex: 1;
}

.top3-category-link .title {
  color: rgb(0, 143, 195);
  font-size: 22px;
  letter-spacing: -.1rem;
  margin: 0;
  font-weight: 100;
  line-height: 2.6rem;
}

.top3-category-link .length {
  color: #5a5a5a;
  line-height: 1;
  font-size: .9rem;
  font-weight: 200;
}

.top3-category-link .length i {
  font-style: normal;
  font-size: 1.65em;
  margin: 0 .05em;
  font-weight: 300;
  font-family: Raleway;
}



.top3-category-link.syogaku .thumbnail {
  background-color: #feeece;
}

.top3-category-link.syogaku .title {
  color: #f4a20a;
}


.top3-category-link.risk .thumbnail {
  background-color: #f9e3e3;
}

.top3-category-link.risk .title {
  color: #fc9b9d;
}



.top3-category-link.hikaku .thumbnail {
  background-color: #ebe9f5;
  background-size: 50%;
}

.top3-category-link.hikaku .title {
  color: #8f89d0;
}

.corner-cat-label {
  position: absolute;
  top: -10px;
  left: 0;
  padding: 7px 10px;
  background-color: #6b6b6b;
  color: #fff;
  text-align: center;
  font-size: 1rem;
  font-family: "Montserrat";
  letter-spacing: 0.23rem;
}

.corner-cat-label {
  /*スライダー無効化*/
  top: 0px;
  left: 12px;
}

.corner-cat-label::before {
  position: absolute;
  content: '';
  top: 0;
  right: -7px;
  border-left: solid 7px #4e4e4e;
  border-top: solid 10px transparent;
}



.corner-cat-label.knowledge {
  background-color: #61cc00;
}

.corner-cat-label.knowledge::before {
  border-left-color: #028000;
}

.corner-cat-label.practice {
  background-color: #1d86c3;
}

.corner-cat-label.practice::before {
  border-left-color: #143893;
}

.corner-cat-label.information {
  background-color: #d07300;
}

.corner-cat-label.information::before {
  border-left-color: #8e4e00;
}

.welcome-box {
  padding: 15px 15px 30px;
}

.welcome-box .heading {
  padding-left: 22px;
  font-size: 6vw;
}

.featured-article-list .article-thumbnail {
  height: 60vw;
}

.main-content {
  margin: 0px;
}

@media only screen and (max-width: 400px) {
  .top_site_title_container {
    /* background-position: left -40px bottom -5px, right -50px bottom -8px; */
    display: none;
  }
  .top_site_title {
    font-size: 1.1rem;
    left: 51%;
  }
}

@media only screen and (min-width: 769px) {
  .top_site_title_container {
    height: 210px;
    background-size: auto 200px;
    background-position: left 0px bottom -5px, right 0px bottom -8px;
  }
  .top_site_title {
    font-size: 1.4rem;
    bottom: 11.3rem;
  }

  .top_osusume_category_wrapper {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
  }
  .top3-category-link {
    float: left;
    width: calc(50% - 10px);
    margin: 5px 5px;
    align-items: center;
  }
  .top_osusume_category_wrapper::after {
    content: '';
    display: block;
    clear: both;
  }
  /*スライダー消す*/
  .slider-box {
    /* display: none; */
  }
}






@media
only screen and (max-width : 1400px){
	.top-mainbox-container::before,
	.top-mainbox-container::after {
		background: transparent;
		display: none;
	}
}
















	.ranking-box:nth-last-of-type(1) {
		margin-bottom: 0;
	}
	.ranking-box .heading {
		background-color: #ffd64d;
	}
	.ranking-box .rader-wrapper {
		background: transparent;
	}
	.ranking-box .description .title {
		font-size: 1.6rem!important;
		border-bottom: 3px solid #1a57c1;
		color: #1a57c1;
		padding: 1px 0;
		margin-bottom: 5px!important;
		font-weight: bold;
		letter-spacing: .05rem;
	}
	.desc-wrapper {
    	display: flex;
		padding: 10px 0;
		align-items: center;
	}
	.desc-wrapper .desc-char {
		height: 10vw;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 75%;
		flex-basis: 10vw;
		min-width: 120px;
	}
	.desc-expl {
    flex: 1;
    display: flex;
    align-items: center;
    margin: 0;
    color: #444444;
    line-height: 1.7;
    font-size: .875rem;
    position: relative;
    border: 2px solid #d8dfe8;
    padding: 1rem;
    border-radius: 7px;
    flex-wrap: wrap;
}
	.desc-expl::before {
		content: "";
		position: absolute;
		top: 50%;
		left: -28px;
		margin-top: -12px;
		border: 12px solid transparent;
		border-right: 17px solid #FFF;
		z-index: 2;
	}
	.desc-expl::after {
		content: "";
		position: absolute;
		top: 50%;
		left: -34px;
		margin-top: -14px;
		border: 14px solid transparent;
		border-right: 20px solid #d8dfe8;
		z-index: 1;
	}
	.button.kouza-open {
		background: #186322;
		border-radius: 15px;
		box-shadow: none;
		font-weight: 100;
		font-size: 1.24rem;
		position: relative;
		color: #fff;
	}
		.button.kouza-open::after {
			display: none;
			  font-family: "Font Awesome 5 Solid";
			  content: "\f13e";
		}
		.button.kouza-open svg {
			position: absolute;
			top: 50%;
			right: 12%;
			transform: translatey(-50%);
			width: 1.2rem;
			height: auto;
		}
	.button.kouza-detail {
		background: #fff;
		color: #1b8152;
		border: 2px solid #1b8152;
		border-radius: 15px;
		box-shadow: none;
		font-weight: bold;
		font-size: 1.24rem;
	}
	.heading_rank_sub{
		display:none;
	}
	@media only screen and (max-width: 736px){
		.ranking-box .heading{
			/* line-height:24px; */
		}
		.heading_rank_sub{
			display:inline;
			font-size: 12px;
			color: #ffe522;
			font-family:none;
		}
	}

@media screen and (max-width: 480px) {
	#tb-press {
	    overflow-x: auto;
	}
}

.tablepress {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 10px;
    border: none;
}

@media screen and (max-width: 768px) {
	.tablepress {
	    width: calc(220% - 300px - 3rem);
	}
}


.tablepress {
    border: 0!important;
}

.post table {
    border-top: 1px #999 solid;
    border-right: 1px #999 solid;
    margin-bottom: 20px;
    width: 100%;
    max-width: 100%;
}

.tablepress tr {
    border: 0;
}

.tablepress td {
    border-bottom: solid 1px #fff!important;
    border-left: solid 5px #fff!important;
}

.tablepress td {
    background: #E8EAF6;
    line-height: 24px!important;
}

.tablepress td:first-child {
    padding: 4px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 14px;
    box-sizing: border-box;
    border: 0;
}

.column-1, .tablepress td:first-child {
    width: 120px;
    border-left: 0;
}

.tablepress td:first-child {
    background: #E73562!important;
}

.tablepress tbody tr:first-child td {
    border-top: 0;
}

.tablepress tbody tr:first-child td:first-child {
    position: static;
}

.tablepress td, .tablepress th {
    padding: 8px;
    border: none;
    background: 0 0;
    text-align: left;
    float: none!important;
}

.tablepress td {
    width: 129px;
    padding: 7px;
    vertical-align: middle;
    font-size: 13px;
    word-break: break-all;
    box-sizing: border-box;
}

.tablepress tr:last-child td:not(.column-1) a {
    display: block;
    background: #186322;
    color: white;
    font-size: 16px;
    line-height: 1rem;
    padding: 7px 0;
    border-radius: 3px;
    text-align: center;
    padding-bottom: 0px;
}

@media screen and (max-width: 768px) {
	.tablepress tr:last-child td:not(.column-1) a {
	    font-size: 12px;
	}
}

.tbl_hikaku .regist a {
    display: block;
    background: #49AE47;
    color: white;
    font-size: 12px;
    line-height: 1rem;
    padding: 7px 0;
    border-radius: 3px;
    text-align: center;
}

@media screen and (max-width: 768px) {
	.tablepress td {
	    width: calc(800px / 5);
	}
}

.tablepress td {
    border-bottom: solid 1px #fff!important;
    border-left: solid 5px #fff!important;
}

.tablepress td {
    background: #f5faf4;
    line-height: 24px!important;
}

.tablepress tbody td {
    vertical-align: top;
}

.tablepress tbody td, .tablepress tfoot th {
    border-top: 1px solid #ddd;
}

.tablepress tbody td, .tablepress tfoot th {
    border-top: 0;
    text-align: center;
    vertical-align: middle;
}

.post table tr td {
    font-size: 13px;
    line-height: 18px;
}

.tablepress tbody tr:first-child td {
    border-top: 0;
    text-align: center;
}

.detailAreaItem {
    display: table;
    align-items: center;
    justify-content: space-between;
    flex-flow: column;
    width: 100%;
    /* border-right: 1px solid #e2e2e2; */
}

.detailAreaTitle {
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 6px;
}

.detailAreaBnr {
    width: 43%;
    height: auto;
    float: left;
    margin-top: 44px;
}

.hyoka_txt {
    text-align: center;
}

.detailAreaPoint {
    width: 100%;
}

.detailAreaItemleft {
    text-align: center;
    float: left;
    width: auto;
    padding-left: 0;
    display: inline-block;
}

.detailAreaItemright {
    display: inline-block;
    float: right;
    width: 50%;
}

@media screen and (max-width: 768px) {
	.detailAreaItemleft {
	    float: unset;
	    display: unset;
	}
	.detailAreaItemright {
	    display: unset;
	    float: unset;
	    width: auto;
	}
}

.hyoka_block {
    margin: 0px;
    right: auto;
    left: auto;
    display: inline-block;
    width: 57%;
}

@media screen and (max-width: 768px) {
	.hyoka_block {
	    width: 100%;
	}
}

.hyoka_num {
    display: inline-block;
    width: 100%;
    padding-left: 14px;
}

@media screen and (max-width: 768px) {
	.hyoka_num {
	    float: unset;
	    display: inline-block;
	    margin-left: unset;
	    margin-top: 17px;
	    width: 100%;
	    padding-left: 0;
	}
}

.salon-valuation .salon-valuation-total {
    white-space: nowrap;
    max-width: 28rem;
}

.salon-valuation-total .label {
    display: inline-block;
    background-color: #E73562;
    color: #FFF;
    padding: .4rem 2rem;
    border-radius: .3rem .3rem 0 0;
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    text-align: center;
}

.salon-valuation-total .base {
    padding: 6px;
    background-color: #FEF9FB;
}

.salon-valuation-total .total {
    margin-bottom: 10px;
    text-align: center;
}

.salon-valuation-total .total-point {
    color: #E73562;
    font-size: 50px;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
    /* padding-bottom: 1rem; */
}

.salon-valuation-total .total-base {
    font-size: 27px;
    line-height: 1;
    display: inline-block;
    vertical-align: bottom;
}

.salon-valuation-total .desc {
    color: #E73562;
    font-size: 13px;
    text-align: center;
}

span.hyokanum {
    font-size: 40px;
    font-weight: bold;
    line-height: 48px;
}

@media screen and (max-width: 768px) {
	span.hyokanum {
	    font-size: 31px;
	}
}

span.hyokakei {
    color: #999;
    font-size: 10px;
}

.star_block {
    float: left;
    margin-left: 10px;
    letter-spacing: normal;
}

.star-rating {
    position: relative;
    width: 5em;
    height: 16px;
    font-size: 18px;
    text-align: right;
}

.star-rating-front {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    color: #ffcc33;
}

.chart_block {
    margin-top: 7px;
    margin-left: 4px;
    text-align: right;
    width: 100%;
}

@media screen and (max-width: 768px) {
	.chart_block {
	    float: unset;
	    margin-top: 0;
	    margin-left: 0;
	    text-align: right;
	    width: auto;
	    display: block;
	    margin-bottom: 20px;
	}
}

img.iconimg {
    width: 50px;
}

td.column-2.txtcnt, td.column-3.txtcnt, td.column-4.txtcnt {
    text-align: center;
    vertical-align: middle;
}

span.chart_hyoka {
    color: #999;
    font-size: 10px;
}

@media (max-width: 400px) {
	body {
	    font-size: 12.5px;
	}
}

.star-5 {
  background: url(/gotona-nikibi/wp-content/uploads/star-5.png) no-repeat left 0.5em;
  width: 195px;
  display: inline-block;
  margin: 0px 0 0 7px;
  padding: 21px 0;
}
.star-4 {
  background: url(/gotona-nikibi/wp-content/uploads/star-4.png) no-repeat left 0.5em;
  width: 195px;
  display: inline-block;
  margin: 0px 0 0 7px;
  padding: 21px 0;
}
.star-3 {
  background: url(/gotona-nikibi/wp-content/uploads/star-3.png) no-repeat left 0.5em;
  width: 195px;
  display: inline-block;
  margin: 0px 0 0 7px;
  padding: 21px 0;
}
.star-2 {
  background: url(/gotona-nikibi/wp-content/uploads/star-2.png) no-repeat left 0.5em;
  width: 195px;
  display: inline-block;
  margin: 0px 0 0 7px;
  padding: 21px 0;
}
.star-1 {
  background: url(/gotona-nikibi/wp-content/uploads/star-1.png) no-repeat left 0.5em;
  width: 195px;
  display: inline-block;
  margin: 0px 0 0 7px;
  padding: 21px 0;
}

.star-5{
    background: url(/gotona-nikibi/wp-content/uploads/star-5.png) no-repeat left center;
  }
  .star-4{
    background: url(/gotona-nikibi/wp-content/uploads/star-4.png) no-repeat left center;
  }
  .star-3{
    background: url(/gotona-nikibi/wp-content/uploads/star-3.png) no-repeat left center;
  }
  .star-2{
    background: url(/gotona-nikibi/wp-content/uploads/star-2.png) no-repeat left center;
  }
  .star-1{
    background: url(/gotona-nikibi/wp-content/uploads/star-1.png) no-repeat left center;
  }

@media screen and (max-width: 639px), screen and (max-width: 800px) and (orientation: landscape) {
	.star-2 {
	    background: url(/gotona-nikibi/wp-content/uploads/star-2.png) no-repeat left center;
	}
}

.star-5, .star-4, .star-3, .star-2, .star-1 {
    width: 50%;
    background-size: contain;
    padding: 15px 0 0;
    margin-bottom: -1px;
}

@media screen and (max-width: 639px), screen and (max-width: 800px) and (orientation: landscape) {
	.star-5, .star-4, .star-3, .star-2, .star-1 {
	    width: 50%;
	    background-size: contain;
	    padding: 15px 0 0;
	    margin-bottom: -1px;
	}
}

  .number_registered{
    font-size: 3.73vmin;
    margin: 22px 10px 5px;
    padding: 10px 3px 8px;
  }
  .number_registered.official{
    margin: 22px 10px 0;
    padding: 10px 3px 8px;
  }
  .number_registered-2{
    font-size: 3.73vmin;
    margin: 22px 10px 22px;
    padding: 10px 3px 8px;
  }





#campain, .campain {
    margin: 10px 10px 10px;
}

.inner-block {
    box-sizing: border-box;
    margin: auto;
    padding: 0 10px;
    position: relative;
    width: 1020px;
}

.inner-block {
    padding: 0;
    width: auto;
}

#campain .head, .campain .head {
    background: url(../img/common/campain_ttl_bg.jpg) repeat center center;
    border: 1px solid #fb4d4c;
    border-radius: 8px 8px 0 0;
    box-sizing: border-box;
    color: #fff;
    display: table;
    padding: 8px 30px 4px 20px;
    text-align: center;
    width: 100%;
}

#campain .cp_new .head, .campain .cp_new .head {
    background: #E02F58;
    border: 1px solid #E02F58;
    /* padding: 11px 50px 10px 40px; */
}

#campain .head .name, .campain .head .name {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding: 0px 50px 0px 40px;
}

#campain .body, .campain .body {
    padding: 10px;
}

#campain .cp_new .body, .campain .cp_new .body {
    background: #fffbef;
    border: 2px solid #fd6b59;
    border-radius: 0 0 8px 8px;
    font-size: 12px;
    text-align: center;
}

#campain .cp_new .body, .campain .cp_new .body {
    background: #fffbef;
    border: 2px solid #E02F58;
    border-radius: 0 0 8px 8px;
    font-size: 12px;
    text-align: center;
}

#campain .cp_new .body .campain-txt, .campain .cp_new .body .campain-txt {
    color: #333;
    margin: 0;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.campain-btn_new.sp {
    margin: 0px auto 0px;
    padding: 0px 10px 0px 10px;
    display: inline-block;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.reflection {
    background-color: #fff;
    height: 100%;
    width: 30px;
    top: -180px;
    left: 0;
    position: absolute;
    opacity: 0;
    transform: rotate(45deg);
    animation: reflection 2s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 2s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 2s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: reflection 2s ease-in-out infinite;
}

@keyframes reflection {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

img.cpbtn {
    width: 100%;
}

span.pointtxt {
    font-size: 18px;
}

.side-heading-featured, .side-heading-new, .side-kouza-ranking .side-heading-new {
  background: #E73562!important;
}

.side-kouza-detail {
  background: #59625e !important;
}

.side-kouza-list>li .side-kouza-image {
  padding: 0 20px 0 65px;
  background-position: left 10px center;
  background-size: 45px;
  background-repeat: no-repeat;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  height: 60px;
  display: flex;
  align-items: center;
  color: #000;
}

.side-kouza-list>li .side-kouza-image>img {
  width: auto;
  margin-right: auto;
  margin-left: 3%;
  max-height: 75%;
}

ul.side-kouza-point {
  padding-left: 10px;
}

.side-heading-featured {
  height: 6rem;
  color: #fff;
  padding: 1rem;
  font-size: 1.3rem;
  font-style: italic;
  position: relative;
  letter-spacing: .1rem;
  line-height: 1.15;
  background-size: 30px 60px;
  background: #1e75a2;
  overflow: hidden;
}

.side-heading-featured::before {
  content: '初心者必見';
  position: absolute;
  font-size: 1.15rem;
  font-style: normal;
  width: 6.8rem;
  border-radius: 50%;
  height: 6.8rem;
  border: 2px solid #fff;
  top: -1.2rem;
  left: -2.6rem;
  letter-spacing: .08rem;
  line-height: 1.5;
  color: transparent;
  font-family: arial;
  background-image: url(/gotona-nikibi/wp-content/uploads/wakaba_icon.png);
  background-size: 66%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: .9;
}

.side-heading-featured .word01, .side-heading-featured .word02 {
  transform-origin: 0 100%;
  transform: rotate(-20deg);
  position: absolute;
}

.side-heading-featured .word01 {
  left: 27%;
  bottom: 15%;
  font-size: 1.1em;
}

.side-heading-featured .word01:first-letter {
  font-size: 1.6em;
  font-weight: bold;
}

.side-heading-featured .word01::before {
  width: 200%;
  height: 4px;
  background: #fff;
  bottom: -4px;
  right: -16%;
  content: '';
  position: absolute;
  opacity: .3;
  transform: skewX(70deg);
}

.side-heading-featured .word02 {
  left: 57%;
  font-size: 1.6em;
  letter-spacing: .2rem;
  bottom: 2%;
  font-weight: bold;
  width: 6em;
}

.side-heading-featured .word02::before {
  width: 200%;
  height: 4px;
  background: #fff;
  bottom: -4px;
  left: -5%;
  content: '';
  position: absolute;
  opacity: .3;
  transform: skewX(70deg);
}

ul.side-article-list .thumbnail-wrapper {
  flex-basis: 70px;
  height: 70px;
  overflow: hidden;
}

ul.side-article-list .article-thumbnail2 {
  background-size: 100%;
  transition: all .3s;
  background-position: center;
  position: relative;
  transform-origin: 50%;
  transition: .3s;
  background-repeat: no-repeat;
}

ul.side-article-list .article-thumbnail2::before {
  width: 100%;
  height: 100%;
  content: '';
  background: rgb(0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: .3s;
}

ul.side-article-list .article-thumbnail2::after {
  content: '';
  position: absolute;
  border: 12px solid transparent;
  border-left-color: #fff;
  top: calc(50% - 6px);
  left: 50%;
  opacity: 0;
}

ul.side-article-list>li>a:hover .article-thumbnail2::before {
  opacity: 0;
}

ul.side-article-list>li>a:hover .article-thumbnail2 {
  transform: scale(1.3);
}

.side_special>a {
  background-image: linear-gradient( 135deg, #ef9472, #ed77a3 100%);
  height: 104px;
  color: #fff;
  padding: .3rem;
  font-size: 1.7rem;
  position: relative;
  letter-spacing: .1rem;
  line-height: 1.15;
  font-weight: bold;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0px 0 25px;
  padding-left: 99px;
  text-align: center;
}

.side_special>a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: -7px;
  background: url(/gotona-nikibi/wp-content/uploads/moeka_smile.png) no-repeat;
  width: 119px;
  height: 125px;
  background-size: 100%;
  background-position: bottom;
}

.side_special .sub_title {
  font-size: .5em;
  display: block;
  margin-bottom: -3px;
  font-weight: 100;
  letter-spacing: -.02em;
  color: #fff !important;
}

.side_special .sub_title::before {
  content: '\\';
  font-size: .8em;
  margin-right: .2em;
}

.side_special .sub_title::after {
  content: '/';
  font-size: .8em;
  margin-left: .2em;
}

.side_special .title {
  font-family: Montserrat, chogokubosogothic;
  color: #fff !important;
}

.side_special .title i {
  font-size: 1.5em;
  margin-right: .1em;
  font-family: "Noto Sans Japanese";
}

.side_special.hundred_yen>a {
  background-image: linear-gradient( -45deg, #1cbcbc, #1496c8 100%);
  padding: .3rem;
  padding-right: 99px;
  text-align: left;
  padding-left: 22px;
  font-size: 1.35rem;
}

.side_special.hundred_yen>a::before {
  background-image: url(/gotona-nikibi/wp-content/uploads/image_logo3f.png);
  left: initial;
  right: 10px;
}

.side_special.hundred_yen .title i {
  font-family: "Roboto Condensed";
  transform: rotate(0deg);
  font-size: 2em;
  margin-right: .2em;
  margin-left: -6px;
  font-style: italic;
}

@media screen and (max-width: 768px) {
  .side_special>a::before {
    left: -20px;
  }
  .side_special .title {
    font-size: 1.3em;
  }
  .side-heading-featured .word01 {
    left: calc(50% - 6rem - 2%);
    font-size: 1.3em;
  }
  .side-heading-featured .word02 {
    font-size: 2em;
    left: calc(50% + 1rem + .8%);
  }
}





<!--▼サイトフッター-->

.site-footer {
  padding-top: 35px;
  color: #fff;
  background: #2D5A83;
  margin-top: 40px;
}

.footer-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 auto 35px;
}

.footer-row-1 {
  display: flex;
  width: 100%;
  justify-content: center;
}

ul.footer1 {
  margin: 0 1%;
  width: 17%;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  color: #FFF;
}

ul.footer1 a {
  margin: 0 1%;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  color: #FFF;
}

.footer1 li {
  width: 100%;
  background: #bbbbbb70;
  margin: 3px 0px;
  height: 40px;
  padding: 8px 8px 8px 8px;
}

li.footer-komokutitle {
  font-size: 16px;
  background: transparent;
  text-decoration: underline;
}

.copyright {
  display: flex;
  justify-content: center;
  background: #333;
  padding-top: 1rem;
  font-size: .8rem;
  color: #f1f1f1;
  width: 100%;
  margin: auto;
  align-items: center;
  flex-direction: column;
}

.kaisya-info {
  font-size: 16px;
  width: 60%;
  padding-bottom: 20px;
  border-bottom: solid 2px;
  word-wrap: break-word;
}

@media only screen and (max-width: 768px) {
	.kaisya-info {
		display: block;
	}
}

.kaisya-info a {
  color: #FFF;
  text-decoration: underline;
  margin: 0 14px;
  font-weight: bold;
  display: unset;
}

@media only screen and (max-width: 768px) {
	.kaisya-info a {
	  display: block;
	}
}

.copyright .company-info .company-img {
  width: 120px;
  height: 40px;
  margin-right: 12px;
}

.copyright small {
  text-align: left;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  font-family: sans-serif;
  font-size: .8rem;
}

.copyright .company-info {
  display: flex;
  align-items: center;
  width: 400px;
  padding: 20px 0px;
}

@media only screen and (max-width: 768px) {
  .site-footer {
    margin-top: 0px;
  }
  .footer-wrapper {
    flex-direction: row;
    justify-content: center;
  }
  .footer-row-1 {
    justify-content: flex-start;
    flex-direction: column;
  }
  .footer-row-1 {
    display: flex;
    width: 100%;
    justify-content: center;
  }
  ul.footer1 {
    margin: 0 5%;
    width: 88%;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
  }
  .copyright .company-info {
    display: flex;
    align-items: center;
    width: 100%;
    padding-bottom: 10px;
  }
  .kaisya-info {
    border-bottom: none;
    padding: 0px;
  }
  .kaisya-info a {
    color: #FFF;
    text-decoration: underline;
    margin: 0 14px;
    font-weight: bold;
    line-height: 2rem;
  }
}

.mngtop30 {
    margin-top: 30px;
}


.scroll-table {
    overflow: auto;
    white-space: nowrap;
    margin-top: 20px;
    margin-bottom: 20px;
}

.tbl_hikaku {
    width: 98%;
    margin: auto;
    border-left: 1px solid #bbb;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #ffffff;
    empty-cells: show;
    font-size: 85%;
    line-height: 1.250em;
}

.tbl_hikaku {
    margin-left: 10px;
    margin-right: 10px;
}

.tbl_hikaku th {
    border: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    color: #333;
    background-color: #f1f1f1;
    padding: 0.3em 0.8em;
    text-align: center;
}

.tbl_hikaku td {
    border-right: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #bbb;
    color: #333;
    padding: 10px;
    text-align: unset;
    font-size: 12px;
}

.widget_recent_entries {
}

h2.widget-title {
    display: none;
}

.widget_recent_entries ul {
    padding-left: 0;
}

.widget_recent_entries li {
    overflow: hidden;
    float: none;
    clear: both;
    margin-bottom: 1rem;
}

.widget_recent_entries ul li {
    border-bottom: 1px dashed #bbb;
    counter-increment: wpp-count;
    position: relative;
}

.widget_recent_entries li:before {
    display: block;
    padding: 1px 11px;
    color: #fff;
    background-color: #333;
    content: counter(wpp-count);
    position: absolute;
    opacity: 1;
    z-index: 10000;
    border-radius: 6px;
    top: 10px;
    left: 6px;
}

.widget_recent_entries li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
.widget_recent_entries li:nth-child(1):before{
	background-color: #FBCC54;
}
.widget_recent_entries li:nth-child(2):before{
	background-color: #B7BFC1;
}
.widget_recent_entries li:nth-child(3):before{
	background-color: #D47B16;
}

ul.widget_recent_entries li a.widget_recent_entries {
    display: block;
    font-size: 16px;
    padding: 12px;
    text-decoration: none;
    color: #333;
    padding-left: 50px;
}

.widget_recent_entries li a {
    display: block;
    font-size: 16px;
    padding: 12px;
    text-decoration: none;
    color: #333;
    padding-left: 50px;
    transition: unset;
    background-color: unset;
}

.widget_recent_entries a:hover {
    opacity: 0.8;
    color: #333;
}

@media only screen and (max-width: 768px) {
	h1.entry-title {
	    margin-top: 62px;
	}
}



.top_left {
    /* float: left; */
    width: 100%;
    margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
	.top_left {
	    /* float: left; */
	    width: auto;
	    margin-bottom: 10px;
	    margin: 10px;
	}
}

.search_title {
    width: 100%;
    margin: 0 auto;
    /* background: linear-gradient(to bottom, #2c5cc3, #1440a4); */
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 6px 0 3px 20px;
    border-radius: 6px 6px 0 0;
    border-bottom: 3px solid #333;
    background: #27935B;
}

.search_body {
    background-color: white;
    font-size: 12px;
}

.search_body th {
    background-color: #E5E7F4;
    padding: 4px;
    width: 16%;
}

.search_body td {
    font-size: 12px;
    text-align: unset;
    border-left: 1px solid #6a797d;
    border-top: 1px solid #6a797d;
}

.h30 {
    height: 30px !important;
}

.w100p {
    width: 100%;
}

.search_body td nobr {
    display: block;
    box-sizing: border-box;
    width: auto;
    border: 1px solid #dbdbdb;
    float: left;
    padding: 7px;
    margin: 2px 0.5% 2px 0.5%;
}

.search_body td nobr.check {
    border: 1px solid #f5844c;
}

td.searchbtn {
    text-align: center;
    border-left: 1px solid #cfcfcf;
    border-top: 1px solid #cfcfcf;
}

h4.voiceTitle {
    margin-bottom: 5px;
    color: #341111;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
}

@media only screen and (max-width: 768px) {
	h4.voiceTitle {
	    font-size: 20px;
	}
}

.voices {
    padding: 20px;
    height: 180px;
    overflow: scroll;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto 40px auto;
    border: 1px solid rgba(255, 128, 160, 0.3);
    background: #fff;
}

@media only screen and (max-width: 768px) {
	.voices {
	    padding: 10px;
	    height: 200px;
	    overflow: scroll;
	    width: 100%;
	    box-sizing: border-box;
	    margin: 0 auto 20px auto;
	    border: 1px solid rgba(255, 128, 160, 0.3);
	    background: #fff;
	}
}

.voices ul li {
    margin-bottom: 10px;
    font-size: 1.6rem;
}

.stars {
  position: relative;
  /* display: block; */
  width: 80px;
  height: 16px;
  font-size: 16px;
}

.stars:before, .stars:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  display: inline-block;
}

@media only screen and (max-width: 768px) {
	.stars:before, .stars:after {
	  height: 16px;
	  line-height: 16px;
	}
}

.stars:before {
  color: #ccc;
}

.stars:after {
  color: #fcdb22;
  overflow: hidden;
  white-space: nowrap;
}

.star0:after {
  width: 0;
}

.star1:after {
  width: 16px;
}

.star1-5:after {
  width: 24px;
}

.star2:after {
  width: 32px;
}

.star2-5:after {
  width: 40px;
}

.star3:after {
  width: 48px;
}

.star3-5:after {
  width: 56px;
}

.star4:after {
  width: 64px;
}

.star4-5:after {
  width: 72px;
}

.star5:after {
  width: 80px;
}

p.kuchikomi {
    font-size: 16px;
}

ul.kuchikomi {
    margin: 0;
    padding: 0;
}

.p-searchBox {
    background: url(../img/dot_search.png);
    position: relative;
    margin: 0 auto 10px;
    padding: 10px;
}

.u-tCenter {
    text-align: center !important;
}

.u-mb10 {
    margin-bottom: 1rem !important;
}

.p-searchCaption {
    font-size: 20px;
    color: #f9462e;
    font-weight: 400;
    line-height: 1;
    font-style: normal;
    text-align: center;
}

.p-searchCaption span {
    color: #FFFFFF;
    font-size: 24px;
    background-color: #f9462e;
    padding: 0.5rem;
}

.p-searchText {
    text-align: center;
    padding: 1.5rem 1rem;
    font-size: 1.6rem;
    color: #333333;
    font-weight: bold;
    line-height: 1.6;
    font-style: normal;
}

.u-dPc {
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.c-mainTab {
    background: #FFFFFF;
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #f9462e;
    border-bottom: 1px solid #f9462e;
    margin-bottom: 20px;
    border-left: unset;
    border-right: unset;
}

.c-mainTab th, .c-mainTab td {
    background: #FFFFFF;
}

.c-mainTab th, td {
    border-top: unset;
    border-left: unset;
    border-right: unset;
    border-bottom: unset;
}

.c-mainTab th {
    width: auto;
    text-align: left;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    line-height: 1.4;
    font-style: normal;
    padding: 16px 0 0 0;
}

.c-mainTab .qNumber {
    background: #37414f;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 1;
    font-style: normal;
    padding: 0.5rem;
    font-family: "din-condensed";
}

@media screen and (max-width: 600px) {
    .c-mainTab .qNumber {
        padding: 3px;
    }
}

.c-mainTab td {
    font-size: 12px;
    color: #333333;
    font-weight: normal;
    line-height: 2;
    font-style: normal;
    text-align: left;
    padding: 10px 0px 5px 0px;
    border-top: unset;
    border-left: unset;
    border-right: unset;
    border-bottom: unset;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

input {
    line-height: normal;
    vertical-align: middle;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type=checkbox] {
    -ms-transform: scale(1.4, 1.4);
    -webkit-transform: scale(1.4, 1.4);
    transform: scale(1.4, 1.4);
}

input[type="checkbox"], input[type="radio"] {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.checkBoxtext {
    padding-left: 18px;
    position: relative;
    margin-right: 10px;
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    line-height: 2;
    font-style: normal;
}

.checkBoxtext::before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #666;
    border-radius: 4px;
    background: #EEEEEE;
}

.checkBoxinput:checked + .checkBoxtext::after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 3px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #f9462e;
    border-right: 3px solid #f9462e;
}

.checkBoxinput:checked + .checkBoxtext {
    color: #f9462e;
}

.c-radioBtn + label {
    padding-left: 20px;
    position: relative;
    margin-right: 14px;
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    line-height: 2;
    font-style: normal;
}

.c-radioBtn:checked + label {
    color: #f9462e;
}

.c-radioBtn + label::before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #999;
    border-radius: 50%;
    background: #EEEEEE;
}

.c-radioBtn:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 3px;
    width: 11px;
    height: 11px;
    background: #f9462e;
    border-radius: 50%;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    width: auto;
    padding: 0;
    margin: 0;
    background: none;
    border: 0;
    font-size: 0;
    line-height: 0;
    overflow: visible;
    cursor: pointer;
}

.p-searchBtn {
    display: block;
    background-image: -moz-linear-gradient(0deg, #ffa200 0%, #f9462e 100%);
    background-image: -webkit-linear-gradient(0deg, #ffa200 0%, #f9462e 100%);
    background-image: -ms-linear-gradient(0deg, #ffa200 0%, #f9462e 100%);
    border-radius: 6px;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 0.9;
    font-style: normal;
    padding: 10px 4rem;
    margin: 0 auto;
}

.p-searchBtn:before {
    /* content: ' '; */
    /* display: inline-block; */
    /* background-image: url(../../common/svg/search.svg); */
    /* width: 18px; */
    /* height: 18px; */
    /* background-size: contain; */
    /* vertical-align: middle; */
}

.rank_point {
    margin: 5px;
}

td ul.check_ul li {
    margin-bottom: 5px;
    padding-left: 30px;
    line-height: 1.7;
    font-size: 16px;
    background: url(../images/icon_check.png) no-repeat left top;
}

ul.check_ul {
    margin: 0;
    padding: 0;
}

.flash {
  position: relative;
}
.flash span{
  position:  absolute;
  width: 30px;
  height:  70px;
  top: 20px;
  left: 0;
  animation: Flash 1.5s infinite;
  transition-duration:1.5s;
  background-image: url(/gotona-nikibi/wp-content/uploads/tbl-flash.png);
}
@keyframes Flash{
  50%{
    opacity: 0;
  }
}
.flash span:last-child{
  left: auto;
  right: 0px;
  transform: rotate(180deg);
}

td.bgyellow {
    background-color: #fff0c6;
}

a.side-kouza-image {
    font-size: 16px;
}

.p-siteBtn {
    margin: 0 auto 3rem;
}

.u-dPc {
    display: block;
}

.u-mb20 {
    margin-bottom: 0;
    text-align: center;
}

.p-siteBtn a {
    display: inline-block;
    border-radius: 10px;
    background: #39900A!important;
    border-bottom: 5px solid #426905;
    font-size: 22px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 1;
    font-style: normal;
    padding: 30px 4rem;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px) {
	.p-siteBtn a {
	    padding: 18px 1rem;
	}
}

.c-btnPrimary a:after, .p-siteBtn a:after, .p-subBtn a:after, .p-allBtn a:after, .p-aboutBtn a:after {
    content: '';
    display: inline-block;
    /* width: 16px; */
    height: 16px;
    fill: #FFFFFF;
    background-image: url(../svg/circle-right.svg);
    background-size: contain;
    vertical-align: middle;
    margin-left: 4px;
}

.p-siteBtn a:after {
    /* width: 20px; */
    height: 36px;
    /* background-image: url(/gotona-nikibi/wp-content/uploads/ico_hand.png); */
    background-repeat: no-repeat;
    background-position: 0 center;
}

.al-c {
    text-align: center;
    margin-bottom: 20px;
}

.number_registered {
    text-align: center;
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    font-size: 16px;
    background: #FFF;
    border: solid 3px #555;
    box-sizing: border-box;
}

.number_registered:before {
    content: "";
    position: absolute;
    top: -24px;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-bottom: 12px solid #FFF;
    z-index: 2;
}

.number_registered:after {
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -17px;
    border: 14px solid transparent;
    border-bottom: 14px solid #555;
    z-index: 1;
}

.nored {
    color: #e15047;
    font-size: 150%;
    -webkit-animation: blink 1s ease-in-out infinite alternate;
    -moz-animation: blink 1s ease-in-out infinite alternate;
    animation: blink 1s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.marker-animation-yellow {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,255,102) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,255,102) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,255,102) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255,255,102) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255,255,102) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 3s ease;
    font-weight: bold;
}

.marker-animation-yellow.active {
    background-position: -100% .5em;
}

th.txtleft {
    text-align: left;
}

td.txtleft {
    text-align: left;
}

a.sortatag {
    display: unset;
}

table#myTable {
    margin-bottom: 20px;
}

.toptxtarea {
    width: auto;
    height: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.topimage {
    float: left;
    display: block;
    margin-left: 10px;
    margin-right: 10px;
}

@media screen and (max-width: 768px) {
  .topimage {
      float: unset;
      margin: 0;
      width: 100%;
      text-align: -webkit-center;
  }
  img.topimage {
      width: 185px;
      text-align: center!important;
  }
}

img.topimage {
    width: 133px;
}

.toptxt {
    margin: 10px;
    font-size: 16px;
    display: table;
    background: #f1eaea8f;
    border-radius: 10px;
    padding: 20px;
}

.mng20px {
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
	header.entry-header {
	    text-align: center;
	}
    table#hikaku {
        margin-left: 10px;
        margin-right: 10px;
        width: auto;
    }
}



/* Label styles: style as needed */
label {
  display:block;
  margin: 2em 1em .25em .75em;
  font-size: 1.25em;
  color:#333;
}

/* Container used for styling the custom select, the buttom class adds the bg gradient, corners, etc. */
.dropdown {
  position: relative;
  display:block;
  /* margin-top:0.5em; */
  padding:0;
}

/* This is the native select, we're making everything the text invisible so we can see the button styles in the wrapper */
.dropdown select {
  width:100%;
  margin:0;
  background:none;
  border: 1px solid transparent;
  outline: none;
  /* Prefixed box-sizing rules necessary for older browsers */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* Remove select styling */
  appearance: none;
  -webkit-appearance: none;
  /* Magic font size number to prevent iOS text zoom */
  font-size:12px;
  /* General select styles: change as needed */
  /* font-weight: bold; */
  color: #444;
  padding: .6em 1.9em .5em .8em;
  line-height:1.3;
}

/* Custom arrow sits on top of the select - could be an image, SVG, icon font, etc. or the arrow could just baked into the bg image on the select */

.dropdown::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 8px;
  top: 50%;
  right: 10px;
  margin-top:-4px;
  z-index: 2;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='//www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpolygon fill='rgb(102,102,102)' points='8,12 0,0 16,0'/%3E%3C/svg%3E") 0 0 no-repeat;  
  /* These hacks make the select behind the arrow clickable in some browsers */
  pointer-events:none;
}

/* This hides native dropdown button arrow in IE 10/11+ so it will have the custom appearance, IE 9 and earlier get a native select */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .dropdown select::-ms-expand {
    display: none;
  }
  /* Removes the odd blue bg color behind the text in IE 10/11 and sets the text to match the focus style text */
  select:focus::-ms-value {
    background: transparent;
    color: #222;
  }
}

/* Firefox >= 2 -- Older versions of FF (v2 - 6) won't let us hide the native select arrow, so we'll just hide the custom icon and go with native styling */
/* Show only the native arrow */
body:last-child .dropdown::after, x:-moz-any-link {
  display: none;
}
/* reduce padding */
body:last-child .dropdown select, x:-moz-any-link {
  padding-right: .8em;
}

/* Firefox 7+ -- Will let us hide the arrow, but inconsistently (see FF 30 comment below). We've found the simplest way to hide the native styling in FF is to make the select bigger than its container. */
/* The specific FF selector used below successfully overrides the previous rule that turns off the custom icon; other FF hacky selectors we tried, like `*>.dropdown::after`, did not undo the previous rule */

/* Set overflow:hidden on the wrapper to clip the native select's arrow, this clips hte outline too so focus styles are less than ideal in FF */
_::-moz-progress-bar, body:last-child .dropdown {
  overflow: hidden;
}
/* Show only the custom icon */
_::-moz-progress-bar, body:last-child .dropdown:after {
  display: block;
}
_::-moz-progress-bar, body:last-child .dropdown select {
  /* increase padding to make room for menu icon */
  padding-right: 1.9em;
  /* `window` appearance with these text-indent and text-overflow values will hide the arrow FF up to v30 */
  -moz-appearance: window;
  text-indent: 0.01px;
  text-overflow: "";
  /* for FF 30+ on Windows 8, we need to make the select a bit longer to hide the native arrow */
  width: 110%;
}

/* At first we tried the following rule to hide the native select arrow in Firefox 30+ in Windows 8, but we'd rather simplify the CSS and widen the select for all versions of FF since this is a recurring issue in that browser */
/* @supports (-moz-appearance:meterbar) and (background-blend-mode:difference,normal) {
.dropdown select { width:110%; }
}   */


/* Firefox 7+ focus style - This works around the issue that -moz-appearance: window kills the normal select focus. Using semi-opaque because outline doesn't handle rounded corners */
_::-moz-progress-bar, body:last-child .dropdown select:focus {
  outline: 2px solid rgba(180,222,250, .7);
}


/* Opera - Pre-Blink nix the custom arrow, go with a native select button */
x:-o-prefocus, .dropdown::after {
  display:none;
}


/* Hover style */
.dropdown:hover {
  border:1px solid #888;
}

/* Focus style */
select:focus {
  outline:none;
  box-shadow: 0 0 1px 3px rgba(180,222,250, 1);
  background-color:transparent;
  color: #222;
  border:1px solid #aaa;
}


/* Firefox focus has odd artifacts around the text, this kills that */
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

option {
  font-weight:normal;
}


/* These are just demo button-y styles, style as you like */
.button {
  border: 1px solid #bbb;
  border-radius: .3em;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
  background: #f3f3f3; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
}

.output {
  margin: 0 auto;
  padding: 1em; 
}
.colors {
  padding: 2em;
  color: #fff;
  display: none;
}

.blue {
  background: #079;
}
footer {
  margin: 5em auto 0;
  padding: 0;
  text-align: center;
}
a {
  color: #c04;
  text-decoration: none;
}

a:hover {
  color: #903;
  text-decoration: underline;
}

.searchbtn {
    width: fit-content;
}

.midasi {
  padding-left: 10px;
  background: transparent;
  border-left: solid 5px #ffccac;
  font-size: 23px;
  font-weight: bold;
  color: #E73562;
}

img.mainimg {
    width: 100%;
}

.maintxt {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
    width: auto;
    min-height: 60px;
    padding: 15px;
    border: 3px solid #ffd64d;
    background: #fff;


}

.mngleft10 {
	margin-left: 10px;
}

.mngleft20 {
    margin-left: 20px!important;
}

.mngtop10 {
    margin-top: 10px;
}

.mngtop20 {
    margin-top: 20px;
}

.mngtop30 {
    margin-top: 30px;
}

.last_date {
    text-align: end;
    font-size: 12px;
}

@media screen and (max-width: 768px) {
	.last_date {
		margin-right: 10px;
	}
}

@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%,
  100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}







.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  top: calc(40% - 25px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 130px;
  height: 90px;
  border-radius: 5px;
  transition: opacity .3s;
  opacity: 0;
  background: rgba(0, 0, 0, .7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: .8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}


img.oukan {
    width: 45px;
}

.site-header {
    height: 86px;
}

@media screen and (max-width: 768px) {
  .site-header {
      height: 70px;
  }
}

img.mvimg {
    width: 100%;
}



div#tb-press {
    overflow: auto;
}










.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  top: calc(40% - 25px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 130px;
  height: 90px;
  border-radius: 5px;
  transition: opacity .3s;
  opacity: 0;
  background: rgba(0, 0, 0, .7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: .8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}

img.oukan {
    width: 55px;
}

@media screen and (max-width: 768px) {
img.oukan {
    width: 45px;
}
}

.site-header {
    height: 86px;
}

@media screen and (max-width: 768px) {
  .site-header {
      height: 70px;
  }
}

img.mvimg {
    width: 100%;
}



div#tb-press {
    overflow: auto;
}

.checkpoint {
    margin-top: -37px;
    font-size: 12px;
    text-align: right;
}

@media screen and (max-width: 768px) {
    .checkpoint {
        margin-top: -15px;
        font-size: 9px;
    }
}

.ranktbl {
    width: 98%;
}

.ranktbl-column-1 {
    width: 100px;
    background: #E73562!important;
    color: #fff;
    vertical-align: middle;
}

.ranktbl td {
    background: #f5faf4;
}

td.ranktbl-column-1, td.ranktbl-column-2, td.ranktbl-column-3, td.ranktbl-column-4, td.ranktbl-column-5, td.ranktbl-column-6 {
    font-size: 14px;
}

@media screen and (max-width: 768px) {
td.ranktbl-column-1, td.ranktbl-column-2, td.ranktbl-column-3, td.ranktbl-column-4, td.ranktbl-column-5, td.ranktbl-column-6 {
    font-size: 12px;
}
}

.ranktbl a {
    color: #f52549;
    font-size: 14px;
}

@media screen and (max-width: 768px) {
.ranktbl a {
    color: #f52549;
    font-size: 12px;
}
}
.ranktbl-p-siteBtn a {
    display: inline-block;
    border-radius: 10px;
    background: #39900A!important;
    border-bottom: 5px solid #426905;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 20px;
    font-style: normal;
    padding: 10px 10px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px){
.ranktbl-p-siteBtn a {
    padding: 0px 1rem;
    font-size: 12px;
}
}
.ranktbl-img {
    width: 140px;
}

@media screen and (max-width: 768px) {
.ranktbl-img {
    width: 110px;
}
}



@media screen and (max-width: 768px) {
html:not(:target) img {
    /* max-width: 95px; */
    text-align: left;
    height: auto;
    margin-bottom: 10px;
}
}


img.mvimg {
    width: 70%;
}

@media screen and (max-width: 768px) {
    img.mvimg {
        width: 100%;
    }
}

.mvdiv {
    text-align: center;
}

.rimgbtn {
    text-align: center;
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
   .rimgbtn {
       text-align: center;
       margin-bottom: 20px;
   }
   img.imgbtn {
       width: 100%;
   }
}

img.mvimg {
    width: 1220px;
}

@media screen and (max-width: 768px) {
   img.mvimg {
    width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .chat-l .talker {
        float: unset;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 768px) {
    .bubble {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .chat-l .bubble {
        margin-top: 0;
    }
}

@media screen and (max-width: 768px) {
    .chat-l .bubble {
        float: unset;
    }
}

@media screen and (max-width: 768px) {
    .bubble .bubble-in:after, .bubble .bubble-in:before {
        position: unset;
        top: unset;
        width: 100%;
        height: unset;
        border: unset;
        content: "";
    }
}

@media screen and (max-width: 768px) {
    html:not(:target) img {
        /* max-width: 95px; */
        text-align: left;
        height: auto;
        margin-bottom: 10px;
    }
}

img.rcanmp {
    width: 100%;
}

img.rcomment {
    width: 100%;
}

img.imgbtn {
    max-width: 80%;
}

.maintxt {
    margin-left: 10px px;
    margin-right: 10px;
    margin-bottom: 35px;
    font-size: 16px;
    width: auto;
    min-height: 60px;
    padding: 15px;
    /* border: 3px solid #89c997; */
    background: #fff;
}

.checkmark001 {
    padding-left: 24px;
    position: relative;
}

.checkmark001:before, .checkmark001:after {
    content: "";
    display: block;
    position: absolute;
}

.checkmark001:before {
    width: 16px;
    height: 16px;
    background: #ffffff;
    border: 1px solid #000000;
    left: 0;
    top: 2px;
}

.checkmark001:after {
    border-left: 2px solid #ff0000;
    border-bottom: 2px solid #ff0000;
    width: 18px;
    height: 5px;
    -webkit-transform: rotate( 
-45deg);
    transform: rotate( 
-45deg);
    left: 5px;
    top: 3px;
}
@media screen and (max-width:600px) {
.c-mainTab {
margin-bottom: 10px;
 }
   }
@media screen and (max-width:600px) {
.c-mainTab th {
    width: auto;
    text-align: left;
    font-size: 10px;
    color: #333333;
    font-weight: bold;
    line-height: 1.4;
    font-style: normal;
    padding: 10px 0 0 0;
}
   }

@media screen and (max-width:600px) {
.c-mainTab .qNumber {
    background: #37414f;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 1;
    font-style: normal;
    padding: -1.5rem;
    font-family: "din-condensed";
}
   }

@media screen and (max-width:600px) {
.dropdown select {
  width:100%;
  margin:0;
  background:none;
  border: 1px solid transparent;
  outline: none;
  /* Prefixed box-sizing rules necessary for older browsers */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* Remove select styling */
  appearance: none;
  -webkit-appearance: none;
  /* Magic font size number to prevent iOS text zoom */
  font-size:6px;
  /* General select styles: change as needed */
  /* font-weight: bold; */
  color: #444;
  line-height:1.3;
}
   }

@media screen and (max-width:600px) {

}
   }

@media screen and (max-width:600px) {

}
   }