/* ***********************************
 *
 *    Ire's CSS Reset & Base
 *
 * *********************************** */

/* Reset margin, padding, border
 * *********************************** */

html, body,
h1, h2, h3, h4, h5, h6,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
ol, ul, li, dl, dt, dd,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figure, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}

/* Typography
 * *********************************** */

html {
    font-size: 62.5%;
}

body {
    font-size: 1.6rem;
    line-height: 1.4;
}

* {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

/* Layout
 * *********************************** */

article,
aside,
footer,
header,
nav,
section,
main {
    display: block;
}

* {
    box-sizing: border-box;
}

*:before,
*:after {
    box-sizing: inherit;
}

/* Elements
 * *********************************** */

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

ol,
ul {
    list-style: none;
}

img,
video {
    max-width: 100%;
}

img {
    border-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none;
}

/* Attributes & states
 * *********************************** */

[hidden] {
    display: none !important;
}

[disabled] {
    cursor: not-allowed;
}

:focus:not(:focus-visible) {
    outline: none;
}

/* Utility classes
 * *********************************** */

.sr-only {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    left: -9999px;
    top: -9999px;
}

/*------------------------------
ユーチューブ表示
--------------------------------*/
#youtube_box{
	width:960px;
	margin:0px auto 0px auto;
	padding:20px 0px 30px 0px;
	text-align:center;
}
#youtube_box p.tnh3_p{
	margin:0px 0px 0px 0px;
	padding:10px 10px 0px 0px;
	font-size:14px;
	color:#4d4d4d;
}
#movies_box{
	margin:0px 0px 20px 0px;
	padding:30px 0px 0px 0px;
}
.mo_box{
	display:inline-block;
	width:32%;
	margin:0px 0px 0px 0px;
	vertical-align:top;
}
.mo_box figure{
	margin:0px 0px 0px 0px;
}
.mo_box figure img{
	display:block;
	width:95%;
	height:auto;
	margin:0px auto 0px auto;
}
.mo_box figcaption{
	font-size:14px;
	margin:-10px 15px 10px 15px;
	line-height:140%;
	text-align:left;
}
.mo_box figcaption a{
	color:#333333;
	text-decoration:underline;
}
.mo_box figcaption a:hover{
	color:#cccccc;
	text-decoration:underline;
}
.mo_box time{
	font-size:12px;
	margin:0px 0px 5px 5px;
	display: block;
}
a.base_btn_you{
	display: inline-block;
    padding:5px 8px 5px 8px;
    text-decoration: none;
    background: #333333;/*ボタン色*/
    color: #FFF;
	font-size:12px;
	cursor:pointer;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
a.base_btn_you:active{/*押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
a.base_btn_you:before{
	font-family: "Font Awesome 5 Free";
	content: "\f152";
	font-weight : 900;
	display: inline-block;
	margin:0px 10px 0px 0px;
}
a.de:before{
	content: "\f1ea";
	font-weight : 900;
}
a:hover.base_btn_you{
    background: #7f7f7f;
}
.page_r{
	text-align:right;
	margin:5px 0px 10px 0px;
}
@media screen and (max-width:980px){
	#youtube_box{
		width:100%;
		margin:0px 0px 0px 0px;
	}
}
@media screen and (max-width:800px){
	#youtube_box h3{
		margin:0px 0px 0px 0px;
		padding:75px 0px 0px 0px;
		text-align:right;
		font-size:2.0rem;
		color:#333333;
	}
}
@media screen and (max-width:640px){
	#youtube_box h3{
		margin:0px 0px 0px 10px;
		line-height:140%;
	}
	.mo_box{
		display:inline-block;
		width:48.5%;
		margin:0px 0px 10px 0px;
		vertical-align:top;
	}
}
@media screen and (max-width:420px){
	a.base_btn_you{
		margin-bottom:7px;
	}
}
/*------------------------------
カウント表示
--------------------------------*/
#countbox{
	position: fixed;
	top:130px;
	right: 0px;
	background-color: rgba(255,255,255,0.8);
	border: 1px solid #ccc;
	z-index: 1;
	padding: 10px;
	font-size: 14px;
	color: #000;
}
#countbox:before{
	font-family: "Font Awesome 5 Free";
	content: "\f11e";
	font-weight: 900;
	display: block;
	font-size: 26px;
	color: #006C61;
	margin: 0px 10px 0px 0px;
	z-index: 2;
	text-align: center;
}
#countbox span{
	color: #ba0000;
	font-weight: bold;
	font-size: 18px;
}
@media screen and (max-width:640px){
	#countbox{
		position: absolute;
		top:80px;
		z-index: 0;
	}
}
@media screen and (max-width:420px){
	#countbox{
		font-size: 12px;
	}
	#countbox:before{
		font-size: 18px;
	}
	#countbox span{
		font-size: 14px;
	}
}
/*------------------------------
メンバーページボタン修正
--------------------------------*/
a.base_btn{
	display: inline-block;
	padding:12px 30px 12px 30px;
	text-decoration: none;
	background: #fff;/*ボタン色*/
	color: #000;
	font-size:1.6rem;
	font-weight:500;
	box-shadow: 0px 0px 2px 2px #e2e2e2;
	cursor:pointer;
	border-radius:20px;
	line-height:140%;
	margin-bottom:15px;
}
a:hover.base_btn{
	background: #296043;/*ボタン色*/
	color:#fff;
}
/*------------------------------
メンバーログイン表示
--------------------------------*/
#countbox2{
	position: fixed;
	bottom: 355px;
	right: 0px;
	z-index: 1;
	width:90px;
	height:90px;
}
#countbox2 a{
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 45px 10px 5px 10px;
	background-color: rgba(0,108,97,1);
	font-size: 13px;
	color: #fff;
	position: relative;
	text-align: center;
	border:1px solid #fff;
}
#countbox2 a:before{
	font-family: "Font Awesome 5 Free";
	content: "\f2c2";
	font-weight: 900;
	display: block;
	position: absolute;
	top: 7px;
	left: 0;
	right: 0;
	font-size: 26px;
	color: #fff;
	margin: 0px auto 0px auto;
	z-index: 2;
	text-align: center;
}
#countbox2 a:hover{
	background-color: rgba(0,108,97,0.7);
}
@media screen and (max-width:768px){
	#countbox2{
		bottom: 308px;
		width:70px;
		height:70px;
	}
	#countbox2 a{
		font-size:0px;
		padding-top:30px;
	}
	#countbox2 a:before{
		font-size:20px;
		top:5px;
	}
	#countbox2 a:after{
		content: "登録会員ページ";
		font-size:12px;
		color:#fff;
	}
}
.ban_box{
	text-align:center;
	margin:10px;
}
.ban_box a{
	display:inline-block;
	margin:5px;
}