/*-------------------------
common
--------------------------*/
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,p,ul,blockquote,table,th,td{
	margin: 0;
	padding: 0;
}
li {
	list-style-type: none;
}
img{
	border: none;
	vertical-align: bottom;
}
img a {
	display: block;
}

p,li,h1,h2,h3,h4,h5,h6 {
 word-break: break-all;
}
/*-------------------------
全体の設定
--------------------------*/

body{
	text-align: center;
	background-color: #FFF;
	font-size: 12px;
	line-height: 12pt;
	color: #4F4946;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


/*リンク色*/
a{
	text-decoration: none;
	color: #4F4946;
}
a:link{
	color: #4F4946;
	text-decoration: none;
}
a:visited{
	color: #4F4946;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
hr{
	padding-top: 5px;
	width: 100%;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	clear: both;
}


/*---------------------------------
文字設定
---------------------------------*/
.b {
	font-weight: bold;
}
.bb {
	font-weight: bold;
	font-size: 14px;
}
.bb{
	overflow: hidden;
}

.gray {
	color: #666666;
}
.red {
	color: #FF0000;
}
.pink {
	color: #ff00ff;
}
.blue {
	color: #0000ff;
}
.blue2 {
	color: #0063dc;
}

.blues {
	color: #00A0E9;
	font-weight: bold;
}
.small {
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
}
.blackboxtext {
	color: #FFF;
	background-color: #4F4946;
	margin-right: 5px;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	font-size: 8.5pt;
}

.redboxtext {
	color: #FFF;
	background-color: #F00;
	margin-right: 5px;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	font-size: 8.5pt;
}

/*タイトル背景*/
.title {
	background-color:#F69;
	background-image:-moz-linear-gradient(top, #f9d1f4, #fc69b9);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9d1f4), to(#fc69b9), color-stop(1,#f9d1f4));
	clear: both;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F69;
}
.title_pink {
	background-color:#F69;
	background-image:-moz-linear-gradient(top, #fe8bcd, #e30b8f);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fe8bcd), to(#e30b8f), color-stop(1,#fe8bcd));
	clear: both;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F69;
}
.title_orange {
	background-color:#ffc103;
	background-image:-moz-linear-gradient(top, #ffc103, #e38000);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffc103), to(#e38000), color-stop(1,#ffa903));
	clear: both;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #ffbc3a;
}
.title_green {
	background-color:#04b62b;
	background-image:-moz-linear-gradient(top, #04b62b, #0d8a01);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#04b62b), to(#0d8a01), color-stop(1,#04b62b));
	clear: both;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #52cd01;
}

/*タイトルバリエーション*/
h1 {
	font-weight: bold;
	font-size: 10pt;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	text-shadow: 1px 1px 1px #000;
}

h2 {
	font-size: 14px;
	clear: both;
	text-align: left;
	letter-spacing: 0.1em;
	font-weight: bold;
	padding-left: 10px;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	text-shadow: 1px 1px 1px #000;
}
h3 {
	font-size: 14px;
	text-align: left;
	letter-spacing: 0.1em;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}
h4 {
	font-size: 14px;
	text-align: left;
	letter-spacing: 0.1em;
	font-weight: lighter;
	padding-left: 10px;
	color: #F0F;
	padding-top: 3px;
	padding-bottom: 3px;
}




div#container {
	width: 100%;
}


div#header {
	background-image:-moz-linear-gradient(top, #f9d1f4, #fc69b9);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9d1f4), to(#fc69b9), color-stop(1,#f9d1f4));
	background-color: #fbc5cb;
	margin: 0px;
	padding: 0px;
}
/*アイコンメニュー*/
div.iconbox{
	background-color:#ffffff;
	background-image:-moz-linear-gradient(top, #ffecfd, #ffffff);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffecfd), to(#ffffff), color-stop(1,#ffecfd));
	text-align: center;
	clear: both;
	float: left;
	width: 100%;
}
ul.menulist {
	clear: both;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}
ul.menulist li {
	display: block;
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
}


/*コンテンツ*/
div.content {
	clear: both;
	float: left;
	width: 100%;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	line-height: 18px;
	padding-top: 5px;
	padding-bottom: 10px;
	background-image: url(images/box-back.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 5px;
}
div.content .detail {
	padding-right: 25px;
}
div.content_none {
	clear: both;
	float: left;
	width: 100%;
	text-align: left;
}
div.content_text {
	clear: both;
	float: left;
	text-align: left;
	padding: 10px;
}
div.content_button_second {
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}

div.content_ad {
	padding-top: 10px;
	padding-bottom: 10px;
}

div.content_ad2 {
	clear: both;
	float: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.content_line {
	text-align: left;
	clear: both;
	border: 5px solid #FC3;
	margin-bottom: 20px;
	padding: 5px;
	float: left;
}


/*左右10px*/
div.yohaku {
	text-align: left;
	background-color: #FFFFFF;
	clear: both;
	padding: 10px;
}


/*サイトメニュー*/
ul.list {
}
ul.list li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e9d8e8;
	clear: both;
	text-align: left;
	background-color:#ffffff;
	background-image:-moz-linear-gradient(top, #ffffff, #ffecfd);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ffecfd), color-stop(1,#ffffff));
	text-shadow: 1px 1px 1px #fff;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-shadow: 1px 1px 1px #fff;
}
ul.list li a {
	display: block;
}
ul.capturelist {
	clear: both;
	float: left;
	padding-right: 1px;
	padding-left: 1px;
	margin-bottom: 10px;
}
ul.capturelist li {
	display: block;
	float: left;
	padding: 3px;
}

div.sitemenu {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e9d8e8;
	clear: both;
	text-align: left;
	background-color:#ffffff;
	background-image:-moz-linear-gradient(top, #ffffff, #ffecfd);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ffecfd), color-stop(1,#ffffff));
	text-shadow: 1px 1px 1px #fff;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}
div.sitemenu a {
	display: block;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}




/*
ボタン箇所
--------------------------------*/
div.button {
	text-align: center;
	clear: both;
	background-color:#000;
	background-image:-moz-linear-gradient(top, #dddbdb, #8c8989);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dddbdb), to(#8c8989), color-stop(1,#dddbdb));
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #FFF;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	text-shadow: 1px 1px 1px #000;
}
div.button a{
	color: #FFF;
	display:block;
}
/*
ボタン2
--------------------------------*/
div.button2 {
	text-align: center;
	clear: both;
	background-color:#F69;
	background-image:-moz-linear-gradient(top, #fe8bcd, #e30b8f);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fe8bcd), to(#e30b8f), color-stop(1,#fe8bcd));
	width: 80%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #FFF;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	text-shadow: 1px 1px 1px #000;
	margin-left: auto;
	margin-right: auto;

}
div.button2 a{
	color: #FFF;
	display:block;
}
/*


/*
ボタン3
--------------------------------*/
div.button3 {
	text-align: center;
	clear: both;
	background-color:#F69;
	background-image:-moz-linear-gradient(top, #fe8bcd, #e30b8f);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fe8bcd), to(#e30b8f), color-stop(1,#fe8bcd));
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #FFF;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	text-shadow: 1px 1px 1px #000;
}
div.button2 a{
	color: #FFF;
	display:block;
}
/*






ボタン横２列箇所
--------------------------------*/
.button_second {
	text-align: center;
	clear: both;
	background-color:#000;
	background-image:-moz-linear-gradient(top, #dddbdb, #8c8989);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dddbdb), to(#8c8989), color-stop(1,#dddbdb));
	font-weight: bold;
	color: #FFF;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	text-shadow: 1px 1px 1px #000;
	padding: 10px;
	margin-right: 5px;
	margin-left: 5px;
}
.button_second a {
	color: #FFF;
}



/*動画ページ*/
div.package {
	padding: 10px;
	text-align: left;
	background-color: #FFE;
}
div.moviedetail {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
}
span.detail_title{
	padding-right: 5px;
	display: inline;
	text-align: right;
	font-weight: bold;
}

/*動画DL箇所*/
div.content_download {
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
}

div.content_button_dl {
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
	background-color:#ffffff;
	background-image:-moz-linear-gradient(top, #FFE, #FFC);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFE), to(#FFC), color-stop(1,#ffffff));
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}


/*画像配置設定*/
.img_left {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}
.img_right {
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
}
/*画像シャドウ有り*/
.thumb {
	text-align: left;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	-moz-box-shadow: 1px 1px 5px #666666;
	-webkit-box-shadow: 1px 1px 5px #666666;
}
.package_thumb {
	text-align: left;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	-moz-box-shadow: 1px 1px 5px #666666;
	-webkit-box-shadow: 1px 1px 5px #666666;
}



/*中央寄せ*/
div.textcenter{
	clear: both;
	text-align: center;
}

/*右寄せ*/
div.textright{
	text-align: right;
}

/*floatによる左寄せ解除*/
div.centerbox{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 320px;
	clear: both;
}

/*-------------------------
footer
--------------------------*/
div#footer {
	text-align: left;
	padding: 10px;
	clear: both;
	background-color:#F69;
	background-image:-moz-linear-gradient(top, #f9d1f4, #fc69b9);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9d1f4), to(#fc69b9), color-stop(1,#f9d1f4));
}

address{
	font-weight: normal;
	color: #FFFFFF;
	font-style: normal;
	font-size: 9pt;
	line-height: 12pt;
	padding-top: 5px;
	text-align: center;
}



p.sample1 a {

	/*枠線 */

	border-style: solid;

	border-width: 1px;

	border-color: #ccc #999 #999 #ccc;

	/*角丸 */

	-webkit-border-radius: 7px; /* Chrome,Safari */

	-moz-border-radius: 7px;    /* Firefox */

	border-radius: 7px;         /* CSS3 */

	/*余白 */

	padding: 0.3em 0.9em;

	margin: 0px 0.3em;

	/*文字装飾 */

	text-decoration: none;

	/*背景 */

	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */

	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); zoom:1; /* IE */

	background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */

	background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */

	background: linear-gradient(top, #fff, #ccc);      /* CSS3 */

	/*行高 */

	line-height: 0em;

	/*空白・改行の扱い */

	white-space: nowrap;

}


.hrdef{

background-color:#cccccc;

color:#cccccc;

border:0px;

align:left;

height:1px;

}


.hidden_pc {
	display: none;
}
.hidden_sp {
	display: block;
}








.fam_sp_left {
	margin-bottom: 10px;
}
.fam_sp_left a {
	font-weight: bold;
	display: block;
	padding: 10px;
	border-bottom: 1px solid #C4C4C4;
}
.fam_sp_left a div:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.fam_sp_left a div div img {
	/* 画像枠線 */
	border: solid 2px #555;
}
.fam_sp_left a div .fam_time {
	font-size: 12px;
	color: #999;
	margin-top: 5px;
	font-weight: normal;
	text-align: right;
}
.fam_sp_left a div .fam_time + br {
	display: none;
}








.fam_sp_300_250 {
	background-color: #FFF;
	width: 298px;
	height: 248px;
	border: solid 1px #D0D0D0;
	margin-left: auto;
	margin-right: auto;
}
.fam_sp_300_250 a {
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
	color: #333;
	float: left;
	display: block;
	padding: 0px 4px;
	margin: 4px 0px;
	width: 140px;
	height: 240px;
	border-right: solid 2px #D0D0D0;
	text-decoration: none;
	overflow: hidden;
}
.fam_sp_300_250 a:last-child {
	border-right-style: none;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix { zoom: 1; }
.clear {
	clear: both;
}
*:first-child+html .clearfix { zoom: 1; }



.fam_thumb_300_600 {
	background-color: #FFF;
	width: 298px;
	height: 598px;
	border: solid 1px #D0D0D0;
	margin-left: auto;
	margin-right: auto;
}
.fam_thumb_300_600 a {
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
	color: #333;
	display: block;
	padding: 4px 0px;
	margin: 0px 5px 1px 5px;
	height: 90px;
	border-bottom: dotted 1px #D0D0D0;
	text-decoration: none;
	overflow: hidden;
}
.fam_thumb_300_600 a:last-child {
	border-bottom-style: none;
	margin-bottom: 0px;
}





.fam_thumb_left {
	margin-bottom: 10px;
}
.fam_thumb_left a {
	display: block;
	padding: 10px;
	border-bottom: dashed 1px #D0D0D0;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
	color: #333;
}
.fam_thumb_left a div div img {
	/* 画像枠線 */
	border: solid 2px #555;
}
.fam_thumb_left a .fam_time {
	font-size: 14px;
	color: #888;
	margin-bottom: 5px;
}




.iframe-wrap {
  position: relative;
  width: 100%;
  padding: calc(1200 / 320 * 100%) 0 0;
}
 
.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}