@charset "utf-8";

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

	KOBUKURO LIVE TOUR 2015
	kobukuro_tour2015.css

=================================== */
/* font */
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Thin.woff2) format('woff2'),
       url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Thin.woff) format('woff'),
       url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Light.woff2) format('woff2'),
       url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Light.woff) format('woff'),
       url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 300;
   src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-DemiLight.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-DemiLight.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-DemiLight.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 500;
   src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Medium.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Medium.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;
   src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 900;
   src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Black.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Black.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Black.otf) format('opentype');
 }


@import url(http://fonts.googleapis.com/css?family=Roboto:900);
@import url(./whhg.css);
@import url(http://fonts.googleapis.com/css?family=Cabin:600);
/* clearfix */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE Mac */
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End Hack */
.clear { clear: both; }



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

body {
	font-family: メイリオ,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Meiryo,'MS P Gothic',sans-serif;
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
	letter-spacing: 0em;
}
a {
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #3fafe6;
	text-decoration: underline;
}
a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);  
	-ms-filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
}

/* チケ先行BTNわけ */

.submitTxt{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#115DAB;
}

.submitArea{
	width:270px;
	float:left;
	padding:10px;
	background:#D9EDFD;
	margin:0 10px 0 0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;

}

.submitArea .dayTxt{
	color:#E53F3F;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}


#ticket .apply .submitArea .btn{
	margin:0 auto;
}

/* btn */
.btn {
	text-align: center;
}

.beforeBtn{
	background:#CCC;
	color: #FFF;
	width:250px;
	margin:0 auto 15px;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.btn a,
.btn input {
	display: inline-block;
	min-width: 200px;
	text-align: center;
	border-radius: 3px;
	padding: 0 20px;
	margin: 0 auto 10px;
}

.btn .main {
	background: #3F9DF5;
	color: #fff;
	font-size: 20px;
	line-height: 50px;
	border-bottom: 2px solid #1776cf;
}
.btn .main:hover {
	background: #3494ee;
	text-decoration: none;
	border-top: 1px solid transparent;
	border-bottom: 1px solid #1776cf;
	position: relative;
	top: 1px;
}
.btn .sub {
	background: #fff;
	color: #2e98b2;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	border: 2px solid #2e98b2;
}
.btn .sub:after {
	content: '\f488';
	font-family: 'WebHostingHub-Glyphs';
	font-size: 0.8em;
	position: relative;
	right: -5px;
}
.btn .sub:hover {
	background: #fff;
	color: #3fafe6;
	text-decoration: none;
	border: 2px solid #3fafe6;
}

/* txtlink */
.txtlink:before {
	content: '\f473';
	font-family: 'WebHostingHub-Glyphs';
	font-size: 0.8em;
	padding: 0 3px 0 0;
}








/* layout
=================================== */
html,body { height: 100%; }
#wrap {
	min-width: 1040px;
	min-height: 100%;
	background: url(../images/cmn/bg_main.png) repeat; 
	position: relative;
	/* background-color: #d7e8fd;*/
}
#pageTop {
	display: block;
	width: 60px;
	height: 60px;
	position: fixed;
	right: 0;
	bottom: 20px;
}
#pageTop:hover {
	text-decoration: none;
}
#pageTop:before {
content: '\f48a';
font-family: 'WebHostingHub-Glyphs';
font-size: 40px;
}

.movieArea{
	height:315px;
	-webkit-box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
	box-shadow: 4px 4px 0 rgba(0,0,0,0.15);

}
	
/* header
----------------------------------- */
#header {
	width: 100%;
	background: #fff;
	z-index: 999;
	position:fixed;
}
#header .logo {
	width: 1000px;
	height: 60px;


	margin: 0 auto;
}
#header .logo h1 {
	width: 400px;
	height:60px;
	float: left;
}
#header .logo h1 a {
	color: #000;
	font-family: Roboto, san-serif;
	font-size: 20px;
	font-weight: 900;
	line-height: 50px;
}
#header .logo h1 a span {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size:30px;
	font-weight:300;
	position:relative;
	top:3px;
	left:3px;
}
#header .logo h1 a:hover {
	color: #555;
	text-decoration: none;
}
#header .logo .txtbnr {	
	font-size: 13px;
	font-weight: bold;
	padding: 10px 0 0;
}


#header .logo .txtbnr a {
	display: inline-block;
	float: right;
	background: #FF0066;
	padding: 6px 10px 5px 10px;
	color:#FFF;
	border:solid 2px #FFF;
	-moz-box-shadow: 2px 2px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 2px 2px 0 rgba(0,0,0,0.15);
	box-shadow: 2px 2px 0 rgba(0,0,0,0.15);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


#home #header .logo .txtbnr a {
	display:none;
}


#header .logo .txtbnr a:hover {
	text-decoration: none;
	opacity:0.7;
	filter: alpha(opacity=70);  
	-ms-filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
}
#header .logo .txtbnr a:after {
	content: '\f473';
	font-family: 'WebHostingHub-Glyphs';
	font-size: 0.8em;
	padding: 0 3px 0 0;
}
/* globalNav */
#header .globalNav {
	background: #009ADE;
	height: 41px;
	border-bottom: 3px solid #2B69B8;
}
#header .globalNav ul {
	width: 1000px;
	margin: 0 auto;
}
#header .globalNav li {
	width: 125px;
	float: left;
}
#header .globalNav .home {
	width: 120px;
/*	border-left: 1px solid #052a68; */
}

#header .globalNav .trade {
	width:130px;
}

#header .globalNav a {
	display: block;
	height: 17px;
	background: #009ADE;
	color: #fff;
	font-family: 'Noto Sans Japanese';
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	line-height: 17px;
	letter-spacing: 0.05em;
	padding:12px 0;

	padding:16px 0 8px\0;
	padding:16px 0 8px\9;
}
#header .globalNav a:hover {
	height: 16px;
	background: #4AC4FA;
	text-decoration: none;
	border-top: 2px solid #4bb9e9;
	border-bottom: 2px solid #258DD3;
}
#header .globalNav .current a,
#header .globalNav .current a:hover {
	height: 17px;
	background: #4AC4FA;
	border-top: none;
	border-bottom: 3px solid #258DD3;
	cursor: default;
}
#header .globalNav .soon a,
#header .globalNav .soon a:hover {
	height: 17px;
	background: #009ADE;
	color: #89C6EE;
	border: none;
	cursor: default;
}
#header .globalNav .soon a{
	text-shadow:none;
}	


/* fix 
#header { position: fixed; left: 0; top: 0; }*/
/* .headerFix #header .logo { display: none; } */
/*#container { padding-top: 121px; } */
/* #home #container { padding-top: 307px; }*/


/* footer
----------------------------------- */
#footer {
	width: 100%;
	background: #fff;
	text-align: center;
	padding: 20px 0;
	position: absolute;
	left: 0;
	bottom: 0;
}
#footer .footerNav {
	margin-bottom: 10px;
}
#footer .footerNav li {
	display: inline;
}
#footer .footerNav a {
	color: #333;
	font-size: 12px;
	padding: 0 5px;
}
#footer .copyright {
	font-size: 11px;
}

/* container
----------------------------------- */
#home #container {	
	padding: 30px 0 100px;
}

#container {
	width: 1000px;
	padding:140px 0 100px;
	margin: 0 auto;
}
.mainCol {
	width: 560px;
	float: left;
}
.aside {
	width: 420px;
	float: right;
}

/* subNav */
.aside .subNav {
	margin: 0 -20px 0 0;
}
.aside .subNav li {
	width: 200px;
	float: left;
	margin: 0 20px 20px 0;
}
.aside .subNav a {
	display: block;
	height: 200px;
	-moz-box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
	box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
	border-radius: 10px;
}

/* bnrList */
.bnrList li {
	line-height: 0;
	-moz-box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
	box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
	margin: 0 0 20px;
}
.bnrList li a {
	display: block;
}

ul.bnrArea li.ytvideo { margin-bottom: 5px; }

/* footerBnr */
.footerBnr {
	clear: both;
	text-align: center;
	padding: 20px 0 0;
	margin: 0 0 20px;
}
.footerBnr li {
	display: inline;
	margin: 0 10px;
}
.footerBnr img {
	-moz-box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
	box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
}


/* 共通
----------------------------------- */
.section {
	background: #fff;
	-moz-box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
	box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
	padding: 40px 50px;
	margin: 0 0 30px;
}
.sectionTit {
	color: #555;
	font-family: 'Noto Sans Japanese';
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2em;
	letter-spacing: 0.05em;
	border-bottom: 4px solid #009ADE;
	padding: 0 0 10px;
	margin: 0 0 25px;
}
.sectionSubTit {
	background: #f5f5f5;
}
.lead {
	font-size: 16px;
	line-height:1.4em;
	margin: 0 0 15px;
}
.txt {
	font-size: 14px;
	line-height: 1.5em;
	margin: 0 0 10px;
}

.txtSml {
	font-size: 12px;
	line-height: 1.4em;
}
.subTxt {
	display: inline-block;
	font-size: 0.85em;
	line-height: 1.5em;
}
.center { text-align: center; }
.right { text-align: right; }
.bold { font-weight: bold; }
.red { color: #DF3F3F; }
.blue { color: #009ADE; }

.listTxt:before{
content: '\f310';
color: #333;
font-family: 'WebHostingHub-Glyphs';
font-size: 0.8em;
font-weight: normal;
margin: 0 3px 0 0;
}
.listTxt{
	font-size:11px;
	text-indent:-1em;
	padding:0 0 0 1em;
	line-height:1.5em;
}

.area {
	background: #eee;
	padding: 30px;
	margin: 0 0 20px;
}
.areaTit {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4em;
	border-bottom: 1px solid #aaa;
	padding: 0 0 15px;
	margin: 0 0 15px;
}
.alertBox {
	background: #FFFFD7;
	border-radius: 5px;
	padding: 15px;
	margin: 0 0 40px;
}
.alertBox .tit,
.noteBox .tit  {
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px;
}
.alertBox .tit.error {
	color: #C00;
}
.alertBox .tit.error:before {
	font-family: 'WebHostingHub-Glyphs';
	content: '\f316';
	font-weight: normal;
	padding: 0 3px 0 0;
}
.noteBox {
	background: #fffde1;
	padding: 10px;
}	
.attentionList li {
	line-height: 1.4em;
	text-indent: -15px;
	margin: 0 0 10px;
	padding: 0 0 0 15px;
	position: relative;
}
.attentionList li:before {
	content: '\2713';
	font-family: 'WebHostingHub-Glyphs';
	font-size: 0.8em;
	color: #FB7119;
	margin: 0 3px 0 0;
}
.checkList {
	background: #fffcca;
	border-radius: 5px;
	padding: 15px;
	margin: 0 0 15px;
}
.checkList li {
	text-indent: -1em;
	padding: 0 0 0 1em;
	margin: 0 0 10px;
}
.checkList li:before {
	content: '\f310';
	color: #f60;
	font-family:'WebHostingHub-Glyphs';
	font-size: 0.8em;
	font-weight: normal;
	margin: 0 3px 0 0;
}
.checkList .subTxt {
	display: inline;
}
.anchor {
	display: block;
	position: relative;
	top: -160px;
}


/* home
=================================== */

/* home:header */
#home #header {
	background: #fff;
	position:relative;
}
#home #header .logo {
	height: 205px;
	padding: 25px 0 0;
	position: relative;
	
}
#home #header .logo h1 {
	width: 610px;
	height: 152px;
	float: left;
	background: url(../images/home/logo_home_20150123.png) no-repeat left center;
	text-indent: -9999px;
}
#home #header .logo .social {
	width: 610px;
	float: left;
	position: relative;
}
#home #header .logo .social .fb-like {
	width: 125px;
	position: absolute;
	right: 46%;
}
.fb_iframe_widget > span { vertical-align: baseline !important; }
#home #header .logo .social .tweet {
	width: 125px;
	position: absolute;
	left: 55%;
}
#home #header .globalNav {
	height: 50px;
}
#home #header .globalNav a {
/*	height: 49px;
	line-height: 52px; */

	height: 25px;
	line-height: 25px;
}
#home #header .globalNav .current a {
	height: 26px;
}
#home #header .movie {
	width: 356px;
	height: 200px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.4);
	position: absolute;
	right: 0;
	top: 15px;
}
#home #header .photo {
	width: 360px;
	height: 200px;
	background:url(../images/home/ph_home_header.jpg) no-repeat left top;
	box-shadow: 0 3px 3px rgba(0,0,0,0.4);
	position: absolute;
	right: 0;
	top:20px;
}

/* home:先頭バナー
----------------------------------- */
ul.topBnr li a {
	-moz-box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
	box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
	margin: 0 auto 30px;
	display: block;
	width: 950px;
	line-height: 0;
}


/* home:メッセージ
----------------------------------- */
#home .message {
	background: #FBF4DD;
	border: 3px solid #CCA287;
	padding: 8px 20px 15px;
}
#home .message .sectionTit {
	background: url(../images/home/ico_home_message_tit.png) no-repeat left 8px;
	color: #663300;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: 0;
	border: none;
	padding: 18px 0 0 55px;
	margin: 0 0 15px;
}
#home .message .btn .readmore {
	display: block;
	width: 150px;
	background: #5F2F00;
	color: #fff;
	text-align: center;
	line-height: 30px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 10px auto 0;
	cursor: pointer;
}

/* home:お知らせ
----------------------------------- */
#home .information {
	padding: 20px;
}
#home .information .sectionTit {
	font-size: 20px;
	border-bottom: 3px solid #66ccff;
	padding: 0 0 10px;
	margin: 0 0 15px;
}
#home .information .infoList li,#info .information .infoList li {
	border-bottom: 1px solid #ccc;
	padding: 0 0 15px;
	margin: 0 0 15px;
}
#home .information .infoList .date,#info .information .infoList .date {
	color: #777;
	font-size: 13px;
	font-weight: bold;
}
#home .information .infoList .date:before,#info .information .infoList .date:before {
	content: '\f315';
	color: #bbb;
	font-family: 'WebHostingHub-Glyphs';
	font-size: 0.9em;
	margin: 0 3px 0 0;
}
#home .information .infoList .tit,#info .information .infoList .tit {
	font-weight: bold;
}
#home .information .infoList .tit:hover {
/*	color: #3fafe6;
	cursor: pointer;
*/
}
#home .information .infoList .txt,#info .information .infoList .txt  {
	font-size: 13px;
	padding: 10px 0 0;
}
#home .information .more {
	text-align: right;
}
#home .information .more a:after {
	content: '\f488';
	font-family: 'WebHostingHub-Glyphs';
	font-size: 0.9em;
}


/* schedule
=================================== */

/* schedule:ツアー日程
----------------------------------- */
#schedule .scheduleList table {
	width: 100%;
	border-bottom: 1px solid #ccc;
}
#schedule .scheduleList th {
/*	background: #4389EA;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5); */
	background: #eee;
	color: #555;
	padding: 10px 15px;
}
#schedule .scheduleList td {
	border-top: 1px solid #ccc;
	padding: 8px 13px;
}

#schedule .scheduleList td.venue{width:330px;}
#schedule .scheduleList .date { width:120px; }
#schedule .scheduleList .place { width:50px; text-align:center; }
#schedule .scheduleList .time { width:80px; text-align:center; }
#schedule .scheduleList td.time { font-size: 13px; }
#schedule .scheduleList td.info {
	width: 280px;
	font-size: 13px;
/*	border-left: 1px dotted #4389EA; */
}
#schedule .scheduleList .subTxt { display: block; line-height: 1.7em; }
#schedule .scheduleList .dayTwo td {
	border-top: 1px dotted #ccc;
}

/* schedule:公演概要
----------------------------------- */
#schedule .summary dt {
	width: 170px;
	clear: both;
	float: left;
	font-weight: bold;
	padding: 10px 15px;
}
#schedule .summary dd {
	padding: 10px 15px 10px 200px;
}
#schedule .summary .odd {
	background: #eee;
}


/* ticket
=================================== */

/* 電子チケット
------------------------------------ */
#ticket .dticket {
	height: 180px;
	background: url(../images/ticket/ph_ticket_dticket.jpg) no-repeat left top;
	padding: 20px 230px 20px 130px;
	margin: 0 0 40px;
}

/* ticket:先行スケジュール
------------------------------------ */
#ticket .applyList table {
	width: 100%;
	margin: 0 0 30px;
}
#ticket .applyList th,
#ticket .applyList td {
	padding: 5px 10px;
}
#ticket .applyList .even th,
#ticket .applyList .even td {
	background: #eee;
}
#ticket .applyList .head th,
#ticket .applyList .head td {
	background: #ccc;
	font-weight: bold;
	border-bottom: 3px solid #fff;
}

/* ticket:注意事項
------------------------------------ */
#ticket .attentionList.subTxt li {
	margin: 0;
	line-height: 1.5em;
	text-indent: -1em;
}
#ticket .bnrList {
	margin: 0 -15px 0 0;
}
#ticket .bnrList li {
	width: 290px;
	float: left;
	margin: 0 15px 0 0;
}

/* ticket:先行詳細
------------------------------------ */
#ticket .apply .sectionTit .subTxt {
	font-size: 13px;
	letter-spacing: 0;
}
#ticket .apply .length {
	color: #115dab;
	font-size: 20px;
	margin: 0 0 20px;
}
#ticket .apply .length dt {
	width: 130px;
	float: left;
	background: #115dab;
	color: #fff;
	text-align: center;
	padding: 13px 10px 7px;
}
#ticket .apply .length dd {
	font-weight: bold;
	padding: 11px 10px 7px 170px;
	border: 1px solid #115dab;
}
#ticket .apply table {
	width: 100%;
}
#ticket .apply th {
	width: 150px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding: 10px 15px;

}
#ticket .apply .head th {
	background: #eee;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 0.1em;
	border: none;
	padding: 12px 15px 9px;
	line-height: 1.2em;
}
#ticket .apply td {
	border-bottom: 1px solid #ccc;
	padding: 10px 15px;
}


#ticket .blueTicket{
	background:#009ADE;
	padding:3px 5px 3px;
	border-radius:3px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	vertical-align: top;
}

#ticket .yellowTicket{
	background:#E7A814;
	padding:3px 5px 3px;
	border-radius:3px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	vertical-align: top;
}	

/* 応募条件 */
#ticket .status {
	line-height: 20px;
	margin: 0 0 8px;
}
#ticket .status .applicant,#ticket .status2 .applicant {
	font-weight: bold;
	margin: 0 10px 0 0;
}
#ticket .status .applicant:before,#ticket .status2 .applicant:before {
	content: '\f133';
	font-family: 'WebHostingHub-Glyphs';
	font-size: 1.5em;
	margin: 0 5px 0 0;
	position: relative;
	top: 5px;
}
#ticket .user .applicant:before { color: #3F9DF5; }
#ticket .friend .applicant:before { color: #aaa; }

.status .icon,.status2 .icon {
	background: #aaa;
	color: #fff;
	border-radius: 3px;
	padding: 0 5px;
	margin: 0 5px 0 0;
}
.status .icon.tce,.status2 .icon.tce { background: #FB7119; }
.status .icon.te,.status2 .icon.te { background: #0088B1; }
.status .icon.ce,.status2 .icon.ce { background: #3AA9F0; }
.status .icon.emtg,.status2 .icon.emtg { background: #F35E68; }

#ticket .apply .btn {
	margin: 30px 0 0;
}
/* ticketinfo
=================================== */
#ticketinfo .fs11{
	font-size:11px;
}
#ticketinfo .bold{
	font-weight:bold;
}
#ticketinfo .normal{
	font-weight:normal;
}
#ticketinfo .black{
	color:#333;
}
#ticketinfo p.mainLead{
	padding:0 0 10px 0;
	line-height:1.4em;
}
#ticketinfo ul.conditions{
	padding:0 0 20px 0;
}
#ticketinfo ul.conditions li{
	color:#ff0000;
	font-size:14px;
	font-weight:bold;
	padding:0 0 3px 0;

}
#ticketinfo ul.conditions li.none{
	color:#ff0000 !important;
	font-weight:bold;
}
#ticketinfo ul.conditions li.few{
	color:#fab000 !important;
	font-weight:bold;
}
#ticketinfo ul.conditions li.veryfew{
	color:#ff5a00 !important;
	font-weight:bold;
}
#ticketinfo ul.conditions li.precede{
	color:#009ADE !important;
	font-weight:bold;
}
#ticketinfo tr .none{
	color:#ff0000 !important;
	font-weight:bold;
}
#ticketinfo tr .few{
	color:#fab000 !important;
	font-weight:bold;
}
#ticketinfo tr .veryfew{
	color:#ff5a00 !important;
	font-weight:bold;
}
#ticketinfo tr .precede{
	color:#009ADE !important;
	font-weight:bold;
}

#ticketinfo table {
	width: 100%;
	border: 1px solid #ccc;
}
#ticketinfo th {
	font-weight: bold;
	text-align: center;
	background: #009ADE;
	color: #FFF;
	padding: 10px 15px;
	border-left: solid 1px #DEDEDE;
}
#ticketinfo tr.odd {

}
#ticketinfo tr.even {
background:#E5F5FC;
}
#ticketinfo td {
	text-align: center;
	border-top: 1px solid #DEDEDE;
	border-left: solid 1px #DEDEDE;
	padding: 8px 13px;
}
/* beginner
=================================== */
#beginner .area {
	background: #E7E7E7;
	padding: 30px;
	margin: 0 0 20px;
}

#beginner .status{
	background:#FFF;
	padding:30px 0 0;
}

#beginner .areaTit {
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #aaa;
	padding: 0 0 15px;
	margin: 0 0 15px;
}
#beginner .areaTit .subTxt {
	font-size: 13px;
	font-weight: normal;
	position: relative;
	top: -3px;
}
/* beginner:コブクロファンサイトについて
-----------------------------------*/
#beginner .area.fansite {
	background: #d7f6f9;
}
#beginner .area.fansite .areaTit {
	color: #2E98B2;
	border-color: #2E98B2;
}
#beginner .area.fansite .areaTit,
#beginner .area.fansite p {
	width: 390px;
	float: left;
}
#beginner .area.fansite .ph {
	width: 440px;
	height: 25px;
	float: right;
	background: url(../images/beginner/ph_beginner_fansite.png) no-repeat left top;
	font-size: 12px;
	text-align: right;
	padding-top: 190px;
}
#beginner .area.fansite .ph .txtlink:before {
	padding: 0;
}
/* beginner:EMTG会員について
-----------------------------------*/
#beginner .area.emtg {
	background: #FEEEEA;
}
#beginner .area.emtg .areaTit {
	color: #ff3a7f;
	border-color: #ff3a7f;
}
#beginner .area.emtg .about {
	margin: 0 -20px 20px 0;
}
#beginner .area.emtg .about li {
	width: 380px;
	height: 418px; 
	float: left;
	background: #fff;
	padding: 15px;
	margin: 0 20px 0 0;
}
#beginner .area.emtg .about .lead {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px;
}
#beginner .area.emtg .about img {
	margin: 0 0 10px;
}
#beginner .area.emtg .about .txt {
	line-height: 1.5em;
	margin: 0 0 15px;
}
/* beginner:会員ステータスとその名称について
-----------------------------------*/

#beginner .area.status .statusList,#beginner .area.status2 .statusList {
	margin: 0 0 10px;
}
#beginner .area.status .statusList,#beginner .area.status2 .statusList {
	width: 100%;
}
#beginner .area.status .statusList th,#beginner .area.status2 .statusList th {
	width: 200px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-bottom:solid 1px #CCC;
}
#beginner .area.status .statusList th .name,#beginner .area.status2 .statusList th .name {
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 40px;
	letter-spacing: 0.1em;
	position: relative;
	top: 8px;
}
#beginner .area.status .statusList td,#beginner .area.status2 .statusList td {
	background: #fff;
	/*border-top: 5px solid #E7E7E7;
	border-bottom: 5px solid #E7E7E7;*/
	background:#F5F5F5;
	border-bottom:solid 1px #CCC;
	padding: 15px;
}
#beginner .area.status .statusList td img,#beginner .area.status2 .statusList td img {
	vertical-align: middle;
	line-height: 0;
}
#beginner .area.status .tce th,#beginner .area.status2 .tce th { background: #FB7119; }
#beginner .area.status .te th,#beginner .area.status2 .te th { background: #0088B1; }
#beginner .area.status .ce th,#beginner .area.status2 .ce th { background: #3AA9F0; }
#beginner .area.status .emtg th,#beginner .area.status2 .emtg th { background: #F35E68; }

#beginner .area.status .noteBox .tit,#beginner .area.status2 .noteBox .tit {
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 5px;
}
/* beginner:会員ステータス別の先行一覧
-----------------------------------*/
#beginner .area.apply {
	position: relative;
	margin: 0 0 80px;
}
#beginner .area.apply:after {
	content: '\f31d';
	color: #82CCC8;
	font-family: 'WebHostingHub-Glyphs';
	font-size: 40px;
	margin: 0 0 0 -20px;
	position: absolute;
	left: 50%;
	bottom: -50px;
}
#beginner .applyList {
	width: 100%;
	background: #fff;
	margin: 0 0 10px;
}
#beginner .applyList th,
#beginner .applyList td {
	border: 1px solid #999;
	padding: 8px;
}
#beginner .applyList th {
	font-weight: bold;
}
#beginner .applyList .odd th,
#beginner .applyList .odd td{
	background: #f5f5f5;
}
#beginner .applyList .head th,
#beginner .applyList .head td {
	background: #999;
	color: #fff;
	font-weight: bold;
	border: 1px solid #777;
}
#beginner .applyList .subTxt {
	font-weight: normal;
}

/* guide
=================================== */
#guide .area {
	position: relative;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 0 0 80px;
}
#guide .area:after {
	content: '\f31d';
	color: #82CCC8;
	font-family: 'WebHostingHub-Glyphs';
	font-size: 40px;
	margin: 0 0 0 -20px;
	position: absolute;
	left: 50%;
	bottom: -50px;
}
#guide .areaTit {
	padding-left: 50px;
	position: relative;
}
#guide .areaTit .icon {
	display: block;
	width: 80px;
	height: 73px;
	background: #3EB0F7;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 900;
	text-align: center;
	border-radius: 40px;
	padding: 7px 0 0;
	position: absolute;
	top: -32px;
	left: -40px;
}
#guide .areaTit .num {
	font-size: 40px;
}
#guide .step1 p,
#guide .step2 p {
	text-align: center;
}
#guide .step3 { background: #fff1b2; }
#guide .step3 .areaTit { margin-bottom: 15px; }
#guide .step3 .attentionList li {
	color: #111;
	font-size: 15px;
	border-bottom: 1px dotted #555;
	padding-bottom: 15px;
	margin: 0 0 15px;
}
#guide .step3 .attentionList li:last-child { margin-bottom:0; }



/* dticket
=================================== */
#dticket .area {
	background: #fff;
	padding: 0;
	margin: 0 0 40px;
}
#dticket .dticket { color: #FF6600; }
#dticket .ticket  { color: #0B6EBB; }

/* メモリアルコレクション電子チケット
--------------------------------------- */
#dticket .about .ph,
#dticket .memorialcollection .ph  {
	width: 400px;
	float: left;
}
#dticket .checkList li:last-child{
	font-weight: normal;
	margin:0;
}
#dticket .about .checkList {
	width: 460px;
	float: right;
	font-size: 13px;
}
#dticket .about li:last-child:before {
	content: none;
}
#dticket .memorialcollection .txtBox {
	width: 420px;
	float: right;
	background: #FCF3DB;
	padding: 15px;
}

/* 手数料について
------------------------------ */
#dticket .charge .chargeList {
	background: #FFFCCA;
	color: #333;
	width: 100%;
	margin: 0 0 20px;
}
#dticket .charge .chargeList th,
#dticket .charge .chargeList td {
	border: 1px solid #FF6400;
	padding: 5px 20px;
}
#dticket .charge .chargeList th {
	width: 230px;
	background: #ffca88;
	font-size: 16px;
	font-weight: bold;
	border-right: none;
}
#dticket .charge .chargeList th img {
	vertical-align: -20px;
	margin: 0 5px 0 0;
}
#dticket .charge .chargeList th .num {
	color: #FF6400;
	font-family: Robot, sans-serif;
	font-size: 1.6em;
	margin: 0 3px;
	position: relative;
	top: 2px;
}
#dticket .charge .chargeList td {
	font-size: 16px;
	font-weight: bold;
	border-left: none;
}
#dticket .charge .chargeList td .num {
}
#dticket .charge .chargeList td .num.total {
	color: #FF6400;
	font-family: Robot, sans-serif;
	font-size: 2em;
	padding: 0 3px 0 5px;
	position: relative;
	top: 2px;
}
#dticket .charge .chargeList .head th,
#dticket .charge .chargeList .head td {
	background: #FF6400;
	color: #fff;
}

/* ex */
#dticket .charge .chargeList.ex {
	background: #f5f5f5;
	margin: 0;
}
#dticket .charge .chargeList.ex th,
#dticket .charge .chargeList.ex td {
	border: 1px solid #ccc;
	padding: 5px 10px;
	text-align: center;
}
#dticket .charge .chargeList.ex th {
	background: #ddd;
	font-size: 12px;
	font-weight: bold;
	border-right: none;
}
#dticket .charge .chargeList.ex th img {
	vertical-align: -24px;
}
#dticket .charge .chargeList.ex td {
	font-size: 14px;
	border-left: none;
}

/* 電子チケットを利用するには？
---------------------------------- */


/* 電子チケットでのご入場に関して
--------------------------------------- */
#dticket .entry .movieWrap {
	background: #ADEBFC;
	padding: 15px;
}
#dticket .entry .movie{
	width:430px;
	z-index:0;
	position:relative;
}

#dticket .entry .movie iframe{
	z-index:0;
	position:absolute;
}

#dticket .entry .ready {
	margin: 0;
}
#dticket .entry .ready ul {
	background: #FFF4E6;
	padding: 15px;
	border: solid 1px #FA812A;
}
#dticket .entry .ready li {
	border-bottom:1px solid #FAB26E;
	padding: 0 0 15px;
	margin: 0 0 15px;
}
#dticket .entry .ready .lead {
	color: #FA812A;
	font-size: 20px;
	font-weight: bold;
}
#dticket .entry .ready .step {
	background:#FA812A;
	color:#FFF;
	font-size:13px;
	border-radius:3px;
	padding:0 5px;
	margin: 0 5px 0 0;
	position: relative;
	top: -3px;
}
#dticket table.device {
border: solid 1px #FAA230;
}

#dticket table.device th {
background: #FA812A;
font-weight: bold;
padding: 3px 7px;
text-align: center;
font-size:11px;
color: #FFF;
border-bottom: solid 1px #FAA230;
}


#dticket table.device td {
border-bottom: solid 1px #FAA230;
background:#FFF;
padding: 5px 10px;
font-weight: bold;
font-size:11px;
}

#dticket #about .charge .noteBox .topTd{
	background:#DDD;
	text-align:center;
	font-weight:bold;
	font-size:13px;
}

#dticket #about .charge .noteBox td.totalPrice{
	background:#FFFAA8;
}
.dticketList{
	background: #FFFFD7;
	border-radius: 5px;
	padding: 15px;
	margin:0 0 70px;
}
.dticketList li{
	margin:0 0 10px;
	line-height:1.4em;
	text-indent:-1em;
	padding:0 0 0 1em;
	font-size:14px;
}

.dticketList li span{
	font-size:12px;
	line-height:1.2em;

}


/* member
=================================== */
#member .alertBox {
	margin: 0 0 15px;
}
#member .downgrade {
	background: none;
	padding: 0;
	margin: 0 0 60px;
}
#member .downgrade .checkList {
	margin: 0 0 20px;
}
#member .downgrade .checkList .tit {
	margin: 0 0 5px;
}
#member .downgrade .checkList li {
	font-size: 15px;
	margin: 0;
}


.auctionBox{
	position:relative;
	margin:0 0 80px;
}

.auctionBox:after{
	content: '\f31d';
	color: #82CCC8;
	font-family: 'WebHostingHub-Glyphs';
	font-size: 40px;
	margin: 0 0 0 -20px;
	position: absolute;
	left: 50%;
	bottom: -50px;
}

/* trade
=================================== */

#trade .sectionTit {
	border:none;
	margin:0 0 15px;
}

/* tabNav
-------------------------- */
#trade .tabNav {
	height:64px;
	border-bottom:1px solid #BECCD6;
}
#trade .tabNav li {
	width:24%;
	float:left;
}
#trade .tabNav #aboutTrade {
	border-left:1px solid #BECCD6;
	margin-left:2%;
}
#trade .tabNav li a {
	display:block;
	background:#F3F3F3;
	color:#333;
	font-family: 'Noto Sans Japanese';
	font-size:16px;
	font-weight:700;
	text-decoration:none;
	border-top:1px solid #BECCD6;
	border-right:1px solid #BECCD6;
	padding:11px 15px 10px;

	padding:14px 15px 7px\0;
	padding:14px 15px 7px\9;
}
#trade .tabNav li#aboutTrade a {
	line-height:42px;
}
#trade .tabNav li a:hover {
	background:#eee;
	color:#3fafe6;
	border-top:2px solid #4AC4FA;
	padding:10px 15px;

	padding:13px 15px 7px\0;
	padding:13px 15px 7px\9;
}
#trade .tabNav .current a {
	background:#fff !important;
	color:#006699 !important;
	border-top:2px solid #009ADE !important;
	border-bottom:1px solid #fff;
	padding:10px 15px;
	margin-bottom:-1px;
	cursor:default;

	padding:13px 15px 7px\0;
	padding:13px 15px 7px\9;
}
#trade .tabNav li a .subTxt {
	display:block;
	font-size:13px;
	font-weight:500;
	padding-top:2px;
}

/* tab
-------------------------- */
#trade .icon {vertical-align: -1px;}
/*#trade .icon-ok { color: #FB7119;}*/
#trade .centerTxt {
	text-align: center;
	font-weight: bold;
	margin: 0 0 5px;
}

#trade .tab {
	padding:40px 0 0;
	display: none;
}

#trade p.lead img {
	display: block;
	width:90%;
	margin: 0 auto 40px;
}

/* tab_area1
-------------------------- */
#trade #tab_area1 {display: block;}

#trade .areaTit {
	background:#eee;
	color:#009ADE;
	font-family: 'Noto Sans Japanese';
	font-size:24px;
	font-weight:700;
	text-align:left;
	border:none;
	border-left:5px solid #009ADE;
	padding:10px 10px 10px 15px;
	margin:0 0 30px;

	padding:15px 10px 5px 15px\0;
	padding:15px 10px 5px 15px\9;
}
#trade .lead_main {
	color:#222;
	font-family: 'Noto Sans Japanese';
	font-size:20px;
	font-weight:700;
	line-height:1.3em;
	margin:0 0 30px;
}
#trade .tab .lead {
	margin:0 0 40px;
}

#trade #tab_area1 .leadArea {
	background:#E9F5FF;
	border-radius:10px;
	padding:20px;
	margin:0 0 60px;
}
#trade #tab_area1 .leadArea .lead_main {
	color:#222;
	font-size:24px;
	text-align:center;
	margin:0 0 26px;
}
#trade #tab_area1 .emtgRegist {
	background:#FBFFB5;
	border-radius:10px;
	padding:25px 0 15px;
	margin:0 0 60px;
}
#trade #tab_area1 .emtgRegist .lead_main {
	color:#ff4889;
	font-size:21px;
	text-align:center;
	margin:0;
}
#trade #tab_area1 .emtgRegist .btn .sub {
	background:#ff4889;
	color:#fff;
	border:none;
}
#trade #tab_area1 .emtgRegist .btn .sub:hover {
	background:#ff337b;
}
#trade .sub .icon-circleright {
	font-size:0.8em;
}
#trade .tab .lead.lead_s {
	margin:0 0 20px;
}

#trade .tab .listTit {
	font-family: 'Noto Sans Japanese';
	font-size:16px;
	font-weight:700;
	margin:0 0 10px;
}

/* table */
#trade .tab table {
	width:100%;
	color:#222;
	font-size:12px;
	border-collapce:collapce;
	border:2px solid #444;
	margin : 0 0 20px;
}
#trade .tab th,
#trade .tab td {
	border :1px solid #666;
	padding:10px;
	line-height:1.4em;
}
#trade th { background:#e5e5e5; }
#trade td { background:#f7f7f7; }
#trade .color01 {background: #C7ECFF;font-weight: bold; border-bottom: 1px dotted #9DBBCA!important; border-top: 1px dotted #9DBBCA!important;}
#trade .color02 {background: #FFE5ED;font-weight: bold; border-bottom: 1px dotted #E0C1CB!important; border-top: 1px dotted #E0C1CB!important;}
#trade .color03 {background: #FFF6D8;font-weight: bold;}

#trade .head td, #trade .head th {
	color:#fff;
	font-family: 'Noto Sans Japanese';
	font-size:15px;
	font-weight:500;
	text-align: center;

	padding:13px 10px 7px\0;
	padding:13px 10px 7px\9;
}
#trade .tab .head .summary {
	background:#444;
	color:#fff;
	text-align:left;
}
#trade .tab .head .sale{
	width:235px;
	background:#31b650;
}
#trade .tab .head .buy {
	width:235px;
	background:#FF7200;
}
#trade .tab .head .entrance {
	width:90px;
	background:#FF4F96;
	font-size:14px;
}
#trade .tab td.sale {background: #e5ffee;}
#trade .tab td.buy {background: #FEF0D4;}
#trade .tab td.entrance {background: #FFDAE9; text-align:center;}
#trade .tab table#exclusion {margin: 0;}

#trade .tab table#exclusion td span.address {
	display: block;
	font-size: 12px;
	line-height: 1.4em;
	padding: 8px 0 0;
	border-top: 1px dotted #ddd;
	margin: 5px 0 0 0;
}
#trade .tab table#exclusion .btn { padding:0; margin:0; }
#trade .tab table#exclusion .btn a { 
	background:#e1f5ff;
	font-size:14px;
	line-height:30px;
	padding:0;
	margin:0;
}
#trade .tab table#exclusion .btn a:hover {
	background:#3fafe6;
	color:#fff;
}


/* tab_area2
-------------------------- */
#trade .tradeList {
	margin:0 0 60px;
}
#trade .txtNormal { color:#20A3FF; }
#trade .txtPre { color:#FF7200; }

#trade .tradeList div {float: left;}
#trade .tradeList .normal { margin: 0 10px 0 0 ; }
#trade .tradeList table { width: 445px; font-size:13px;}
#trade .tradeList th {
	text-align:center;
}#trade .tradeList th.caption {
	color:#fff;
	font-family: 'Noto Sans Japanese';
	font-size:24px;
	font-weight:700;

	padding:13px 10px 7px\0;
	padding:13px 10px 7px\9;
}
#trade .tradeList th {
	text-align:center;
}
#trade .tradeList .noto {
	display:block;
	font-family: 'Noto Sans Japanese';
	font-size:18px;
	font-weight:700;
	padding:5px 0;
}
#trade .tradeList li {
	text-indent: -1em;
	padding: 0 0 0 10px;
	line-height: 1.3em;
	margin: 0 0 8px;
}
#trade .tradeList li:last-child {margin: 0;}

/* table:normal */
#trade .tradeList .normal table,
#trade .tradeList .normal td,
#trade .tradeList .normal th{
	border-color:#20A3FF;
}
#trade .tradeList .normal th {
	background:#D0ECFF;
}
#trade .tradeList .normal th.caption  {
	background:#20A3FF;
}
#trade .tradeList .normal td {
	background:#E3F9FF;
}

/* table:pre */
#trade .tradeList .pre table,
#trade .tradeList .pre td,
#trade .tradeList .pre th{
	border-color:#FE880D;
}
#trade .tradeList .pre th {
	background: #FFE7CF;
}
#trade .tradeList .pre th.caption {
	background: #FE880D;
}
#trade .tradeList .pre td {
	background:#FEF0D4;
}
#trade .tradeList .pre td dt {
	background:#FFAA1D;
	font-size:12px;
	font-weight:bold;
	padding:3px 5px;
	margin:5px 0 0;
}
#trade .tradeList .pre td dd {
	background:#fff;
	font-size:12px;
	padding:5px;
	border:1px solid #FFAA1D;
}

/* scheduleList */
#trade .scheduleList dt {
	background:#fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	box-shadow:2px 2px 0 rgba(0,0,0,0.3);
	padding: 10px 15px;
	margin: 10px 0 0;
	position: relative;
	cursor: pointer;
}
#trade .scheduleList dd {
	background:#fff;
	box-shadow:2px 2px 0 rgba(0,0,0,0.3);
	padding:0 10px 10px;
	position: relative;
	display: none;
}
#trade .scheduleList dt:after {
	content: '\f476';
	color: #aaa;
	font-family: 'WebHostingHub-Glyphs';
	font-size: 16px;
	font-weight:normal;
	position: absolute;
	right: 8px;
	top: 10px;
}
#trade .scheduleList dt.open:after { content: '\f477';}
#trade .scheduleList dd table {
	padding: 20px 20px 20px 65px;
	margin:0;
	border:1px solid #ccc;
}
/* scheduleList:table */
#trade .scheduleList th,
#trade .scheduleList td {
	font-size:13px;
	font-weight:bold;
	text-align:center;
	border:1px solid #666;
	padding:5px;
}
#trade .scheduleList th {  
	width:80px;
	color:#fff;
}
#trade .scheduleList td {
	font-family: 'Noto Sans Japanese';
	font-weight:700;
}
#trade .scheduleList .day {
	display:inline-block;
	background:#eee;
	font-size:13px;
	font-weight:bold;
	padding:0 5px;
	margin:5px 0;
}
#trade .scheduleList .subTxt {
	display:block;
	font-size:11px;
	line-height:1.3em;
}
#trade .scheduleList .sale th { background:#31b650; }
#trade .scheduleList .sale td { background:#e5ffee; color:#31b650; }
#trade .scheduleList .buy th { background:#FF7200; }
#trade .scheduleList .buy td { background:#FEF0D4; color:#FF7200; }

/* scheduleList:normal */
#trade .scheduleList .normal {
	width:423px;
	float:left;
	background:#E3F9FF;
	padding:15px 10px;
}
#trade .scheduleList .normal .listTit { color:#20A3FF; }
#trade .scheduleList .normal dt:hover { color:#20A3FF; }
#trade .scheduleList .normal dt:hover:after { color: #20A3FF; }


/* scheduleList:pre */
#trade .scheduleList .pre {
	width:423px;
	float:right;
	background:#FFE7CF;
	padding:15px 10px;
}
#trade .scheduleList .pre .listTit { color:#FE880D; }
#trade .scheduleList .pre dt:hover { color:#FE880D; }
#trade .scheduleList .pre dt:hover:after { color: #FE880D;}


/* tab_area3, 4
-------------------------- */
#trade .linkList{
	background:#E9F5FF;
	padding:20px;
	margin:0 0 30px;
}
#trade .linkList li {
	font-family: 'Noto Sans Japanese';
	font-size:18px;
	font-weight:700;
	margin:0 0 15px;
}
#trade .linkList li:last-child { margin:0; }
#trade .linkList a:hover {
	text-decoration:none;
}
#trade .linkList a:before {
	content: '\f473';
	color:#009ADE;
	font-family: 'WebHostingHub-Glyphs';
	font-size: 0.8em;
	font-weight:normal;
	padding: 0 3px 0 0;
}
#trade .linkList .subTxt {
	display:block;
	font-size:14px;
	padding:5px 0 0 18px;
}
#trade .lead_main .icon-ok {
	color:#999;
	font-size:0.8em;
	font-weight:normal;
	margin:0 3px 0 0;
}

/* btn
-------------------------- */
#trade .btn .main {
	width:260px;
	font-family: 'Noto Sans Japanese';
	font-size:22px;
	font-weight:700;
	box-shadow:0 1px 1px rgba(0,0,0,0.3);

	padding-top:7px\0;
	padding-top:7px\9;
}
#trade .btn .main:hover {
	box-shadow:0 0 1px rgba(0,0,0,0.4);)
}
#trade .btn .sale {
	background:#31b650;
	border-color:#0b8627;
}
#trade .btn .buy {
	background:#FF7200;
	border-color:#AE5710;
}


/* share
=================================== */
#share .areaTit {
	background:#eee;
	color:#009ADE;
	font-family: 'Noto Sans Japanese';
	font-size:24px;
	font-weight:700;
	text-align:left;
	border:none;
	border-left:5px solid #009ADE;
	padding:10px 10px 10px 15px;
	margin:0 0 30px;

	padding:15px 10px 5px 15px\0;
	padding:15px 10px 5px 15px\9;
}
#share .lead_main {
	color:#222;
	font-family: 'Noto Sans Japanese';
	font-size:19px;
	font-weight:700;
	line-height:1.3em;
	margin:0 0 20px;
}
#share .leadArea {
	background:url(../images/share/ph_share.png) no-repeat right top;
	padding:0 300px 0 0;
	margin:0 0 40px;
}
#share .leadArea .lead {
	line-height:1.6em;
	margin:0 0 20px;
}
#share .btn { margin:0; }
#share .btn .main {
	font-family: 'Noto Sans Japanese';
	font-size: 16px;
	font-weight: 700;
	line-height:40px;
	margin:0;

padding-top: 5px\0;
padding-top: 5px\9;
}

#share .checkList{
	background:#fffad1;
	padding:20px;
	margin:0 0 30px;
}
#share .checkList li {
	color:#F57C00;
	font-family: 'Noto Sans Japanese';
	font-size:18px;
	font-weight:700;
	line-height:1.6em;
	margin:0;
}

#share .checkList li:before {
	content: '\2713';
	font-size: 0.8em;
	font-weight:normal;
	padding: 0 3px 0 0;
}
#share table {
	width:100%;
	color:#222;
	font-size:12px;
	border-collapce:collapce;
	border:2px solid #444;
	margin : 0 0 20px;
}
#share th,
#share td {
	border :1px solid #666;
	padding:10px 15px;
	line-height:1.4em;
}
#share th {
	background:#e5e5e5;
	font-weight: bold;
	border: 1px dotted #999;
	border-top:none;
}
#share th.color02 { background: #FFE5ED; }
#share th.color03 { background: #FFF6D8; }
#share th.line { border-top:1px solid #666 !important; }
#share .head th {
	background:#444;
	color:#fff;
	font-family: 'Noto Sans Japanese';
	font-size:15px;
	font-weight:500;
	border:none;
	
	padding:13px 10px 7px\0;
	padding:13px 10px 7px\9;
}
#share td {
	background:#f7f7f7;
	border-top:none;
	padding:15px;
}
#share .ok td { background:#E9F5FF; }

#share td .tit {
	color:#009ADE;
	font-size:14px;
	font-weight:bold;
	margin:0 0 5px;
}
#share td .txt {
	font-size:13px;
	margin:0;
}




/* goods
=================================== */

.goodsLead{
	font-size:14px;
	line-height:1.5em;
	margin-bottom:10px;
	/*font-family: 'Noto Sans Japanese', sans-serif;*/
}


#goods .areaTit {
  background: #eee;
  color: #009ADE;
  font-family: 'Noto Sans Japanese';
  font-size: 22px;
  font-weight: 700;
  text-align: left;
  border: none;
  border-left: 5px solid #009ADE;
  padding: 10px 10px 10px 15px;
  margin: 0 0 20px;
  padding: 15px 10px 5px 15px\0;
  padding: 15px 10px 5px 15px\9;
}

#goods .lead_main{
	color:#222;
	font-family: 'Noto Sans Japanese';
	font-size:16px;
	font-weight:700;
	line-height:1.3em;
	margin:0 0 10px;
	text-align:center;
}
.goods_box { background:#fff; padding:15px; }
.goods_box h4 { 
	color:#111111;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding:0 0 15px;
	margin:0 0 10px;
	border-bottom:1px dotted #636363;
 }

.goods_box .ph { text-align: center; }
.goods_box .lead {
	width: 320px;
	float: left;
	background: #e5e5e5;
	color:#333;
	font-size:13px;
	padding: 10px;
	margin: 0 10px 0 0;
}

.goodName{
	font-size:13px;
	line-height:1.2em;
}
#goodsList #towel{
	border:3px solid #e60011;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#goodsList a{
	text-decoration:none;
	outline:none;
}
#goodsList ul{
	margin:0 0 0 -30px;
}
#goodsList ul li{
	float:left;
	margin:0 0 30px 30px;
	width: 434px;
	text-align:center;
}
#goodsList ul li img{
	border:1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.goods_box .txt {
	color:#333;
	font-size:13px;
	line-height:1.4em;
	text-align:center;
}
.goods_box .detail {
	background: #e5e5e5;
	color:#333;
	font-size:11px;
	padding: 10px;
	margin: 0 0 0 350px;
}
.goods_box table {
	width: 268px;
	background: #f6f4e0;
	font-size: 12px;
	border: 1px solid #aaa;
}
.goods_box table th {
	background: #f1eecc;
/*	width: 50px; */
	padding: 2px 5px;
}
.goods_box table .tit th {
	background: #555;
	color: #fff;
}
.goods_box table td {
	padding: 2px 5px;
}
.goods_box table td.old {
	color: #555;
	background: #f5f5f5;
	font-size: 11px;
}
.dateArea{
	padding:15px 20px 10px;
	border:solid 1px #30ADDA;

}

.contTit{
	font-family: 'Noto Sans Japanese';
	background:#30ADDA;
	color:#FFF;
	padding:10px 0 9px;
	padding:10px 0 4px\0;
	padding:10px 0 4px\9;
	text-align:center;
	font-size:17px;
	font-weight:bold;
}

.clm{
	width:435px;
	float:left;
	margin:0 30px 0 0;
	border-radius:5px;
} 

/* faq
=================================== */
#faq .areaTit {
	margin: 0;
}
#faq .faqList {
	margin: 0 0 50px;
}
#faq .faqList dt {
	font-size: 16px;
	line-height: 24px;
	border-bottom: 1px solid #ccc;
	padding: 15px 5px 15px 50px;
	position: relative;
	cursor: pointer;
}
#faq .faqList dt:hover {
	background: #DFFBFF;
}
#faq .faqList dt:before {
	/*content:'\f799';
	color: #E85C5C;
	font-family: 'WebHostingHub-Glyphs';
	font-size: 30px;
	line-height: 0;*/
	content: 'Q';
	width: 30px;
	height: 30px;
	background: #E85C5C;
	color: #fff;
	font-size: 21px;
	line-height: 30px;
	text-align: center;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	margin: 0 20px 0 0;
 	position: absolute;
	top: 10px;
	left:10px;
	font-family: 'Cabin', sans-serif;
}

#faq .faqList dt:after {
	content: '\f476';
	color: #aaa;
	font-family: 'WebHostingHub-Glyphs';
	font-size: 20px;
	position: absolute;
	right: 10px;
	top: 15px;

}
#faq .faqList dt:hover:after {
	color: #4AC4FA;
}
#faq .faqList dt.open:after {
	content: '\f477';
}
#faq .faqList dd {
	background: #f5f5f5;
	border: 1px solid #ccc;
	border-top: none;
	padding: 20px 20px 20px 65px;
	margin: 0 0 20px;
	position: relative;
	
	display: none;
}
#faq .faqList dd:before {
	content: 'A';
	width: 30px;
	height: 30px;
	background: #65B9E8;
	color: #fff;
	font-family: Robot, san-serif;
	font-size: 21px;
	line-height: 30px;
	text-align: center;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
 	position: absolute;
	top: 25px;
	left: 20px;
	font-family: 'Cabin', sans-serif;
}


.capTxt span{
		color:#E53F3F;
}

.capTxt{
	margin:0 0 0 6em;
	border-radius:5px;
	padding:5px 10px;
	background:#E8F8FF;
	color:#000;
}

.capTxt a{
	color:#115DAB;
	vertical-align:middle;

}

.capTxt a span{
}


/* 連動企画
=================================== */

/* -----------------------------
/* special_nav
-------------------------------- */


#special_nav {
width: 710px;
margin:0 auto;
}
#special_nav li {
	width: 335px;
	height: 85px;
	float: left;
}
#special_nav .all  {
	margin:0 20px 0 0;
	position:relative;
	float:left;
}

#special_nav .site{
	position:relative;
}


#special_nav .all .ribon,#special_nav .site .ribon{
	position: absolute;
top: 0px;
z-index: 999;
right: 0;
}

#special_nav li a:hover .ribon{
	top:3px;
} 



#special_nav a img{
opacity:1;
}


#special_nav a {
	display: block;
	text-align:center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	box-shadow:0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3);
	
}


#special_nav .site .active { background:#FFF; }

#special_nav .all .active { background:#FFF  url(../images/tab_tour.png) no-repeat center center }



#special_nav .btn_act{
	padding:27px 0;
  	padding: 27px 0px\0;
  	padding: 27px 0px\9;
	font-size:28px;
font-family: 'Noto Sans Japanese';
font-weight:bold;
  display: block;
  text-align: center;
  color: #FFF;
  margin: 0 auto;
  background: #3494ee;
  border-bottom: 2px solid #1776cf;
}

#special_nav a:hover{
	margin:2px 0 0;
	background: #1776cf;
	text-decoration:none;
}


#special_nav .active{
	position: relative;
	border: 3px solid #009ADE;
	box-shadow:0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3);
	pointer-events:none;
	z-index:99;
	padding:25px 0;
  	padding: 25px 0px\0;
  	padding: 25px 0px\9;
	font-size:28px;
	font-family: 'Noto Sans Japanese';
	font-weight:bold;
	color:#009ADE;
}



#special_nav .noBtn{
	display:block;
	position: relative;
	pointer-events:none;
	z-index:99;
	padding:10px 0;
  	padding:10px 0px\0;
  	padding:10px 0px\9;
	font-size:18px;
	font-family: 'Noto Sans Japanese';
	font-weight:bold;
	color:#999;
	text-align:center;
	background:#DDD;
	line-height:1.4em;
	border-radius:5px;
	border:solid 3px #CCC;

}



#special_nav .active:hover{
	box-shadow:none;
	border: 3px solid #009ADE;
}


#special_nav .active:after, #special_nav .active:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#special_nav .active:after {
border-color: rgba(194, 225, 245, 0);
  border: 10px solid transparent;
  border-top: 17px solid #FFF;
  margin-left: -13px;

}


#special_nav .active:before {
	border-color: rgba(194, 225, 245, 0);
	border: 13px solid transparent;
	border-top: 21px solid #009ADE;
	margin-left: -16px;

}





#special_nav .active img.tNav1,#special_nav .active img.tNav2 {
	opacity:0;
	filter: alpha(opacity=0);  
	-ms-filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
}

#special .motion {
	display: none;

}
#special #motion_area1 { display: block; }

#special .mSection{
	background:#FFF  url(../images/special/bg_heart.png) no-repeat center -45px;
	padding:40px 80px;

}

#special .pinkSection{
	background:#FFF7F7  url(../images/special/bg_heart.png) no-repeat center -22px;
	background-size:cover;


}

#special .orgSection{
	background:#FFFEED  url(../images/special/bg_heart.png) no-repeat center -10px;
	background-size:cover;

}

/*.specialTit{
	font-weight:bold;
	line-height:1.3em;
	font-size:37px;
	font-family: 'Noto Sans Japanese';
	font-weight:800;
	margin-bottom:30px;
	letter-spacing:-0.01em;
	position:relative;
	padding-left:110px;
}
*/

.icoNew{
	position:absolute;
	left:0;
	top:-3px;
}

.keyword{
	width:280px;
	float:left;
	background:#FFF  url(../images/special/bg_key.jpg) no-repeat center center;
	background-size:cover;
	border:solid 2px #F5F07E;
	padding:10px 0 23px;
	font-family: 'Noto Sans Japanese';
	text-align:center;
	border-radius:5px;
}

.keyword .livePrace{
	font-size:16px;
	font-weight:bold;
	color:#333;
}

.keyword .key {
	font-size:40px;
	text-align:center;
	font-weight:bold;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
width: 80px;
  padding: 30px 0;
  border-radius: 5px;
  margin: 0 auto;
  border: solid 1px #bbb;
	color:#333;
	text-shadow:-1px -1px 1px #DDD,1px 1px 1px #FFFFFF;
	font-family: 'Noto Sans Japanese';

}

.spContentsImg{
	width:300px;
	float:left;
}
.spContentsImg img{
	border-radius: 10px;
  border: solid 2px #FFF;
}


.keyTxtAre,.spContentsLead{
	float:left;
	width: 470px;
  margin-left: 20px;
	
}

.keyTxtAre table.hint{
  margin: 0 0 10px;
  width: 340px;
  border-collapse: separate;
  border: 2px solid #009ADE;
  border-radius: 5px;
  text-align: center;
}

.keyTxtAre table.hint tr{

	
}

.keyTxtAre table.hint th{
background-color: #009ADE;
color: #FFF;
font-weight: bold;
padding: 10px 15px 7px;
border-radius: 1px 0 0 1px;
width: 60px;
text-align:center;
font-size: 18px;
}

.keyTxtAre table.hint td{
color: #333333;
background-color: #FFF;
padding: 10px 15px 7px;
font-weight: bold;
border-radius: 5px;
font-size: 18px;
}


.spContentsLead{
	width:520px;
}


.keyLead{
	font-size:16px;
	font-weight:bold;
	line-height:1.5em;
	font-family: 'Noto Sans Japanese';
}

.subscriptLead{
font-size: 16px;
line-height: 1.5em;
margin-bottom: 10px;
font-weight:bold;
}

p.beginner{
margin-bottom: 20px;
}
p.beginner .icon{
  color: #006699;
  vertical-align: -2px;
  padding: 0 3px 0 0;
}
p.beginner a{

}

ul.courseList{
  width: 840px !important;
}


ul.courseList li {
  font-size: 22px;
  font-weight: bold;
  padding: 7px 0 30px 95px;
  background: url(../images/special/icon_a_course.png) no-repeat 0 0;
  border-bottom: 1px solid #DDD;
  margin: 0 0 20px 0 !important;
  line-height: 1.2em;
}

ul.courseList li.aCourse {
  padding: 25px 0 25px 95px;
  border-top: 1px solid #DDD;
  background: url(../images/special/icon_a_course.png) no-repeat 0 17px;
  color: #947000;
}
ul.courseList li.bCourse {
  background: url(../images/special/icon_b_course.png) no-repeat 0 0;
  color:#333333;
}
ul.courseList li.cCourse {
  background: url(../images/special/icon_c_course.png) no-repeat 0 0;
  color: #96440E;
}
ul.courseList li.dCourse {
  background: url(../images/special/icon_d_course.png) no-repeat 0 0;
  color: #96440E;
}
ul.courseList li .status{
font-size: 13px;
font-weight: bold;
color: #333;
}
.iconTce{
  background-color: #FB7119;
  border-radius: 3px;
  padding: 1px 7px 0;
  color: #FFF;
  font-weight: normal;
    margin: 0 5px 0 0;
}

.iconTe{
  background-color: #0088B1;
  border-radius: 3px;
  padding: 1px 7px 0;
  color: #FFF;
  font-weight: normal;
    margin: 0 5px 0 0;
}

.iconCe{
  background-color: #3AA9F0;
  border-radius: 3px;
  padding: 1px 7px 0;
  color: #FFF;
  font-weight: normal;
    margin: 0 5px 0 0;
}
.iconE{
  background-color: #F35E68;
  border-radius: 3px;
  padding: 1px 7px 0;
  color: #FFF;
  font-weight: normal;
    margin: 0 5px 0 0;
}
.iconElite{
  background-color: #AAAAAA;
  border-radius: 3px;
  padding: 1px 7px 0;
  color: #FFF;
  font-weight: normal;
    margin: 0 5px 0 0;
}


ul.keyAttention {
  background: #FFFFD7;
  padding: 20px;
  box-sizing: border-box;
  width: 840px !important;
  margin: 0 0 40px 0 !important;

}
ul.keyAttention li {
text-indent: -17px;
  margin: 0 0 10px 20px !important;
}

ul.keyAttention li:last-child{
  margin: 0 0 0 20px !important;
}

ul.keyAttention li .icon-warning-sign{
padding: 0 3px 0 0;
  color: #FF6600;
  vertical-align: -2px;
}

.btnSpecial{
	clear:both;
	width:300px;
	margin:20px auto 0; 
}

.btnSpecial a{
	display:block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background:#fe812e;
	border-bottom:2px solid #C86320;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding:20px 0 15px;

}

.blueB a{
	background:#009ADE;
	border-color:#1776CF;
}

.btnSpecial a:hover{
	background: #FF4B14;
	text-decoration: none;
	border-top: 1px solid transparent;
	border-bottom: 1px solid #C86320;
	position: relative;
	top: 1px;
}


.blueB a:hover{
	background:#1776CF;
	border-color:#1776CF;
}


.mailArea{
	clear:both;
}

.spCath{
	color:#333;
	font-size:23px;
	font-weight:800;
	line-height:1.3em;
	font-family: 'Noto Sans Japanese';
}

#special .lead{
	font-size:15px;
	line-height:1.6em;
	font-family: 'Noto Sans Japanese';
	margin:0;
	font-weight:bold;
	letter-spacing:-0.01em
}

.spContentsmainImg img{
	border-radius:10px;
}


.mailArea{
	background:#EEFFE0;
	padding:20px;
	border-radius:10px;
	overflow:hidden;
}

.mailArea .spContentsLead{
	width:480px;
}

.mailArea .spContentsLead .lead{
	font-size:15px;
}

.mailArea h6{
	padding:10px 0;
		font-family: 'Noto Sans Japanese';
	font-size:32px;
	color:#2DBA0D;
	font-weight:800;
}


.crossText{
	width:590px;
	float:left;
}

#motion_area1 .crossText p.mainLead{
	font-size:16px;
}

.crossImg{
	width:200px;
	float:left;
}

.crossword{
	background:#009ADE;
	border-radius:5px 5px 0 0;
	text-align:center;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
		font-family: 'Noto Sans Japanese';
	padding:10px 0;
  	padding:10px 0px\0;
  	padding:10px 0px\9;
}


.crossBox{
	border:solid 2px #009ADE;
	background:#FFF;
	padding:20px;
	border-radius:0 0 5px 5px;
}

/* -----------------------------

/* アコーディオン

-------------------------------- */
#acodionClass{
	position:relative;
}
#acodionClub .btn2,
#acodionClass .btn1,
#acodionClub .close2,
#acodionClass .close{
	font-size:14px;
	font-weight:bold;
	border: solid 1px #3494ee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: block;
	width: 300px;
	text-align: center;
	color: #009ADE;
	padding: 6px 0 0;
	margin: 0 auto 20px;
	line-height:1.3em;
	cursor:pointer
}
#acodionClub .btn2,#acodionClub .close2{
margin: 0 auto 10px;
}


#acodionClub .close2 span,
#acodionClass .close span{
	font-weight:normal;
	font-size:13px;
}




#acodionClub .close2,#acodionClass .close{
width: 160px;
position:relative;
padding: 6px 0 8px;
}

.icon-checkboxalt{
	position:absolute;
	right:16px;
}

#acodionClub .close2:hover,#acodionClass .close:hover{
	color:#FFF;
	background:#3494ee;
	border:solid 1px #3494ee;
	text-decoration:none;
}

#acodionClub .btn2,#acodionClass .btn1{
display: table;
  padding: 10px;
  width: 220px;
	background: #3494ee;
	border-bottom: 2px solid #1776cf;
}
.coment{
	display: table-cell;
	color: #fff;
	font-size:15px;
}

#acodionClub .btn2:hover,#acodionClass .btn1:hover{
	background: #3494ee;
	text-decoration: none;
	border-top: 1px solid transparent;
	border-bottom: 1px solid #1776cf;
	position: relative;
	top: 1px;
}

#acodionClub .btn2 .icon-chevron-down,#acodionClass .btn1 .icon-chevron-down{
	display: table-cell;
	color: #fff;
	font-weight: normal;
 	 font-size: 11px;
}


/* -----------------------------

/* ボタン

-------------------------------- */

p.btn_orange {
	width:250px;
	position: absolute;
	bottom: 47px;
	left: 430px;
}

p.btn_orange a{
	display:block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background:#fe812e;
	border-bottom:2px solid #C86320;
	color:#FFFFFF;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding:8px;

}
p.btn_orange a:hover{
	opacity:0.7;

}

p.contBtn{
	border: 1px solid #009ADE;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	width: 205px;
	position: relative;
	text-align: center;
	margin:0 auto;
	position: absolute;
	bottom: 15px;
	left: 40px;
}
p.contBtn a{
	padding: 3px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #009ADE;
	display:block;
}
p.contBtn a:hover{
	opacity:0.7;
	background:#009ADE;
	color:#FFF;
}
p.contBtn a .icon{
	position: absolute;
	right: 3%;
	font-weight:normal;
	font-size:12px;

}

p.voteBtn{
	width:250px;
	margin: 0 auto 5px;
}

p.voteBtn a{
	display:block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background:#fe812e;
	border-bottom:2px solid #C86320;
	color:#FFFFFF;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding:8px;
	cursor:pointer;
}
p.voteBtn a:hover{
	opacity:0.7;
}


/* -----------------------------

/* ページ要素

-------------------------------- */

#halltour2014Wrap .categoryBox {
	border: 2px solid #89520D;
	padding:30px 0 40px 0;
}
#halltour2014Wrap #contents{
	margin-bottom:0 !important;
}

/* -----------------------------
/* motion_area1
-------------------------------- */
.rightArea{
float: left;
width: 427px;
padding:0 0 10px 0;
}

#motion_area1 ul{
	margin:0 auto;
	width: 900px;
}
#motion_area1 ul li{
	margin: 0 0 25px 0;
}
#motion_area1 ul li:last-child{
	margin: 0;
}
#motion_area1 ul li.deliveArea{
	background:#FFF  url(../images/contents_bg_1.png) no-repeat center center;
	width:900px;
	height:412px;
	position:relative;
}
#motion_area1 ul li.slotArea{
	background:#FFF  url(../images/contents_bg_2.png) no-repeat center center;
	width:900px;
}
#motion_area1 ul li.slotliteArea{
	background:#FFF  url(../images/contents_bg_3.png) no-repeat center center;
	width:900px;
	height:380px;
}


#motion_area1 p.artwork img{
	width:273px;
	float:left;
	padding:0 15px 0 0;
}
#motion_area1 p.gift img{
	
}
#motion_area1 h4 img{
	width:427px;
	height:50px;

}
#motion_area1 p.contLead{
	font-size:13px;
	line-height:1.6em;
	padding:0 0 12px 0;
	letter-spacing: -0.01em;
	color:#000;
}
/* -----------------------------
/* motion_area2
-------------------------------- */
#motion_area2{
	display: block;
}

#motion_area2 h2 img{
	margin:0 auto;
	padding:0 0 30px 0;
	display: block;
}
#motion_area2 ul.subNavi{
	width: 780px;
	margin: 0 auto 40px;
}

#motion_area2 ul.subNavi li{
	float:left;
	font-size:18px;
	font-weight:bold;
	padding:0 50px 0 0;
	text-align: center;
}
#motion_area2 ul.subNavi li:last-child{
	float:left;
	font-size:18px;
	font-weight:bold;
	padding:0;
	text-align: center;
}


#motion_area2 ul.subNavi li a{
	text-decoration: none;
	color: #55c5e0;
	display: block;
	border: 1px solid #55c5e0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 40px 0;
	margin: 0 0 20px 0;
}
#motion_area2 ul.subNavi li a img:hover{
	opacity:1;
}
#motion_area2 ul.subNavi li a:hover{
	opacity:0.7;
}

#motion_area2 ul.subNavi li .icon{
	font-size:13px;
	font-weight:normal;
}


#special #motion_area2 h4{
	font-size:25px;
	font-family: 'Noto Sans Japanese';
	font-weight:bold;
	color:#009ADE;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom: solid 1px #009ade;
}

#special #motion_area2 .introLead{
	font-size:16px;
	font-weight:bold;
	font-family: 'Noto Sans Japanese';
	line-height:1.5em;
}	

#special .mainTxt{
	font-size:16px;
	font-weight:700;
	font-family: 'Noto Sans Japanese';
	font-size:34px;
	color:#009ade;
	text-align:center;
	margin-bottom:40px;
	letter-spacing:-0.01em;
}
	
	

#motion_area2 .introArea {
	overflow:hidden;
	background:#D7F0FA;
	margin:0 auto 15px;
	padding:20px;
	border-radius:5px;
  	border: solid 1px #BDDFFC;
	position:relative;
}

#motion_area2 #acodionClub .introArea{
	background:#D2E4FF;
	border-color:#B8DAFF;
}

#motion_area2 #acodionClass .introArea{
	background:#E4FDFF;
	border-color:#D4E7FF;
}

#motion_area2 #acodionClass ul.contents li.bg1 .inbox img{
	background:#E4FDFF;
}

#motion_area2 #acodionClub ul.contents li.bg1 .inbox img{
	background:#D2E4FF;
}

/*#motion_area2 #acodionClass ul.contents li.bg1{
	background:#FFF;
	border-color:#DDD;
}

#motion_area2 #acodionClub ul.contents li.bg1{
	background:#FFF;
	border-color:#DDD;
}
*/

#motion_area2 #acodionClass .inbox .fansiteTit{
  color: #54C9E3;
	border-bottom: solid 1px #52D1EF;
}

.onlyIco{
	position:absolute;
	right:0;
	top:0;
}

#motion_area2 .introArea img.thumb{
	float:left;
	display: block;
	margin: 0 20px 0 0;
	border-radius:5px;
}

#motion_area2 .introArea h4{
	display:block;
}
#motion_area2 .introArea .introRight p.introLead{
	font-size: 14px;
	line-height: 1.6em;
	color: #000;
}

#motion_area2 .introArea .introRight{
	float: left;
	width: 512px;
}
#motion_area2 .introArea .introRight p.btnCh{
	border:1px solid #009ADE;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	width: 250px;
	position:relative;
}



#motion_area2 .introArea .introRight p.btnCh a{
	padding:6px 8px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #009ADE;
	display: block;
}
#motion_area2 .introArea .introRight p.btnCh a:hover{
	background:#009ADE;
	color:#FFF;
}
#motion_area2 .introArea .introRight p.btnCh .icon{
	position: absolute;
	right: 3%;
	font-weight:normal;
	font-size:12px;
}



#motion_area2 ul.contents{
	width:900px;
	margin:0 auto;
}

#motion_area2 ul.contents li.bg1{
	background:#F5F4F4;
	width:288px;
	height:345px;
	border:1px solid #DDD;
	float:left;
	margin:0 14px 14px 0;
	padding-bottom:25px;
	position:relative;
	border-radius:5px;
	position:relative;
}

#motion_area2 ul.contents li.classBg{
	height:310px;
}
#motion_area2 ul.contents li.bg1 .inbox{
	padding:15px;
}


#motion_area2 ul.contents li.bg1 .inbox img{
	margin-bottom: 10px;
	background:#D4F0FA;
	border-radius:5px;
}

.subLead{
	font-size:12px;
	font-family: 'Noto Sans Japanese';
	text-indent:-1em;
	padding-left:1em;
	line-height:1.5em;
}
	
.inbox .fansiteTit{
	font-size:18px;
	font-family: 'Noto Sans Japanese';
	font-weight:bold;
	text-align:center;
	border-bottom:solid 1px #009ADE;
	padding-bottom:5px;
	margin-bottom:10px;
	color:#009ADE;
}


#motion_area2 ul.contents li.bg1 .inbox p.inLead{
	font-size: 13px;
	text-align:left;
	line-height: 1.6em;
	color:#333;
	font-family: 'Noto Sans Japanese';
	letter-spacing:-0.01em;

}






#motion_area2 ul.contents li.onlyTeam:after{
	content: ".";
	display: block;
	width:67px;
	height: 67px;
	text-indent: -9999px;
	background: url(../images/only_team_.png) no-repeat;
	background-size: 67px;
	-webkit-background-size: 67p;
	-moz-background-size: 67px;
	position: absolute;
	top: -1px;
	right: -1px;
}
#motion_area2 ul.contents li.onlyClass:after{
	content: ".";
	display: block;
	width:67px;
	height: 67px;
	text-indent: -9999px;
	background: url(../images/only_class_.png) no-repeat;
	background-size: 67px;
	-webkit-background-size: 67p;
	-moz-background-size: 67px;
	position: absolute;
	top: -1px;
	right: -1px;
}
#motion_area2 ul.contents li.onlyClub:after{
	content: ".";
	display: block;
	width:67px;
	height: 67px;
	text-indent: -9999px;
	background: url(../images/only_club_.png) no-repeat;
	background-size: 67px;
	-webkit-background-size: 67p;
	-moz-background-size: 67px;
	position: absolute;
	top: -1px;
	right: -1px;
}
#motion_area2 ul.contents li:nth-child(3n){
margin:0 0 10px 0;

}

#motion_area2 p.mainLead,#motion_area1 p.mainLead {
	padding: 0 0 10px 0;
	margin-bottom:9px;
	font-size: 19px;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	font-weight: bold;
	font-family: 'Noto Sans Japanese';
}




#motion_area1 p.mainLead{
	font-size:18px;
}



p.btn1 {
	position: relative;
	bottom: 0px;
	left: 0px;
}
/* -----------------------------
/* アンカー
-------------------------------- */

.anchor {
display: block;
position: absolute;
top: -57px;
}
スペーサー



/* -----------------------------

/* delivery

-------------------------------- */

#delivery {
border: 2px solid #89520D;
padding: 40px 0 40px 0;
}

#delivery h2{
width:900px;
margin:0 auto 20px;
}

#delivery .mainArea{
	background:#FFF  url(../images/contents_bg_1.png) no-repeat center center;
	width:900px;
	height:412px;
	margin: 0 auto 25px;
	position:relative;
}
#delivery .mainArea .inbox{
	padding:50px;
}

#delivery .mainArea p.mainLead{
	font-size:14px;
	font-weight:bold;
	line-height:1.5em;
	padding: 0 0 20px 0;
}

#delivery .mainArea .process{
	padding:20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	background:rgba(255,255,255,0.5);
}
#delivery .mainArea .process p{
	font-size:17px;
	font-weight:bold;
	color:#683c07;
	border-bottom:1px dotted #683c07;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
}

#delivery .mainArea .process ul{

}

#delivery .mainArea .process ul li{
	text-indent:-14px;
	margin:0 0 0 14px;
	line-height: 1.4em;
	padding: 0 0 3px 0;
}

#delivery .mainArea .process ul li.mini{
	font-size:12px;

}

#delivery .contentsBox{
	background:#FFF  url(../images/pt_.gif) repeat;
	width:732px;
	border: 1px solid #d2af85;
	padding:40px;
	margin: 0 auto 25px;
}
#delivery .contentsBox h2{
	width:725px;
	margin:0 auto 20px;
	padding: 0 0 10px 0;
	border-bottom:2px solid #683C07;
	position:relative;
}
#delivery .contentsBox h2:after{
	content: ".";
	display: block;
	width:200px;
	height: 125px;
	text-indent: -9999px;
	background: url(../images/stamp_hokkaido.png) no-repeat;
	background-size: 200px 125px;
	-webkit-background-size: 200px 125px;
	-moz-background-size: 200px 125px;
	position: absolute;
	top: -55px;
	left: -65px;
}
#delivery .contentsBox p.voteLead{
	font-size:15px;
	font-weight:bold;
	padding: 0 0 20px 0;
	
}

#delivery .contentsBox .inBox{
	width:725px;
}
#delivery .contentsBox .inBox img{
	float:left;
	width:275px;
	padding:0 20px 0 0;
}
#delivery .contentsBox .inRight{
	width:430px;
	float:left;	
}
#delivery .contentsBox .inRight p.date{
	font-size: 13px;
	width: 430px;
	text-align: center;
}

#delivery .variousArea ul{
margin:0 auto 0;
width: 900px
}

#delivery .variousArea ul li{
	float:left;
	background:#FFF  url(../images/pt_.gif) repeat;
	width:213px;
	border: 1px solid #d2af85;
	margin:0 25px 0 0;
	padding: 10px 20px 20px;
	
}
#delivery .variousArea ul li h3 img{
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:2px solid #683C07;
	
}
#delivery .variousArea ul li:last-child{
	margin:0;
	
}
#delivery .variousArea ul li p img{
	width:213px;
	
}
#bnrArea{
padding:0 0 20px 0;
}

#special .areaTit {
  background: #eee;
  color: #009ADE;
  font-family: 'Noto Sans Japanese';
  font-size: 22px;
  font-weight: 700;
  text-align: left;
  border: none;
  border-left: 5px solid #009ADE;
  padding: 10px 10px 10px 15px;
  margin: 0 0 20px;
  padding: 15px 10px 5px 15px\0;
  padding: 15px 10px 5px 15px\9;
}

.attentionArea ul li {
	background: #ffc url(../images/ico_attentionlist.gif) no-repeat 20px 20px;
	color: #281c00;
	font-size: 14px;
	line-height: 1.5em;
	border: 1px solid #F90;
	padding: 15px 35px 15px 35px;
	margin-bottom: 10px;
}
.attentionArea ul li.tail {
	margin-bottom: 0;
}
.attentionArea ul dl {
	background: #f7f7f7;
	color: #333;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #ddd;
	padding: 10px;
	margin: 10px 0 0;
}
.attentionArea ul dt {
	font-weight: bold;
}
.attentionArea ul dd {
	padding: 0 0 0 1em;
}

.red { color:#FF0000; }
/* spacer */
.space0  { margin-bottom: 0px !important; }
.space5  { margin-bottom: 5px !important; }
.space10 { margin-bottom: 10px !important; }
.space15 { margin-bottom: 15px !important; }
.space20 { margin-bottom: 20px !important; }
.space25 { margin-bottom: 25px !important; }
.space30 { margin-bottom: 30px !important; }
.space40 { margin-bottom: 40px !important; }
.space45 { margin-bottom: 45px !important; }
.space50 { margin-bottom: 50px !important; }

.space30p { padding-top: 30px !important; }



/* コブクロスワードパズル */

.crosswordTit {
	color: #555;
	font-family: 'Noto Sans Japanese';
	font-size: 35px;
	font-weight: 700;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	border-bottom: 4px solid #009ADE;
	padding: 0 0 10px;
	margin: 0 0 25px;
	text-align:center;
}

.answerArea {
	margin:50px auto 9px;
	width:590px;
	line-height:1.6em;
}


p.answerBtn {
	padding:1px 0 ;
}


p.answerBtn a,p.answerBtn input {
-webkit-appearance: none;
	padding:5px;
	margin:0;
display: block;
box-shadow:0px 2px #1776CF;
-moz-box-shadow:0px 2px #1776CF;
-webkit-box-shadow:0px 2px #1776CF;
background:#3494EE;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:none;
-moz-border:none;
-webkit-border:none;
padding: 20px 0;
margin: 10px auto;
width: 350px;
color: white;
font-weight: bold;
text-align: center;
font-size: 20px;
text-decoration:none;
}

p.answerBtn a:hover,p.answerBtn input:hover  {
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	margin:12px auto 8px;
-webkit-appearance: none;
}

p.quizAnswerArea {
	margin:5px auto 20px;
}

/*
p.quizAnswerArea label{
	margin:0 auto;
}*/

p.quizAnswerArea input,p.quizAnswerArea textarea {
	width:100%;
	box-sizing:border-box;
	font-size: 15px;
}


.specialBtn a{
display: block;
background: #FE812E;
text-align: center;
font-size: 20px;
font-weight: bold;
color: white;
padding: 20px 0 20px;
border-radius: 5px;
border-bottom: 3px solid #C86320;
margin: 10px auto 0;
width: 350px;

}

.specialBtn a:hover {
border-bottom: 0;
margin: 13px auto 0;
text-decoration:none;
}


.completeTxt {
	margin:0 auto;
	text-align:center;
	padding:0px 0 30px;
	font-size:20px;
}

.errorTxt {
	margin:0 auto 0px;
	text-align:center;
	padding:10px;
	font-size:20px;
	color:#f00;
}


.replyTit {
	margin:0 0 5px;
	font-size:15px;
}

.crosswordLead {
	font-size:18px;
}

.crosswordSection {
	background:#FFF  url(../images/special/bg_heart.png) repeat center -45px;
	padding: 40px 80px;
}


/* サンキューメールWEB版 */


#kobtour2015Wrap #main_clm {
/*	width: 670px;
	float: left;
    padding: 40px 50px;*/
    padding:0;
    margin: 0 0 30px;
}


.mainTit {
    background:#009ade;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.25em;
    margin-bottom: 10px;
    padding: 12px 10px 10px;
}

#blog .article {
	padding:30px 30px 20px;
}


/* キーワードラリープレゼント応募 */
.loginArea {
    margin: 20px auto 15px;
    text-align: center;
}

.loginArea p.txtAttention {
	color:#ff0000;
	text-align:center;
	font-weight: bold;
	margin: 0 auto 5px;
}

.loginArea form {
	text-align: right;
    line-height: 2.2em;
    width: 400px;
	margin: 0 auto 0px;
}


.loginArea form .txtLoginArea input {
	width:212px;
}



form .loginBtn {
    clear: both;
    margin: 15px auto 0;
    width: 300px;
}

form .loginBtn input {
    background: #fe812e none repeat scroll 0 0;
    border-top: none;
    border-right: medium none;
    border-left: medium none;
    border-bottom: 2px solid #c86320;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0 5px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

form .loginBtn input:hover {
    background: #ff4b14 none repeat scroll 0 0;
    border-bottom: 1px solid #c86320;
    border-top: none;
    border-right: medium none;
    border-left: medium none;
    border-top: 1px solid rgba(0, 0, 0, 0);
    position: relative;
    text-decoration: none;
    top: 1px;
    width: 100%;
}