@charset "utf-8";



.block {
    color: #fff;
    background: #00A199;
    padding: 10px;
    margin:1px 20px 15px 20px;
    border: 2px dashed #2fd1c9;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 0 0 5px #00A199, 0 2px 3px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 0 5px #00A199, 0 2px 3px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 0 5px #00A199, 0 2px 3px 5px rgba(0,0,0,0.5);
}

.blockPI {
    color: #fff;
    background: #fdb5e2;
    padding: 10px;
    margin:1px 20px 15px 20px;
    border: 2px dashed #ffdbf1;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 0 0 5px #fdb5e2, 0 2px 3px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 0 5px #fdb5e2, 0 2px 3px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 0 5px #fdb5e2, 0 2px 3px 5px rgba(0,0,0,0.5);
}




.frame {
	display: inline-block;
	position: relative;
	overflow: hidden; /* 不要部分を消す */
	padding: 6px; /* 6px だけは写真からはみ出す */
}
.frame img {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.frame:before,
.frame:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 97px;
	height: 50px;
	background: #00A199; /* 背景色 */
	transform: rotate(-30deg);
}
/* 左上 */
.frame:before {
	box-shadow: 0 10px 8px -12px rgba(0, 0, 0, 0.8);
	top: -24px;
	bottom: auto;
	right: auto;
	left: -26px;

}
/* 右下 */
.frame:after {
	box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.7);
	top: auto;
	bottom: -22px;
	right: -25px;
	left: auto;
}



.framekabe img {
	border-radius: 10px;
	border: 3px solid #7F79FF;
}





.joinbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#edca58 0%,
		#b48413);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#edca58),
		to(#b48413));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #b48413;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(255,255,255,0);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(255,255,255,0);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px -1px 0px rgba(255,255,255,0);
}



/* ふきだし見出し */
.heading7{
	position:relative;
	padding:7px;
	margin:18px 20px 0 20px;
	font-weight: bold;
	font-size: 1.2rem;
	background-color: #6FBD7F;
	color: #fff;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	text-align:center;
}
 
.heading7:before{
	content:''; 
	height:0; 
	width:0; 
	display:block; 
	border:13px transparent solid; 
	border-right-width:0; 
	border-left-color:#6FBD7F; 
	position:absolute; 
	top:35px; 
	left:48%;
	transform:rotate(-270deg);
	-webkit-transform:rotate(-270deg);
	-moz-transform:rotate(-270deg);
	-o-transform:rotate(-270deg);
	-ms-transform:rotate(-270deg);
}
/* ふきだし見出し */




/* ふきだし見出し赤 */
.heading7red{
	position:relative;
	padding:7px 4px;
	margin:18px 20px 0 20px;
	font-weight: bold;
	font-size: 1.0rem;
	background-color: #DE0A1D;
	color: #fff;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	text-align:center;
}
 
.heading7red:before{
	content:''; 
	height:0; 
	width:0; 
	display:block; 
	border:13px transparent solid; 
	border-right-width:0; 
	border-left-color:#DE0A1D; 
	position:absolute; 
	top:23px; 
	left:48%;
	transform:rotate(-270deg);
	-webkit-transform:rotate(-270deg);
	-moz-transform:rotate(-270deg);
	-o-transform:rotate(-270deg);
	-ms-transform:rotate(-270deg);
}
/* ふきだし見出し赤 */


/* ▼ダウンロードして聴くボタン▼ */
/* 角丸 */
.Radius5 {  
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  
}
/* ボタン共通 */
.Button {
	overflow: hidden;
	width: 200px;
	height: 35px;
	margin: 0 auto;
	padding: 0;
    box-shadow: 0px 4px 0px 0px #006f69;
	-moz-box-shadow: 0px 4px 0px 0px #006f69;
    -webkit-box-shadow: 0px 4px 0px 0px #006f69;

}

.Button a {
	display: block;
	position: relative;
	z-index: 100;
	padding-left:20%;
	background: #00A199;
	color: #fff;
	font-size: 1.0rem;
	line-height: 38px;
	text-decoration:none;
	font-weight:bolder;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  

}

#IconList3 a:before {        /*白い丸 */ 
	display: block;
	content: "";
	position: absolute;
	top: 48%;
	right: 19px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border-radius: 50px;        /* CSS3草案 */  
    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50px;   /* Firefox用 */  
	background: #fff;
}
#IconList3 a:after {        /*「after要素」で三角 */ 
	display: block;
	content: "";
	position: absolute;
	top: 48%;
	right: 19px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;        /*top right bottom を透明化 */ 
	border-left: 5px solid #00A199;
}
/* ▲ダウンロードして聴くボタン▲ */




/* ▼ストリーミングで聴くボタン▼ */
/* 角丸 */
.Radius6 {  
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
/* ボタン共通 */
.Button2 {
	overflow: hidden;
	width: 270px;
	height: 55px;
	margin: 0 auto;
	padding: 0;
    box-shadow: 0px 7px 0px 0px #2D416E;
	-moz-box-shadow: 0px 7px 0px 0px #2D416E;
    -webkit-box-shadow: 0px 7px 0px 0px #2D416E;
}

.Button2 a {
	display: block;
	position: relative;
	z-index: 100;
	padding-left:10%;
	background: #3B5590;
	color: #fff;
	font-size: 1.2rem;
	line-height: 55px;
	text-decoration:none;
	font-weight:bolder;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  

}

#IconList4 a:before {        /*白い丸 */ 
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 19px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border-radius: 50px;        /* CSS3草案 */  
    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50px;   /* Firefox用 */  
	background: #fff;
}
#IconList4 a:after {        /*「after要素」で三角 */ 
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 19px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;        /*top right bottom を透明化 */ 
	border-left: 5px solid #3B5590;
}
/* ▲ストリーミングで聴くボタン▲ */



#container0white{
background:#fff;
	line-height:1.4;
	color:#6D6D6D;
	font-size: 0.8rem;
	border-color: #41B058;
	border-style: solid;
	border-width: 8px;
	position:static;
       margin:5px 8px 15px 8px;
       padding:15px 8px 15px 8px;
}

#container0white2{
background:#fff;
	line-height:1.4;
	color:#6D6D6D;
	font-size: 0.8rem;
	border-color: #41B058;
	border-style: solid;
	border-width: 8px;
	position:static;
       margin:5px 8px 15px 8px;
       padding:15px 8px 15px 8px;
}

#container0gray{
background:#e4e4e4;
	line-height:1.4;
	font-size: 0.8rem;
	border-color: #c5c5c5;
	border-style: solid;
	border-width: 1px;
	position:static;
       margin:5px 10px 15px 10px;
       padding:15px 1px 15px 1px;
}




.myButton {
	-moz-box-shadow: 0px 8px 0px 0px #b10064;
	-webkit-box-shadow: 0px 8px 0px 0px #b10064;
	box-shadow: 0px 8px 0px 0px #b10064;
	background-color:#e30081;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #e30081;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	font-weight:bold;
	padding:6px 50px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b10064;
}
.myButton:hover {
	background-color:#e30081;
}
.myButton:active {
	position:relative;
	top:1px;
}


.myButtonPU {
	-moz-box-shadow: 0px 3px 0px 0px #3f1aad;
	-webkit-box-shadow: 0px 3px 0px 0px #3f1aad;
	box-shadow: 0px 3px 0px 0px #3f1aad;
	background-color:#6b40ec;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #6b40ec;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:10px 40px;
	text-decoration:none;
}
.myButtonPU:hover {
	background-color:#6b40ec;
}
.myButtonPU:active {
	position:relative;
	top:1px;
}


.myButtonBU {
	-moz-box-shadow: 0px 8px 0px 0px #0058b3;
	-webkit-box-shadow: 0px 8px 0px 0px #0058b3;
	box-shadow: 0px 8px 0px 0px #0058b3;
	background-color:#00A5FF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #00A5FF;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	font-weight:bold;
	padding:10px 35px;
	text-decoration:none;
	text-shadow:0px 1px 0px #0058b3;
}
.myButtonBU:hover {
	background-color:#00A5FF;
}
.myButtonBU:active {
	position:relative;
	top:1px;
}




.myButtonWH {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e3e0e3));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e3e0e3 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e3e0e3 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e3e0e3 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e3e0e3 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e3e0e3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e3e0e3',GradientType=0);
	background-color:#f9f9f9;
	border:1px solid #d1d1d1;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
}
.myButtonWH:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e3e0e3), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e3e0e3 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e3e0e3 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e3e0e3 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e3e0e3 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e3e0e3 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e0e3', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e3e0e3;
}
.myButtonWH:active {
	position:relative;
	top:1px;
}



/* 壁紙(シングル用) */
article.wallpaper div.wallType1{
	width:100%;
	background:url("https://fujitvforsugotoku.jp/1images/drama/zannenaotto/h_stripe2.jpg");
	padding:8px 0;
}
article.wallpaper div.wallType1 .wallLeft{
	width:45%;
	float:left;
	padding: 5px;
	box-sizing: border-box;
}
article.wallpaper div.wallType1 .wallLeft p{
	width: 100%;
	background: #FFFFFF;
	padding: 4px;
	margin: auto;
	border: 1px solid #BBBBBB;
	box-sizing: border-box;
}
article.wallpaper div.wallType1 .wallLeft img{
	width:100%;
	vertical-align:bottom;
}
article.wallpaper div.wallType1 .wallRight{
	width:55%;
	float:left;
}
article.wallpaper div.wallType1 .wallRight h2{
	width:94%;
	padding:5px 0;
	font-size:1.2em;
	line-height:1.5em;
}
article.wallpaper div.wallType1 .wallRight p.caption{
	width:94%;
	padding:5px 0;
	font-size:0.7em;
}
article.wallpaper div.wallType1 .wallRight a{
	display:block;
	width:80%;
	font-size:0.8em;
	padding:8px 0 8px 10px;
	margin:10px auto;
	background:#3BA98F;
	color:#FFFFFF;
	text-decoration:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:inset 0 0px 0 rgba(44,127,107,1),inset 0 0px 0px rgba(44,127,107,1),0 3px 0 #2C7F6B,0 3px 0px rgba(44,127,107,1);
	-webkit-box-shadow:inset 0 0px 0 rgba(44,127,107,1),inset 0 0px 0px rgba(44,127,107,1),0 3px 0 #2C7F6B,0 3px 0px rgba(44,127,107,1);
	-mozbox-shadow:inset 0 0px 0 rgba(44,127,107,1),inset 0 0px 0px rgba(44,127,107,1),0 3px 0 #2C7F6B,0 3px 0px rgba(44,127,107,1);
}
article.wallpaper div.wallType1 .wallRight a img{
	float:right;
	height:14px;
	padding:0 10px 0 5px;
}
/* 壁紙(ダブル用) */
article.wallpaper div.wallType2{
	width:100%;
	background:#fff;
	padding:4px;
	box-sizing:border-box;
}
article.wallpaper div.wallType2 .wallLeft,
article.wallpaper div.wallType2 .wallRight{
	width:50%;
	float:left;
	padding:2px;
	box-sizing:border-box;
}

article.wallpaper div.wallType2 .wallLeft .imgOuter,
article.wallpaper div.wallType2 .wallRight .imgOuter{
	width: 100%;
	background: #FFFFFF;
	padding: 4px;
	margin: auto;
	border: 1px solid #BBBBBB;
	box-sizing:border-box;
}
article.wallpaper div.wallType2 .wallLeft .titleOuter,
article.wallpaper div.wallType2 .wallRight .titleOuter{
	position:relative;
}
article.wallpaper div.wallType2 .wallLeft p.caption,
article.wallpaper div.wallType2 .wallRight p.caption{
	width:80%;
	margin:auto;
	font-size:0.7em;
	padding:8px 0 0;
}
article.wallpaper div.wallType2 .wallLeft img,
article.wallpaper div.wallType2 .wallRight img{
	width:100%;
}
article.wallpaper div.wallType2 .wallLeft .imgOuter .wallTitle,
article.wallpaper div.wallType2 .wallRight .imgOuter .wallTitle{
	position: absolute;
	bottom: 0;
	left:0;
	width:100%;
	color: #FFFFFF;
	text-align: center;
	font-size: 0.8em;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 10px 6px;
	box-sizing: border-box;
	background: rgba(166,118,214,0.8);
}

article.wallpaper div.wallType2 .wallLeft a,
article.wallpaper div.wallType2 .wallRight a{
	display:block;
	width:83%;
	font-size:0.7em;
	padding:8px 0 8px 10px;
	margin:10px auto;
	background:#3BA98F;
	color:#FFFFFF;
	text-decoration:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:inset 0 0px 0 rgba(44,127,107,1),inset 0 0px 0px rgba(44,127,107,1),0 3px 0 #2C7F6B,0 3px 0px rgba(44,127,107,1);
	-webkit-box-shadow:inset 0 0px 0 rgba(44,127,107,1),inset 0 0px 0px rgba(44,127,107,1),0 3px 0 #2C7F6B,0 3px 0px rgba(44,127,107,1);
	-mozbox-shadow:inset 0 0px 0 rgba(44,127,107,1),inset 0 0px 0px rgba(44,127,107,1),0 3px 0 #2C7F6B,0 3px 0px rgba(44,127,107,1);
}
article.wallpaper div.wallType2 .wallLeft a img,
article.wallpaper div.wallType2 .wallRight a img{
	float:right;
	width:auto;
	height:14px;
	padding:0 10px 0 5px;
}




article{
	background:none!important;
	padding:0 0 14px;
}

#mainContent{
	width:100%;
	overflow:hidden;
	background: #ffffff; /* Old browsers */
	line-height:1.0em!important;
}

.clearfix:after { 
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
} 

*1257897500* html .clearfix { display: inline-block; } 
/* no ie mac \*/ 

*1257897501* html .clearfix { height: 1%; } 
.pkg { display: block; } 
/* */

.framenew {
	position: relative;
	display: inline-block;
	overflow: hidden; /* 不要部分を消す */
	padding: 1px;
}
.framenew:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 100px;
	height: auto;
	background: red;
	content: "New";	/* 表示するテキスト */
	text-align: center;
	color: #fff;
	font-family: 'Arial';
	font-weight: bold;
	padding: 5px 10px;
	left: -30px;
	top: 3px;
	transform: rotate(-30deg);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}