@charset "utf-8";

/* ------------------------------------
 * 標準スタイルのリセット＋共通CSS読み込み
 * ------------------------------------ */
@import "../../../css/html5reset-1.6.1.css";
@import "../../../css/common.css";


/* ------------------------------------
 * HOLIDAY SPECIAL
 * ------------------------------------ */

section h2 {
	padding: 4px;
}

section h3 {
    padding: 0;
    border-bottom: none;
    background: none;
}

section h3 img {
	width: 100%;
}

section h4 {
	padding: 5px 10px;
	color: #fff;
	text-align: center;
}

section#xmas h4 {
	background: #0e9f37;
}

section#newyear h4 {
	color: #cd1717;
	background: #f8c600;
}

/* RANDOM */

#randomVisual {
	position: relative;
	display: block;
	width: 110px;
	margin: 10px auto 0;
	z-index: 10;
}

#randomVisual img.protect {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 100;
}

#randomVisual img {
	margin: 0 auto;
	display: block;
	width: 100%;
	height: auto;
}

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

section p span.comingsoon {
	margin-top: 10px;
	padding: 5px;
	display: block;
	text-align:center;
}

section#xmas p span.comingsoon {
	border: solid 1px #0e9f37;
	color: #0e9f37;
}

section#newyear p span.comingsoon {
	border: solid 1px #cd1717;
	color: #cd1717;
}

div.photo {
	text-align: center;
}

div.photo img {
	max-width: 95%;
	height: auto;
	width /***/: auto;
	padding: 5px;
}

a.btn {
	color: #3d3b4c;
	background: #eee;
	font-size: 100%;
	/*-webkit-box-shadow: 0 0 2px #ccc;
	-moz-box-shadow: 0 0 2px #ccc;
	box-shadow: 0 0 2px #ccc;*/
}

a.subBtn {
	border: solid 1px #c0c0c0;
	color: #fff;
	background: #3690f0;
	font-size: 100%;
}

a.bkBtn {
	border: solid 1px #000;
	color: #fff;
	background: #000;
}

a.redBtn,
form input.redBtn {
	border: solid 1px #cd1717;
	color: #fff;
	background: #cd1717;
}

a.grnBtn,
form input.grnBtn {
	border: solid 1px #03861e;
	color: #fff;
	background: #03861e;
}

a.yelBtn {
	border: solid 1px #ffcc0f;
	color: #444;
	background: #ffcc0f;
}


a.textLink {
	display: block;
	margin: 10px 0 5px;
	text-align: center;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mb20 {
	margin-bottom: 20px;
}


/* ------------------------------------
 * ARCHIVE PHOTO
 * ------------------------------------ */

section#archivephoto h4 {
	padding: 5px 10px;
	border-top: solid 1px #ccc;
	background: #eee;
	text-align: center;
}

section.xmas h4 {
	border: none !important;
	color: #fff !important;
	background: #0e9f37 !important;
}

section.newyear h4 {
	border-top: none !important;
	color: #cd1717 !important;
	background: #f8c600 !important;
}

section#archivephoto .photome img {
	width: 95%;
	border: 1px #a9a9a9 solid;
	padding: 0;
}

section#archivephoto .photo img {
	width: 100%;
}
 
section#archivephoto ul.list {
	zoom: 1;
}

section#archivephoto ul.list:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}
 
section#archivephoto ul.list li {
	display: inline;
	float: left;
	width: 50%;
    border-bottom: solid 1px #ccc;
	border-top: none;
}

section.xmas ul.list li {
    border-bottom: solid 1px #0e9f37 !important;
}

section.newyear ul.list li {
	/*height: 60px;*/
    border-bottom: solid 1px #cd1717 !important;
}

section#archivephoto ul.list li:nth-child(even) {
	background: #fff;
}

section#archivephoto ul li.top {
	background: #eee !important;
	border-bottom: solid 1px #ccc !important;
}

section#archivephoto ul.list li a {
	border-right: solid 1px #ccc;
}
section#archivephoto ul.list li:nth-child(even) a,
section.xmas ul.list li:nth-child(even) a,
section.newyear ul.list li:nth-child(even) a {
	border-right: none !important;
}

section.xmas ul.list li a {
	background: url(../img/arrowListXmas.png) no-repeat scroll right center transparent !important;
	border-right: solid 1px #0e9f37 !important;
}
section.newyear ul.list li a {
	background: url(../img/arrowListNewyear.png) no-repeat scroll right center transparent !important;
	border-right: solid 1px #cd1717 !important;
}

section#archivephoto ul li.top a {
	background: url(/img/arrowList.png) no-repeat scroll right center transparent !important;
	border-right: solid 1px #ccc !important;
}

/*section.newyear ul a.nextgene {
	line-height: 41px;
}

section.newyear ul li.top a {
	line-height: 41px;
}*/

section#archivephoto ul.list li a span {
	display: inline-block;
	width: 20px;
	height: 17px;
	padding-right: 2px;
	background: url(../img/mphoto.gif) no-repeat center center;
	background-size: 20px 17px;
	text-indent: -9999px;
}
section#archivephoto ul.list li a span.message {
	background: url(../img/message.gif) no-repeat center center;
	background-size: 20px 17px;
}
section#archivephoto ul.list li a span.movie {
	background: url(../img/movie.gif) no-repeat center center;
	background-size: 20px 17px;
}

section#archivephoto ul.newyearList li a span {
	padding-left: 5px;
	padding-right: 0;
}
section#archivephoto ul.newyearList li a span.message,
section#archivephoto ul.newyearList li a span.movie {
	padding-left: 0;
}

section#archivephoto .pageLink {
	margin: 15px 10px;
	text-align: center;
}

section#archivephoto .pageLink a:link {
	text-decoration: underline;
}

section#archivephoto .pageLink a.btn {
	margin: 10px 0;
	text-decoration: none;
}

section#archivephoto .moviethum {
	margin: 10px 20px 0;	
}


section#archivephoto #message,
section#archivephoto #movie {
	margin: 0 0 10px;
}

section#archivephoto .anchor {
	clear: both;
	overflow: hidden;
	margin: 10px 5px 5px;
}

section#archivephoto .anchor li {
	float: left;
	width: 50%;
	margin: 0 0 5px; 
	text-align: center;
}

section#archivephoto .anchor li.greeting {
	width: 100%;
}

section#archivephoto .anchor li a.btn {
	margin: 0 5px;
	padding: 3px;
	font-size: 85%;
}

section#archivephoto .newyearTop {
	margin: 0;
	padding: 5px 10px 15px;
	border: dotted 1px #999;
}

section#archivephoto .talentTop a.btn {
	margin-top: 0;
}

section#archivephoto .man {
	color: #03f;
}

section#archivephoto .woman {
	color: #f39;
}

section#archivephoto .artist {
	color: #23a9ff;
}

/* ------------------------------------
 * MOVIE
 * ------------------------------------ */ 
 
.videoArea {
	padding: 10px 0;
	text-align: center;
}

video {
	margin: 0 auto;
	background: #000;
}

/* ------------------------------------
 * FAVORITE
 * ------------------------------------ */ 

#favorite p strong {
	display: block;
	margin: 15px 0;
	padding: 7px;
	border: dotted 1px #999;
}

/* ------------------------------------
 * PRESENT
 * ------------------------------------ */ 

#present dl {
	margin: 0 10px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
#present dl:first-child {
	margin: 10px 10px 0;
}

#present dl dt {
	padding: 5px 10px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background-color: #eee;
}

#present dl dd {
	padding: 5px 10px;
}

.present h4 {
	margin-bottom: 15px;
}