@charset "utf-8";
/* CSS Document */

/*===============
base
=================*/

/*全体*/
.pc-only {
	display: none;
}
.pc-tab-only {
	display: none;
}
.tab-only {
	display: none;
}
.tab-sp-only {
	display: block;
}
.sp-only {
	display: block;
}
#all {
	width: 100%;
	overflow:hidden;

}
/*==================
header
====================*/

#all #header-area {
	width: 100%;
}
#all #header-area #header01 #header01_area {
	width: 100%;
}
#all #header-area #header01 {
	width: 100%;
	height: 85px;
}
#all #header-area #header01 #header01_area #header-title {
	/*		float: left;
	margin-top: 58px;
margin-left: -15px; 
width: 50%;
max-width:100%;*/


	width: 50%;
	height: auto;
	margin-top: 53px;
	margin-left: -30px;
}
#all #header-area #header01 #header01_area #header-title h2 a {
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
	background-size: 141px 22px;
	-webkit-background-size: 141px 22px;
	-moz-background-size: 141px 22px;
	-o-background-size: 141px 22px;
	-ms-background-size: 141px 22px;
}
#all #header-area #header01 #header01_area #header-title h2 {
/*margin: 0px;
	padding: 0px;
	position:absolute;
top:58px;
left:93px;
*/
/*
float: left;
	margin-top: 58px;
margin-left: -15px; 
*/
}
/*header左側の設定*/

#all #header-area #header01 #header01_area #emblem {
	height: auto;
	float: left;
}
#all #header-area #header01 #header01_area #emblem h1 {
	margin-left: 0px;
	margin-top: 0px;
}
#all #header-area #header01 #header01_area #emblem img {
	height: auto;
	width: 78%;
}
/*header右側の設定*/

#all #free_area {
	width: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
}
#all #header-area #header01 #header01_area #free_area {
	float: right;
	width: 64%;
	height: 55px;
	overflow: hidden;
	zoom: 1;
	margin-right: 10px;
	_margin-right: 5px; /*IE6*/
}
#all #header-area #header01 #header01_area #free_area img {
	height: auto;
	max-height: 100%;
	max-width: 100%;
}
#all #header-area #header01 #header01_area #free_area .header_logo {
	float: right;
	margin-left: 3px;
	width: 22%;
}
#global_nav {
	float: right;
	/* background-color: #a3a3a3; */
	background-color: #070e1c;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	margin-top: -35px;
	color: #fff;
	margin-right: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 150%;
}
/*グローバルナビゲーション*/

#all #global-nav {
	display: none;
}
#all #header02 {
	display: none;
}
/*main img*/

#all #main-content #main_img {
	width: 100%;
	height: auto;
}
/*==================
contents
====================*/

/*==================
sidebar
====================*/


/*==================
footer
====================*/

#all #copy_right #copy_area {
	width: auto;
	margin-right: auto;
	margin-left: auto;
}
img {
	max-width: 100%;
	height: auto;
}
.title-img img {
	width: 100%;
	height: auto;
}
.title-photo-img img {
	width: 100%;
	height: auto;
}
#all #footer_area {
	width: 100%;
}
#all #footer_area .sponsor_bnr {
	width: 100%;
}
#all .loopslider {
	width: 100%;
}
.matches-img img {
	width: 100%;
	height: auto;
}
/*sp menu*/

#sp_menu a {
	color: #FFF;
	padding: 5px;
}
#sp_menu a:hover {
	color: #FFF;
	padding: 5px;
	text-decoration: none;
}
#jPanelMenu-menu {
	background-color: #070e1c;
}
#jPanelMenu-menu {
	background-color: #070e1c;
	font-size: 110%;
}
#jPanelMenu-menu ul li {
	padding: 1.0em 0 0.5em 1em;
	/*  border-bottom: solid 1px #ffffff; */
	border-top: solid 1px #ffffff;
}
#jPanelMenu-menu ul li#home {
	background: url(../images/all/icon/icon_top.png) no-repeat 10px 14px #070e1c;
	padding-left: 21px;
	background-size: 16px 16px;
}
#jPanelMenu-menu ul li#list_tour {
	background: url(../images/all/icon/icon_tour.png) no-repeat 10px 14px #070e1c;
	padding-left: 21px;
	background-size: 16px 16px;
}
#jPanelMenu-menu ul li#list_branch {
	background: url(../images/all/icon/icon_branch.png) no-repeat 10px 14px #070e1c;
	padding-left: 21px;
	background-size: 16px 16px;
}
#jPanelMenu-menu ul li#list_common {
	background: url(../images/all/icon/icon_company.png) no-repeat 10px 14px #070e1c;
	padding-left: 21px;
	background-size: 16px 16px;
}
#jPanelMenu-menu ul li#list_about {
	background: url(../images/all/icon/icon_about.png) no-repeat 10px 14px #070e1c;
	padding-left: 21px;
	background-size: 16px 16px;
}
#jPanelMenu-menu ul li#list_information {
	background: url(../images/all/icon/icon_information.png) no-repeat 10px 14px #070e1c;
	padding-left: 21px;
	background-size: 16px 16px;
}
#jPanelMenu-menu ul li#list_report {
	background: url(../images/all/icon/icon_report.png) no-repeat 10px 14px #070e1c;
	padding-left: 21px;
	background-size: 16px 16px;
}
#jPanelMenu-menu ul li#list_member {
	background: url(../images/all/icon/icon_member.png) no-repeat 10px 14px #070e1c;
	padding-left: 21px;
	background-size: 16px 16px;
}
#jPanelMenu-menu ul li#list_movie {
	background: url(../images/all/icon/icon_movie.png) no-repeat 10px 14px #070e1c;
	padding-left: 21px;
	background-size: 16px 16px;
}
#jPanelMenu-menu ul li#list_company {
	background: url(../images/all/icon/icon_company.png) no-repeat 10px 14px #070e1c;
	padding-left: 21px;
	background-size: 16px 16px;
}
#jPanelMenu-menu ul li#list_sp {
	background: url(../images/all/icon/icon_sp.png) no-repeat 10px 14px #070e1c;
	padding-left: 21px;
	background-size: 16px 16px;
}
#jPanelMenu-menu ul li#list_fb {
	background: url(../images/all/icon/icon_fb.png) no-repeat 10px 14px #070e1c;
	padding-left: 21px;
	background-size: 16px 16px;
}
#jPanelMenu-menu ul li#list_etc {
	background: url(../images/all/icon/icon_etc.png) no-repeat 10px 14px #070e1c;
	padding-left: 21px;
	background-size: 16px 16px;
}
#jPanelMenu-menu ul li#list_mail {
	background: url(../images/all/icon/icon_mail.png) no-repeat 10px 14px #070e1c;
	padding-left: 21px;
	background-size: 16px 16px;
}
#jPanelMenu-menu ul li a {
	display: block;
	padding: 0.5em 0 0.5em 1em;
	color: #ffffff;
	text-decoration: none;
}
#jPanelMenu-menu ul li a:hover {
	display: block;
	padding: 0.5em 0 0.5em 1em;
	color: #ffffff;
}
#jPanelMenu-menu ul li:not(.first) a {
	background: url("../images/all/icon/arrow_right.png") no-repeat 1em 10px;
	padding-left: 35px;
	background-size: 10px 10px;
}
#jPanelMenu-menu ul li.first {
	background-color: #070e1c;
	padding-left: 10px;
}
#all #global_nav a {
	color: #FFF;
text-decoration:none:
}
#all #global_nav a:hover {
	color: #FFF;
text-decoration:none:
}
#all .sp-none {
	display: none;
}
#all .pc-none {
	display: block;
}
#sidr {
	display: block;
}
#global_nav {
	display: block;
}
#jPanelMenu-menu ul {
	display: block;
}
#sidr {
	display: none;
}
/*btn change*/
.btn_tab.cf img {
	height: auto;
	width: auto;
}
/*タブ2つの場合 ここから*/

#ranking-tab .btn_tab.cf .rankng_j1 {
	float: left;
	height: 11px;
	width: 50%;
}
#ranking-tab .btn_tab.cf .rankng_ync {
	float: left;
	height: 11px;
	width: 50%;
}
/*タブ2つの場合 ここまで*/

/*タブ3つの場合 ここから*/

/*

#ranking-tab .btn_tab.cf .rankng_j1 {
	float: left;
height: 11px;
	width:33%;
}

#ranking-tab .btn_tab.cf .rankng_ync {
	float: left;
height: 11px;width:33%;
}


#ranking-tab .btn_tab.cf .rankng_acl {
	float: left;
height: 11px;width:34%;
}
*/

/*タブ3つの場合 ここまで*/

#ranking-tab .tab-area {
	margin: 0px;
	padding: 0px;
	height: auto;
}
#ranking-tab .btn_tab.cf {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: auto;
	overflow: hidden;
}
#ranking-tab .container_tab tr td {
	padding: 1px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e4;
}
.gd {
	width: 10%;
}
#all #main-content .title-img {
	margin: 0px;
	padding: 0px;
	height: auto;
}
#ranking-tab .container_tab {
	margin: 0px;
	padding: 0px;
	font-size: 6px;
	line-height: 10px;
}
#all #ranking-tab .kashima_team {
	color: #FFF;
	background-color: #9a0225;
	text-align: left;
	padding-left: 0px;
	font-weight: bold;
}
#all #ranking-tab .other_team {
	text-align: left;
	padding-left: 0px;
}
/*youtube*/

.video {
	position: relative;
	magin-bottom: 30px;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*matches-area*/
.matches-area .matches-block {
	height: auto;
	overflow: hidden;
	zoom: 1;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.matches-area .matches-block .matches-img {
	float: left;
	width: 30%;
	text-align: left;
}
.matches-area .matches-block .matches-text {
	float: right;
	overflow: hidden;
	zoom: 1;
	width: 70%;
	line-height: 9px;
	font-size: 55%;
}
.matches-area .matches-block .matches-text .days {
	float: left;
	width: 28%;
	text-align: right;
}
.matches-area .matches-block .matches-text .text {
	float: right;
	width: 68%;
	text-align: left;
	padding-left: 1px;
}
.matches-area .matches-block .more {
	clear: both;
	float: right;
	margin-top: 1px;
	text-align: right;
	width: 18%;
	margin-bottom: -5px;
}
.matches-area .matches-block .more img {/*width:30%;*/
}
.matches-area .matches-block .more_photo {
	/* clear:both; */
	float: right;
	margin-top: 1px;
	text-align: right;
	width: 30%;
	margin-bottom: -5px;
}
.matches-area .matches-block .more_photo img {/* width:30%; */
}
.top_right_more {
	text-align: right;
	margin-top: 3px;
	display: block;
	margin-right: 5px;
}
.top_right_more {
	text-align: right;
	margin-top: 3px;
	display: block;
	margin-right: 5px;
}
.top_right_more img {
	width: 20%;
}
/*sponsor*/


#all .sponsor_bnr .s_title img {
	height: auto;
	width: 25%;
}
#top #all #footer_area .sponsor_bnr .s_title {
	margin-bottom: 10px;
}
.loopslider {
	height: 50px;
	margin-bottom: 5px;
	width: 100%;
}
#all .loopslider ul {
	width: 100%;
}
#all .loopslider ul li {
	width: 97px;
}
#all .loopslider ul li img {
	height: auto;
	width: 100%;
}
.fadeTopBtn a {
	background-color : #fff;
	display : block;
	padding : 5px 7px;
	color : #b10d0f;
	font-size: 100%;
	text-decoration: none;
}
.fadeTopBtn a:hover {
	background-color : #fff;
	display : block;
	padding : 5px 7px;
	color : #b10d0f;
	font-size: 100%;
	text-decoration: underline;
}
/*第2階層*/

#sub-contents #left-contents {
	display: none;
}
#sub-contents #center-contents {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 95%;
}
#sub-contents #right-contents {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	width: 94%;
	border: 1px solid #dedbda;
	float: right;
	text-align: left;
}
.page-title-sp {
	width: 100%
}
.page-title {
	background-image: url(../images/contents/bar/bar04.gif);
	background-repeat: no-repeat;
	/* width:auto;
height:auto; */
	text-align: left;
	font-size: 250%;
	padding-left: 35px;
	padding-top: 7px;
	font-weight: bold;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
}
.main-text-area tr .t-img .center img {
	padding: 1px;
}
/*試合日程・結果*/
.block_game_search ul li {
	float: left;
	display: block;
	background-image: url(../images/contents/ico/ico03.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	width: 100%;
	font-size: 150%;
}
.game_table {
	margin-bottom: 15px;
	line-height: 22px;
}
.result_table table {
	width: 100%;
	text-align: center;
	font-size: 50%;
	line-height: 16px;
}
.result_table table tr .t01 {
	width: 15%;
}
.result_table table tr .t02 {
	width: 13%;
}
.result_table table tr .t03 {
	width: 13%;
}
.result_table table tr .t04 {
	width: 17%;
}
.result_table table tr .t05 {
	width: 7%;
}
.result_table table tr .t06 {
	width: 24%;
}
.result_table table tr .t07 {
	width: 11%;
}
/* players staff */

#all .sp-block {
	display: block;
	width: 99%;
}
.clubs_area .top_player ul .player_area .player_left .position_number {
	display: block;
	text-align: left;
	font-weight: bold;
	color: #b9193f;
	font-size: 100%;
	margin-top: 1px;
	margin-bottom: 0px;
}
.clubs_area .top_player ul .player_area .player_left .pos {
	display: block;
	text-align: left;
	line-height: 17px;
	display: block;
	letter-spacing: 0px;
	font-size: 90%;
	margin-top: 0px;
}
.clubs_area .detail {
	text-align: left;
	font-size: 90%;
	letter-spacing: 0px;
}
#all .tab-right {
	margin-right: 1px;
}
.pc-mr15 {
	margin-right: 5px;
}
#all #center-contents img {
	height: auto;
	width: 100%;
}
/*MDP用*/

.mdp-bg {
	background-color: #FFF;
	position: relative;
}
.mdp-bg .mdp-logo-area {
	color: #333;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	margin-top: 0px;
	width: 100%;
	z-index: -1;
}
.mdp-bg .mdp-logo-area .mdp-logo {
	margin: auto;
	width: 100%;
}
/*MDP*/

.contents-block-left .top-text {
	position: absolute;
	bottom: 0px;
	padding: 5px;
	font-size: 78%;
	text-align: left;
}
.contents-block-right .top-text02 {
	position: absolute;
	bottom: 0px;
	padding: 5px;
	font-size: 78%;
	text-align: left;
}
.contents-block-right .top-text {
	position: absolute;
	bottom: 0px;
	padding: 5px;
	font-size: 78%;
	text-align: left;
}
/*MDP*/

#mdp-area .mdp-text {
	text-align: left;
	font-size: 140%;
	line-height: 26px;
}
#mdp-area {
	padding: 10px;
}
.mdp-text .mdp-text-area {
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
.mdp-text .finish {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	color: #F00;
	font-weight: bold;
	font-size: 200%;
	text-align: center;
	line-height: 36px;
}
.mdp-navi-header {
	width: 100%;
}
#content .mdp-navi-footer {
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.mdp-navi-footer ul li {
	float: left;
	width: 10.8%;
	margin-left: 1px;
}
.mdp-navi-footer ul li img {
	width: 100%;
	height: auto;
}
.mdp-navi-footer ul {
	overflow: hidden;
	list-style: none;
}
#mdp-area .pagelink {
	overflow: hidden;
	padding: 5px;
}
#mdp-area .pagelink li {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}
.mdp-text-area table td {
	font-size: 70%;
}

.cntYouTube {
    position: relative;
    width: 100%;
    padding: 75% 0 0 0;
}
.cntYouTube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*youtube*/

.video {
    position: relative;
    magin-bottom: 30px;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
  
.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*==================
header
====================*/

#all #header-area {width:100%;}
#all #header-area #header01 #header01_area {width:100%;}




 #all #header-area #header01 {width:100%;height: 67px;}
 
#all #header-area #header01 #header01_area #header-title {
	/*		float: left;
	margin-top: 58px;
	margin-left: -15px; 
	width: 50%;
	max-width:100%;*/
	
	
	width:50%;
	height: 55px;
	margin-top: 19px;
	margin-left: -56px;
	
	
	
}

#all #header-area #header01 #header01_area #header-title h2 a {
	width: 175px;
	height: 40px;
	display: block;
	overflow: hidden;	/* background-size: 141px 22px; */	/* -webkit-background-size: 77% 77%; */
	   /* -moz-background-size: 141px 22px; */
	   /* -o-background-size: 141px 22px; */
	   /* -ms-background-size: 141px 22px; */
}
#all #header-area #header01 #header01_area #header-title h2 {
	margin: 0px;
	padding: 0px;
		background-image: url(../img/all/top-title-sp.png);
	background-repeat: no-repeat;
	height: 55px;
	width: 100%x;
	display: block;
	text-indent: -7777px;
	overflow: hidden;
		margin: 0px;
	padding: 0px;
	background-size:27%;
}
 #all #header-area #header01 #header01_area #header-title h2 img {width: 100%;
height: auto;}
 
/*header左側の設定*/

 #all #header-area #header01 #header01_area #logo {
	height: auto;
	margin-top: 14px;
	width: 240px;
	margin-left: 10px;
	float: left;
}
#all #header-area #header01 #header01_area #logo h1 {margin-left:0px; margin-top:0px;}
 #all #header-area #header01 #header01_area #logo img {
	height: auto;
	width: 100%;
}




/*header右側の設定*/

#all #free_area {width:100%; position:absolute; right:0px; top:0px;}

#all #header-area #header01 #header01_area #free_area {
	float: right;
	width:68%;
	/* height: 55px; */
	overflow:hidden;
	zoom:1;
	margin-right: 10px;
	_margin-right: 5px; /*IE6*/
}

#all #header-area #header01 #header01_area #free_area img {
	height: auto;
	/* max-height: 100%; */
	max-width: 100%;
	width: 100%;
	
}



#all #header-area #header01 #header01_area #free_area .header_logo {
	float: right;
	margin-left: 5px;
	width:14%; 
}

#all #header-area #header01 #header01_area #free_area .header_logo_jp {
	float: right;
	margin-left: 5px;
	width:20%; 
}

#all #header-area #header01 #header01_area #free_area .menu-area {
	float: right;
	margin-left: -10px;
	/*width:22%; */
	padding: 0px;
	margin: 0px;
	width: 55px;
	
	margin-top: 18px;
}

#openMenu{position:absolute;top: 9px;right: -16px;}
#openMenu img {width:70%; height:auto;}

#content .mdp-navi-footer02 {
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.mdp-navi-footer02 ul li {
	float: left;
	width: 19.7%;
	margin-left: 1px;
	margin-bottom: 1px;
}
.mdp-navi-footer02 ul li img {
	width: 100%;
	height: auto;
}
.mdp-navi-footer02 ul {
	overflow: hidden;
	list-style: none;
}

#content .mdp-navi-footer03 {
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.mdp-navi-footer03 ul li {
	float: left;
	width: 24.7%;
	margin-left: 1px;
	margin-bottom: 1px;
}
.mdp-navi-footer03 ul li img {
	width: 100%;
	height: auto;
}
.mdp-navi-footer03 ul {
	overflow: hidden;
	list-style: none;
}

#content .mdp-navi-footer04 {
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.mdp-navi-footer04 ul li {
	float: left;
	width: 16.4%;
	margin-left: 1px;
	margin-bottom: 1px;
}
.mdp-navi-footer04 ul li img {
	width: 100%;
	height: auto;
}
.mdp-navi-footer04 ul {
	overflow: hidden;
	list-style: none;
}

#content .mdp-navi-footer05 {
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.mdp-navi-footer05 ul li {
	float: left;
	width: 19.7%;
	margin-left: 1px;
	margin-bottom: 1px;
}
.mdp-navi-footer05 ul li img {
	width: 100%;
	height: auto;
}
.mdp-navi-footer05 ul {
	overflow: hidden;
	list-style: none;
}

/*sns*/

#all #main-content #content .contents-block-sns {
	width: 48%;
	height: auto;
	padding-right: 5px;
	height:110px !important;
	float: right;
}

#all #main-content #content .contents-block-sns iframe {
height:110px !important;
}

/*bridge*/
.bridge {margin-top:0px;}
#all #main-content #content .contents-block-left-bridge {
	width: 97.5%;
	height: auto;
	padding: 5px;
}
#all #main-content #content .contents-block-left-bridge img {margin-bottom:10px;}
#all #main-content #content .contents-block-right-bridge {
	width: 97.5%;
	height: auto;
	padding: 5px;
}
#all #main-content #content .contents-block-right-bridge img {margin-bottom:10px;}

iframe#twitter-widget-0.twitter-timeline.twitter-timeline-rendered {height:400px!important;}

#content .mdp-navi-footer06 {
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.mdp-navi-footer06 ul li {
	float: left;
	width: 14%;
	margin-left: 1px;
	margin-bottom: 1px;
}
.mdp-navi-footer06 ul li img {
	width: 100%;
	height: auto;
}
.mdp-navi-footer06 ul {
	overflow: hidden;
	list-style: none;
}

 #all #header-area #header01 #header01_area #sponsor-logo {
	float: left;
	margin-top: 28px;
	
}

#all #header-area #header01 #header01_area #sponsor-logo img    {width: 90px;
height: auto;}

 #all #header-area #header01 #header01_area .sponsor-spec {
	height: auto;
	margin-top: 20px;
	margin-right: 10px!important;
	float: left;
	width: 180px!important;
	margin-left: 15px;
}



 #all #header-area #header01 #header01_area .sponsor-spec img {
	height: auto;
		width: 100%!important;
}

 #all #header-area #header01 #header01_area #logo02 {
	height: auto;
	margin-top: 24px;
	width: 350px;
	margin-left: 5px;
	float: left;
}
#all #header-area #header01 #header01_area #logo02 h1 {margin-left:0px; margin-top:0px;}
 #all #header-area #header01 #header01_area #logo02 img {
	height: auto;
	width: 85%;
}


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


 #all #header-area #header01 #header01_area #sponsor-logo {
	float: left;
	margin-top: 30px;
	
}

#all #header-area #header01 #header01_area #sponsor-logo img    {width:70px;
height: auto;}

 #all #header-area #header01 #header01_area .sponsor-spec {
	height: auto;
	margin-top: 20px;
	margin-right: 10px!important;
	float: left;
	width: 160px!important;
	margin-left: 15px;
}



 #all #header-area #header01 #header01_area .sponsor-spec img {
	height: auto;
		width: 100%!important;
}

 #all #header-area #header01 #header01_area #logo02 {
	height: auto;
	margin-top: 28px;
	width: 350px;
	margin-left: 5px;
	float: left;
}
#all #header-area #header01 #header01_area #logo02 h1 {margin-left:0px; margin-top:0px;}
 #all #header-area #header01 #header01_area #logo02 img {
	height: auto;
	width: 69%;
}

}

/*スライダー*/

.hide{
	display:none;
}

#main-img {
	width: 100%;
	min-width: 100%;
	text-align: center;
	clear: both;
	height: auto;
	/* min-height: 100%; */
	display:block;
	/* padding-top: 15px; */
	overflow: hidden;
}

#all .mod-bxslider-demo-01 .main-img-box{
	position:relative;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	height: auto;
	overflow: hidden;
}
#all .mod-bxslider-demo-01 ul { /*overflow: hidden; */}
#all .mod-bxslider-demo-01 li {list-style:none;position:relative;/* width: 100%!important; */}


#all .bx-viewport:before,
#all .bx-viewport:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100%;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 1000;
}

#all .bx-wrapper .bx-viewport {
	overflow: visible !important;
	left: 0;
	border-width: 0;
	box-shadow: none;
}

#all .bx-viewport:before {
	right: 100%;
	left: -100%;
}

#all .bx-viewport:after {
	left: 100%;
	right: -100%;
}

.bx-wrapper {
	position: relative;
	margin: 0 auto -1px!important;
	padding: 0;
	*
	zoom: 1;
	z-index: 2;
}

#footer {
    height: auto;
    line-height: 10px;
	background-color: none;
	color: #fff;
	text-align: center;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-image: none;
/*	background-repeat: repeat-x; */
background-position: center;
background-repeat: no-repeat;
z-index:9999;
}

 #footer .f-btn {
	background-image: none!important;
}


#footer  a {color:#FFF; text-decoration:none;}
#footer  a:hover {color:#FFF;}
#content .introduction {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;
	height: auto;
	/* color: #FFF; */
	padding-left: 5px;
	padding-right: 5px;
	width: 97%;
	font-size: 150%;
}
.introduction .intro01 {
	/* position: static; */
	/* left: 0px; */
	/* top: 0px; */
	display: block;
	margin-bottom: 15px;
	width: 100%;
}
.introduction .intro02 {
	/* position: static; */
	/* top: 0px; */
	/* right: 0px; */
	width: 100%;
	line-height: 28px;
	text-align: left;
	/* margin-bottom: 15px; */
}
.introduction .intro03 {
	position: static;
	top: 260px;
	right: 40px;
	margin-bottom: 15px;
}
.introduction .intro04 {
	/* position: static; */
	/* left: 10px; */
	/* top: 540px; */
	text-align: left;
	line-height: 28px;
	margin-bottom: 30px;
	width: 100%;
}
.intro-a {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 5px;
}
#content .title-area {
	background-color: #A50A0A;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #FFF;
	font-weight:bold;
	font-size: 200%;
	text-align: center;
}
#content .contents-box {
	padding-top: 0px;
	padding-bottom: 30px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 5px;
	padding-right: 5px;
	width: 97%;
}
.contents-box table {background-color: #FFF; line-height:28px; width:100%;border-collapse:collapse;}
.contents-box table tr th {
	padding: 5px;
	border: 3px solid #333;
	background-color:#FFF;
	font-size: 130%;
}
.contents-box table tr td {
	padding: 10px;
	border: 3px solid #333;
	text-align:left;
	width:33%;
	font-size: 130%;
}
.text-a {
	color: #FFF;
	line-height: 28px;
	font-weight: normal;
	text-align: left;
	font-size: 120%;
}
.contents-box .step {
	color: #FFF;
	font-size: 120%;
	line-height: 28px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 150%;
}


#content .contents-box .t002 tr td {
	padding: 10px;
	border: 3px solid #333;
	text-align:center;
	width:16.6%;
	font-size: 140%;
}

#content .contents-box .t002 tr .t-left {text-align:left;!important}

#content .contents-box .t003 tr td {
	border: 3px solid #333;
	text-align:center;
	width:12.5%;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	font-size: 120%;
}

#content .offshot {
	width: 100%;
	margin-top: 30px;
	padding-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
}


.top .shopbtn:hover {
	opacity: 0.95;
	filter: alpha(opacity=95);
	-ms-filter: “alpha( opacity=95 )”;
}

#main-content .sns {
	margin-bottom: 0px;
}

#wrapper
{
	width: 100%;
	min-height: calc(100vh - 50px);
	padding-bottom:0px;
	
}

#boxArea .fbbtn {display: inline-block;
    width: 70px;
    height: 70px;
    margin-left: 0px;
    margin-right: 0px;}

	#boxArea .fbbtn img {    width: 70px;
    height: 70px;}
	
	#boxArea .linebtn {display: inline-block;
    width: 70px;
    height: 70px;
    margin-left: 10px;
    margin-right: 0px;}

	#boxArea .linebtn img {    width: 70px;
    height: 70px;}

	#boxArea .twitterbtn {
    display: inline-block;
    width: 70px;
    height: 70px;
    margin-left: 10px;
    margin-right: 0px;
    }
    
	#boxArea .twitterbtn img {    width: 70px;
    height: 70px;}
	
	    .introduction .intro03 img{width:100%;
	height:auto;}

#content .contents-box .t004 tr td {
	padding: 3px;
	border: 3px solid #333;
	text-align:center;
	width:12.5%;
		font-size: 120%;
}

/*320px*/
@media screen and (max-width: 320px) {
	
	#content .contents-box .t004 tr td {
	padding: 2px;
	border: 3px solid #333;
	text-align:center;
	width:12.5%;
		font-size: 100%;
}

	#content .contents-box .t004 tr th {
	padding: 2px;
	border: 3px solid #333;
	background-color:#FFF;
		font-size: 100%;
}
	
}

	.h900 {height:auto!important;}

	.introduction .intro01 img {width: 100%!important; height: auto;}
	.introduction .intro04 img{width: 100%!important; height: auto;}
.contact {/* color: #FFF; */width: 94%;margin-left: auto;margin-right: auto;margin-bottom: 30px;margin-top: 30px;text-align: center;line-height: 32px;border: 4px solid #a20000;padding-top: 15px;padding-bottom: 15px;font-size:150%;}

#layerMenu ul li a {text-decoration:none!important;}
.button_link{
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    color: #ffffff;
    padding: 0px 0px;
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #d22851, #aa1338);
    background-image: -moz-linear-gradient(top, #d22851, #aa1338);
    background-image: -ms-linear-gradient(top, #d22851, #aa1338);
    background-image: -o-linear-gradient(top, #d22851, #aa1338);
    background-image: linear-gradient(to bottom, #d22851, #aa1338);
    -webkit-border-radius: 12;
    -moz-border-radius: 12;
    border-radius: 12px;
    background-size: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    display: block;
    width: 90%;
    }

.button_link:hover{color: #FFF!important; text-decoration: none!important;
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #e73863, #c01a42);
  background-image: -moz-linear-gradient(top, #e73863, #c01a42);
  background-image: -ms-linear-gradient(top, #e73863, #c01a42);
  background-image: -o-linear-gradient(top, #e73863, #c01a42);
  background-image: linear-gradient(to bottom, #e73863, #c01a42);
}

#layerMenu #close-btn {
        /* background-color: #000122; */
        /* width: 100%; */
        /* height: 54px; */
        padding-top: 8px;
        padding-bottom: 5px;
        /* right: 6px; */
        /* position: relative; */
}

#all #close-btn img{
	vertical-align: top;
	width: 52.5px;
	height: auto;
	margin-right: 6px;
	margin-top: 1px;
	}

	body.top .pageTop {
	display: none;
	background: #656565;
	border-radius: 5px;
	color: #fff !important;
	padding: 10px 15px;
	position: fixed;
	bottom: 40px;
	right: 10px;
	z-index: 999;
	-webkit-transform: translate3d(0px, 0px, 1px);
	-webkit-transition: .2s -webkit-transform ease-in-out;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-size: 90%;
	cursor:pointer;
}

.intro03 .pc-only {display: none!important;}
.intro03 .tab-sp-only {display: inline!important;}

#content .f-btnArea {
	width: 97%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-top: 30px;
}

@media screen and (min-width: 300px) and (max-width: 349px) {
.btnA {    font-size: 130%;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    padding: 0px 0px;
    background: -moz-linear-gradient(
    top,
    #ffa958 0%,
    #ff7b00);
    background: -webkit-gradient(
    linear, left top, left bottom,
    from(#ffa958),
    to(#ff7b00));
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #ff7700;
    -moz-box-shadow:
    0px 1px 7px rgba(000, 000, 000, 0.5),
    inset 0px 0px 0px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow:
    0px 1px 7px rgba(000, 000, 000, 0.5),
    inset 0px 0px 0px rgba(255, 255, 255, 0.7);
    box-shadow:
    0px 1px 7px rgba(000, 000, 000, 0.5),
    inset 0px 0px 0px rgba(255, 255, 255, 0.7);
    text-shadow:
    0px 0px 0px rgba(000, 000, 000, 0),
    0px 0px 0px rgba(255, 255, 255, 0);
    background-size: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    display: block;
    width: 100%}
	
	
	.btnA div {
    background-image: url(../images/btn-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    color: #FFF;
    margin-left: -15px;
}

.btnB {    font-size: 130%;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    padding: 0px 0px;
    background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #CE0000;
    -moz-box-shadow:
    0px 1px 7px rgba(000, 000, 000, 0.5),
    inset 0px 0px 0px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow:
    0px 1px 7px rgba(000, 000, 000, 0.5),
    inset 0px 0px 0px rgba(255, 255, 255, 0.7);
    box-shadow:
    0px 1px 7px rgba(000, 000, 000, 0.5),
    inset 0px 0px 0px rgba(255, 255, 255, 0.7);
    text-shadow:
    0px 0px 0px rgba(000, 000, 000, 0),
    0px 0px 0px rgba(255, 255, 255, 0);
    background-size: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    display: block;
    width: 100%}
	
	
	.btnB div {
    background-image: url(../images/btn-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    color: #FFF;
    margin-left: -15px;
}

.btnC {    font-size: 130%;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    padding: 0px 0px;
    background: #008a00; /* Old browsers */
background: -moz-linear-gradient(top, #008a00 0%, #005700 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #008a00 0%,#005700 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #008a00 0%,#005700 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008a00', endColorstr='#005700',GradientType=0 ); /* IE6-9 */
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #136D00;
    -moz-box-shadow:
    0px 1px 7px rgba(000, 000, 000, 0.5),
    inset 0px 0px 0px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow:
    0px 1px 7px rgba(000, 000, 000, 0.5),
    inset 0px 0px 0px rgba(255, 255, 255, 0.7);
    box-shadow:
    0px 1px 7px rgba(000, 000, 000, 0.5),
    inset 0px 0px 0px rgba(255, 255, 255, 0.7);
    text-shadow:
    0px 0px 0px rgba(000, 000, 000, 0),
    0px 0px 0px rgba(255, 255, 255, 0);
    background-size: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    display: block;
    width: 100%}
	
	
	.btnC div {
    background-image: url(../images/btn-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    color: #FFF;
    margin-left: -15px;
}

.btnNone {    font-size: 130%;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    padding: 0px 0px;
    background: #706a6a; /* Old browsers */
background: -moz-linear-gradient(top, #706a6a 0%, #424242 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #706a6a 0%,#424242 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #706a6a 0%,#424242 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#706a6a', endColorstr='#424242',GradientType=0 ); /* IE6-9 */
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #333333;
    -moz-box-shadow:
    0px 1px 7px rgba(000, 000, 000, 0.5),
    inset 0px 0px 0px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow:
    0px 1px 7px rgba(000, 000, 000, 0.5),
    inset 0px 0px 0px rgba(255, 255, 255, 0.7);
    box-shadow:
    0px 1px 7px rgba(000, 000, 000, 0.5),
    inset 0px 0px 0px rgba(255, 255, 255, 0.7);
    text-shadow:
    0px 0px 0px rgba(000, 000, 000, 0),
    0px 0px 0px rgba(255, 255, 255, 0);
    background-size: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    display: block;
    width: 100%}
	
	
	.btnNone div {
    background-image: url(../images/btn-arrow-off.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    color: #FFF;
    margin-left: -15px;
}

.btnD {    font-size: 130%;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    padding: 0px 0px;
    background: #499bea; /* Old browsers */
background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #499bea 0%,#207ce5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #499bea 0%,#207ce5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #006BCC;
    -moz-box-shadow:
    0px 1px 7px rgba(000, 000, 000, 0.5),
    inset 0px 0px 0px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow:
    0px 1px 7px rgba(000, 000, 000, 0.5),
    inset 0px 0px 0px rgba(255, 255, 255, 0.7);
    box-shadow:
    0px 1px 7px rgba(000, 000, 000, 0.5),
    inset 0px 0px 0px rgba(255, 255, 255, 0.7);
    text-shadow:
    0px 0px 0px rgba(000, 000, 000, 0),
    0px 0px 0px rgba(255, 255, 255, 0);
    background-size: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    display: block;
    width: 100%}
	
	
	.btnD div {
    background-image: url(../images/btn-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    color: #FFF;
    margin-left: -15px;
}
}

.f-btnArea .btnBox {
	margin-bottom: 15px;
}

.top-bnr-area{    margin: 0 auto;
   padding-bottom: 10px; }

.other-link {border: 1px solid #eee; padding: 5px; background: #FFF; text-align: center; line-height: 28px; font-size: 120%;}

.t-cnt-area-A {width: 100%; margin-left: auto; margin-right: auto; }
.t-cnt-area-A .t-cnt {text-align: left;}
.t-cnt-area-B {width: 100%; margin-left: auto; margin-right: auto; }
.t-cnt-area-B .t-cnt {text-align: left;}