@charset "utf-8";
/* common.css */



html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
div#container {
	margin: 0 auto;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}



/******************************************************************

     スマートフォン以外は非表示

******************************************************************/

.sp_view {
	display:none;
}



/******************************************************************

     ヘッダー

******************************************************************/



header {
	width:100%;
	background-color:#000;
	height:50px;
	line-height:50px;
	padding:0 0 0 0;
	float:left;
}

header #logo_m {
	vertical-align:middle;
	margin:0 0 0 0;
	float:left;
}

header h1 {
	color:#FFF;
	padding:0 0 0 20px;
	white-space:nowrap;
	float:left;
}

header ul {
	background-color:#000;
	float:right;
}

header ul li {
	text-align:center;
	float:left;
}

header ul li.h_sns {
	width:50px;
	height:50px;
}

header ul li.h_recruit {
	width:100px;
	height:50px;
}

header ul li i {
	color:#FFF;
	font-size:30px!important;
	vertical-align:middle;
}

header ul li a {
	display:inline-block;
	text-decoration:none;
	color:#FFF;
	width:100%;
}

header ul li.h_recruit a {
	font-size:1.5rem;
	background-color:#F36;
}

header ul li.h_sns a:hover {
	background-color:#E60000;
	height:50px;
}

header ul li.h_recruit a:hover {
	background-color:#E30000;
}



/******************************************************************

     フッター

******************************************************************/

footer {
	font-size:1.2rem;
	font-weight:bold;
}





.footer_contents {
	background-color:#CC0000;
}

.footer_menu {
	display:flex;
}

.footer_menu div.ac {
	font-size:1.2rem;
	margin:1.0rem;
}

.footer_menu div.ac .ac_toggle {
	white-space:nowrap;
}

.footer_menu div.ac .ac_content a {
	padding:0 0 0 0.25rem;
	white-space:nowrap;
}

.footer_menu div.ac .ac_content a:hover {
	color:#FCC;
}

.footer_menu div.fun .ac_content ul {
	padding:0 0 1.0rem 0;
	float:left;
}

.footer_menu div.fun .ac_content ul li {
	float:left;
	margin:0.25rem;
	min-width:15.0rem;
}

.footer_menu div.fun {
	width:50%;
}

.footer_menu div.support,.footer_menu div.eco {
	width:25%;
}


.footer_menu div.ac .ac_content a {
	color:#FFF;
	text-decoration:none;
}




.copylight_contents {
	background-color:#990000;
	/*display:flex;*/
	display:table;
	width:100%;
}

.copylight_contents .copylight_menu ul {
	display:table-cell;
	vertical-align:top;
	width:50%;
}

.copylight_contents .copylight_menu ul li {
	margin:0 1.0rem;
	padding:1.6rem 0;
	white-space:nowrap;
	float:left;
}

.copylight_contents .copylight_menu ul li a {
	color:#FFF;
	text-decoration:none;
}


.copylight {
	display:table-cell;
	vertical-align:top;
	width:480px;
	text-align:right;
}

.copylight .t_copy {
	float:right;
}

.copylight #f_logo {
	padding:0.5rem;
	float:left;
	vertical-align:middle;
	
}

.copylight #f_logo img {
	width:100px;
	height:auto;	
}

.copylight p {
	padding:1.6rem;
	float:left;
	color:#FFF;
	text-align:right;
	white-space:nowrap;
}


/******************************************************************

     時計表示

******************************************************************/

time div#clock {
	width:95%;
	margin:auto auto;
	text-align:right;
	font-size:2.4rem;
	font-family: 'Russo One', sans-serif;
	color:#333;
	position:relative;
}

/*
time div {
	display:block;
}


time div:before {
	font-size:2.4rem;
	content:"";
	font-family: 'FontAwesome';
	content: "\f017";
	transform:rotate(0deg);
	color:#333;
	position:absolute;
	margin-left:-25px;
	margin-top:0;
}
*/


/******************************************************************

    メインコンテンツ部

******************************************************************/

#main_container {
	clear:both;
	width:100%;
	/*max-width:1280px;*/
	min-height:700px;
	margin:0 auto 0 auto;
}
#main_contents {
	position:relative;
	width:80%;
	float:right;
	/*padding-bottom:3.0em;*/
	box-sizing:border-box;
	background-color:#FFF;
}

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

	owlCarousel使用 スライド

================================================== */

.slide_image {
	margin:1.0em 0 5.0em 0;
	padding:2.0em 0;
}
.slide_image ul {
}
.slide_image ul li {
	margin:0 0;
	padding:0;
}
.slide_image ul li img {
	width:100%;
	height:auto;
}
/******************************************************************

     サブページ 各コンテンツ nav

******************************************************************/

#subMenu {
	display:none;
	position:absolute;
	/*
	top:0px;
	left:0px;
	*/
	z-index:10002; /* nav開閉ボタン メニュー基準値＋2 */
	/* ※PC画面では非表示だがサイズ変更時の表示遅延を防ぐため現箇所で指定 */
	-webkit-transition: all .5s;
	transition: all .5s;
}/*大画面では非表示*/





#main_contents_menu_bk {
	/*float:left;*/
	width:20%;
	height:100vh;
	position:fixed;
	background-color:#E60000;
	z-index:10000; /* メニュー基準値 */
}
#main_contents_menu {
	/*float:left;*/
	width:20%;
	/*height:100vh;*/
	/*position:fixed;*/
	position:absolute;
	/*background-color:#E60000;*/
	z-index:10001; /* メニュー基準値＋1 */
	-webkit-transition: all .5s;
	transition: all .5s;
}
.drawr.d_open {
	-webkit-transition: all .5s;
	transition: all .5s;
}

/*
.drawr_fixed {
	position:fixed;
	top:0;
	right:0;
	z-index: 1000;
}
*/


.sub_contents_guide {
	margin:0 0 0 0;
	/* ▼メニュー縦スクロール対策 */
	/*position:absolute;
	z-index:10001;*/ /* メニュー本項目 メニュー基準値＋1 */
}
.sub_contents_guide ul {
	width:100%;
	margin:auto auto;
}
.sub_contents_guide ul li {
	list-style:none;
	vertical-align:middle;
	position:relative;
	line-height:50px;
	margin:0 0 0 0;
}
.sub_contents_guide ul li a {
	color:#FFF;
	text-decoration:none;
	font-size:1.6rem;
	font-weight:bold;
	line-height:50px;
	box-sizing:border-box;
	display:block;
	padding:0 15px 0 35px;
}
.sub_contents_guide ul li:after {
	position:absolute;
	content:"";
	top:0;
	right:-15px;
	padding:0;
	width: 0;
	height: 0;
}
.sub_contents_guide ul li.actives a {
	position:relative!important;
}
/*
.sub_contents_guide ul li.actives a:after {
	font-size:14px;
	font-family: 'FontAwesome';
	content: "\f00c";
	position: absolute;
	transform:rotate(0deg);
	color:#F03;
}
*/

.sub_contents_guide ul li a:before {
	font-size:22px;
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	transform:rotate(0deg);
	color:#FFF;
	margin:0 0 0 -20px;
}

.sub_contents_guide ul li a:hover:before {
	color:#000;
}


.sub_contents_guide ul li.actives a:before {
	font-size:14px;
	font-family: 'FontAwesome';
	content: "\f00c";
	position: absolute;
	transform:rotate(0deg);
	color:#F03;
	margin:0 0 0 -24px;
}
.sub_contents_guide ul li.actives a {
	color:#000;
}
.sub_contents_guide ul li a:hover {
	background-color:#FF6;
	color:#000;
}


.sub_contents_guide  ul li.sp {
	display:none;
}


/**********/

/***************** ロゴ *******************/
/******* ロゴ大 *******/
#logo_l {
	padding:3.0rem 1.5rem 5.0rem 1.0rem;
}

#logo_l img {
	width:100%;
	max-width:280px;
	height:auto;
}

/******* ロゴ中 *******/
#logo_m {
	display:none;
}

/******* ロゴ小 *******/
#logo_s {
	display:none;
}









/******************************************************************

    Youtube 推奨

******************************************************************/

.movie {
	position: relative;
    width:100%;
	height:auto;
}

.movie:before {
    content:"";
    display: block;
    padding-top: 56.25%; /* 高さと幅の比を16:9に固定。9/16*100=56.25 */
}



.movie iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}






/********************************************************************************

   ページ上に戻る
   
********************************************************************************/

.pagetop {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index:1000;
}
.pagetop a {
	display: block;
	background-color:#333;
	border-radius:1px;
	color:#FFF;
	text-align: center;
	text-decoration: none;
	position:relative;
	width:4.0em;
	line-height:4.0em;
	opacity:0.8;
}
.pagetop a:hover {
	display: block;
	background-color:#F00;
}
.pagetop a:after {
	font-size:14px;
	content:"";
	font-family: 'FontAwesome';
	content: "\f102";
	transform:rotate(0deg);
	color:#FFF;
}




/* # =================================================================
   #
   # ボタンデザイン
   #
   # ================================================================= */


.btn_area {
	width:500px;
	margin:3.0rem auto 0 auto;
	padding:1.0rem;
	box-sizing:border-box;
}

.btn_area p {
	font-weight:bold;
	padding:0 0 1.0rem 0;
}

.button {
	display: inline-block;
	width: 100%;
	height: 60px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.qube_button {
	position: relative;
	-webkit-perspective: 300px;
	perspective: 300px;
}
.qube_button span {
	display: block;
	position: absolute;
	width: 100%;
	height: 60px;
	border: 2px solid #E60000;
	text-align: center;
	line-height: 56px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
}
.qube_button span:nth-child(1) {
	background-color:#E60000;
	color: #FFF;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.qube_button span:nth-child(2) {
	background-color: #FFF;
	color: #E60000;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.qube_button:hover span:nth-child(1) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.qube_button:hover span:nth-child(2) {
	background-color: #E60000;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}





.qube_button_green {
}
.qube_button_green span {
	border: 2px solid #393;
}
.qube_button_green span:nth-child(1) {
	background-color:#393;
}
.qube_button_green span:nth-child(2) {
	background-color: #FFF;
	color: #393;
}
.qube_button_green:hover span:nth-child(2) {
	background-color: #393;
}




/* シンプルボタン */





.common_btn {
	display: block;
	width: 100%;
	max-width:300px;
	height: 60px;
	margin:3.0rem auto 0 auto;
	padding:1.0rem;
	box-sizing:border-box;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}

.common_btn a {
    font-size: 1.25rem;
    min-width: 6.0rem;
    background-color: #F00;
    color: #FFF;
    text-decoration: none;
    display: block;
    padding: 0.25rem;
    border: 1px solid #FFF;
    -webkit-transition: all .3s;
    transition: all .3s;
}


.common_btn a:hover {
	border:1px solid #F00;
	background-color:#FFF;
	color:#F00;
}







/* # =================================================================
   #
   # 情報がない場合
   #
   # ================================================================= */

.no_info {
	margin:1.0rem 0.5rem;
	padding:1.0rem;
	/*border:1px solid #CCC;*/
	color:#333;
	font-weight:bold;
}



/**********************************************************************************************************************************************************************

     タブレット

**********************************************************************************************************************************************************************/







@media (min-width: 768px) and (max-width:1091px) {
	
/******************************************************************

     ヘッダー

******************************************************************/
header {
	background-color:#000;
	height:50px;
	line-height:50px;
	padding:0 0 0 70px;
}

header h1 {
	color:#FFF;
	padding:0 0 0 20px;
}


/******************************************************************

     フッター

******************************************************************/

.copylight_contents {
	background-color:#990000;
	display:block;
	width:100%;
}


.copylight_menu {
	display:block;
	width:100%;
}


.copylight_contents .copylight_menu ul {
	display:block;
	vertical-align:top;
	width:100%;
}

.copylight_contents .copylight_menu ul li {
	margin:0 1.0rem;
	white-space:nowrap;
	float:left;
}




.copylight {
	text-align:center;
}


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


.copylight .t_copy {
	display:block;
	text-align:center;
}


.copylight #f_logo {
	padding:0.5rem;
	float:left;
	vertical-align:middle;
	height:50px;
	line-height:50px;
}

.copylight #f_logo img {
	width:85px;
	height:auto;	
}

.copylight p {
	float:left;
	height:40px;
	line-height:40px;
	color:#FFF;
	text-align:right;
	white-space:nowrap;
	padding:0.5rem;
}







	
/******************************************************************

     ロゴ

******************************************************************/

/******* ロゴ大 *******/
#logo_l {
}

/******* ロゴ中 *******/
#logo_m {
	display:block;
	padding:1.0rem;
	width:120px;
	height:50px;
}

#logo_m img {
	width:100%;
	max-width:280px;
	height:auto;
	margin:-5px 0 0 0;
}

/******* ロゴ小 *******/
#logo_s {
	display:none;
}
	
	

/******************************************************************

     サブページ 各コンテンツ nav

******************************************************************/

#main_contents {
	width:100%;
}
/******************************************************************

   タブレットサイズ　サブページ 各コンテンツ nav ドロワー型メニュー

******************************************************************/

#main_contents_menu_bk {
	width:280px;
	/*position:fixed;*/
}
#main_contents_menu {
	width:280px;
	/*position:fixed;*/
}
.drawr {
	/*position:fixed;*/
	left:0;
	transform:translateX(-280px);
	-ms-transform:translateX(-280px);
	-webkit-transform:translateX(-280px);
	/*z-index:1;*/
	-webkit-transition: all .5s;
	transition: all .5s;
}
.d_open {
	/*position:fixed;*/
	transform:translateX(0);
	-ms-transform:translateX(0);
	-webkit-transform:translateX(0);
}
.drawr_c {
	transform:translateX(0);
	-ms-transform:translateX(0);
	-webkit-transform:translateX(0);
}
.c_open {
	transform:translateX(0);
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
}



#subMenu span {
    display: block;
    position: absolute;
    height: 4px;
    width: 60%;
    background: #FFF;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#subMenu span:nth-child(1) {
    top:11px;
	left:12px;
}
#subMenu span:nth-child(2) {
    top:22px;
	left:12px;
}
#subMenu span:nth-child(3) {
    top:33px;
	left:12px;
}

#subMenu.m_close span:nth-child(1) {
    top: 22px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
    }
#subMenu.m_close  span:nth-child(2) {
    width: 0;
    left: 50%;
    }
#subMenu.m_close  span:nth-child(3) {
    top: 22px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
}

div#subMenu {
	display:block;
	background-color:#E60000!important;
	right:-60px;
	/*z-index:1;*/
	color:#FFF;
	cursor:pointer;
	width:60px;
	line-height:30px;
	height:50px;
	text-align:center;
	font-size:1.2rem;
	/*position:absolute;*/
}

div#subMenu.m_close {
	display:block;
	background-color:#E60000!important;
	/*right:-60px;*/
	/*z-index:1;*/
	color:#FFF;
	cursor:pointer;
	width:60px;
	line-height:30px;
	height:50px;
	text-align:center;
	font-size:1.2rem;
	/*position:absolute;*/
	/*left:280px;*/
}


/* # =================================================================
   #
   # ボタンデザイン
   #
   # ================================================================= */


.btn_area {
	width:400px;
}




}




/**********************************************************************************************************************************************************************/
/**********************************************************************************************************************************************************************/


    /*スマートフォントサイズ*/


/**********************************************************************************************************************************************************************/
/**********************************************************************************************************************************************************************/




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




/******************************************************************

     メニュー

******************************************************************/

.sub_contents_guide {
	position:relative;
}



/******************************************************************

     メインコンテンツ

******************************************************************/

#main_contents {
	width:100%;
}
#main_container {
	margin:0 0 3.0em 0!important;
}
/* ==================================================

	owlCarousel使用 スライド

================================================== */

.slide_image {
	margin:1.0em 0 5.0em 0;
	padding:0;
}




/******************************************************************

     ヘッダー

******************************************************************/
header {
	background-color:#E60000;
	height:50px;
	line-height:50px;
	padding:0 0 0 70px;
}

header h1 {
	display:none;
}

header #logo_m {
	width:100%;
	text-align:center;
}

header #logo_m img {
	width:100px;
	height:auto;
	margin:-5px 0 0 -50px;
}


header ul {
	display:none;
}




/******************************************************************

     フッター

******************************************************************/

.footer_contents {
	background-color:#990000;
}

.footer_menu {
	display:block;
	width:100%;
}

.footer_menu div.ac {
	font-size:1.2rem;
	margin:0;
	width:100%;
	display:block;
}

.footer_menu div.ac .ac_toggle {
	display:block;
	white-space:nowrap;
	width:100%;
	background-color:#6F0000;
	color:#FFF;
	padding:1.0rem;
}

.footer_menu div.ac .ac_content a {
	display:block;
	white-space:nowrap;
	padding:1.0rem;
	width:100%;
}

.footer_menu div.ac .ac_content a:hover {
	color:#FFF;
	background-color:#C00;
}

.footer_menu div.fun {
	display:block;
}

.footer_menu div.fun .ac_toggle {
	width:100%;
}

.footer_menu div.fun .ac .ac_content ul {
	padding-bottom:0;
}


.footer_menu div.fun .ac .ac_content ul li {
	margin:0;
	width:50%;
	float:left;
	border-bottom:1px solid #FFF;
}

.footer_menu div.fun .ac .ac_content ul li:nth-child(odd) {
	border-right:1px solid #FFF;
}

.footer_menu div.fun .ac .ac_content ul li:nth-last-child(1),.footer_menu div.fun .ac .ac_content ul li:nth-last-child(2) {
	border-bottom:none;
}




.footer_menu div.fun {
	width:100%;
}

.footer_menu div.support,.footer_menu div.eco {
	width:100%;
	clear:both;
}

.footer_menu div.support .ac .ac_content ul li {
	border-bottom:1px solid #FFF;
}

.footer_menu div.support .ac .ac_content ul li:nth-last-child(1) {
	border-bottom:none;
}


.footer_menu div.ac .ac_toggle {
	position:relative;
	border-bottom:1px solid #903;
}


.footer_menu div.ac .ac_toggle:after {
	content:"\f055";
	position:absolute;
	right:1.0rem;
	top:1.0rem;
	font-family: FontAwesome /*FontAwesomeをフォント指定*/;
	color:#FFF;
	font-size:1.6rem;
}


.footer_menu div.ac .ac_open:after {
	content:"\f056";
}


.copylight_contents {
	background-color:#6F0000;
	display:block;
	width:100%;
}


.copylight_menu {
	display:block;
	width:100%;
}


.copylight_contents .copylight_menu ul {
	display:block;
	vertical-align:top;
	width:100%;
}

.copylight_contents .copylight_menu ul li {
	margin:0;
	padding:0;
	white-space:nowrap;
	clear:both;
	width:100%;
}

.copylight_contents .copylight_menu ul li a {
	display:block;
	padding:1.0rem;
	border-bottom:1px solid #903;
}

.copylight_contents .copylight_menu ul li a:hover {
	background-color:#C00;
}


.copylight {
	text-align:center;
}


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


.copylight .t_copy {
	display:block;
	text-align:center;
	width:100%;
}


.copylight #f_logo {
	display:none;
}


.copylight p {
	width:100%;
	clear:both;
	color:#FFF;
	text-align:center;
	white-space:nowrap;
	padding:0.5rem;
	background-color:#3C0000;
}


/******************************************************************

     時計表示

******************************************************************/

time div#clock {
	text-align:center;
	font-size:2.0rem;
	font-family: 'Russo One', sans-serif;
	background-color:#DDD;
	padding:0.25rem 0;
}

	
/******************************************************************

     ロゴ

******************************************************************/

/******* ロゴ大 *******/
#logo_l {
	display:none;
}

#logo_l img {
	display:none;
}

/******* ロゴ中 *******/
#logo_m {
	display:block;
	padding:1.0rem;
	width:120px;
	height:50px;
}

#logo_m img {
	width:100%;
	max-width:280px;
	height:auto;
	margin:-5px 0 0 0;
}

/******* ロゴ小 *******/
#logo_s {
	display:block;
	padding:1.0rem;
	width:100%;
	position:absolute;
	margin:0 0 0 0;
	top:-85px;
}
	
#logo_s img {
	width:90%;
	max-width:200px;
	height:auto;
}



/******************/





/******************************************************************

     サブページ 各コンテンツ nav

******************************************************************/
/*
body {
    overflow:auto;
}*/

#main_contents_menu_bk {
	width:100%;
	height:100vh;
	/*position:fixed;*/
	/*overflow:scroll;*/
}
#main_contents_menu {
	width:85%;
	/*margin-right:50px;*/
	margin-top:80px;
	/*height:100vh;*/
	/*position:fixed;*/
	/*overflow:scroll;*/
}
.drawr {
	/*position:fixed;*/
	left:0;
	transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	-webkit-transform:translateX(-100%);
	-webkit-transition: all .5s;
	transition: all .5s;
	/*z-index:1;*/
}/*閉じるとき*/
.d_open {
	/*position:fixed;*/
	transform:translateX(0);
	-ms-transform:translateX(0);
	-webkit-transform:translateX(0);
}
.drawr_c {
	transform:translateX(0);
	-ms-transform:translateX(0);
	-webkit-transform:translateX(0);
}
.c_open {
	transform:translateX(0);
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
}

#subMenu span {
    display: block;
    position: absolute;
    height: 4px;
    width: 60%;
    background: #FFF;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#subMenu span:nth-child(1) {
    top:11px;
	left:12px;
}
#subMenu span:nth-child(2) {
    top:22px;
	left:12px;
}
#subMenu span:nth-child(3) {
    top:33px;
	left:12px;
}

#subMenu.m_close span:nth-child(1) {
    top: 22px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
    }
#subMenu.m_close  span:nth-child(2) {
    width: 0;
    left: 50%;
    }
#subMenu.m_close  span:nth-child(3) {
    top: 22px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
}


div#subMenu {
	display:block;
	background-color:#E80000!important;
	right:-60px;
	/*z-index:1;*/
	color:#FFF;
	cursor:pointer;
	width:60px;
	line-height:30px;
	height:50px;
	text-align:center;
	font-size:1.2rem;
	/*position:absolute;*/
}

div#subMenu.m_close {
	display:block;
	background-color:#E80000!important;
	right:0;
	/*z-index:1;*/
	color:#FFF;
	cursor:pointer;
	width:60px;
	line-height:30px;
	height:50px;
	text-align:center;
	font-size:1.2rem;
	/*position:absolute;*/
	/*left:auto;
	right:0px;*/
}


.sub_contents_guide ul {
	/*margin:15% auto auto auto;*/
	/*float:left;*/
	/*top:50px;*/
}

.sub_contents_guide ul li a {
	color:#FFF;
	text-decoration:none;
	font-size:1.4rem;
	font-weight:bold;
	line-height:40px;
	box-sizing:border-box;
	display:block;
	padding:0 15px 0 35px;
}



.sub_contents_guide ul li.sp {
	display:block;
}



/********************************************************************************

   YouTubeコンテンツ用
   
********************************************************************************/

.video_tab {
	width:100%;
	display:block;
	padding:0.5em;
	box-sizing:border-box;
}
.video_tab .video-wrap {
	max-width:100%!important;
	height:auto;
}
.video_tab .video-wrap {
	position: relative;
}


.video-wrap a:before {
	content:"";
	font-size:7.0rem;
	font-family: 'FontAwesome';
	content: "\f16a";
	transform:rotate(0deg);
	height:auto;
	color:#FFF;
	position:absolute;
	top:32%;
	left:40%;
	transition: color .5s;
	opacity:0.7;
}


.movie {
	position: relative;
    width:100%;
	height:100%;
}

.movie:before {
    content:"";
    display: block;
    padding-bottom: 56.25%; /* 高さと幅の比を16:9に固定。9/16*100=56.25 */
}


.movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}







/* # =================================================================
   #
   # ボタンデザイン
   #
   # ================================================================= */


.btn_area {
	width:100%;
}



/* # =================================================================
   #
   # アコーディオン処理
   #
   # ================================================================= */

.ac_content {
	display:none;
}



/******************************************************************

     スマートフォンであれば非表示・表示

******************************************************************/

.sp_hide {
	display:none;
}

.sp_view {
	display:block;
}


}