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

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

/*footerの背景指定*/

/*全体*/
.pc-only {
	display: none;
}
.pc-tab-only {
	display: block;
}
.tab-only {
	display: block;
}
.tab-sp-only {
	display: block;
}
.sp-only {
	display: none;
}

#all {width:100%;}

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

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

 #all #header-area #header01 {width:100%;height: 100px;}
 
#all #header-area #header01 #header01_area #header-title {
	float: left;
	margin-top: 58px;
	margin-left: -10px;

}

#all #header-area #header01 #header01_area #header-title h2 a {

	display: block;
	overflow: hidden;
	background-size: 70% 70%;
	-webkit-background-size: 70% 70%;
    -moz-background-size: 70% 70%;
    -o-background-size: 70% 70%;
    -ms-background-size: 70% 70%;
}
#all #header-area #header01 #header01_area #header-title h2 {
	margin: 0px;
	padding: 0px;
}
 



/*header左側の設定*/

 #all #header-area #header01 #header01_area #emblem {
	height: auto;

	float: left;
}

 #all #header-area #header01 #header01_area #emblem img {
	height: auto;
		width: 90%;
}


 




/*header右側の設定*/

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

#all #header-area #header01 #header01_area #free_area {
	float: right;
	width:69%;
	height: auto;
	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: 10px;
	/*width:22%; */

}

#all #header-area #header01 #header01_area #free_area .logo_area {
	margin-top: 2px;
}

#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:-42px;
	color: #fff;
	margin-right: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size:150%;
	clear: both;
}


/*グローバルナビゲーション*/

#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;
}
#jPanelMenu-menu {
   background-color: #070e1c;
}

#jPanelMenu-menu {
   background-color: #070e1c;
  font-size: 110%;
}

#jPanelMenu-menu ul li {
  padding: 0.5em 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: 1em 0 0.5em 1em;
  color: #ffffff;
  text-decoration:none;
}

#jPanelMenu-menu ul li a:hover {
  display: block;
  padding: 1em 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;
}




#global_nav a {color:#FFF;}
#global_nav a:hover {color:#FFF; text-decoration:none:}

#all .sp-none {display:none;}
#all .tab-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: auto;
	width:50%;
}

#ranking-tab .btn_tab.cf .rankng_ync {
	float: left;
height: auto;	width:50%;
}

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

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

/*

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

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


#ranking-tab .btn_tab.cf .rankng_acl {
	float: left;
height: auto;	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;
}

#all #main-content .title-img {
	margin: 0px;
	padding: 0px;
height: auto;
}

#ranking-tab .container_tab {
	margin: 0px;
	padding: 0px;
font-size:12px;
line-height: 20px;
}

#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: 10px;
	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: 12px;
	font-size:80%;
}
.matches-area .matches-block .matches-text .days {
	float: left;
	width: 19%;
	text-align: right;
}
.matches-area .matches-block .matches-text .text {
	float: right;
	width: 76%;
	text-align: left;
	padding-left: 4px;
}
.matches-area .matches-block .more {
	 clear:both; 
	float: right;
	margin-top: 0px;
		text-align: right;width:18%;
}
.matches-area .matches-block .more img {/*width:30%;*/}

.matches-area .matches-block .more_photo {
/*	clear:both; */
	float:right;
	
	margin-top: 0px;
		text-align: right;width:30%;
}

.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 img {width:18%;}

/*sponsor*/


#all .sponsor_bnr .s_title img {
	height: auto;
	width: 25%;
}

#top #all #footer_area .sponsor_bnr .s_title {
	margin-bottom: 20px;
}

.loopslider {
height: 50px;
	margin-bottom:5px;width: 100%;
}
#all .loopslider ul {width: 100%;}

#all .loopslider ul li {width: 117px; }
#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階層*/

#all #main-content #content #sub-contents {
	padding-right: 0px;
	padding-left: 0px;
	overflow: hidden;
	zoom:1;
}

#sub-contents #left-contents {
	display:none;
}

#sub-contents #center-contents {
	margin-top: 10px;
	margin-bottom: 10px;
		width: 97%;
	padding-right: 10px;
	padding-left: 10px;
	overflow: hidden;
	zoom:1;
}

#sub-contents #right-contents {
padding-top: 0px;
padding-right: 10px; 
padding-bottom: 0px;
padding-left: 10px; 
width: 96.5%;
border: 1px solid #dedbda;
float: right;
	text-align:left;
}

#sub-contents #center-contents .panlist {
    font-size: 120%;
    margin-bottom:10px;
	margin-top:10px;
}

#sub-contents #right-contents .main_title {
    margin-bottom: 15px;
    font-size: 200%;
    font-weight: bold;
    background-image: url(../images/contents/bar/bar02.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.main-box .main-text-area {
	font-size: 130%;
	line-height: 20px;
	margin-bottom: 15px;
}

.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:40px;
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:48%;
	font-size:150%;
}

 .result_table table {
    width: 100%;
    text-align: center;
line-height:20px;

}

.result_table table tr .t01 {width: 7%;}
.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: 15%;}
.result_table table tr .t06 {width: 24%;}
.result_table table tr .t07 {width: 11%;}

/* players staff */

#all .tab-left {float:left; width: 49%; margin-right: 0px;}
#all .tab-right {float:right; width: 49%; margin-right: 0px;}
#all .tab-clear {clear:both;}

.clubs_area .top_player ul .player_area {
	margin: 0px;
	padding: 0px;
	width: 100%;
	overflow: hidden;
	zoom: 1;
}

.clubs_area .top_player ul .player_area .player_img {
	
	height:auto;
	float: right;
	display: block;
		text-align: right;
}
.clubs_area .top_player ul .player_area .player_left {
	float: left;
	width: 70%;
	padding: 4px;
	line-height: 18px;
}

.clubs_area .top_player ul .player_area .player_left .position_number {
	display: block;
	text-align: right;
	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: right;
	line-height: 17px;
	display: block;
	letter-spacing: 0px;
	font-size:90%;
	margin-top: 0px;
}

.clubs_area .detail {
	text-align: right;
	font-size:90%;
	letter-spacing: 0px;
}

.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*/

#mdp-area .mdp-text {
	text-align: left;
	font-size:140%;
		line-height:26px;

}

#mdp-area .title {
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #903;
}

#mdp-area {
	padding: 10px;
	
}

#content .mdp-navi {
	padding: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.mdp-navi ul li {
	float: left;
	width:14%;
	margin-left:1px;
}
.mdp-navi ul li img {width:100%; height:auto;}

.mdp-img .mdp-img-left {
	float: none;	width:100%; margin-bottom:15px;
}
.mdp-img .mdp-img-right {
	float: none;	width:100%;
}

 .mdp-img-center {
		width:100%; text-align:center;
		display:block;
			margin-top: 15px;
	margin-bottom: 15px;
}

#mdp-area .mdp-img .mdp-img-left img {
width:100%;
height:auto;
}
#mdp-area .mdp-img .mdp-img-right img {
	width:100%;
	height:auto;
}
.mdp-img-center img {
	width:100%;
	height:auto;
}

 .mdp-img-center {
		width:100%; text-align:center;
		display:block;
			margin-top: 15px;
	margin-bottom: 15px;
}

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

.sns .sns-title {
	color: #B8193F;
	font-weight: bold;
	margin-top: 35px;
	margin-bottom: 35px;
	font-size:200%;
}

#boxArea {width:340px; margin-left:auto; margin-right:auto;}

.line {display:block;}

#all #mdp-area .entry {
    display: block;
    margin: 0 auto 30px auto;
    padding: 10px 0;
    width: auto;
	background-color:#666;
    text-align: center;
    color: #ffffff;
    font-size: 26px;
	
}

#all #mdp-area .entry a {color:#FFF;}

 .mdp-ads-img-left {
		width:100%; text-align:center;
		display:block;
			margin-top: 15px;
	margin-bottom: 15px;
}
.mdp-ads-img-left img {
	width:100%;
	height:auto;
}

.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.9%;
	margin-left:1px;
}
.mdp-navi-footer ul li img {width:100%; height:auto;}

.mdp-navi-footer ul {
	overflow: hidden;
	list-style:none;
}

#all #mdp-area .info-more li {
	font-size: 12px;
	width:100%;
}

 .cntYouTube iframe {
	   width: 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%;
}

#all #main-content #content .contents-block-youtube { width: 100%; height:auto; padding-left:5px;clear: both;margin-bottom:15px;}
#all #main-content #content .contents-block-fb { width: 100%;height:auto; padding-left:5px;clear: both;}
#all #main-content #content .contents-block-twitter { width: 100%; height:auto; padding-left:0px;clear: both; margin-bottom:15px;}

#all #main-content #content .contents-block-youtube02 { width: 100%; height:auto; padding-left:0px;clear: both;margin-bottom:15px;}
#all #main-content #content .contents-block-fb02 { width: 100%;height:auto; padding-left:0px;clear: both;}
#all #main-content #content .contents-block-twitter02 { width: 100%; height:auto; padding-left:0px;float: both;margin-bottom:15px;}
.contents-block-twitter .title-img span {margin-left: 2%;
}
#all #main-content #content .contents-block-fb .title-img span {margin-left: 2%;
}
#all #main-content #content .contents-block-youtube .title-img span {margin-left: 2%;
}
.contents-block-twitter02 .title-img span {margin-left: 2%;
}
#all #main-content #content .contents-block-fb02 .title-img span {margin-left: 2%;
}
#all #main-content #content .contents-block-youtube02 .title-img span {margin-left: 2%;
}


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

#all #header-area {	width:100%;
	height: auto;
	/* background-image: url(../img/all/header-bg.png); */
	/* background-repeat: repeat-x; */
	overflow: hidden;
	/* border-bottom-width: 1px; */
	/* border-bottom-style: solid; */
	/* border-bottom-color: #f3efed; */
	
	
	
	
}
#all #header-area #header01 #header01_area {width:100%;}
 
 

 #all #header-area #header01 {width:100%;height: 100px;}
 
#all #header-area #header01 #header01_area #header-title {
	float: left;
	margin-top: 17px;
		margin-left: -10px;
	height: 70px;
	width: 60%;
	
}

#all #header-area #header01 #header01_area #header-title h2 a {
	
	display: block;
	overflow: hidden;
	background-size: 70% 70%;
	-webkit-background-size: 100% 100%;
	   -moz-background-size: 70% 70%;
	   -o-background-size: 70% 70%;
	   -ms-background-size: 70% 70%;
}
#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: 65px;
	/* width: 100%x; */
	display: block;
	text-indent: -7777px;
	overflow: hidden;
		margin: 0px;
	padding: 0px;
	background-size:37%;
}
 



/*header左側の設定*/

 #all #header-area #header01 #header01_area #logo {
	height: auto;
	margin-top: 15px;
	float: left;
	width: 400px;
	margin-left: 15px;
}

 #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:69%;
	height: auto;
	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: 10px;
	width:12%;
	height: auto;
}

#all #header-area #header01 #header01_area #free_area .header_logo_jp {
	float: right;
	margin-left: 10px;
	width:12%;
	height: auto;
}

#all #header-area #header01 #header01_area #free_area .menu-area {
	float: right;
	margin-left: -10px;
	/*width:22%; */
	display:block;
}

#all #header-area #header01 #header01_area #free_area .logo_area {
	margin-top: 2px;
}

#openMenu{
position:absolute;
top: 20px;
right: 0;
}

#openMenu img {width:80%; height:auto;}

#all #close-btn img{
	vertical-align: top;
	width: 60px;
	height: auto;
	margin-right: 15px;
	}
	
	
	#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:9.8%;
	margin-left: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:12.3%;
	margin-left: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;
}
.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;
}

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

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

/*bridge*/
.bridge {margin-top:0px;}
#all #main-content #content .contents-block-left-bridge {
width: 98.5%;
height: auto;
padding: 5px;
padding-right:0px;
float: none;

}
#all #main-content #content .contents-block-left-bridge img {margin-bottom:10px;}
#all #main-content #content .contents-block-right-bridge {
width: 98.5%;
height: auto;
padding: 5px;
padding-right:0px;
float: none;
}
#all #main-content #content .contents-block-right-bridge img {margin-bottom:10px;}

	#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.1%;
	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: 130px;
height: auto;}

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



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

/*スライダー*/

.hide{
	display:none;
}

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

#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 .js-demo-01 {	 display:block;}
#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;
}

#all .ticker-bottom-bnr {
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

#all .ticker-bottom-bnr img {width:98%; height:auto;}

 #all #header-area #header01 #header01_area #logo02 {
	height: auto;
	margin-top: 23px;
	float: left;
	width: 390px;
	margin-left: 2px;
}


 #all #header-area #header01 #header01_area #logo02 img {
	height: auto;
		width: 100%;
}

#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: relative;
	/* left: 0px; */
	/* top: 0px; */
	display: block;
	margin-bottom: 15px;
	text-align: center!important;
	float: none!important;
	margin-left: auto;
	margin-right: auto;
}
.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;
	width: 100%;
	height: auto;
}
.introduction .intro04 {
	/* position: static; */
	/* left: 10px; */
	/* top: 540px; */
	text-align: left;
	line-height: 28px;
	margin-bottom: 30px;
	float: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.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:#D0D2D3;
	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 )”;
}

#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: 20px;
    margin-right: 0px;}

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

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

    .introduction .intro03 img{width:81%;
	height:auto;}
	
	.h900 {height:auto!important;}

	.sub-text {
	/* color: #FFF; */
	width: 97%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	text-align: left;
	font-size:150%;
	padding-left:10px;
	padding-right:10px;
	line-height:24px;
	}

.att {
	/* color: #FFF; */
	width: 97%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	text-align: left;
	font-size:150%;
	padding-left:10px;
	padding-right:10px;
	line-height:24px;
	}

.contact {/* color: #FFF; */width: 97%;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 {width:100%;}

#layerMenu #close-btn {
    /* background-color: #b7183e; */
    /* width: 10%; */
    height: 54px;
    padding-top: 22px;
    padding-bottom: 23px;
    /* margin-right: 100px; */
    /* right: 15px; */
    /* position: absolute; */
    /* right: 20px; */
    padding-right: 30px;
}

.close-layer{position: relative;overflow: hidden;width: 100%;margin-left: auto;margin-right: auto;}


 #layerMenu ul li{background: #fff;list-style: none;border-bottom: solid 1px #ccc;padding: 0px;
width:100%; margin-left:auto;margin-right:auto;}

body.top .pageTop {
	display: none;
	background: #656565;
	border-radius: 5px;
	color: #fff !important;
	padding: 10px 15px;
	position: fixed;
	bottom: 120px;
	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;
}

.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;
}

.sub-text-second  {    width: 97%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    text-align: left;
    font-size: 150%;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 24px;}
	.wrapper{
		margin-left:auto;
		margin-right:auto;}

.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;}