@media (max-width: 767px){
body {
    padding-bottom: 85px;
}
.container {
    margin-top: 0;
}	
}

.footerInfo{
	position: relative;
	/*right: 20px;*/
}
/*.footerInfo .footBtn01{ text-align:right; width:258px; float:right; transition: all 0.3s ease 0s;}*/
.footerInfo .listIcoWhiteSquareY01 li {float:left; }
.footerInfo .listIcoWhiteSquareY01 a {color:#262626; }
.footerInfo .listIcoWhiteSquareY01 {
	list-style-type:none;
}
.footerInfo .listIcoWhiteSquareY01 li {
	background: url(../img/common/ico_white_square01.gif) no-repeat left center;
	margin: 0 0 0 10px;
	padding: 0 0 0 12px;
}

.footerInfo .copyright { float:right; padding-top: 2px; }

span.txt01 {letter-spacing:0;}

/*------------------------------------------------------------*/
/*テーマカラー指定
/*------------------------------------------------------------*/
.color-thema {
	color:#75DEED;
}

/*------------------------------------------------------------*/
/*リスト指定
/*------------------------------------------------------------*/
.listIcoBlueSquareY01 {
}
.listIcoBlueSquareY01 li {
	background: url(../img/common/ico_blue_square01.gif) no-repeat left center;
	padding: 0 30px 0 15px;
}

.listIcoBlueArrowY01 {
	list-style-type:none;
}
.listIcoBlueArrowY01 li {
	background: url(../img/common/ico_blue_arrow01.gif) no-repeat left center;
	padding: 0 30px 0 15px;
}


.listCldr01 li {
	display: inline-block;
	float: left;
}
.listCategory01 {
	padding: 3px 0 0;
	margin: 0;
	list-style-type:none;
}
.listCategory01 li {
	float: left;
	margin: 1px 5px 5px 0;
}

@media (max-width: 480px) {
	.listCategory01 {
		margin-left:5px;
	}
}

.listBreadCrumb{ padding:0; margin;}
.listBreadCrumb a{display:inline !important; text-decoration:underline !important;}
.listBreadCrumb li{
	display:inline;
	float:left;
	margin-right:10px;
}
.listBreadCrumb  li:after{
	content:">";
	padding:0 0 0 10px;

}
.listBreadCrumb li:last-child:after{content: "";}
@media (max-width: 767px) {.listBreadCrumb{ display:none;}}
.listTOP01{	padding:0 0 0 15px; list-style-type:none;}
.listTOP01 li{ display:inline-block; width:100%; margin-right:10px;}
.listSNS01{	padding:0 0 0 15px; list-style-type:none;}
.listSNS01 li{ display:inline-block; float:left; min-height:40px; min-width:100px; margin-right:10px;}
.listSNS01 li.twitter iframe{ display:inline-block; border:1px solid #FF0004; visibility:collapse !important; }
/*------------------------------------------------------------*/
/*Ico指定
/*------------------------------------------------------------*/
.icoGraySmall01 a {
	background-color: #efebe9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 8px;
	color: #333333;
	font-weight: bold;
	letter-spacing: 0.1em;
	transition: all 0.3s ease 0s;
}
.icoGraySmall01 a:hover,
.icoGraySmall01 a.active {
	text-decoration: none !important;
	background-color: #75DEED;
	color: #FFF;
}
.icoGreenSmall01 a,
.icoGreenSmall02 a {
	background-color: #666666;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 8px;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.1em;
	min-width: 80px;
	text-align: center;
	transition: all 0.3s ease 0s;
}
.icoGreenSmall01 a:hover,
.icoGreenSmall01 a.active {
	background-color: #75deed;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 8px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none !important;
	letter-spacing: 0.1em;
}
.icoGreenSmall02 a:hover{ text-decoration: none !important;}
.icoGreenSmall01 a.active:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -5px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #75deed transparent transparent transparent;
	z-index: -1;
}

.icoGraySmall01 span {
	background-color: #efebe9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 8px;
	color: #333333;
	font-weight: bold;
	letter-spacing: 0.1em;
	transition: all 0.3s ease 0s;
}
.icoGraySmall01 span:hover,
.icoGraySmall01 span.active {
	text-decoration: none !important;
	background-color: #75DEED;
	color: #FFF;
}
.icoGreenSmall01 span,
.icoGreenSmall02 span {
	background-color: #666666;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 8px;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.1em;
	min-width: 80px;
	text-align: center;
	transition: all 0.3s ease 0s;
}
.icoGreenSmall01 span:hover,
.icoGreenSmall01 span.active {
	background-color: #75deed;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 8px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none !important;
	letter-spacing: 0.1em;
}
.icoGreenSmall02 span:hover{ text-decoration: none !important;}
.icoGreenSmall01 span.active:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -5px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #75deed transparent transparent transparent;
	z-index: -1;
}

.icoCldr01 span {
	/*background-image: url(../img/common/ico_cldr01.png);
	background-position: 98% 2px;
	background-size: 15px 15px;
	background-repeat: no-repeat;*/
	padding-right: 0;
}
/*20170622 icon backgound*/
.icoBg {
	background: rgba(38,38,38,0.5);
	-webkit-box-shadow: 0px 0px 2px 1px rgba(38,38,38,0.5);
	box-shadow: 0px 0px 2px 1px rgba(38,38,38,0.5);
}

/*------------------------------------------------------------*/
/*Form指定
/*------------------------------------------------------------*/
/*
input[type="text"],
input[type="password"],
 textarea,
 select {
	border: 1px solid #75DEED;
}
*/
input.mushi[type="text"] {
	background-image: url(../img/common/ico_mushi01.png);
	background-position: 98% center;
	background-size: 15px 15px;
	background-repeat: no-repeat;
}
select {
	vertical-align:middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../img/common/arrow01.png) right 50% no-repeat;
}
select::-ms-expand {
	display: none;
}
.file{position: relative; overflow:hidden;}
.file input[type="file"] {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  font-size: 100px;
  cursor: pointer;
}
.file_info {
	overflow: hidden;
}
.file_info:before,
.file_info:after {
	content: "";
	display: table;
}
.file_info:after {
	clear: both;
}
.file_text {
	float: left;
}
.file_close {
	float: left;
	width:50px;
	cursor: pointer;
	background: url(../img/common/ico_close01.png) right 50% no-repeat;
}

/*------------------------------------------------------------*/
/*テキスト指定
/*------------------------------------------------------------*/
.txtRight{ text-align:right;}
.txtLeft{ text-align:left;}
.txtCenter{ text-align:center;}

.txtBlue01{ color:#3BCBD5;}
.txtWhite{ color:#FFF;}
.bgWhite{
	background-color:rgba(255,255,255,0.6);
	padding:10px 15px;
	}

/*------------------------------------------------------------*/
/*透過処理指定
/*------------------------------------------------------------*/
.opacity90:hover {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
.opacity80:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.opacity70:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.opacity60:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.opacity50:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.opacity40:hover {
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
.opacity30:hover {
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
.opacity20:hover {
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}
.opacity10:hover {
	filter: alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
}
/*------------------------------------------------------------*/
/*テーブル指定                                                */
/*------------------------------------------------------------*/
.tblEnter01 th, .tblEnter01 td {
	padding-bottom: 30px;
}

.tblInner01 th, .tblInner01 td {
	padding-top: 5px;
	padding-bottom: 2px;
	border-bottom: 1px dashed #78ddec;
}
.tblInner01 .area {
	padding-top: 5px;
	padding-bottom: 2px;
	border-bottom: none;
	height:50px!important;
}
/*------------------------------------------------------------*/
/*リンクエリア設定                                            */
/*------------------------------------------------------------*/
.allLink01 {
	position: relative;
	transition: all 0.3s ease 0s;
}
.linkBlock01 a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
/*	transition: all 0.8s ease 0s;*/
}
.linkBlock01 a:hover, .linkBlock01 a.active {
	background-color: #75DEED;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}
/*------------------------------------------------------------*/
/*パネル指定
/*------------------------------------------------------------*/
.mainBlock01 {
	width: 76%
}
.sideBlock01 { 
	/*position: fixed;
	top: 210px;
	right: 5%;*/
	width: 24%;
	padding: 0 5px;
}

/* 20170614追記 ヘッダーボタングループ背景 */
@media (min-width: 1200px) {
.wrapBtngrp {
	/*background: url(../img/common/tab_Bg.png) no-repeat center top;*/
	padding: 0 4.8em;
	/*-moz-background-size: 100% 102%;
	background-size:  100% 102%;*/
}
}

@media (min-width: 769px) and (max-width: 1199px) {
.wrapBtngrp {
	/*background: url(../img/common/tab_Bg.png) no-repeat center top;*/
	padding: 0 1.8em;
	/*-moz-background-size: 100% 100%;
	background-size:  100% 100%;*/
}
}

@media (max-width: 768px){
.wrapBtngrp {
    /*background: url(../img/common/tab_Bg.png) no-repeat center top;*/
	background: #75deed;
    padding: 0.1em 0.5em 0;
	border-top: 2px solid #e9e9e9;
	border-bottom: 6px solid #75DEED;
    /*-moz-background-size: 105% 100%;
    background-size: 105% 100%;*/
}
/*スマホタブメニュー切り替え*/
.nav-tabs {
  border: 1px solid #75DEED;
}
.nav-tabs > li {
  width:50%;
  float: left;
  margin-bottom: -1px;
  font-weight: bold;
}
.nav-tabs > li > a {
  color:#75DEED;
  margin-right: 0;
  line-height: 1.42857143;
  /*border: 1px solid transparent;*/
  border-radius: 0 0 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #75DEED;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  background-color: #75DEED;
  border: 1px solid #75DEED;
  /*border-bottom-color: transparent;*/
  cursor: pointer;
}
}

/* 20170704追記 ランキングスマホ表示 */
@media (max-width: 768px) {
.wrapInn {
    margin-top: 0;
}
}

#ranking ul {
	margin: 0;
	padding: 0 10px;
}

#ranking .rank1 {
	background: url(../img/common/crown_1.png) no-repeat 0 -1px;
	padding-left:2.6em;
	text-indent:0em;
	line-height: 2.6;
	height:2.3em;
	}
#ranking .rank2 {
	background: url(../img/common/crown_2.png) no-repeat 0 -3px;
	padding-left:2.6em;
	text-indent:0em;
	line-height: 2.3;
	height:2.3em;
}
#ranking .rank3 {
	background: url(../img/common/crown_3.png) no-repeat 0 -4px;
	padding-left:2.6em;
	text-indent:0em;
	line-height: 2.0;
	height: 2.3em;
}

#ranking .rank1 span.ttl,
#ranking .rank2 span.ttl,
#ranking .rank3 span.ttl {
width: 85%;
display:inline-block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-o-text-overflow: ellipsis;
}
/*20170704 追記終わり*/

/* what's new block 20161117追記 */
.wnWrap {
	/*margin-top: 20px;*/
	margin-bottom: 10px;
	padding: 0 24px 0 8px;	
}
.wnBox {
	margin-right: 1.8%;
	margin-top: 26px;
	padding: 1em;
	border: 1px solid #c7c7c7;
	height: 10em;
	overflow: auto;
	overflow-y:scroll;
	overflow-x:hidden;
}

.wnBox ul {
	padding-left: 0.5em;
	list-style: none;
}

.wnBox ul li,
.wnBox p {
	margin-bottom: 4px;
	font-size: 13px;
	line-height: 1.2;
}

.btn-secondary {
  color: #ffffff;
  background-color: #ff8084;
  border-color: #ff8084;
  padding: 2px 12px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary {
  color: #ffffff;
  background-color: #FF888B;
  border-color: #ff8084;
  transition: all 0.3s ease 0s;
}

.btn-dAlt {
  color: #72bae0;
  background: #ffffff;
  border-color: #fff;
  border-width: 1px 1px 1px 0; 
  padding: 6px 3px;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.btn-dAlt:hover,
.btn-dAlt:focus,
.btn-dAlt.focus,
.btn-dAlt:active,
.btn-dAlt.active,
.btn.btn-dAlt:active,
.btn.btn-dAlt.active,
.open > .dropdown-toggle.btn-dAlt {
  color: #fff;
  background: #72bae0;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-dAlt:first-child {
	border-left:1px solid #fff;
}

.btn-ftr0 {
  color: #ffffff;
  background-color: #78ddec;
  border-color: #78ddec;
  padding: 2px 8px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.btn-ftr0:hover,
.btn-ftr0:focus,
.btn-ftr0.focus,
.btn-ftr0.active:hover,
.open > .dropdown-toggle.btn-ftr0 {
  color: #ffffff;
  background-color: #9CE7F1;
  border-color: #9CE7F1;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr0:active,
.btn-ftr0.active {
	background-color: #72bae0;
	border-color: #72bae0;
}

.btn-ftr1,
.btn-ftr1.active:hover {
  color: #666;
  background-color: #d9d9d9;
  border-color: #d9d9d9;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.btn-ftr1:hover,
.btn-ftr1:focus,
.btn-ftr1.focus,
.open > .dropdown-toggle.btn-ftr1 {
  color: #ffffff;
  background-color: #72bae0;
  border-color: #72bae0;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr1:active,
.btn-ftr1.active{
	color:#fff;
	background-color: #656565;
	border-color: #656565;	
}

.btn-ftr2,
.btn-ftr2.active:hover {
  color: #fff;
  background-color: #FAC78D;
  border-color: #FAC78D;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.btn-ftr2:hover,
.btn-ftr2:focus,
.btn-ftr2.focus,
.open > .dropdown-toggle.btn-ftr2 {
  color: #ffffff;
  background-color: #FACB95;
  border-color: #FACB95;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr2:active,
.btn-ftr2.active {
	color: #ff7800;
	background-color: #fff;
	border-color: #ff7800;	
}


.btn-ftr3,
.btn-ftr3.active:hover {
  color: #fff;
  background-color: #9B98CF;
  border-color: #9B98CF;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}

.btn-ftr3:hover,
.btn-ftr3:focus,
.btn-ftr3.focus,
.open > .dropdown-toggle.btn-ftr3 {
  color: #ffffff;
  background-color: #B9B7DD;
  border-color: #B9B7DD;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr3:active,
.btn-ftr3.active {
  color: #9B98CF;
  background-color: #fff;
  border-color: #9B98CF;
	
}

.btn-ftr4,
.btn-ftr4.active:hover {
  color: #fff;
  background-color: #F7BCB9;
  border-color: #F7BCB9;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}

.btn-ftr4:hover,
.btn-ftr4:focus,
.btn-ftr4.focus,
.open > .dropdown-toggle.btn-ftr4 {
  color: #ffffff;
  background-color: #F7C4C1;
  border-color: #F7C4C1;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr4:active,
.btn-ftr4.active {
	color: #f17d7d;
	background-color: #fff;
	border-color: #f17d7d;
}

.btn-ftr5,
.btn-ftr5.active:hover {
  color: #fff;
  background-color: #50d69e;
  border-color: #50d69e;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}

.btn-ftr5:hover,
.btn-ftr5:focus,
.btn-ftr5.focus,
.open > .dropdown-toggle.btn-ftr5 {
  color: #ffffff;
  background-color: #74eab9;
  border-color: #74eab9;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr5:active,
.btn-ftr5.active{
  color: #34c589;
  background-color: #fff;
  border-color: #34c589;	
}


.btn-ftr6 {
  color: #fff;
  background-color: #72bae0;
  border-color: #72bae0;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}
.btn-ftr6:hover,
.btn-ftr6:focus,
.btn-ftr6.focus,
.btn-ftr6:active,
.btn-ftr6.active,
.open > .dropdown-toggle.btn-ftr6 {
  color: #ffffff;
  background-color: #8EC7E6;
  border-color: #8EC7E6;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr7,
.btn-ftr7.active:hover {
  color: #fff;
  background-color: #d96b92;
  border-color: #d96b92;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}
.btn-ftr7:hover,
.btn-ftr7:focus,
.btn-ftr7.focus,
.open > .dropdown-toggle.btn-ftr7 {
  color: #ffffff;
  background-color: #E085A5;
  border-color: #E085A5;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr7:active,
.btn-ftr7.active {
	color: #d85282;
	background-color: #fff;
	border-color: #d85282;
}


.btn-ftr8 {
  color: #fff;
  background-color: #c588bb;
  border-color: #c588bb;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}
.btn-ftr8:hover,
.btn-ftr8:focus,
.btn-ftr8.focus,
.open > .dropdown-toggle.btn-ftr8 {
  color: #ffffff;
  background-color: #D5A8CD;
  border-color: #D5A8CD;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr8:active,
.btn-ftr8.active {
	color: #dc74ca;
    background: #fff;
    border: 1px solid #dc74ca;
}

.btn-ftr9,
.btn-ftr9.active:hover {
  color: #fff;
  background-color: #71BDAF;
  border-color: #71BDAF;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}
.btn-ftr9:hover,
.btn-ftr9:focus,
.btn-ftr9.focus,
.btn-ftr9:active,
.btn-ftr9.active,
.open > .dropdown-toggle.btn-ftr9 {
  color: #ffffff;
  background-color: #98CFC6;
  border-color: #98CFC6;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr9:active,
.btn-ftr9.active {
  color: #69bfaf;
  background-color: #fff;
  border-color: #69bfaf;	
}

.btn-ftr10,
.btn-ftr10.active:hover {
  color: #fff;
  background-color: #7db98f;
  border-color: #7db98f;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}
.btn-ftr10:hover,
.btn-ftr10:focus,
.btn-ftr10.focus,
.open > .dropdown-toggle.btn-ftr10 {
  color: #ffffff;
  background-color: #A8D0B4;
  border-color: #A8D0B4;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr10:active,
.btn-ftr10.active {
  color: #639873;
  background-color: #fff;
  border-color: #639873;
}


.btn-ftr11,
.btn-ftr11.active:hover {
  color: #fff;
  background-color: #abe198;
  border-color: #abe198;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}
.btn-ftr11:hover,
.btn-ftr11:focus,
.btn-ftr11.focus,
.open > .dropdown-toggle.btn-ftr11 {
  color: #ffffff;
  background-color: #BCE7AD;
  border-color: #BCE7AD;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr11:active,
.btn-ftr11.active {
  color: #8dc579;
  background-color: #fff;
  border-color: #8dc579;
}

.btn-ftr12,
.btn-ftr12.active:hover {
  color: #fff;
  background-color: #FFD297;
  border-color: #FFD297;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}
.btn-ftr12:hover,
.btn-ftr12:focus,
.btn-ftr12.focus,
.open > .dropdown-toggle.btn-ftr12 {
  color: #ffffff;
  background-color: #ffd9a7;
  border-color: #ffd9a7;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr12:active,
.btn-ftr12.active {
  color: #f1b66a;
  background-color: #fff;
  border-color: #f1b66a;
}

.btn-ftr13,
.btn-ftr13.active:hover {
  color: #fff;
  background-color: #ff9a71;
  border-color: #ff9a71;
  padding: 2px 6px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}
.btn-ftr13:hover,
.btn-ftr13:focus,
.btn-ftr13.focus,
.open > .dropdown-toggle.btn-ftr13 {
  color: #ffffff;
  background-color: #FFC0A6;
  border-color: #FFC0A6;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-ftr13:active,
.btn-ftr13.active {
	color: #fb2c09;
	background-color: #fff;
	border-color: #fb2c09;	
}

.btn-ftr14 {
  color: #fff;
  background-color: #FF0000;
  border-color: #FF0000;
  padding: 2px 23px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
}
.btn-ftr14:hover,
.btn-ftr14:focus,
.btn-ftr14.focus,
.btn-ftr14:active,
.btn-ftr14.active,
.open > .dropdown-toggle.btn-ftr14 {
  color: #ffffff;
  background-color: #FF5353;
  border-color: #FF5353;
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}
.btn-ftr-org {
  color: #ffffff;
  padding: 2px 8px;
  font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.btn-ftr-org:hover,
.btn-ftr-org:focus,
.btn-ftr-org.focus,
.btn-ftr-org:active,
.btn-ftr-org.active,
.open > .dropdown-toggle.btn-ftr-org {
  transition: all 0.3s ease 0s;
  /*text-decoration: none;*/
}

.btn-cancel {
    color: #424242;
    background: #efebe9;
    padding: 2px 12px;
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.collapseCategory_btn {
    padding-left: 0px;
}

/*特集カラー*/
.sp-color0 {
  color: #9CE7F1;
}
.sp-color1 {
  color: #d9d9d9;
}
.sp-color2 {
  color: #FAC78D;
}
.sp-color3 {
  color: #9B98CF;
}
.sp-color4 {
  color: #F7BCB9;
}
.sp-color5 {
  color: #50d69e;
}
.sp-color6 {
  color: #72bae0;
}
.sp-color7 {
  color: #d96b92;
}
.sp-color8 {
  color: #c588bb;
}
.sp-color9 {
  color: #71BDAF;
}
.sp-color10 {
  color: #7db98f;
}
.sp-color11 {
  color: #abe198;
}
.sp-color12 {
  color: #FFD297;
}
.sp-color13 {
  color: #FFC0A6;
}
.sp-color14 {
  color: #FF0000;
}

/*特集フォント*/
.sp-title {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
}

/*サイドメニュー細かい指定*/
@media (max-width: 767px) {
.sideBlock01 { /* 20161117追記 */
	/*position: static;*/
	/*width: 80%;*/
	width: 95%;
	margin: 10px;
}
.sideBlock01 p a img {
	margin:0 auto;
}
}

.panel01 {
	border: 1px solid #DFDFDF;
	padding: 0;
	background-color: #FFF;
}

.panel01.level1 {
	border: 1px solid #e6b422;
}

.panel01.spliter {
	border: 0;
	width: 100%;
	height:0;
	margin:0;
	padding:0;
}

.panel01.dt00 {
	background-color: #fff;
	border: 0px;
	padding: 0;
	display: initial;
}

.panel01.dt02 {
	display: none;
}

.panel01.dt01 {
	background-color: #ffffff;
	border: 0px;
	border-radius: 5px;
}
.panel01.dt01 .img01 img {
	max-width:90%;
}

.panel01.cm01 {
	background-color: #ffffff;
	border: 0px;
	border-radius: 5px;
}
.panel01.cm01 .img01 {
	height:15em;
	margin: 4px 0px;
}
.panel01.cm01 .img01 img {
	max-width:90%;
}
.panel01.cm01 .txtArea {
	height:7em;
}

.panel01 .iconArea {
	position: absolute;
	float: right;
	width: 100%;
	z-index: 996;
	padding: 1px;
	top: 2px;
}

/*パネル細かい指定*/
@media (max-width: 480px) {
.panel01 {
	margin: 0 3px 3px 0;
	height: 22em;
}
}

@media (max-width: 767px) {
.mainBlock01 {
	width: 100%;
}
.tblEnter01 th{width:40%;}

.tblEnter01 td input,
.tblEnter01 td textarea {width:100% !important;}

}


@media (min-width: 768px) {
.panelWrap {
	margin: 0 0;
}	
	
.mainBlock01 {
	padding: 0;
}
.panel01 {
	width: 150px;
	height:23em;
	margin: 0 3px 3px 0;
	position:relative;
}
.tblEnter01 th {width:15%;}
}
.panel01 .new {
	font-weight: bold;
	font-size:0.8em;
	color:#ff0000;
}
.panel01 .DateInfo {
	text-align: center;
	height:5.5em;
	margin:0;
}
.panel01 .DateToday,
.panel-body .DateToday {
	border-top:solid 2px #75deed;
	color:#75deed;
	margin:0;
	text-align:center;
}
.panel01 .DateInfo.today {
	border-bottom: 2px solid #75deed;
}

.panel01.dt01 .txtArea {
	margin-top: 1em
	height:7.5em;
	overflow:hidden;
}
.panel01.dt01 .txtArea .txtTitle01 {
	text-align:center;
}

.panel01.cm01 .txtArea {
	margin-top: 1em
	height:7.5em;
	overflow:hidden;
}
.panel01.cm01 .txtArea .txtTitle01 {
	text-align:left;
}

.panel01 .DateInfo.sat {
	color: #75deed
}

.panel01 .DateInfo.hol {
	color: #ff0000
}

.panel01 .listDate {
	text-align: center;
	height:5.5em;
	margin:0;
}

.panel01 .listDate.sat {
	color: #75deed
}

.panel01 .listDate.hol {
	color: #ff0000
}

.panel01 .listDate .list_day {
	font-size:3.5em
}
.panel01 .listDate .list_week {
	font-size:1.5em
}

.panel01 .txtDate {
	padding: 5px 0 5px 2px;
	margin: 0 0 5px 0;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.panel01 .txtDate.medal_gold {
	background-image : url(../img/common/medalGld.png);
	background-repeat: no-repeat;
	background-position : 82px 50%;
}
.panel01 .txtDate.medal_silver {
	background-image : url(../img/common/medalSlv.png);
	background-repeat: no-repeat;
	background-position : 82px 50%;
}
.panel01 .txtDate.medal_bronze {
	background-image : url(../img/common/medalBrz.png);
	background-repeat: no-repeat;
	background-position : 82px 50%;
}

.panel01 .areaClip {
	cursor: pointer;
	//position: absolute;
	//right: 22px;
	//top: 3px;
	z-index: 997;
	float:right;
	margin: 0 1px;
}

.panel01 .maxSize {
	max-width: 114px;
	max-height: 30px;
	margin: 0 auto;
}
.panel01 .icoCopy{
	z-index:997;
	cursor: pointer;
	float:right;
	margin: 0 1px;
}
.panel01 .icoClose{
	z-index:997;
	cursor: pointer;
	float:right;
	margin: 0 1px;
}

.panel01 .icoEdit{
	z-index:997;
	cursor: pointer;
	float:right;
	margin: 0 1px;
}
.panel01 .icoLock {
	position: absolute;
	right: 2px;
	bottom: -6px;
}
.panel01 .cLabel {
	display: none;
}
.panel01 .img01 {
	height: 8em;
	overflow: hidden;
}
.panel01 .img01 img {
//	margin-top: -5x;
	margin:0 auto;
}
.panel01 .txtGenre01 {
	background-color: #78DDED;
	padding: 1px 0;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.panel01 .txtArea {
	height:7.6em;
	overflow:hidden;
}
.panel01 .txtTitle01 {
	font-size: 1.1em;
	padding: 0 0.3em;
	margin: 0 0 0.5em 0;
	overflow:hidden;
}
.panel01 .txtTitle01 a {
	/*text-decoration: underline;*/
	line-height: 1.3em;
	color: #4896BF;
}
.panel01 .list_today {
	display: none;
}
.panel01 .txtDetail01 {
	padding: 0 0.3em
}
.panel01 .txtLogo01 {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 5px 15px;
	margin: 0 0.3em 0.5em;
}

.panel01 .deleteClip {
	position: absolute;
	right: 6px;
	top: 2px;
	z-index: 996;
	cursor: pointer;
}

.panel01 .imgLogo01 {
	box-sizing: border-box;
	padding: 0px;
	margin: 0 0 0.1em;
	bottom: 0;
	height:40px;
	position: absolute;
	left: 0px;
	width: 100%;
	z-index: 1;
	cursor: pointer;
}

.panel01 .imgLogo01 ul {
	width: 100%;
	display: table;
	overflow: hidden;
	padding: 0;
	height:38px;
}

.panel01 .imgLogo01 li {
	display: table-cell;
	vertical-align: middle;
}

.panel01 .imgLogo01 li.w30 {
	width:30px;
}

.panel01 .imgLogo01 img {
	width:30px;
	margin:0 5px;
}


.panel01 .txtBtn01 {
/*	text-align: center;
	margin: 0 auto 5px;
	background: url(../img/common/btn_clip01.png) no-repeat center center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	padding: 5px 0;
	cursor: pointer;*/
	text-align:center;
	bottom: 47px;
}
.panel01 .txtBtn01 img{ margin:0 auto;}

.panel01:hover{ background-color:#E3F8FB;}
.panel01 .txtLogo01,
.panel01 .txtBtn01{
	z-index:998;
	position:relative;
}

.panel01 .txtLogo01 a,
.panel01 .txtBtn01 a{
	z-index:999;
}

.mdlFixed {
	position:absolute; 
	bottom:5px;
	right:5px;
}

.newBdg,
p.newBdg {
	position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background-color: #ff0000;
    margin: 0 0;
    padding: 1px 8px;
    font-size: 1.2rem;
}

.gld,
p.gld {
	position: absolute;
    top: 0;
    left: 0;
    color: #5a5940;
    background: -moz-linear-gradient(top, #ecb802 7%, #ecb802 7%, #f7de05 25%, #f7de05 37%, #f7de05 37%, #daaf08 74%, #b67b03 100%);
	background: -webkit-linear-gradient(top, #ecb802 7%,#ecb802 7%,#f7de05 25%,#f7de05 37%,#f7de05 37%,#daaf08 74%,#b67b03 100%); 
	background: linear-gradient(to bottom, #ecb802 7%,#ecb802 7%,#f7de05 25%,#f7de05 37%,#f7de05 37%,#daaf08 74%,#b67b03 100%); 
    margin: 0 0;
    padding: 3px 3px;
	border-bottom: 1px solid #9a9a9a;
	border-right: 1px solid #9a9a9a;
    font-size: 1.0rem;
	font-weight: bold;
}

li.gld,
p.gld2 {
	display:inline-block!important;
	position:relative;
	color: #5a5940;
    background: -moz-linear-gradient(top, #ecb802 7%, #ecb802 7%, #f7de05 25%, #f7de05 37%, #f7de05 37%, #daaf08 74%, #b67b03 100%);
	background: -webkit-linear-gradient(top, #ecb802 7%,#ecb802 7%,#f7de05 25%,#f7de05 37%,#f7de05 37%,#daaf08 74%,#b67b03 100%); 
	background: linear-gradient(to bottom, #ecb802 7%,#ecb802 7%,#f7de05 25%,#f7de05 37%,#f7de05 37%,#daaf08 74%,#b67b03 100%); 
    margin: 0 0;
    padding: 3px 3px;
	border-bottom: 1px solid #9a9a9a;
	border-right: 1px solid #9a9a9a;
    font-size: 1.0rem;
	font-weight: bold;
}

.slv,
p.slv {
	position: absolute;
    top: 0;
    left: 0;
    color: #333;
    background: -moz-linear-gradient(top, #a5a5a5 0%, #babac2 13%, #e8e8e8 50%, #a5a5a5 93%, #babac2 100%); 
	background: -webkit-linear-gradient(top, #a5a5a5 0%,#babac2 13%,#e8e8e8 50%,#a5a5a5 93%,#babac2 100%); background: linear-gradient(to bottom, #a5a5a5 0%,#babac2 13%,#e8e8e8 50%,#a5a5a5 93%,#babac2 100%); 
    margin: 0 0;
    padding: 3px 3px;
	border-bottom: 1px solid #9a9a9a;
	border-right: 1px solid #9a9a9a;
    font-size: 1.0rem;
}

li.slv,
p.slv2 {
	display:inline-block!important;
	position:relative;
	color: #333;
    background: -moz-linear-gradient(top, #a5a5a5 0%, #babac2 13%, #e8e8e8 50%, #a5a5a5 93%, #babac2 100%); 
	background: -webkit-linear-gradient(top, #a5a5a5 0%,#babac2 13%,#e8e8e8 50%,#a5a5a5 93%,#babac2 100%); background: linear-gradient(to bottom, #a5a5a5 0%,#babac2 13%,#e8e8e8 50%,#a5a5a5 93%,#babac2 100%); 
    margin: 0 0;
    padding: 3px 3px;
	border-bottom: 1px solid #9a9a9a;
	border-right: 1px solid #9a9a9a;
    font-size: 1.0rem;
}

.brz,
p.brz {
	position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background: -moz-linear-gradient(top, #752201 0%, #994312 13%, #ed7d55 48%, #a04413 78%, #8c3310 99%); 
	background: -webkit-linear-gradient(top, #752201 0%,#994312 13%,#ed7d55 48%,#a04413 78%,#8c3310 99%); 
	background: linear-gradient(to bottom, #752201 0%,#994312 13%,#ed7d55 48%,#a04413 78%,#8c3310 99%); 
    margin: 0 0;
    padding: 3px 3px;
	border-bottom: 1px solid #9a9a9a;
	border-right: 1px solid #9a9a9a;
    font-size: 1.0rem;
}

li.brz,
p.brz2 {
	display:inline-block!important;
	position:relative;
	color: #fff;
    background: -moz-linear-gradient(top, #752201 0%, #994312 13%, #ed7d55 48%, #a04413 78%, #8c3310 99%); 
	background: -webkit-linear-gradient(top, #752201 0%,#994312 13%,#ed7d55 48%,#a04413 78%,#8c3310 99%); 
	background: linear-gradient(to bottom, #752201 0%,#994312 13%,#ed7d55 48%,#a04413 78%,#8c3310 99%); 
    margin: 0 0;
    padding: 3px 3px;
	border-bottom: 1px solid #9a9a9a;
	border-right: 1px solid #9a9a9a;
    font-size: 1.0rem;
}

/*20171114追記*/
p.mrBlue {
	display:inline-block!important;
	position:relative;
	background: #75DEED;
	margin: 0 0;
    padding: 3px 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
    font-size: 1.0rem;
	text-align: center;
}

ul.psnl {
	padding-left: 0;
    list-style: none;
	font-size: 1.3rem;
}
ul.psnl li {
	margin-bottom: 5px;
	vertical-align: middle;
}

/*2017128追記*/
p.psnl {
    display: inline-block;
    font-size: 1.3rem;
    width: 6em!important;
    text-align: center;
    font-weight: bold;
}

p.psnl2 {
    display: inline-block;
    font-size: 1.3rem;
    width: 6em;
    text-align: center;
    font-weight: bold;
}
/*2017128追記 終わり*/

p.psnl span {
	display: inline-block;
	margin-top: 2px;
}

.pdgVl,
.pdgVl2 {
	padding-left: 0!important;
}
/*20171114追記おわり*/

@media (min-width: 768px) {
ul.psnl li,
ul.psnl li.vl {
	display:inline-block;
}
}

@media (max-width: 767px) {
ul.psnl li {
	display: block;
}
ul.psnl li.vl {
	display:inline-block;
}
ul.psnl li.vl span {
	padding-right: 5em;
}
/*2017128追記*/
p.psnl{
	width: 5em!important;
}
p.psnl.gld2,
p.psnl.slv2,
p.psnl.brz2{
	width: 6em!important;
}

p.psnl2 {
	width: 5em!important;
}
/*2017128追記 終わり*/
/*2017112追記*/
.pdgVl2 {
	padding-left: 14px!important;
}
/*20171114追記おわり*/
}

/*
@media (max-width: 767px) {
.panel01 {
	width: 98.5%;
	margin: 0 3px 3px 0;
	height: 5.5em;
}

.panel01.dt00 {
	background-color: #fff;
	border: 0px;
	padding: 0;
	height: 3em;
	display: initial;
}

.panel01.dt01 .img01 {
	height:5em;
	margin:0px;
}
.panel01.cm01 .img01 {
	height:5em;
	margin:0px;
}
.panel01 .txtArea {
	height:5em;
	float:left;
	margin-left:120px;
	margin-right:70px;
}
.panel01 .txtDate {
	display: none;
}

.panel01 .listDate {
	margin: 8.5px 0 0;
}
.panel01 .listDate.sat {
	color: #75deed;
}
.panel01 .listDate.hol {
	color: #ff0000;
}
.panel01 .DateInfo {
	display:none;
}
.panel01 .DateToday {
	display:none;
}
.panel01 .txtTitle01 {
	height: 2.5em;
}
.panel01:nth-child(even) {
	margin-right: 3px;
}
.panel01 .cLabel {
	display: inline;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 20px;
}
.panel01 .img01 {
	margin-left: 5px;
	position: absolute;
	overflow: hidden;
	width: 90px;
	height: 5em;
	float:left;
	top: 2px;
	left: 20px;
}
.panel01 .imgLogo01 {
	float:left;
	position: absolute;
	width:90px;
	right:5px;
	left:auto;
	bottom:auto;
}

.panel01 .imgLogo01 .account_name {
	display: none;
}

.panel01 .maxSize {
	float: right;
	max-width:90px;
}
.panel01 .imgLogo01 {
	width:40px;
}

}
*/
@media (max-width: 767px) {
	
.panelWrap {
	margin: 0 -10px;
}		
	
.panel01 {
	width: 98.5%;
	margin: 0 3px 3px 0;
	height: 25em;
}

.panel01.mode10 {
	height: 26em;
}

.panel01.dt00 {
	background-color: #fff;
	border: 0px;
	padding: 0;
	height: 3em;
	display: initial;
}

.panel01.dt02 {
	background-color: #fff;
	border: 0px;
	padding: 0;
	height: 3.5em;
	display: initial;
}

.panel01.dt01 .img01 {
	height:15em;
	margin:0px;
}
.panel01.cm01 .img01 {
	height:15em;
	margin:0px;
}
.panel01 .txtArea {
	height:5em;
}
.panel01 .txtDate {
	display: none;
}
.panel01.mode4 .txtDate {
	display: inherit;
	margin: 0;
	width: 100%;
}
.panel01 .txtDate.special {
	display: inherit;
}
.panel01 .txtDetail01 {
	padding: 0.3em;
    margin-bottom: 0;
}

.panel01 .listDate {
	margin: 0 0;
	border-bottom: 1px solid #CCC;
}
.panel01 .listDate.sat {
	color: #75deed;
}
.panel01 .listDate.hol {
	color: #ff0000;
}
.panel01 .listDate .list_day {
	font-size:4.4rem
}
.panel01 .listDate .list_week {
	font-size:2.4rem
}

.panel01 .DateInfo {
	display:none;
}
.panel01 .DateToday {
	display:block;
}

.pdgBlck, 
.pdgBlck_date {
	padding: 0 0 10px!important;
}

.pdgBlck_date {
	height: 9.0rem;
}

.panel01 .list_today {
	display: inline;
    color: #78ddec;
    margin-left: 15px;
    font-size: 1.6rem;
}
.panel01 .txtTitle01 {
	height: 2.5em;
	font-weight: bold;
}

.panel01 .txtTitle01.medal_gold {
	padding-left:25px;
	background-repeat: no-repeat;
	background-image: url("../img/common/medalGld.png");
	background-position: 0 50%;
}

.panel01 .txtTitle01.medal_silver {
	padding-left:25px;
	background-repeat: no-repeat;
	background-image: url("../img/common/medalSlv.png");
	background-position: 0 50%;
}

.panel01 .txtTitle01.medal_bronze {
	padding-left:25px;
	background-repeat: no-repeat;
	background-image: url("../img/common/medalBrz.png");
	background-position: 0 50%;
}

.panel01:nth-child(even) {
	margin-right: 3px;
}
.panel01 .cLabel {
	display: none;
}
.panel01 .img01 {
	/*margin: 2px auto;*/
	margin: 0 auto;
	position: initial;
	overflow: hidden;
	width: 100%;
	/*height: 15em;*/
	max-height: 8.5rem;
}
.panel01 .imgLogo01 {
	position: relative;
	width:100%;
	bottom:10px;
	height: 3em;
}
.panel01 .imgLogo01 ul {
	height: 3em;
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: left;
	display: table;
}
.panel01 .imgLogo01 li {
	display: table-cell;
	vertical-align: middle;
}

.panel01 .imgLogo01 .account_name {
//	display: none;
}

.panel01 .maxSize {
	float: right;
	max-width:90px;
}

/*20170725レスポンシブ指定追記*/
.panel01 .icoClose{
	margin: 0 4px 0 1px;
}

.mdlFixed {
	position:absolute; 
	bottom:15px;
	right:5px;
}

.panel01 .img01 img {
	max-width: 125%;
}

.nav > li > a {
    padding: 10px 5px;
}

}

/*
パネル02
*/
.panel02 {
	border: 1px solid #DFDFDF;
	padding: 0;
	background-color: #FFF;
}

.panel02.level1 {
	border: 1px solid #e6b422;
}

.panel02.spliter {
	border: 0;
	width: 100%;
	height:0;
	margin:0;
	padding:0;
}

.panel02.dt00 {
	background-color: #fff;
	border: 0px;
	padding: 0;
	display: initial;
}

.panel02.dt02 {
	display: none;
}

.panel02.dt01 {
	background-color: #ffffff;
	border: 0px;
	border-radius: 5px;
}
.panel02.dt01 .img01 img {
	max-width:90%;
}

.panel02.cm01 {
	background-color: #ffffff;
	border: 0px;
	border-radius: 5px;
}
.panel02.cm01 .img01 {
	height:15em;
	margin: 4px 0px;
}
.panel02.cm01 .img01 img {
	max-width:90%;
}
.panel02.cm01 .txtArea {
	height:7em;
}

.panel02 .iconArea {
	position: absolute;
	float: right;
	width: 100%;
	z-index: 996;
	padding: 1px;
	top: 2px;
}

/*パネル細かい指定*/
@media (max-width: 480px) {
.panel02 {
	margin: 0 3px 3px 0;
	height: 21em;
}
}

.panel02 {
	width: 150px;
	height:21em;
	margin: 0 3px 3px 0;
	position:relative;
}
.tblEnter01 th {width:15%;}
}
.panel02 .new {
	font-weight: bold;
	font-size:0.8em;
	color:#ff0000;
}
.panel02 .DateInfo {
	text-align: center;
	height:5.5em;
	margin:0;
}
.panel02 .DateToday {
	border-top:solid 2px #75deed;
	color:#75deed;
	margin:0;
	text-align:center;
}
.panel02 .DateInfo.today {
	border-bottom: 2px solid #75deed;
}

.panel02.dt01 .txtArea {
	margin-top: 1em
	height:7.5em;
	overflow:hidden;
}
.panel02.dt01 .txtArea .txtTitle01 {
	text-align:center;
}

.panel02.cm01 .txtArea {
	margin-top: 1em
	height:7.5em;
	overflow:hidden;
}
.panel02.cm01 .txtArea .txtTitle01 {
	text-align:left;
}

.panel02 .DateInfo.sat {
	color: #75deed
}

.panel02 .DateInfo.hol {
	color: #ff0000
}

.panel02 .listDate {
	text-align: center;
	height:5.5em;
	margin:0;
}

.panel02 .listDate.sat {
	color: #75deed
}

.panel02 .listDate.hol {
	color: #ff0000
}

.panel02 .listDate .list_day {
	font-size:3.5em
}
.panel02 .listDate .list_week {
	font-size:1.5em
}

.panel02 .txtDate {
	padding: 5px 0 5px 2px;
	margin: 0 0 5px 0;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.panel02 .txtDate.medal_gold {
	background-image : url(../img/common/medalGld.png);
	background-repeat: no-repeat;
	background-position : 82px 50%;
}
.panel02 .txtDate.medal_silver {
	background-image : url(../img/common/medalSlv.png);
	background-repeat: no-repeat;
	background-position : 82px 50%;
}
.panel02 .txtDate.medal_bronze {
	background-image : url(../img/common/medalBrz.png);
	background-repeat: no-repeat;
	background-position : 82px 50%;
}

.panel02 .areaClip {
	cursor: pointer;
	//position: absolute;
	//right: 22px;
	//top: 3px;
	z-index: 997;
	float:right;
	margin: 0 1px;
}

.panel02 .maxSize {
	max-width: 114px;
	max-height: 30px;
	margin: 0 auto;
}

.panel02 .icoClose{
	//position:absolute;
	//top:3px;
	//right:1px;
	z-index:997;
	cursor: pointer;
	float:right;
	margin: 0 1px;
}
.panel02 .icoEdit{
	//position:absolute;
	//top: 3px;
	//right: 44px;
	z-index:997;
	cursor: pointer;
	float:right;
	margin: 0 1px;
}
.panel02 .icoLock {
	position: absolute;
	right: 2px;
	bottom: -6px;
}
.panel02 .cLabel {
	display: none;
}
.panel02 .img01 {
	height: 8em;
	overflow: hidden;
}
.panel02 .img01 img {
//	margin-top: -5x;
	margin:0 auto;
}
.panel02 .txtGenre01 {
	background-color: #78DDED;
	padding: 1px 0;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.panel02 .txtArea {
	height:7.5em;
	overflow:hidden;
}
.panel02 .txtTitle01 {
	font-size: 1.1em;
	padding: 0 0.3em;
	margin: 0 0 0.5em 0;
	overflow:hidden;
}
.panel02 .txtTitle01 a {
	text-decoration: underline;
	line-height: 1.3em;
}
.panel02 .list_today {
	display: none;
}
.panel02 .txtDetail01 {
	padding: 0 0.3em
}
.panel02 .txtLogo01 {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 5px 15px;
	margin: 0 0.3em 0.5em;
}

.panel02 .deleteClip {
	position: absolute;
	right: 6px;
	top: 2px;
	z-index: 996;
	cursor: pointer;
}

.panel02 .imgLogo01 {
	box-sizing: border-box;
	padding: 0px;
	margin: 0 0 0.1em;
	bottom: 0;
	height:40px;
	position: absolute;
	left: 0px;
	width: 100%;
	z-index: 1;
	cursor: pointer;
}

.panel02 .imgLogo01 ul {
	width: 100%;
	display: table;
	overflow: hidden;
	padding: 0;
	height:38px;
}

.panel02 .imgLogo01 li {
	display: table-cell;
	vertical-align: middle;
}

.panel02 .imgLogo01 li.w30 {
	width:30px;
}

.panel02 .imgLogo01 img {
	width:30px;
	margin:0 5px;
}


.panel02 .txtBtn01 {
	text-align:center;
	bottom: 47px;
}
.panel02 .txtBtn01 img{ margin:0 auto;}

.panel02:hover{ background-color:#E3F8FB;}
.panel02 .txtLogo01,
.panel02 .txtBtn01{
	z-index:998;
	position:relative;
}

.panel02 .txtLogo01 a,
.panel02 .txtBtn01 a{
	z-index:999;
}
/*20170725追記*/
.usrBox {
	background-color: #fafafa;
	border: 2px solid #78ddec;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	padding: 10px;
}
.IconImgNoLogin2 {
	background-color: #fff;
    border: 2px solid #aaaaaa;
}
li.list-icon-sq2 {
    background: url(../img/common/ico_blue_square01.gif) no-repeat left center;
    padding: 0 12px 0 12px;
}
/*20170725追記*/


@media (max-width: 767px) {
.panel02 {
	width: 98.5%;
	margin: 0 3px 3px 0;
	height: 25em;
}

.panel02.mode10 {
	height: 26em;
}

.panel02.dt00 {
	background-color: #fff;
	border: 0px;
	padding: 0;
	height: 3em;
	display: initial;
}

.panel02.dt02 {
	background-color: #fff;
	border: 0px;
	padding: 0;
	height: 3.5em;
	display: initial;
}

.panel02.dt01 .img01 {
	height:15em;
	margin:0px;
}
.panel02.cm01 .img01 {
	height:15em;
	margin:0px;
}
.panel02 .txtArea {
	height:5em;
}
.panel02 .txtDate {
	display: none;
}
.panel02.mode4 .txtDate {
	display: inherit;
	margin: 0;
	width: 100%;
}
.panel02 .txtDate.special {
	display: inherit;
}
.panel02 .txtDetail01 {
	padding:  0.3em
}

.panel02 .listDate {
	margin: 8.5px 0 0;
}
.panel02 .listDate.sat {
	color: #75deed;
}
.panel02 .listDate.hol {
	color: #ff0000;
}
.panel02 .listDate .list_day {
	font-size:2em
}
.panel02 .listDate .list_week {
	font-size:2em
}

.panel02 .DateInfo {
	display:none;
}
.panel02 .DateToday {
	display:none;
}
.panel02 .list_today {
	display: inline;
	margin-left:15px;
}
.panel02 .txtTitle01 {
	height: 2.5em;
}

.panel02 .txtTitle01.medal_gold {
	padding-left:25px;
	background-repeat: no-repeat;
	background-image: url("../img/common/medalGld.png");
	background-position: 0 50%;
}

.panel02 .txtTitle01.medal_silver {
	padding-left:25px;
	background-repeat: no-repeat;
	background-image: url("../img/common/medalSlv.png");
	background-position: 0 50%;
}

.panel02 .txtTitle01.medal_bronze {
	padding-left:25px;
	background-repeat: no-repeat;
	background-image: url("../img/common/medalBrz.png");
	background-position: 0 50%;
}

.panel02:nth-child(even) {
	margin-right: 3px;
}
.panel02 .cLabel {
	display: none;
}
.panel02 .img01 {
	margin: 2px auto;
	position: initial;
	overflow: hidden;
	width: 100%;
	height: 15em;
}
.panel02 .imgLogo01 {
	position: absolute;
	width:100%;
	bottom:0;
	height: 3em;
}
.panel02 .imgLogo01 ul {
	height: 3em;
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
	display: inline-block;
}
.panel02 .imgLogo01 li {
	display: inline-block;
	vertical-align: middle;
}

.panel02 .imgLogo01 .account_name {
//	display: none;
}

.panel02 .maxSize {
	float: right;
	max-width:90px;
}

.panel01,
.panel01.level1 {
    margin: 0 0 10px 0;
    height: auto;
	border-width: 0 0 1px 0;/*20170726追記*/
}


.btn-group > .btn:nth-last-child {
    border-bottom-right-radius: 8px!important;
    border-top-right-radius: 8px!important;
}


.btn-dAlt2 {
    color: #ffffff;
    background: #6cb1d5;
    border-color: #fff;
    border-width: 1px;
    padding: 6px 3px;
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.btn-dAlt2:hover,
.btn-dAlt2:focus,
.btn-dAlt2.focus {
    color: #fff;
  text-decoration: none;
}

.btn-dAlt2:hover, .btn.btn-dAlt2:hover, .btn-dAlt2.focus, .btn.btn-dAlt2.focus, .btn-dAlt2:active, btn.btn-dAlt2.active, .open > .dropdown-toggle.btn-dAlt2 {
    color: #fff;
    background: #72bae0;
    transition: all 0.3s ease 0s;
    /* text-decoration: none; */
}

.modal-content {
    width: 100%;
}

}



/*------------------------------------------------------------*/
/*フィルターカラー
/*------------------------------------------------------------*/
.filter-news .txtDate {
	background-color:#C5CFD1;
	color:#ffffff;
}
.filter-sports .txtDate {
	background-color:#AFDDF5;
	color:#ffffff;
}
.filter-entertainment .txtDate {
	background-color:#F7C4C1;
	color:#ffffff;
}
.filter-tvshow .txtDate {
	background-color:#C0DDA3;
	color:#ffffff;
}
.filter-goout .txtDate {
	background-color:#9B98CF;
	color:#ffffff;
}
.filter-gourmet .txtDate {
	background-color:#FACB95;
	color:#ffffff;
}

.filter-news .cLabel {
	background-color:#C5CFD1;
	color:#ffffff;
}
.filter-sports .cLabel {
	background-color:#AFDDF5;
	color:#ffffff;
}
.filter-entertainment .cLabel {
	background-color:#F7C4C1;
	color:#ffffff;
}
.filter-tvshow .cLabel {
	background-color:#C0DDA3;
	color:#ffffff;
}
.filter-goout .cLabel {
	background-color:#9B98CF;
	color:#ffffff;
}
.filter-gourmet .cLabel {
	background-color:#FACB95;
	color:#ffffff;
}

/*------------------------------------------------------------*/
/*個別指定
/*------------------------------------------------------------*/
.blockTopBdrGray01 {
	/*border-top: 1px solid #C9C9C9;*/
	/*padding: 5px 0 5px 0;*/
	/*padding: 3px 0 5px 0;*/ /* 20161201追記 */
	/*padding: 5px 0 0;*/
	text-align: left;
	/*margin-bottom: 2px;*/
	overflow: hidden;
}
.blockTopBdrGray01 div {
	padding: 0;
}
.blockTopBdrGray01 .listCldr01 {
	margin: 0;
	padding: 0;
}
.blockTopBdrGray01 .listCldr01:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.blockTopBdrGray01 .listCldr01 li {
	letter-spacing: 0.1em;
	margin: 1px 5px 1px 0px;
}

.blockTopBdrGray01 .DaysOverBlock {
	display: block;
}

.blockTopFilter {
	margin: 0 -10px;
}

@media (max-width: 910px) {
	.blockTopBdrGray01 .DaysOverBlock {
		height: 1.8em;
		width: 840px;
		display: flex;
	}
}

@media (max-width: 767px) {
	.blockTopBdrGray01 .DaysOverBlock {
		display: inline;
	}
	
}

.blockTopBdrGray01 .DaysLimitBlock {
	float:left;
	position:relative;
}

.blockTopBdrGray01 .DaysLimitBlock .daysToggle {
	display: none;
}

@media (max-width: 991px) {
	.blockTopBdrGray01 .DaysLimitBlock .daysToggle {
		display: block;
	}
	.blockTopBdrGray01 .DaysLimitBlock .daysNext {
		display: none;
	}
}

.blockTopBdrGray01 .DaysCurrentBlock {
	float:left;
	width:190px;
}
@media (max-width: 767px) {
	.blockTopBdrGray01 {
		margin:5px 0;
	}
	.blockTopBdrGray01 .DaysCurrentBlock {
		float:left;
		width:100%;
	}
	.blockTopBdrGray01 .DaysCurrentBlock li {
		width:100%;
	}
	.blockTopBdrGray01 .DaysLimitBlock li {
		width:100%;
	}
	.blockTopFilter {
		margin: 5px 0;
		padding-right: 10px;
	}
	.blockTopFilter li {
		width:100%;
	}
	.icoGreenSmall01 a.active::after {
		border-color: transparent transparent transparent #75deed;
		border-style: solid;
		border-width: 5px;
		bottom: initial;
		content: "";
		left: initial;
		position: absolute;
		right: -12px;
		top: 5px;
		z-index: -1;
	}
}
.blockBgBlue01{
	background-color:#75DEED;
	padding:30px;
	margin:0 auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	background: -moz-linear-gradient(left top, #A1E3ED, #A1E3ED 25%, #C5E8ED 25%, #C5E8ED 50%,
	#A1E3ED 50%, #A1E3ED 75%, #C5E8ED 75%,#C5E8ED);
	background: -webkit-linear-gradient(left top, #A1E3ED, #A1E3ED 25%, #C5E8ED 25%, #C5E8ED 50%,
	#A1E3ED 50%, #A1E3ED 75%, #C5E8ED 75%,#C5E8ED);
	background: linear-gradient(left top, #A1E3ED, #A1E3ED 25%, #C5E8ED 25%, #C5E8ED 50%,
	#A1E3ED 50%, #A1E3ED 75%, #C5E8ED 75%,#C5E8ED);
	-moz-background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
	}

/*------------------------------------------------------------*/
/*ボタン指定                                                  */
/*------------------------------------------------------------*/

/* ブル―系-------------------------- */
.btnBlue01{
		color:#FFFFFF;background-color:#75DEED;
	padding: 4px 13px;	text-align:center;
	-moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;
	border: 0px solid #000000;
	-moz-box-shadow:0px 1px 3px rgba(000,000,000,0),inset 2px 2px 4px rgba(255,255,255,0);
	-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0),inset 2px 2px 4px rgba(255,255,255,0);
	box-shadow:0px 1px 3px rgba(000,000,000,0),inset 2px 2px 4px rgba(255,255,255,0);
	text-shadow:0px -1px 0px rgba(15,132,148,0.4),0px 1px 0px rgba(255,255,255,0.3);
}

.btnBlue02 {
	color: #ffffff;	padding:1px 25px;
	text-decoration:none;
	background-color:#3bcbd5;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;
	border-radius: 5px;border: 1px solid #e1e1e1;
	-moz-box-shadow:0px 3px 3px rgba(102,102,102,0.5),inset 0px 0px 0px rgba(255,000,217,0);
	-webkit-box-shadow:0px 3px 3px rgba(102,102,102,0.5),inset 0px 0px 0px rgba(255,000,217,0);
	box-shadow:0px 3px 3px rgba(102,102,102,0.5),inset 0px 0px 0px rgba(255,000,217,0);
	text-shadow:0px -1px 2px rgba(41,41,41,0.2),0px 2px 2px rgba(255,255,255,0.3);
}

.btnBlue03{
	color: #FFFFFF;	padding: 5px 28px 5px 20px;
	text-align:center;	font-weight:bolder;

	background: #75deed; /* Old browsers */
	background: -moz-linear-gradient(top,  #75deed 0%, #3bcbd5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#75deed), color-stop(100%,#3bcbd5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #75deed 0%,#3bcbd5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #75deed 0%,#3bcbd5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #75deed 0%,#3bcbd5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #75deed 0%,#3bcbd5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75deed', endColorstr='#3bcbd5',GradientType=0 ); /* IE6-9 */

	-moz-border-radius: 3px;-webkit-border-radius: 3px;
	border-radius: 3px;border: 1px solid #e1e1e1;
	-moz-box-shadow:0px 3px 3px rgba(102,102,102,0.5),inset 0px 0px 0px rgba(255,000,217,0);
	-webkit-box-shadow:0px 3px 3px rgba(102,102,102,0.5),inset 0px 0px 0px rgba(255,000,217,0);
	box-shadow:0px 3px 3px rgba(102,102,102,0.5),inset 0px 0px 0px rgba(255,000,217,0);
	text-shadow:0px -1px 2px rgba(41,41,41,0.2),0px 2px 2px rgba(255,255,255,0.3);
}


/* グレー系-------------------------- */
.btnGray01{
	color: #666666; padding: 5px 28px 5px 20px;
	text-align:center; font-weight:bolder;

	background: #f4f4f4; /* Old browsers */
	background: -moz-linear-gradient(top,  #f4f4f4 0%, #d6d6d6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f4f4f4 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f4f4f4 0%,#d6d6d6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f4f4f4 0%,#d6d6d6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f4f4f4 0%,#d6d6d6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */

	-moz-border-radius: 3px;-webkit-border-radius: 3px;
	border-radius: 3px;border: 1px solid #e1e1e1;
	-moz-box-shadow:0px 3px 3px rgba(102,102,102,0.5),inset 0px 0px 0px rgba(255,000,217,0);
	-webkit-box-shadow:0px 3px 3px rgba(102,102,102,0.5),inset 0px 0px 0px rgba(255,000,217,0);
	box-shadow:0px 3px 3px rgba(102,102,102,0.5),inset 0px 0px 0px rgba(255,000,217,0);
	text-shadow:0px -1px 2px rgba(41,41,41,0.2),0px 2px 2px rgba(255,255,255,0.3);
}

/* ホワイト系*/
.btnWhite01 {
	color: #666666;	padding:1px 20px;
	text-decoration:none;
	background-color:#d4d4d4;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;
	border-radius: 5px;border: 1px solid #e1e1e1;
	-moz-box-shadow:0px 3px 3px rgba(102,102,102,0.5),inset 0px 0px 0px rgba(255,000,217,0);
	-webkit-box-shadow:0px 3px 3px rgba(102,102,102,0.5),inset 0px 0px 0px rgba(255,000,217,0);
	box-shadow:0px 3px 3px rgba(102,102,102,0.5),inset 0px 0px 0px rgba(255,000,217,0);
	text-shadow:0px -1px 2px rgba(41,41,41,0.2),0px 2px 2px rgba(255,255,255,0.3);
}

.btn:hover {filter: alpha(opacity=80);	-moz-opacity: 0.8;	opacity: 0.8;}

.btnBlue01, .btnBlue01 a, .btnBlue01 a:hover,
.btnBlue02, .btnBlue02 a, .btnBlue02 a:hover,
.btnBlue03, .btnBlue03 a, .btnBlue03 a:hover{ color:#FFF !important; text-decoration:none !important;}

.btnGray01 .txt01,.btnBlue03 .txt01{ display:inline-block;padding-top:5px;}
.btnGray01 a:hover{ color: #666666; text-decoration:none}

.btnSmall {
	padding: 2px !important;
}

.btnCenter{	text-align:center;	margin:0 auto;	width:100%;}
.listBtnCenter01{
	list-style-type:none;
	text-align:center;
	display:block;
	margin:0 auto;
	}
.listBtnCenter01 li{ margin:0 3px; display:inline;}

.listBtnCenter02{
	list-style-type:none;
	text-align:center;
	display:block;
	margin:0 auto;
	}
.listBtnCenter02 li{ margin:0 3px; display:table-cell;}


.icoPen01,
.icoFukidashi01,
.icoUndo01,
.icoCheck01{
	background-image:url(../img/common/ico_group.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	margin-left:0.5em;
	}

.icoPen01{
	background-size:26px auto;
	width: 26px; height: 26px;
	background-position:0 0;
	}
.icoUndo01{
	background-size:26px auto;
	width: 26px; height: 26px;
	background-position:0 -72px;
	}
.icoCheck01{
	background-size:26px auto;
	width: 26px; height: 26px;
	background-position:0 -95px;
	}
.icoFukidashi01{
	background-size:16px auto;
	width: 16px; height: 16px;
	background-position:0 -30px;
	}

/*
 *画像選択
*/

.common_image {
	width:100%;
}

.common_image .slide_selector div {
	margin: 5px;
}
.common_image .slide_selector {
	width: 360px;
}

.common_image  .slide_selector .slick-slide {
	margin: 3px;
	-webkit-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}

.common_image  .slide_selector img {
	width: 100%;
	height: auto;
}

.common_image .slide_selector .slick-slide:not(.slick-center) {
	-webkit-transform: scale(.6);
	-moz-transform: scale(.6);
	-ms-transform: scale(.6);
	-o-transform: scale(.6);
	transform: scale(.6);
}

.slick-center {
	border: 5px solid #75deed;
}


/*------------------------------------------------------------*/
/*フッター設定                                            */
/*------------------------------------------------------------*/
footer{
	background-color: #f3f5f3;
    padding: 15px 0 10px;
    color: #262626;
    text-align: right;
    margin-top: 30px;
    letter-spacing: 0.1em;
	}
@media (max-width: 767px) {	
footer{
	margin-top: 0;
}
}

/*------------------------------------------------------------*/
/*モジュール設定                                              */
/*------------------------------------------------------------*/
/*公式*/
.modal{ margin-top:0;}
.blockOfficial01 .modal-dialog{ width:90%; max-width:888px; z-index:100000;}
@media (max-width: 767px) {
	.blockOfficial01 .modal-dialog{ width:98%; margin: 20px;}
	.blockOfficial01 .modal-content { width:90%; }
	.modal-dialog .col-xs-4{
		width:100%;
	}
	.modal-dialog .txtRight{
		text-align:left;
	}
	.modal-dialog .col-xs-8{
		padding:10px;
		margin-left:10px;
		width:100%;
		word-wrap:break-word;
	}
	.modal-footer .boxLeft,
	.modal-footer .boxRight{
		width:100%!important;
		float:none!important;
		border-right:none!important;
		border-bottom:1px solid #ccc;
		margin-bottom: 2px;
	}
}
.blockOfficial01 .modal-header{
	border-bottom:none;
	padding:0 !important;
	line-height:0 !important;
	}
.blockOfficial01 .modal-body{
	padding:0;
	margin:5px 20px;
	border:1px solid #78DDEC;

	}
.blockOfficial01 .close{
	opacity:1.0 !important;
	filter:100 !important;
	position:absolute;
	top:-15px;
	right:-15px;

	}
.blockOfficial01 .close span {
	width:38px;
	height:38px;
	display:block;
	}

.blockOfficial01 .boxTitle01{
	background-color:#78DDEC;
	padding:15px;
	color:#FFF;
	margin-bottom:10px;
	}
.blockOfficial01 .boxTitle01 .txtDay{
	font-size:2.3em;
	letter-spacing:0.1em;
	font-weight:bold;
	word-wrap: break-word;
	}
.blockOfficial01 .boxTitle01 .txtTime{
	background:url(../img/common/ico_clock01.png) no-repeat left top;
	padding:0 0 0 20px;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:0.1em;
}
.blockOfficial01 .boxTitle01 .txtSpot{
	background:url(../img/common/ico_pin01.png) no-repeat 2px top;
	padding:0 0 0 20px;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:0.1em;
}


.blockOfficial01 .boxTitle02{
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
	color:#78DDEC;
	font-size:2.3em;
	}


.blockOfficial01 .boxPhoto01 .boxTop01{
	margin-bottom:5px;
}

.blockOfficial01 .boxPhoto01 .boxBottom01 .listPhoto01{
	list-style-type:none;
	padding:0;
}

.blockOfficial01 .boxPhoto01 .boxBottom01 .listPhoto01 li{width:49%;}
.blockOfficial01 .boxPhoto01 .boxBottom01 .listPhoto01 li:nth-child(odd){float:left;}
.blockOfficial01 .boxPhoto01 .boxBottom01 .listPhoto01 li:nth-child(even){float:right;}


.blockOfficial01 .col-xs-8{
	padding-right:35px;
}


.blockOfficial01 .blockHeader{
	margin-top:20px;
}


.blockOfficial01 .blockHeader ul.listHeader {
	display:table;
	table-layout:fixed;
	width:100%;
	margin: 0;
	padding: 0;
}

.blockOfficial01 .blockHeader ul.listHeader li.listItem {
	display:inline-table;
	vertical-align:middle;
	text-align:center;
}

.blockOfficial01 .blockHeader ul.listHeader li.listItem .view {
	float:left;
	margin-right:10px;
}
.blockOfficial01 .blockHeader ul.listHeader li.listItem .clip_area {
	float:left;
}
.blockOfficial01 .blockHeader ul.listHeader li.listItem .btn01{
	float:left;
	padding-right:10px;
}

.blockOfficial01 .blockHeader ul.listHeader li.listItem .icoFukidashi2{
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 60px;
	height: 20px;
	line-height: 20px;
	color: #19283C;
	text-align: right;
	background: #FFF;
	border: 1px solid #CCC;
	top:2px;
	z-index: 0;
	float:left;
}

.blockOfficial01 .blockHeader ul.listHeader li.listItem .icoFukidashi2:before {
	content: "";
	position: absolute;
	top: 60%; left: -6px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 6px 6px 0;
	border-color: transparent #FFF transparent transparent;
	z-index: 0;
}
.blockOfficial01 .blockHeader ul.listHeader li.listItem .icoFukidashi2:after {
	content: "";
	position: absolute;
	top: 60%; left: -7px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 7px 7px 0;
	border-color: transparent #CCC transparent transparent;
	z-index: -1;
}

.blockOfficial01 .blockHeader ul.listHeader li.listItem .icoFukidashi{
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 60px;
	height: 20px;
	line-height: 20px;
	color: #19283C;
	text-align: right;
	background: #FFF;
	border: 1px solid #CCC;
	top:2px;
	z-index: 0;
	float:left;
}

.blockOfficial01 .blockHeader ul.listHeader li.listItem .icoFukidashi:before {
	content: "";
	position: absolute;
	top: 60%; left: -6px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 6px 6px 0;
	border-color: transparent #FFF transparent transparent;
	z-index: 0;
}
.blockOfficial01 .blockHeader ul.listHeader li.listItem .icoFukidashi:after {
	content: "";
	position: absolute;
	top: 60%; left: -7px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 7px 7px 0;
	border-color: transparent #CCC transparent transparent;
	z-index: -1;
}


.blockOfficial01 .blockHeader .boxLeft{
	float:left;
	width:50%;
	}
.blockOfficial01 .blockHeader .boxRight{
	float:right;
	width:50%;
	min-width: 160px;
	}
.blockOfficial01 .blockHeader .boxRight .btn01{ float:left; padding-right:10px;}
.blockOfficial01 .blockHeader .boxRight .icoFukidashi{}

.blockOfficial01 .blockHeader .boxRight .icoFukidashi{
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 60px;
	height: 20px;
	line-height: 20px;
	color: #19283C;
	text-align: right;
	background: #FFF;
	border: 1px solid #CCC;
	z-index: 0;
}
.blockOfficial01 .blockHeader .boxRight .icoFukidashi:before {
	content: "";
	position: absolute;
	top: 60%; left: -6px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 6px 6px 0;
	border-color: transparent #FFF transparent transparent;
	z-index: 0;
}
.blockOfficial01 .blockHeader .boxRight .icoFukidashi:after {
	content: "";
	position: absolute;
	top: 60%; left: -7px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 7px 7px 0;
	border-color: transparent #CCC transparent transparent;
	z-index: -1;
}

.blockOfficial01 .boxMainTxt01{
	border-bottom:1px dashed #CCC;
	padding-bottom:10px;
}
.blockOfficial01 .boxMainTxt01 p{ margin-bottom:5px;}

.blockOfficial01 .boxMainTxt01 p a {
	color: #78ddec;
	font-weight: bold;
}

.blockOfficial01 .blockFooter{
	margin-top:20px;
	padding-bottom:10px;
//	border-bottom:1px dashed #CCC;

}
.blockOfficial01 .blockFooter .boxLeft{
	float:left;
	width:69%;
	}
.blockOfficial01 .blockFooter .boxRight{
	float:right;
	width:30%;
	}

.blockOfficial01 .modal-footer{border:none;}
.blockOfficial01 .blockModalFooter{
	border:none;
	text-align:left;
	padding:0 10px;}

.blockOfficial01 .blockModalFooter .boxLeft{
	float:left;
	width:69%;
	border-right:1px solid #CCC;
}
.blockOfficial01 .blockModalFooter ul{padding:0;}

.blockOfficial01 .blockModalFooter .boxRight{
	float:right;
	width:30%;
}

.blockOfficial01 .blockModalFooter .boxRight ul {
	width: 100%;
	display: table;
	overflow: hidden;
	padding: 0;
}

.blockOfficial01 .blockModalFooter .boxRight li {
	display: table-cell;
	vertical-align: middle;
}

.blockOfficial01 .blockModalFooter .boxRight li.w30 {
	width:40px;
}

.blockOfficial01 .blockModalFooter .boxRight img {
	width:30px;
	margin:0 5px;
}
/*------------------------------------------------------------*/
/*詳細画面設定                                              */
/*------------------------------------------------------------*/
.blockDetail {
/*	width:90%;*/
	padding:0;
	position: relative;
	padding:0;
	margin:0 auto;
	border:1px solid #78DDEC;
}
@media (max-width: 767px) {
	.blockDetail { width:100%;}
	.blockDetail .col-xs-4{
		width:100%;
	}
	.blockDetail .txtRight{
		text-align:left;
	}
	.blockDetail .col-xs-8{
		margin-left:10px;
		padding:10px;
		width:100%;
		word-wrap:break-word;
	}
}
@media (min-width: 768px) {
	.blockDetail .startDate{
		font-size: 1.6em;
	}
	.blockDetail .endDate{
		font-size: 1.6em;
	}
}
.blockDetail .blockModalFooter {
	margin-left:10px;
}
.blockDetail .boxTitle01{
	background-color:#78DDEC;
	padding:15px;
	color:#FFF;
	margin-bottom:10px;
	}
.blockDetail .boxTitle01 .txtDay{
	font-size:2.3em;
	letter-spacing:0.1em;
	font-weight:bold;
	word-wrap: break-word;
	}
.blockDetail .boxTitle01 .txtTime{
	background:url(../img/common/ico_clock01.png) no-repeat left top;
	padding:0 0 0 20px;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:0.1em;
}
.blockDetail .boxTitle01 .txtSpot{
	background:url(../img/common/ico_pin01.png) no-repeat 2px top;
	padding:0 0 0 20px;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:0.1em;
}


.blockDetail .boxTitle02{
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
	color:#78DDEC;
	font-size:2.3em;
	}


.blockDetail .boxPhoto01 .boxTop01{
	margin-bottom:5px;
}

.blockDetail .boxPhoto01 .boxBottom01 .listPhoto01{
	list-style-type:none;
	padding:0;
}

.blockDetail .boxPhoto01 .boxBottom01 .listPhoto01 li{width:49%;}
.blockDetail .boxPhoto01 .boxBottom01 .listPhoto01 li:nth-child(odd){float:left;}
.blockDetail .boxPhoto01 .boxBottom01 .listPhoto01 li:nth-child(even){float:right;}


.blockDetail .col-xs-8{
	padding-right:35px;
}


.blockDetail .blockHeader{
	margin-top:20px;
}

.blockDetail .blockHeader ul.listHeader {
	display:table;
	table-layout:fixed;
	width:100%;
	margin: 0;
	padding: 0;
}

.blockDetail .blockHeader ul.listHeader li.listItem {
	display:inline-table;
	vertical-align:middle;
	text-align:center;
}

.blockDetail .blockHeader ul.listHeader li.listItem .view {
	float:left;
	margin-right:10px;
}
.blockDetail .blockHeader ul.listHeader li.listItem .btn01{
	float:left;
	padding-right:10px;
}

.blockDetail .blockHeader ul.listHeader li.listItem .icoFukidashi{
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 60px;
	height: 20px;
	line-height: 20px;
	color: #19283C;
	text-align: right;
	background: #FFF;
	border: 1px solid #CCC;
	top:2px;
	z-index: 0;
	float:left;
}

.blockDetail .blockHeader ul.listHeader li.listItem .icoFukidashi:before {
	content: "";
	position: absolute;
	top: 60%; left: -6px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 6px 6px 0;
	border-color: transparent #FFF transparent transparent;
	z-index: 0;
}
.blockDetail .blockHeader ul.listHeader li.listItem .icoFukidashi:after {
	content: "";
	position: absolute;
	top: 60%; left: -7px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 7px 7px 0;
	border-color: transparent #CCC transparent transparent;
	z-index: -1;
}

.blockDetail .blockHeader ul.listHeader li.listItem .icoFukidashi2{
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 60px;
	height: 20px;
	line-height: 20px;
	color: #19283C;
	text-align: right;
	background: #FFF;
	border: 1px solid #CCC;
	top:2px;
	z-index: 0;
	float:left;
}

.blockDetail .blockHeader ul.listHeader li.listItem .icoFukidashi2:before {
	content: "";
	position: absolute;
	top: 60%; left: -6px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 6px 6px 0;
	border-color: transparent #FFF transparent transparent;
	z-index: 0;
}
.blockDetail .blockHeader ul.listHeader li.listItem .icoFukidashi2:after {
	content: "";
	position: absolute;
	top: 60%; left: -7px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 7px 7px 0;
	border-color: transparent #CCC transparent transparent;
	z-index: -1;
}

.blockDetail .blockHeader .boxLeft{
	float:left;
	width:69%;
	}
.blockDetail .blockHeader .boxRight{
	float:right;
	width:30%;
	}
.blockDetail .blockHeader .boxRight .btn01{ float:left; padding-right:10px;}
.blockDetail .blockHeader .boxRight .icoFukidashi{}

.blockDetail .blockHeader .boxRight .icoFukidashi{
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 60px;
	height: 20px;
	line-height: 20px;
	color: #19283C;
	text-align: right;
	background: #FFF;
	border: 1px solid #CCC;
	z-index: 0;
}
.blockDetail .blockHeader .boxRight .icoFukidashi:before {
	content: "";
	position: absolute;
	top: 60%; left: -6px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 6px 6px 0;
	border-color: transparent #FFF transparent transparent;
	z-index: 0;
}
.blockDetail .blockHeader .boxRight .icoFukidashi:after {
	content: "";
	position: absolute;
	top: 60%; left: -7px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 7px 7px 0;
	border-color: transparent #CCC transparent transparent;
	z-index: -1;
}
.blockDetail .boxMainTxt01{
	border-bottom:1px dashed #CCC;
	padding-bottom:10px;
}
.blockDetail .boxMainTxt01 p{ margin-bottom:5px;}

.blockDetail .boxMainTxt01 p a {
	color: #78ddec;
}

.blockDetail .blockFooter{
	margin-top:8px;
	border-bottom:1px dashed #CCC;
	width:100%;

}

.blockDetail .modal-footer{border:none;}
.blockDetail .blockModalFooter{
	border:none;
	text-align:left;
	padding:0 10px;}

.blockDetail .blockModalFooter .boxLeft{
	float:left;
	width:69%;
	border-right:1px solid #CCC;
}
.blockDetail .blockModalFooter ul{padding:0;}

.blockDetail .blockModalFooter .boxRight{
	float:right;
	width:30%;
	 margin-top: 15px;
}
.blockDetail .blockModalFooter .boxRight ul {
	width: 100%;
	display: table;
	overflow: hidden;
	padding: 0;
}

.blockDetail .blockModalFooter .boxRight li {
	display: table-cell;
	vertical-align: middle;
}

.blockDetail .blockModalFooter .boxRight li.w30 {
	width:40px;
}

.blockDetail .blockModalFooter .boxRight ul.listIcoBlueArrowY01 {
	width: 100%;
	overflow: hidden;
	padding: 0;
	display: block;
}

.blockDetail .blockModalFooter .boxRight ul.listIcoBlueArrowY01 li {
	vertical-align: middle;
	display: block;
}
.blockDetail .blockModalFooter .boxRight img {
	width:30px;
	margin:0 5px;
}

.boxTitle02.medal_gold {
	padding-left:35px;
	background-repeat: no-repeat;
	background-image: url("../img/common/medalGld.png");
	background-position: 0 6px;
}

.boxTitle02.medal_silver {
	padding-left:35px;
	background-repeat: no-repeat;
	background-image: url("../img/common/medalSlv.png");
	background-position: 0 6px;
}

.boxTitle02.medal_bronze {
	padding-left:35px;
	background-repeat: no-repeat;
	background-image: url("../img/common/medalBrz.png");
	background-position: 0 6px;
}

.startDate{
	font-size:2.1em;
	letter-spacing:0.1em;
	font-weight:bold;
	word-wrap: break-word;
}
.endDate{
	font-size:2.1em;
	letter-spacing:0.1em;
	font-weight:bold;
	word-wrap: break-word;
}
@media (max-width: 991px) {
	.blockOfficial01 .boxTitle01 {
		padding: 0px 15px 20px 15px;
	}
	.startDate{
		font-size:1.6em;
	}
	.endDate{
		font-size:1.6em;
	}
}
@media (max-width: 767px) {
	.blockTopBdrGray01 .listCldr01 li {
	margin-left: 24px;
}
	.blockOfficial01 .boxTitle01 {
		padding: 15px;
	}
	.boxDate{
		overflow: hidden;
		position: relative;
		zoom:1;

	}
	.startDate{
		float: left;
	}
	.endDate{
		float: left;
	}
}

/*------------------------------------------------------------*/
/*TODAY BLOCK
/*------------------------------------------------------------*/
.todayBlock .panel-heading {
	color:#fff;
	background: #78DDEC;
	border-bottom:1px solid #e9e9e9;
}

.todayBlock .panel-title {
	letter-spacing: 4px;
}

.todayBlock .panel-body{
	border-bottom:1px solid #e9e9e9;
}

.todayBlock .panel-body.jan {
	background: url(../img/common/janSlash.png)no-repeat 18px 24px;
}
.todayBlock .panel-body.feb {
	background: url(../img/common/febSlash.png)no-repeat 18px 24px;
}
.todayBlock .panel-body.mar {
	background: url(../img/common/marSlash.png)no-repeat 18px 24px;
}
.todayBlock .panel-body.apr {
	background: url(../img/common/aprSlash.png)no-repeat 18px 24px;
}
.todayBlock .panel-body.may {
	background: url(../img/common/maySlash.png)no-repeat 18px 24px;
}
.todayBlock .panel-body.jun {
	background: url(../img/common/junSlash.png)no-repeat 18px 24px;
}
.todayBlock .panel-body.jul {
	background: url(../img/common/julSlash.png)no-repeat 18px 24px;
}
.todayBlock .panel-body.aug {
	background: url(../img/common/augSlash.png)no-repeat 18px 24px;
}
.todayBlock .panel-body.sep {
	background: url(../img/common/sepSlash.png)no-repeat 18px 24px;
}
.todayBlock .panel-body.oct {
	background: url(../img/common/octSlash.png)no-repeat 18px 24px;
}
.todayBlock .panel-body.nov {
	background: url(../img/common/novSlash.png)no-repeat 18px 24px;
}
.todayBlock .panel-body.dec {
	background: url(../img/common/decSlash.png)no-repeat 18px 24px;
}

.todaySubH {
	width:99.5%;
	background:#72bae0;
	margin: 10px 0;
	padding: 5px 10px;
	#border: 1px solid #bce5fb;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	-webkit-box-shadow: 1px 0 2px 1px ##e9e9e9;
	box-shadow: 1px 0 2px 1px ##e9e9e9;
}

/*------------------------------------------------------------*/
/*What's new
/*------------------------------------------------------------*/
.whats_new_block {
	border-bottom: 1px solid #ccc;
}

.whats_new_block .ranking.rank:before {
	padding-left:3em;
	padding-right: 1em;
	float: left;
}

.whats_new_block li {
	text-align: left;
	/*text-indent: -1.5em;*/
	padding-left: 0.6em;
	list-style: none;
	overflow: hidden;
    white-space: nowrap;  
    text-overflow: ellipsis;  
	width:100%;
	height: 1.5em;
	color: #393939;
}

.whats_new_block li:hover {
	cursor: pointer;
	color: #1DB7CD;
	text-decoration: underline;
}

.whats_new_date {
	display: inline-block;
	width: 110px;
}


/*------------------------------------------------------------*/
/*Clear指定
/*------------------------------------------------------------*/
.listCldr01:before,
.listCldr01:after,
.listCategory01:before,
.listCategory01:after,
.listSNS01:before,
.listSNS01:after,
.blockFloat:before,
.blockFloat:after,
.btn:before,
.btn:after,
.blockOfficial01 .boxPhoto01 .boxBottom01 .listPhoto01:before,
.blockOfficial01 .boxPhoto01 .boxBottom01 .listPhoto01:after,
.blockOfficial01 .blockHeader:before,
.blockOfficial01 .blockHeader:after,
.blockOfficial01 .blockFooter:before,
.blockOfficial01 .blockFooter:after,
.blockOfficial01 .blockHeader .boxRight:before,
.blockOfficial01 .blockHeader .boxRight:after,
.blockOfficial01 .blockModalFooter:before,
.blockOfficial01 .blockModalFooter:after{
	content: "";
	display: table;
}
.listCldr01:after,
.blockFloat:after,
.listCategory01:after,
.listSNS01:after,
.btn:after,
.blockOfficial01 .boxPhoto01 .boxBottom01 .listPhoto01:after,
.blockOfficial01 .blockHeader:after,
.blockOfficial01 .blockHeader .boxRight:after,
.blockOfficial01 .blockFooter:after,
.blockOfficial01 .blockModalFooter:after,
.boxTitle02{
clear:both;
}
.listCldr01,
.blockFloat,
.listCategory01,
.listSNS01,
.btn,
.blockOfficial01 .boxPhoto01 .boxBottom01 .listPhoto01,
.blockOfficial01 .blockHeader,
.blockOfficial01 .blockFooter,
.blockOfficial01 .blockHeader .boxRight,
.blockOfficial01 .blockModalFooter{
	zoom: 1;
}

/*------------------------------------------------------------*/
/*エラー設定                                                  */
/*------------------------------------------------------------*/
.error{
	color:#FF0000;
}


/*------------------------------------------------------------*/
/*右枠                                                        */
/*------------------------------------------------------------*/
.rmenuArea {
	margin: 0px 6px;
	padding: 5px;
	margin: 5px;
	width:100%;
	background-color: #78ddec;
	float:right;
}

.rmenuBorder {
	padding: 10px;
	display: block;
	background: url(../img/common/waku.gif) no-repeat right bottom;
	background-color: #fafafa;
}

.rmenuIcon {
	border: solid 1px #aaaaaa;
	float:left;
	margin : 0px 4px 0px 0px;
}

.rmenuBorder ul {
	list-style-image: url(../img/common/menu_mark.gif);
}

.rmenuBorder h4 {
	background: url(../img/common/menu_title.gif) no-repeat;
	padding: 0px 0px 0px 10px;
	font-weight: bold;
}

/*------------------------------------------------------------*/
/*カレンダーイベント日                                        */
/*------------------------------------------------------------*/
.date-event .ui-state-default {
	background: #78ddec !important;
	color: #888888 !important;
}

/*------------------------------------------------------------*/
/*チェック、ラジオ設定                                        */
/*------------------------------------------------------------*/
input[type=radio], input[type=checkbox] {
  display: none;
}

.checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: 12px 12px 12px 42px;
  border-radius: 3px;
  background-color: #ffffff;
  vertical-align: middle;
  cursor: pointer;
}
/*
.checkbox:hover {
  background-color: #badeed;
}
.checkbox:hover:after {
  border-color: #ffffff;
}
*/
.checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 1px solid #75deed;
  border-radius: 3px;
  content: '';
}

.menu_checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 4px 0 0 0;
  padding: 0px 2px 0px 20px;
  border-radius: 3px;
  background-color: #ffffff;
  vertical-align: middle;
  cursor: pointer;
  font-size: 0.9em;
}
.menu_checkbox:hover {
  background-color: #badeed;
}
.menu_checkbox:hover:after {
  border-color: #ffffff;
}
.menu_checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 2px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 1px solid #75deed;
  border-radius: 3px;
  content: '';
}

.cate_checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 0px 0;
  padding: 1px 12px 1px 42px;
  border-radius: 3px;
  background-color: #ffffff;
  vertical-align: middle;
  cursor: pointer;
}
.cate_checkbox:hover {
  background-color: #badeed;
}
.cate_checkbox:hover:after {
  border-color: #ffffff;
}
.cate_checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  border: 1px solid #75deed;
  border-radius: 3px;
  content: '';
}

.radio {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  background-color: #ffffff;
  vertical-align: middle;
  cursor: pointer;
}
.radio:hover {
  background-color: #badeed;
}
.radio:hover:after {
  border-color: #ffffff;
}
.radio:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 1px solid #75deed;
  border-radius: 8px;
  content: '';
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin: -7px -2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #75deed;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 2px solid #75deed;
  border-bottom: 2px solid #75deed;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menu_checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 8px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 2px solid #75deed;
  border-bottom: 2px solid #75deed;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cate_checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -6px;
  width: 5px;
  height: 9px;
  border-right: 2px solid #75deed;
  border-bottom: 2px solid #75deed;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}
input[type=checkbox]:checked + .menu_checkbox:before {
  opacity: 1;
}
input[type=checkbox]:checked + .cate_checkbox:before {
  opacity: 1;
}

/*------------------------------------------------------------*/
/*チェックリスト                                              */
/*------------------------------------------------------------*/
.check_list {
	list-style-type: none;
}
.check_list li {
	float:left;
	width:50%;
}

/*------------------------------------------------------------*/
/*日付選択設定                                                */
/*------------------------------------------------------------*/

.datetime {
	background-image: url("../img/common/ico_cldr01.png");
	background-position: 98% center;
	background-repeat: no-repeat;
	background-size: 13px 13px;
}

.time {
	background-image: url("../img/common/time.gif");
	background-position: 98% center;
	background-repeat: no-repeat;
	background-size: 13px 13px;
}



/*
*/
.cl-left {
	float: left;
}
.cl-right {
	float: right;
}
.cl-prev-button,
.cl-next-button {
	font-size:18px;
	height: 100%;
	cursor: pointer;
}
.cl-view-container {
	width: 100%;
	height: 50px;
	padding: 5px;
	float: left;
}

.cl-head {

}

.cl-head th,
.cl-head td {
    background: #656565 none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-collapse: collapse;
    color: #ffffff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    height: 25px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 15.8%;
}

.cl-body th {
    height: 25px;
}

.cl-body td {
	background: #fafafa none repeat scroll 0 0;
	text-align: center;
}

.cl-body td > div {
    padding-right: 5px;
}

.cl-select {
	cursor: pointer;
	background: #78ddec none repeat scroll 0 0 !important
}

/*
 モーダルフォーム
*/
#dialog_fm .tblEnter01 th {width:25%;}

/*
 カテゴリーリスト
*/
#categoryList dt{
	display:block;
	width:100%;
	height:25px;
	line-height:24px;
	text-align:left;
	padding-left:20px;
	border:#75deed 1px solid;
	cursor:pointer;
	margin-bottom: 2px;

	background-image:url("../img/common/ico_blue_arrow01.gif");
	background-repeat:no-repeat;
	float:right;
	background-size:10px 10px;
	background-position:6px 6px;


}
#categoryList dt:hover{
	cursor:pointer;
	background:#75deed;
	color:#ffffff;
	background-image:url("../img/common/ico_white_arrow01.gif");
	background-repeat:no-repeat;
	background-size:10px 10px;
	background-position:6px 6px;
}
#categoryList dt.slideon{
	cursor:pointer;
	background:#75deed;
	color:#ffffff;
	background-image:url("../img/common/ico_white_arrow02.gif");
	background-repeat:no-repeat;
	background-size:10px 10px;
	background-position:6px 7px;
}
#categoryList dd{
	background:#ffffff;
	width:100%;
	line-height:15px;
	text-align:left;
	border:#75deed 1px solid;
	display:none;
}

/*------------------------------------------------------------*/
/*動画設定                                                    */
/*------------------------------------------------------------*/
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/*------------------------------------------------------------*/
/*詳細ロゴ                                                    */
/*------------------------------------------------------------*/
.dialog-logo {
	max-height: 60px;
	margin: 0 auto;
}
.blockOfficial01 .blockModalFooter .boxRight img.sponsors-logo {
	margin: 0;
	float:right;
	width:100%;
	max-width: 200px;
	max-height: 60px;
	margin: 0 auto;
}

/*------------------------------------------------------------*/
/*詳細マージン                                                */
/*------------------------------------------------------------*/
.modal-dialog .no-margin {
	padding: 0 0px 0 15px !important;
}

/*------------------------------------------------------------*/
/*投稿者画面
/*------------------------------------------------------------*/
#right_menu .icon {
	margin: 5px;
	border: solid 2px #bcbcbc;
	width:100px;
	height:100px;
}
#right_menu #account_name {
	font-size: 1.5em;
}
#right_menu #profile {
	font-size: 1.5em;
}
#new_mirai {
	margin:10px 0;
}

@media (max-width: 767px) {
#right_menu .icon {
	float:left;
}
#right_menu #account_name {
	font-size: 2em;
	margin-left:15px;
}
#right_menu #profile {
	font-size: 1.5em;
	margin-left:15px;
}
#new_mirai {
	background-color: #78ddec;
	color:#fff;
}
}

/*------------------------------------------------------------*/
/*TODAY記事
/*------------------------------------------------------------*/
#today_date_panel #today_date_detail .date_line a {
	color: #78ddec;
	font-weight: bold;
}

/*------------------------------------------------------------*/
/*プロフィール モーダル
/*------------------------------------------------------------*/
.editPf > .modal-header {
    border-bottom: none;
    padding: 5px 15px!important;
    background: #5bc0de;
    line-height: 1.6!important;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.editPf > .modal-header > .close {
    opacity: 1.0 !important;
    filter: 100 !important;
    position: absolute;
    top: -15px;
    right: -15px;
}


.editPf > .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #75deed;
	text-align: center!important;
}

/*------------------------------------------------------------*/
/*モーダル
/*------------------------------------------------------------*/
@media (max-width: 767px) {
#editProfile > .modal-dialog,
#editPW > .modal-dialog {
    position: relative;
    width: auto;
    margin: 20px 20px 0 10px;
}
}
/*------------------------------------------------------------*/
/*bootstarp wrapper
/*------------------------------------------------------------*/
.form-group {
	margin-bottom: 4px;
}

/*------------------------------------------------------------*/
/*画像拡大                                                    */
/*------------------------------------------------------------*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
/*#cboxOverlay{background:url(../img/common/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}*/
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../img/common/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/common/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/common/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/common/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../img/common/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/common/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/common/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/common/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../img/common/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../img/common/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/common/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/common/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/common/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/* ページトップ */
@media (min-width: 768px){
#page-top {
    position: fixed;
    bottom: 60px;
    right: 20px;
    font-size: 80%;
}
}

@media (max-width: 767px){
#page-top {
    position: fixed;
    bottom: 90px;
    right: -6px;
    font-size: 80%;
	z-index: 1500;
}
}
#page-top a {
    background: rgba(44, 151, 185, 0.9);
    text-decoration: none;
    color: #fff;
    width: 108px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 6px;
}
#page-top a:hover {
    text-decoration: none;
    background: rgba(72, 156, 193, 0.9);
}