@charset "utf-8";
* {
  box-sizing: border-box;
}
html, body,
ul, ol, li,
h1, h2, h3, h4, h5, h6, p,
form, input, div {
  margin: 0;
  padding: 0;
}
html{
  min-width:1200px;
}
body {
  font-family:"メイリオ", Meiryo,
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "ＭＳ　Ｐゴシック","MS P Gothic",
    sans-serif;
  font-size: 14px;
  color: #333;
  line-height: 1.6;
  background-image:url("../img/dotPailbule.png");
}
.container{
  width: 1200px;
  margin:0 auto;
  padding:0 10px;
  position:relative;
}
p {
  margin: 1.6em 0;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #4eb7c0;
  transition: all .1s;
}
a:hover {
  color:#0062b1;
  text-decoration: none;
}
.caution{
  color:#DF3B2D;
}
.right{
	float:right;
}
.left{
  float:left;
}
.inlineBlock {
  display: inline-block;
}
.clear{
	clear:both;
}
.overflow{
	overflow:hidden;
}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}
.nowrap{
  display:inline-block;
  white-space: nowrap;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
b, strong {
	font-weight: 700;
	color: #484848;
	letter-spacing: 0.1em;
}
h1{
	margin:30px 0 20px 0;
	font-size:30px;
	text-align:center;
  font-weight:bold;
}
h1.normalH1{
	text-align:left;
	font-weight:normal;
	font-size:21px;
}
h2, h1.icon{
  font-size:30px;
  margin:50px 0 20px 0;
  background-image:url("../img/h2Bg.png");
  background-repeat:no-repeat;
  background-size:30px 30px;
  padding:0 0 0 40px;
  line-height:1.2;
  border-bottom:3px solid #333333;
  position:relative;
  font-weight:normal;
  text-align:left;
}
h2:before, h1.icon:before{
	content:"";
	border-bottom:3px solid #54c3f1;
	width:30%;
	bottom:-3px;
	left:0px;
	position:absolute;
}
h2:after, h1.icon:after{
  content:"";
  border-bottom:3px solid #54c3f1;
  width:5%;
  bottom:-3px;
  right:0px;
  position:absolute;
}
.h2Link{
	font-size:18px;
	float:right;
	margin-top:10px;
}
h2.movieH2{
  background-image:url("../img/h2BgMovie.png");
}
h2.movieH2:before{
  border-bottom:3px solid #fff;
}
h2.movieH2:after{
  border-bottom:3px solid #fff;
}
h2.newH2{
  background-image:url("../img/h2BgNew.png");
}
h2.newH2:before{
  border-bottom:3px solid #f2d355;
}
h2.newH2:after{
  border-bottom:3px solid #f2d355;
}
h2.rankH2{
  background-image:url("../img/h2BgRank.png");
}
h2.rankH2:before{
  border-bottom:3px solid #f2d355;
}
h2.rankH2:after{
  border-bottom:3px solid #f2d355;
}
h2.rank2H2{
  background-image:url("../img/h2BgRank2.png");
}
h2.aqueH2{
  background-image:url("../img/h2BgAque.png");
}
h1.top{
  margin:10px 0 20px 0;
}
h2.top{
	margin:0 0 20px 0;
}
h3{
	font-size:16px;
	font-weight:normal;
	margin:15px 0 5px 0;
}
.button{
  color:#fff;
  background-color:#54c3f1;
  padding:3px 20px 2px 20px;
  margin:1px;
  border-radius:3px;
  min-width:40px;
  display:inline-block;
  text-align:center;
  font-size:13px;
  line-height:1.8;
  vertical-align:middle;
 }
.button:hover{
  opacity:0.8;
  color:#fff;
}
.buttonSmall{
  padding:3px 8px 1px 8px;
  min-width:30px;
  vertical-align:top;
}
.buttonBig{
  padding:0;
  font-size:15px;
  height: 45px;
  line-height: 45px;
  border-radius: 30px;
  min-width: 150px;
}
.buttonMax{
	width:100%;
}
.buttonImp{
	background-color:#EF454A;
}
.buttonUnp{
  background-color:#B7B7B7;
}
.textLeft{
	text-align:left;
}
.textRight{
  text-align:right;
}
.textCenter{
  text-align:center;
}
.nodisplay{
	display:none;
}
.textSmall{
	font-size:11px;
}

/*************************************/
/* editer */
/*************************************/



/*************************************/
/* form */
/*************************************/
input[type=submit], input[type=text], input[type=password], input[type=file], input[type=date], textarea, select, button{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size:15px;
  border: 1px solid #e0e0e0;
  padding:5px 10px;
  margin:1px 10px 1px 0;
  line-height:1.6;
  border-radius:3px;
  vertical-align:middle;
  outline:none;
}
input[type=text]:hover, input[type=password]:hover, input[type=file]:hover, textarea:hover, select:hover, fieldset:hover{
  border:1px #3C90BE solid;
}
input::placeholder, textarea::placeholder{
	color:#ddd;
  font-family:"メイリオ", Meiryo,
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "ＭＳ　Ｐゴシック","MS P Gothic",
    sans-serif;
}
.submit{
  text-align:center;
  padding:0;
  margin:20px 0;
}
form{
  display:block;
}
form.inline{
  display:inline-block;
}
textarea{
  width:100%;
}
input[type=text].min{
  width:30px;
}
input[type=text].short, input[type=password].short{
  width:100px;
}
input[type=text].middle, input[type=password].middle{
  width:213px;
}
input[type=text].long, input[type=password].long{
  width:440px;
}
input[type=text].max, input[type=password].max{
  width:100%;
}
input[type=text].half, input[type=password].half{
  width:45%;
  margin:1px 2% 1px 0;
}
input[type=submit], button{
  color:#fff;
  background-color:#2f3132;
  border:none;
  margin:1px;
  padding:10px 50px 10px 50px;
  border-radius:50px;
  min-width:170px;
  font-size:16px;
  vertical-align:middle;
}
input[type=submit]:hover, button:hover{
  opacity:0.8;
  cursor:pointer;
}
input[type=submit]:disabled, button:disabled{
  background-color:#dcdcdc;
  opacity:0.8;
  color:#555;
  cursor:default;
}
input[type=submit].middle, button.middle{
  padding:5px 20px 5px 20px;
  min-width:100px;
  font-size:16px;
}
input[type=submit].small, button.small{
  padding:2px 8px 0px 8px;
  min-width:50px;
  font-size:14px;
}
input[type=submit].big, button.big{
  margin:20px 0;
  padding:15px 40px 13px 40px;
  min-width:220px;
  font-size:18px;
  line-height: 1.7;
  border-radius:3px;
}
input[type=file]{
  width:300px;
}
label{
  display:inline-block;
  margin:3px 10px 1px 0;
  cursor:pointer;
  padding:0;
  font-size:14px;
  vertical-align:middle;
}
label:hover{
  background:#dcdcdc;
}
input[type=radio], input[type=checkbox] {
  margin:2px 0;
  width:20px;
  vertical-align:middle;
  -moz-transform-origin: right bottom;
  -moz-transform: scale( 0.9 , 0.9 );
}
input[type=checkbox].button, input[type=checkbox].buttonS, input[type=radio].button{
  margin:0;
  width:0px;
  -moz-transform:scale(0);
  -webkit-transform:scale(0);
  transform:scale(0);
}
input[type=checkbox].button + label, input[type=checkbox].buttonS + label, input[type=radio].button + label{
  position:relative;
  display:inline-block;
  background:#fff;
  border:1px solid #ddd;
  padding:5px 20px 3px 20px;
  margin:1px 5px 1px 0px;
  border-radius:3px;
  min-width:50px;
  display:inline-block;
  text-align:center;
}
input[type=checkbox].buttonS + label, input[type=radio].buttonS + label{
  min-width:30px;
  padding:2px 8px 2px 8px;
  margin:1px 2px 1px 0px;
  font-size:14px;
  line-height:1.7;
}
input[type=checkbox].button:checked + label,
input[type=checkbox].buttonS:checked + label,
input[type=radio].button:checked + label{
  background:#E20500;
  border:1px solid #E20500;
  color:#fff;
}
input[type=checkbox].button:checked + label:after,
input[type=checkbox].buttonS:checked + label:after,
input[type=radio].button:checked + label:after{
  content:'\2714';
  color:#fff;
  font-size:14px;
  position:absolute;
  top:-2px;
  left:5px;
}
input[type=checkbox].buttonS:checked + label:after{
  left:2px;
}
.formRequire{
	background:#f2d355;
	font-size:12px;
	display:inline-block;
	padding:1px 10px 0 10px;
	border-radius:10px;
	color:#fff;
	vertical-align:middle;
	margin-left:10px;
	line-height:1.5;
}

/*************************************/
/* table */
/*************************************/
table{
  border-collapse:collapse;
  border-spacing:0;
  margin:10px 0;
  padding:0;
  width:100%;
  word-break: break-all;
}
table caption{
  color:#fff;
  background:#ff8699;
  border:1px solid #F07E84;
  border-bottom:none;
  padding:7px 10px;
  font-size:1.2em;
}
table td, table th{
  font-weight:normal;
  padding:10px 15px 8px 15px;
}
table th{
  background:#888;
  color:#fff;
  border-bottom:1px solid #fff;
}
table tr:nth-child(even) {
  background:#fff;
  }
table tr:nth-child(odd) {
  background:#f4f4f4;
}
table th.pcth{
  width:130px;
}
table.auto_width{
  width:auto;
}

/*************************************/
/* flash message */
/*************************************/
.error-message{
  font-size:14px;
  color:#ff0000;
  background:#ffeeee;
  padding:5px 10px 3px 10px;
  margin:3px 0;
  border-radius:5px;
}
.message{
  background:#ffeeee;
  color:#ff0000;
  margin:10px auto 10px auto;
  padding:5px 10px 3px 10px;
  border-radius:5px;
  width:1180px;
}

/*************************************/
/* paginate */
/*************************************/
.paging{
  margin:30px 0;
  text-align:center;
  overflow:hidden;
  font-size:16px;
}
.paging span a, .paging span.current{
  display:inline-block;
  background:#fff;
  margin:0 4px;
  padding:2px 10px 0px 10px;
  border:1px solid #b7b7b7;
  color:#696969;
  line-height:1.8;
}
.paging span.current{
  background:#54c3f1;
  color:#fff;
  border:1px solid #54c3f1;
}

.paging span a:hover{
  background:#54c3f1;
  border:1px solid #54c3f1;
  color:#fff;
  text-decoration:none;
}
.pagingLeft{
  float:left;
  line-height:30px;
}
.pagingRight{
  float:right;
  line-height:30px;
}
.paging span.prev a, .paging span.next a{
	padding:2px 8px 0px 8px;
}
.paginateAsc:before{
  margin-right:3px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-bottom: 12px solid #009fde;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.paginateDesc:before{
  margin-right:3px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 12px solid #009fde;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

/*************************************/
/* bread */
/*************************************/
.breadCrumb{
  margin:5px auto 5px auto;
  overflow:hidden;
  width:1180px;
}
.breadCrumb li {
  float:left;
  padding:5px 0;
  margin-right:10px;
}
.breadCrumb li span{
  margin-right:10px;
}
.breadCrumb li a.breadNolink, .breadCrumb li a.breadNolink:hover{
  color:#555;
}
.breadCrumbArrow{
	display:inline-block;
	border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #aaa;
  vertical-align:middle;
}
/*************************************/
/* share */
/*************************************/
.shareBtnWrap{
  vertical-align:middle;
  line-height:30px;
  overflow:hidden;
}
.fbShare{
	margin-top:-10px;
}
.fbShare, .twitterShare, .linkedinShare, .hatenaShare{
	float:left;
	margin-right:10px;
}



/*************************************/
/* header */
/*************************************/
header{
	height:105px;
	background:#fff;
  text-align:center;
  position:relative;
}
.headerTitle{
	background:#54c3f1;
	color:#fff;
	font-size:12px;
	line-height:15px;
}
.headerMenuWrap{
	height:53px;
	line-height:53px;
}
.headerLogo{
	display:inline-block;
	width:350px;
}
.headerLogo:hover{
	opacity:0.8;
}
button.headerNaviBtn{
	background-image:url("../img/headerNaviBtn.png");
	background-color:#fff;
	background-size:30px 20px;
	background-repeat:no-repeat;
	background-position:5px 10px;
	border-radius:0px;
	width:40px;
	height:40px;
	min-width:auto;
	padding:0px;
	position:absolute;
	left:10px;
	top:20px;
	outline:none;
}
.headerBtn{
	position:absolute;
	right:0px;
	top:15px;
}
.headerBtn li{
	float:left;
	width:112px;
}
.headerBtn li a{
	display:block;
}
.headerBtn li a:hover{
	opacity:0.7;
}
a.headerBtn01{
	background:#f2d355;
	color:#fff;
	font-size:14px;
}
a.headerBtn02{
  background:#2f3132;
  color:#fff;
  font-size:14px;
}
a.headerBtn03{
  background:#fff;
  color:#333;
  font-size:14px;
}
.headerSearchWrap{
	border-top:1px solid #cccccc;
	height:36px;
}
input[type=text].headerSearchText{
	border:none;
	padding:0 10px 0 30px;
	line-height:30px;
	border-radius:0px;
	font-size:14px;
	border-bottom:1px solid #9bd8ea;
	outline:none;
	width:300px;
  background-image:url("../img/headerSearchText.png");
  background-color:#fff;
  background-size:20px 20px;
  background-repeat:no-repeat;
  background-position:0px 5px;
  float:left;
  margin-left:10px;
}
.headerAttention{
	float:right;
	line-height:36px;
	margin-right:10px;
}
.headerAttentionTitle{
	color:#54c3f1;
	font-size:15px;
	position:relative;
  margin-right:20px;
}
.headerAttentionTitle:after{
	content:'';
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #54c3f1;
  position:absolute;
  right:-15px;
  top:2px;
}
.headerAttention a{
	color:#666666;
}
.headerAttention a:hover{
	text-decoration:underline;
}
.headerBtnUser{
	border-right:1px solid #cccccc;
	font-size:11px;
	text-align:center;
	line-height:1.5;
	padding:5px 0 0 0;
	height:53px;
	position:relative;
}
.headerBtnUserLink{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.headerIcon{
	width:30px;
	border-radius:15px;
	display:inline-block;
}



/*************************************/
/* nav */
/*************************************/
.overlay {
  content: ' ';
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 1001;
}

.side_nav {
  position: fixed;
  top: 0;
  left: -200px;
  width: 200px;
  height: 100%;
  text-align: left;
  font-size: 13px;
  background: #3C3C3C;
  z-index: 1002;
}
.side_nav_close{
  background:none;
  background-image:url("../img/nav_close.png");
  background-size:cover;
  background-position:center center;
  height:20px;
  width:20px;
  margin:0;
  padding:0;
  position:absolute;
  top:10px;
  left:10px;
  min-width: 10px;
  outline:none;
}
.side_nav_logo{
	text-align:center;
  padding:5px 0;
}
.side_nav ul{
	padding:20px 0;
}
.side_nav ul li{
  display:block;
}
.side_nav ul li a{
  display:block;
  padding:10px 15px;
  color:#fff;
}










/*************************************/
/* footer */
/*************************************/
footer{
	border-top:10px solid #54c3f1;
  clear:both;
  background:#2f3132;
  padding:10px 0;
  margin-top:50px;
  overflow:hidden;
  color:#fff;
}
.footerColL{
	width:70%;
	float:left;
	border-right:2px solid #fff;
	padding:40px 0;
	position:relative;
}
.footerColL:before{
	content:"";
	border-right:2px solid #54c3f1;
	height:50%;
	position:absolute;
	bottom:0px;
	right:-2px;
}
.footerLogo{
	width:350px;
	margin-right:30px;
}
.footerSns{
  margin-right:10px;
}
.footerSns img{
	width:28px;
}

.footerNavi01Wrap{
	overflow:hidden;
	padding:50px 0 30px 0;
}
.footerNavi01{
	width:30%;
	float:left;
}
.footerNavi01 li{
  padding:2px 0;
}
.footerNavi01 a{
	color:#fff;
}
.footerNavi01 a:hover{
	text-decoration:underline;
}
.footerNavi02{
	margin:10px 0;
	overflow:hidden;
}
.footerNavi02 li{
	float:left;
	border-right:1px solid #fff;
	padding:0 15px;
}
.footerNavi02 li:last-child{
	border-right:none;
}
.footerNavi02 li:first-child{
  padding:0px 15px 0 0;
}
.footerNavi02 li a{
	color:#fff;
}
.footerNavi02 li a:hover{
  text-decoration:underline;
}
.footerCopyright{
	font-size:10px;
}

.footerColR{
  width:30%;
  float:right;
  padding:40px 0;
  position:relative;
}

.footerText{
	font-size:16px;
	padding:0 10px 0 40px ;
}
.footerBexa{
  padding:50px 10px 0 40px ;
}
.footerBexa span{
	margin-left:30px;
}
.footerBexa img{
	width:51px;
	vertical-align:bottom;
	margin:0 20px;
}

.footerBexaLink{
	display:inline-block;
	border:1px solid #fff;
	border-radius:5px;
	width:135px;
	text-align:center;
	color:#fff;
	margin:20px 10px 0 0;
	line-height:26px;
	height:26px;
}





/*************************************/
/* top */
/*************************************/
.topArticleWrap{
  overflow:hidden;
}
.topArticleCover{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
  background-image:url("../img/dotGray.png");
}
.topArticleLink{
	position:absolute;
  height:100%;
  width:100%;
  top:0;
  left:0;
}
.topArticleL{
	float:left;
	width:60%;
	position:relative;
	background-size:cover;
	background-position:center center;
}
.topArticleL:before {
  content:"";
  display: block;
  padding-top: 60%;
}
.topArticleL:hover, .topArticleR:hover{
	opacity:0.8;
}
.topArticleL h2, .topArticleR h2{
	font-size:36px;
	padding:20px;
	margin:0px;
	color:#fff;
	line-height:1.2;
	position:absolute;
	bottom:0px;
	left:0px;
  background:none;
  border:none;
}
.topArticleR h2{
	font-size:21px;
}
.topArticleR{
  float:right;
  width:40%;
  position:relative;
  background-size:cover;
}
.topArticleR:before {
  content:"";
  display: block;
  padding-top: 45%;
}
.topBgWrap{
	background:#daebf2;
	padding:1px 0 40px 0;
	margin:40px 0;
	overflow:hidden;
}
.topCampaign{
	margin:50px auto 70px auto;
	display:block;
	width:1180px;
}
.topCampaign:hover{
	opacity:0.8;
}
/*************************************/
/* registration */
/*************************************/
.regiWrap{
	width:576px;
	background:#fff;
	margin:30px auto 0 auto;
	padding:30px;
  box-shadow:2px 2px 4px rgba(0,0,0,0.2);
}
.regiWrap h1{
	font-weight:normal;
	padding:0;
	margin:10px 0 30px 0;
	font-size:24px;
}
.regiFormWrap{
	overflow:hidden;
	margin-bottom:10px;
}
.regiFormLabel{
	width:160px;
	float:left;
	font-size:18px;
	line-height:38px;
}
.regiForm{
	margin-left:180px;
}
.regiForm input[type=text], .regiForm input[type=password]{
	border: none;
	padding: 0 10px 0 10px;
	line-height: 30px;
	border-radius: 0px;
	font-size: 14px;
	border-bottom: 1px solid #9bd8ea;
	outline: none;
	width: 100%;
}
.regiFormConfirm{
  line-height:38px;
  margin-left:180px;
}


/*************************************/
/* article */
/*************************************/
.articleCardWrap{
	overflow:hidden;
	height:400px;
}
.articleCard{
	width:280px;
	height:390px;
	box-shadow:2px 2px 4px rgba(0,0,0,0.2);
  position: relative;
  float:left;
  background:#fff;
  margin-right:15px;
  margin-bottom:15px;
}
.articleCardImg {
	width:280px;
	height:200px;
  object-fit: cover;
}
.articleCardDate{
  position:absolute;
  top:210px;
  right:10px;
  font-size:14px;
  color:#999999;
}
.articleCard h3{
	margin:40px 0 15px 0;
	font-size;16px;
	overflow:hidden;
	padding:0 15px;
	height:45px;
}
.articleCardTag{
  padding:0 15px;
	font-size:14px;
  overflow:hidden;
  height:45px;
  z-index:11;
  position:relative;
}
.articleCardLink{
	position:absolute;
  top:0px;
  left:0px;
  height:100%;
  width:100%;
  z-index:10;
}
.articleCardLink:hover{
  box-shadow:5px 5px rgba(84,195,241,1);
}
.articleCardBtn01, .articleCardBtn02, .articleCardBtnBook{
	position:absolute;
	right:66px;
	bottom:0px;
	background-image:url("../img/articleCardBtn01.png");
	background-size:32px 32px;
	width:32px;
	height:32px;
  z-index:11;
}
.articleCardBtn02{
  background-image:url("../img/articleCardBtn02.png");
  right:33px;
}
.articleCardBtnBook{
  background-image:url("../img/articleCardBtn03.png");
  right:0px;
}
.articleCardBtn:hover{
	opacity:0.8;
}
.articleCardBtnBook:hover{
  background-image:url("../img/articleCardBtn03On.png");
  opacity:1;
}
.articleCardBtnBookOn{
  background-image:url("../img/articleCardBtn03On.png");
}
.articleCardBtnBookOn:hover{
  background-image:url("../img/articleCardBtn03.png");
}

.articleCardMin{
	overflow:hidden;
	margin-bottom:20px;
	position:relative;
}
.articleCardMinImg {
  width:84px;
  height:58px;
  object-fit: cover;
  float:left;
}
.articleCardMin h3{
  margin:0 0 0 95px;
  padding:0px;
  font-size:14px;
  font-weight:normal;
  overflow:hidden;
  max-height:60px;
}
.articleCardMinText{
  margin:0 0 0 95px;
}
.articleCardMinLink{
  position:absolute;
  top:0px;
  left:0px;
  height:100%;
  width:100%;
  z-index:10;
}
.articleCardMin:hover{
  opacity:0.8;
}
.articleCardMinRank{
	width:84px;
	background:#f25574;
	text-align:center;
	color:#fff;
	line-height:18px;
	font-size:13px;
	padding-top:1px;
}
.articleCardMinRank2{
	background:#f2d355;
}
.articleCardMinRank3{
  background:#54c3f1;
}
/*************************************/
/* movie */
/*************************************/
.movieCard{
	position:relative;
  background:#333333;
  box-shadow:2px 2px 4px rgba(0,0,0,0.2);
  margin-bottom:20px;
}
.movieCard01{
	width:576px;
	height:400px;
	float:left;
}
.movieCard01Img {
  width:576px;
  height:324px;
  object-fit: cover;
}
.movieCard h3{
	color:#fff;
	font-size:18px;
  height:56px;
  overflow:hidden;
}
.movieCard01 h3{
  margin:10px 100px 0 20px;
}
.movieCardLink{
  position:absolute;
  top:0px;
  left:0px;
  height:100%;
  width:100%;
}
.movieCardLink:hover{
  box-shadow:5px 5px rgba(84,195,241,1);
}
/*
.movieCardBtn{
  position:absolute;
  right:38px;
  bottom:0px;
  background-image:url("../img/movieCardBtn01.png");
  background-size:32px 32px;
  width:32px;
  height:32px;
}
.movieCardBtn02{
  right:5px;
	background-image:url("../img/movieCardBtn02.png");
}
*/
.movieCard02{
  width:576px;
  height:120px;
  float:right;
}
.movieCard02Img{
  width:213px;
  height:120px;
  object-fit: cover;
  float:left;
}
.movieCard02 h3{
  margin:15px 15px 0 15px;
  padding-left:15px;
}


/*************************************/
/* ranking */
/*************************************/
.rankingCardWrapL{
	float:left;
	width:576px;
}
.rankingCardWrapR{
  float:right;
  width:576px;
}
.rankingCard{
  position:relative;
  box-shadow:2px 2px 4px rgba(0,0,0,0.2);
  margin-bottom:25px;
  background:#fff;
}
.rankingCard h3 {
    font-size: 18px;
    height: 71px;
    overflow: hidden;
   padding:15px 15px;
   margin:0px;
}
.rankingCard01{
  width:576px;
  height:192px;
}
.rankingCard01Img{
  width:340px;
  height:192px;
  object-fit: cover;
  float:left;
}
.rankingCardRank{
	position:absolute;
	left:0px;
	top:0px;
	width:42px;
	height:42px;
	display:block;
	background:#f25574;
	font-size:36px;
	text-align:center;
	line-height:1.3;
	color:#fff;
}
.rankingCardRank02{
	background:#f2d355;
}
.rankingCardRank03{
  background:#54c3f1;
}
.rankingCard02{
  width:576px;
  height:120px;
}
.rankingCard02Img{
  width:213px;
  height:120px;
  object-fit: cover;
  float:left;
}


/*************************************/
/* event */
/*************************************/
.eventCardWrap{
	overflow:hidden;
}

.eventCard{
  position:relative;
  box-shadow:2px 2px 4px rgba(0,0,0,0.2);
  margin-bottom:25px;
  background:#fff;
  width:576px;
  height:120px;
  float:left;
  margin-right:14px;
}
.eventCard h3 {
   font-size: 14px;
   height: 45px;
   overflow: hidden;
   padding:0;
   margin:8px 0px 2px 0;
}
.eventCardImg{
  width:213px;
  height:120px;
  object-fit: cover;
  float:left;
}
.eventCardContents{
	padding:10px 15px;
	overflow: hidden;
}
.eventCardPlace, .eventCardAccepting, .eventCardSoldout{
	background:#2f3132;
	display:inline-block;
	width:70px;
	text-align:center;
	height:23px;
	line-height:25px;
	color:#fff;
	margin-right:5px;
	font-size:14px;
}
.eventCardAccepting{
  background:#54c3f1;
}
.eventCardSoldout{
	background:#999999;
}
.eventCardDate{
	float:right;
}
.eventCardDate span{
	color:#999999;
}
.eventCardPrice{
	font-size:16px;
}
.eventCardPrice span{
  color:#999999;
  font-size:14px;
}
.eventCardDetail{
	display:inline-block;
	border:1px solid #54c3f1;
	color:#54c3f1;
	border-radius:20px;
	width:122px;
	text-align:center;
	float:right;
	font-size:13px;
	line-height:21px;
	height:21px;
	margin-top:2px;
}






/*************************************/
/* article view */
/*************************************/
.articleViewL, .articleViewL2{
	background:#fff;
	float:left;
	width:870px;
  box-shadow:2px 2px 4px rgba(0,0,0,0.2);
  margin-bottom:50px;
}
.articleViewL2 .articleCard:nth-child(3n){
	margin-right:0px;
}
.articleViewL2{
	background:none;
	box-shadow:none;
	margin-right:-20px;
}
.articleViewR{
	float:right;
	width:280px;
}
.articleViewRBlock{
  background:#fff;
  padding:10px;
  margin-bottom:20px;
  box-shadow:2px 2px 4px rgba(0,0,0,0.2);
}
.articleViewR h2{
	margin:10px 0 20px 0;
	text-align:center;
	font-size:21px;
	line-height:35px;
	padding:0;
}
.articleViewContents{
	padding:0 80px;
}
.articleViewTitle{
	font-size:30px;
	text-align:left;
	padding:0;
	margin:30px 0 10px 0;
	font-weight:normal;
}
.articleViewTag{
	display:inline-block;
	border:1px solid #999999;
	color:#999999;
	font-size:16px;
	padding:1px 5px 0 5px;
	margin-right:10px;
	min-width:80px;
	text-align:center;
	border-radius:3px;
}
.articleViewDate{
	text-align:right;
}
.articleViewBody{
	margin:0 0 50px 0;
}
.articleViewShere{
	border-top:1px solid #333333;
  border-bottom:1px solid #333333;
  padding:20px 0;
  margin-bottom:50px;
}
.articleViewShereTitle{
	font-size:14px;
	margin:0 20px 0 20px;
	position:relative;
}
.articleViewShereTitle:after {
    content: '';
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #333333;
    position: absolute;
    right: -15px;
    top: 4px;
}
.articleViewSherePrint{
	width:42px;
}
.articleViewShereTwitter{
	width:28px;
}
.articleViewShereFacebook{
  width:28px;
}
.articleViewQuestion{
	background:#daebf2;
	padding:1px 80px 50px 80px;
}

.articleViewFixedShare{
	position:fixed;
	left:0px;
	top:147px;
}
.articleViewFixedShare ul li img{
	width:60px;
}
.articleViewFixedShareAque{
	display:block;
	width:60px;
	height:60px;
  background-image:url("../img/fixedShereAque.png");
  background-size:60px 60px;
	color:#fff;
	text-align:center;
	font-size:12px;
	padding-top:40px;
}
.articleViewRegi{
	display:block;
	border:1px solid #54c3f1;
	color:#54c3f1;
	text-align:center;
	font-size:21px;
	padding:10px 0;
}
.articleViewRegi:hover{
	background:#54c3f1;
	color:#fff;
}
.articleViewBodyLogout{
	position:relative;
	min-height:50px;
}
.articleViewBodyLogoutCover{
	background:#fff;
	opacity:0.9;
	height:50px;
	width:100%;
	position:absolute;
	bottom:0px;
	left:0px;
}
.articleViewCurWrap{
	margin-bottom:50px;
}
.articleViewCurWrap .articleCardMin{
  border-bottom:1px solid #ddd;
  padding:15px;
  margin:0px
}
.articleViewCurWrap .articleCardMin:hover{
	background:#eee;
}
.articleCardMin h3.articleViewCurH3{
	font-size:20px;
}
.articleViewCurNow{
	background:#daebf2;
}
.articleViewPayplan{
	border:1px solid #333333;
	padding:20px 100px 0 100px;
  background-image:url("../img/articleViewPayplan.png");
  background-size:53px 53px;
  background-position:left top;
  background-repeat:no-repeat;
  font-size:16px;
}
.articleViewPayplan a.button{
	background:#333333;
}

.articleViewCalTab{
	overflow:hidden;
	margin:30px 0 20px 0;
	display:table;
	border-right:1px solid #333333;
  width:100%;
  min-height:50px;
}
.articleViewCalTab li{
	display:table-cell;
	vertical-align:middle;
	min-width:25%;
	font-size:15px;
	text-align:center;
	border:1px solid #333333;
	border-right:none;
	margin-right:-1px;
	line-height:18px;
	min-height:50px;
	padding:5px 10px;
}
.articleViewCalTab li:hover{
	background:#daebf2;
	cursor:pointer;
}
.articleViewCalTabNow{
	background:#daebf2;
}
.articleViewCalTab li.articleViewCalTabNow:hover{
  cursor:default;
}
/*************************************/
/* mypage */
/*************************************/
.mypageMenuWrap{
	background:#fff;
	box-shadow:2px 2px 4px rgba(0,0,0,0.2);
	padding:10px 30px 0px 30px;
	margin:10px 0;
}
.mypageMenuIcon{
	float:left;
  width:60px;
  border-radius:30px;
}
.mypageMenuInfo{
	margin-left:80px;
	padding:5px 0 0 0;
}
.mypageMenuCompanyName{
	display:block;
	font-size:18px;
}
.mypageMenuName{
  display:block;
  font-size:14px;
}

.mypageMenu{
	clear:both;
	display:block;
	width:100%;
	overflow:hidden;
	padding:10px 0 0 0;
}
.mypageMenu li{
	float:left;
	width:20%;
	display:block;
}
.mypageMenu li a{
  display:block;
  text-align:center;
  border-bottom:6px solid #fff;
}
.mypageMenu li a.mypageMenuSelected, .mypageMenu li a:hover{
  border-bottom:6px solid #54c3f1;
}
.profileEditIconFormWrap{
	overflow:hidden;
	padding:0 0 20px 0;
}
.profileEditIconForm{
	padding-top:10px;
	margin-left:80px;
}