@charset "utf-8";
/*==========================================================================
  headfoot.css
  ヘッダ・フッタ用。
==========================================================================*/
html, body { margin: 0;}
header, footer { font-family: sans-serif;}
header, header h1, header div, header span, header p, header img, header ul, header li, header a, header small,
footer, footer h1, footer div, footer span, footer p, footer img, footer ul, footer li, footer a, footer small, footer menu, footer nav, footer section {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}
header, footer, menu, nav, section { display: block;}
header ul, footer ul { list-style: none;}

header a.normal-link {
	color:#3391c7;
	text-decoration:underline
}
/*------------------------------------------------
  ヘッダ
------------------------------------------------*/
header {
    font-family: sans-serif;
    font-size: 28px;
    line-height: 130%;
}

header:after {
	content: "\00a0";
	background-image: -moz-linear-gradient(top, #4db3f5, #1c8fdd 50%, #2083c8 50%, #2083c8);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4db3f5), color-stop(0.5, #1c8fdd), color-stop(0.5, #2083c8), to(#2083c8));
	height: 12px;
	display: block;
	width: 100%;
	top: 0;
}


header #header-top {
	background-color: #ffffff;
	background-image: url(//i.gimg.jp/resource/sp/img/common/GDO.png), url(//i.gimg.jp/resource/sp/img/common/tag_line.png);
	background-repeat: no-repeat, no-repeat;
	background-position: 10px 15px, 18px 100px;
	height: 94px;
	border: none;
	display: block;
	width:100%;
	position: relative;
}

header #header-top:after {
	content: "\00a0";
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4db3f5), color-stop(0.5, #1c8fdd), color-stop(0.5, #2083c8), to(#2083c8));
	height: 0;
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
}

header #header-top a:first-child {
	display:block;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0.25);
	height:58px;
	width:163px;
	position:absolute;
	top:15px !important;
	left:10px !important;
	overflow: hidden;
}

header #header-top h1 span {
	visibility:hidden
}

header #header-top .loginArea{
	width:380px;
    position: absolute;
    left: 190px;
    top: 15px;
	font-size: 24px;
	font-weight:bold;
}

header #header-top .loginArea a{
	color: #3695D6;
	font-weight:bold;
}

header #header-top .loginArea a span{
	color: #000000;
}

header #header-top .loginArea span{
	color:#ff0000;
}

header #header-top #loginNameArea{
	line-height:130%;
}

header #header-top #loginNameArea a:first-child {
	display:inline;
	height:auto;
	width:auto;
	position:static;
}

header #header-top #loginNameArea a.myp{
	text-decoration:underline !important;
}

header #header-top #menuBtn {
    position: absolute;
    right: 10px;
    top: 10px;
}

/*------------------------------------------------
  ヘッダメニュー
------------------------------------------------*/
header #menuArea{
	border:solid 2px #3695d6;
	border-top:solid 10px #3695d6;
	border-bottom:solid 2px #3695d6;
	position: relative;
	margin:0 10px 20px 10px;
	display:none;
	font-size:28px !important;
}

header #menuArea .content{
	margin:0 20px;
}

header #menuArea ul{
	border-bottom:solid 1px #3695d6;
}

header #menuArea ul ul{
	border-top:solid 1px #3695d6;
	border-bottom:none;
}

header #menuArea li {
	position:relative;
	border-bottom:solid 1px #3695d6;
}

header #menuArea li a div {
	width:100%;
	padding:27px 0 !important;
	text-indent:25px;
}

header #menuArea li a,
header #menuArea li a:visited{
	color:#3695d6;
	font-weight:bold;
}

header #menuArea li a:before {
	content:"\00a0";
	background-image:url(//i.gimg.jp/resource/sp/img/common/sprites.png);
	width:32px;
	height:32px;
	display:block;
	overflow:hidden;
	background-position:-128px -32px;
	position:absolute;
	right:20px;
	top:30px;
}

header #menuArea .show{
	padding:20px 0;
	text-align:center;
}

header #menuArea .close{
	width:100%;
	background:#f5fafd url(//i.gimg.jp/resource/sp/img/top/top_bg_close.gif) top repeat-x;
	text-align:center;
}


/*------------------------------------------------
  フッタ広告エリア
------------------------------------------------*/
footer #adArea{
	text-align:center;
	margin:0 auto;
}

/*------------------------------------------------
  フッタサービスメニュー
------------------------------------------------*/
footer {
    font-family: sans-serif;
    font-size: 28px;
    line-height: 130%;
}

footer .x-small {
	font-size:22px !important;
}

footer .content {
    border-width: 0;
    clear: both;
    overflow: hidden;
    padding: 20px 0 !important;
    position: relative;
}

footer .fstart{
	padding-left:10px !important;
	padding-right:10px !important;
	padding-top:0 !important;
	padding-bottom:0 !important;
}

footer ul.basic-linked-list{
	margin:0;
	padding:0;
}
footer #menu ul.basic-linked-list img{
	margin-right:0 !important;
}

footer ul.basic-linked-list>li {
	border-bottom:1px solid #ccc;
	background-color:#f6f6f6;
	position:relative
}
footer ul.basic-linked-list>li>a {
	display:table;
	color:#333;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0.25);
	padding: 0;
}
footer ul.basic-linked-list>li>a:before {
	content:"\00a0";
	background-image:url(//i.gimg.jp/resource/sp/img/common/sprites.png?0416);
	width:32px;
	height:32px;
	display:block;
	overflow:hidden;
	background-position:-128px -32px;
	position:absolute;
	right:16px;
	top:50%;
	margin-top:-16px
}
footer ul.basic-linked-list>li>a:after {
	content:"\00a0";
	height:88px;
	width:0;
	display:table-cell
}
footer ul.basic-linked-list>li>a>div:first-child {
	display:table-cell;
	vertical-align:middle;
	padding:20px 42px 20px 10px
}
footer ul.two-columns-list {
	display:table;
	-webkit-box-sizing:border-box;
	width:100%;
	vertical-align:middle
}
footer ul.two-columns-list>li {
	width:50%;
	float:left;
	display:table-cell;
	margin:0;
	-webkit-box-sizing:border-box;
	vertical-align:middle
}
footer ul.two-columns-list>li:nth-child(odd) {
	clear:left;
	border-right:1px solid #ccc
}
footer ul.two-columns-list>li:nth-last-child(2) {
	border-bottom:0
}
footer ul.two-columns-list>li.empty-item {
	width:50%;
	height:88px
}
footer ul.two-columns-list>li>a>div {
	height:88px;
	padding-top:0!important;
	padding-bottom:0!important
}


footer #menu{
	margin: 20px 0 40px;
}
footer #menu>li {
	font-size:24px;
	border:0;
	border-bottom:1px #c2c2c2 solid;
	background-color:#f6f6f6;
	color:#333;
	-webkit-box-shadow:rgba(0, 0, 0, 0.75) 0 5px 5px
}

footer #menu>li:nth-child(odd) {
	border-right:1px #c2c2c2 solid
}
footer #menu>li:first-child {
	-webkit-border-top-left-radius:16px
}
footer #menu>li:nth-child(2) {
	-webkit-border-top-right-radius:16px
}
footer #menu>li:nth-last-child(2) {
	-webkit-border-bottom-left-radius:16px;
	border-bottom:0
}
footer #menu>li:last-child {
	-webkit-border-bottom-right-radius:16px;
	border-bottom:0
}
footer #menu>li>a>div {
	padding-right:10px!important;
}
footer #menu>li>a>div:before {
	content:"\00a0";
	display:inline-block;
	vertical-align:middle;
	width:48px;
	height:48px;
	background:url(//i.gimg.jp/resource/sp/img/common/sprites.png?0416)
}
footer #menu>li>a {
	padding-right:0
}

footer li#menu-shop>a>div:before {
	background-position:0 0
}
footer li#menu-reservation>a>div:before {
	background-position:-48px 0;
}
footer li#menu-news>a>div:before {
	background-position:0 -48px;
}
footer li#menu-lesson>a>div:before {
	background-position:-48px -48px;
}
footer li#menu-my-GDO>a>div:before {
	background-position:0 -96px;
}
footer li#menu-community>a>div:before {
	background-position:-48px -96px;
}
footer li#menu-mediapack>a>div:before {
	background-position:0 -246px;
}
footer li#menu-style>a>div:before {
	background-position:-48px -246px;
}


footer ul.no-background-list>li {
	border:0;
	background-color:transparent
}
footer ul.no-background-list>li:nth-child(odd) {
	border-right:0
}
footer ul.no-background-list>li:last-child {
	border-bottom:0
}


/*------------------------------------------------
  フッタログイン/ログアウトボタン
------------------------------------------------*/
footer #buttonFooter{
	text-align:center;
	margin:0 auto 40px;
}

footer .basic-button {
	cursor:pointer;
	text-decoration:none;
	-webkit-border-radius:16px;
	text-align:center;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0.25);
	display:inline-block;
	font-size:32px;
	padding:0 16px;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.5, #fff), color-stop(0.5, #dadada), to(#dadada));
	color:#010101;
	border:1px solid #232222;
	line-height:88px;
	height:88px
}

footer #buttonFooter .basic-button.foot {
	border:#1e90de 1px solid;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#92d6fd), color-stop(0.5, #5eb4f1), color-stop(0.5, #1a94e1), to(#318ed7));
	color:#fff;
	text-shadow:0 -1px 1px #145887;
    height: 58px;
    line-height: 58px;
    padding: 0 16px;
	font-size:24px !important;
    cursor: pointer;
    display: inline-block;
    font-size: 32px;
    text-align: center;
}


/*------------------------------------------------
  フッタ共通メニュー
------------------------------------------------*/

footer nav.subNavFooter {
	clear:both;
	padding:0 0 40px 0;
	background:#fff;
	color:#000;
	text-align:center;
	position:relative
}
footer nav.subNavFooter:before {
	content:"\00a0";
	background-image:-moz-linear-gradient(left bottom, #4eb8f4, #4eb8f4 50%, #308ad2 50%, #308ad2),-moz-linear-gradient(left bottom, #4eb8f4, #4eb8f4 50%, #308ad2 50%, #308ad2);
	background-image:-webkit-gradient(linear, left bottom, right top, from(#4eb8f4), color-stop(0.5, #4eb8f4), color-stop(0.5, #308ad2), to(#308ad2)),-webkit-gradient(linear, left bottom, right top, from(#4eb8f4), color-stop(0.5, #4eb8f4), color-stop(0.5, #308ad2), to(#308ad2));
	background-size:14px 14px, 100% 14px;
	background-repeat:no-repeat, no-repeat;
	background-position:50% top, left top;
	width:100%;
	height:14px;
	position:absolute;
	left:0;
	top:0
}

footer nav.content {
    padding-top: 0;
}
footer nav .content {
    padding-bottom: 5px !important;
}

footer nav.subNavFooter>.content{
	padding-left:0 !important;
	padding-right:0 !important;
	padding-bottom:0 !important;
}
footer nav.subNavFooter ul.links-list {
	text-align:left !important;
	margin:0 !important;
	display:block;
}

footer nav.subNavFooter li a:before {
	content:"\00a0";
	background-image:url(//i.gimg.jp/resource/sp/img/common/sprites.png);
	width:32px;
	height:32px;
	display:block;
	overflow:hidden;
	background-position:-128px -32px;
	position:absolute;
	right:20px;
	top:30px;
}

footer nav.subNavFooter li {
	font-size:28px !important;
	border-bottom:solid 1px #cccccc;
	position:relative;
	padding:0;
}

footer nav.subNavFooter ul.links-list>li {
	display:block;
	vertical-align:middle;
	border-right: 0;
}

footer nav.subNavFooter ul.links-list li a{
	color:#3399cc !important;
}

footer nav.subNavFooter li a div {
	width:100%;
	padding:27px 0 !important;
	text-indent:25px;
}

footer nav.subNavFooter li a,
footer nav.subNavFooter li a:visited{
	color:#3399cc;
	text-decoration:none !important;
}

/*------------------------------------------------
  フッタページトップリンク
------------------------------------------------*/
footer nav.pagetop{
	padding: 0 10px 40px 10px !important;
}
footer .home-page-button {
	font-size:24px;
	float:left
}
footer .page-top-button {
	float: right;
	font-size: 24px;
}
footer .basic-button.narrow {
    height: auto !important;
    line-height: normal;
    padding: 10px;
}

/*------------------------------------------------
  フッタ表示切替/コピーライト
------------------------------------------------*/
footer #copyright {
	clear:both;
	padding:20px 0;
	background:#fff;
	color:#000;
	text-align:center;
	font-size:18px;
	position:relative
}
footer #copyright:before {
	content:"\00a0";
	background-image:-moz-linear-gradient(left bottom, #4eb8f4, #4eb8f4 50%, #308ad2 50%, #308ad2),-moz-linear-gradient(left bottom, #4eb8f4, #4eb8f4 50%, #308ad2 50%, #308ad2);
	background-image:-webkit-gradient(linear, left bottom, right top, from(#4eb8f4), color-stop(0.5, #4eb8f4), color-stop(0.5, #308ad2), to(#308ad2)),-webkit-gradient(linear, left bottom, right top, from(#4eb8f4), color-stop(0.5, #4eb8f4), color-stop(0.5, #308ad2), to(#308ad2));
	background-size:14px 14px, 100% 14px;
	background-repeat:no-repeat, no-repeat;
	background-position:50% top, left top;
	width:100%;
	height:14px;
	position:absolute;
	left:0;
	top:0
}
footer #copyright p {
	font-size:24px;
}
footer #copyright .small {
	font-size:14px;
}

footer a.normal-link {
    color: #3391C7;
    text-decoration: underline;
}