@charset "utf-8";

/*common*/
body{
	color:#fff;
	font-size: 14px;
	line-height:1.5em;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
html {  
} 
a:link { color: #f00; }
a:visited { color: #C90000; }
a:hover { color: #FF5454; }
a:active { color: #f00; }
.bg{
	display: block;width: 100%; height: auto; text-align: center;
}
.shadow {
    margin-top: 5px; /* 画像の上の余白*/
    display: inline-block; 
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8); /*横方向　下方向　ぼかし　広がり　色 */
}

@media only screen and (min-width: 1024px) {
.moyou{
	background:url(../img/moyou.png) repeat,linear-gradient(#840d23 0%, #840d23 10%, #e992a2 30%, #e992a2 90%,#840d23 100%);
  background-blend-mode: soft-light;
background-size:85% auto;
}
}
@media only screen and (max-width: 1023px) {
.moyou{
	background:url(../img/moyou.png) repeat,linear-gradient(#840d23 0%, #840d23 5%,#e992a2 30%, #e992a2 80%,#840d23 100%);
  background-blend-mode: soft-light;
background-size:200% auto;
}
}
.mask{  height: 100%;
  background: rgba(233,146,162,0);}
.wrap{text-align: center;
}
/*header*/
header{ width: 100%; display: block; margin: 0 auto; text-align: center;}
.logo{display: inline-block; margin: 8px auto 0; vertical-align:top; width: auto; height: 170px;}

.logo a:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.navi{display: inline-block; vertical-align:top; margin: 8px auto 0px 20px;}
nav{height: auto;}

nav a:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

@media only screen and (min-width: 1024px) {
nav ul {
	font-size: 0;
	box-sizing: border-box;
	width: 100%;
	padding: 4px;
	list-style: none;
	text-align: left;
	margin: 5px auto 0;
}
nav li {
	font-size: 24px;
	margin: 0 5px;
	display: inline-block;
}
}
@media only screen and (max-width: 1023px) {
nav ul {
	font-size: 0;
	box-sizing: border-box;
	width: 100%;
	padding:4px;
	list-style: none;
	text-align: left;
	margin: -10px auto 0;
}
nav li {
	font-size: 24px;
	margin: 0 15px 0 0;
	display: inline-block;
}
nav li img {
	max-width:95%;
}
}

.head_bnr ul {
	font-size: 0;
	box-sizing: border-box;
	width: 100%;
	padding: 0px;
	list-style: none;
	text-align: center;
	margin: 10px auto;
}
.head_bnr li {
	width: 500px;
	height: 50px;
	font-size: 24px;
	margin: -2px 8px;
	display: inline-block;
}
.head_bnr a:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/*TOPに戻るボタン*/
/*pagetop*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
  z-index:9999;
}
.pagetop a {
    display: block;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
}
.pagetop a:hover {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.topBtn {display: none;}

/*pagetop*/

.footer_bg{width: auto; height: 220px; display: block; background: url(../img/footer.png);}
.footer_bg p.teigeki{padding-top:70px;}

/* index */
@media only screen and (min-width: 1024px) {
.main_box{position: relative; width:90%; max-width: 900px; display: block; height:auto; margin: 0px auto; }
}
.main_poster{position: relative; width:100%; display: block; height:auto; margin: auto; box-shadow:0px 0px 40px 2px #000000; }
}

@media only screen and (max-width: 1023px) {
.main_box{position: relative; width:100%; display: block; height:auto; margin: 0px auto; }
.main_poster{position: relative; width:50%; display: block; height:auto; margin: auto; box-shadow:0px 0px 40px 2px #000000; }
}
.gotoTop{display: block; height: 80px; margin: 30px auto;}
.copy{margin: 100px auto 30px auto;}


/* .viewer
------------------------- */
.viewer {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.viewer ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.viewer ul li img {
    width: 100%;
}
 
/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}
.viewer .btnPrev {
    left: 10px;
    background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}
.viewer .btnNext {
    right: 10px;
    background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.viewer ul {
    display: inline-block;
    overflow: hidden;
}
/******************** conts ********************/
@media only screen and (min-width: 1024px) {
.ttls{display:block; width:495px; margin: 10px auto;}
.conts{display:block;width:80%; margin:0 auto 50px;}
.cont_txt{}
}

@media only screen and (max-width: 1023px) {
.ttls{display:block; width:80%; margin: 10px auto;}
.conts{display:block;width:95%; margin:0 auto 20px;}
.cont_txt{}
}
/******************** story ********************/
.story_haikei{}
@media only screen and (min-width: 1024px) {
.s_lead{width: 60%; max-width: 557px; margin: 0 auto;}
.s_cont_txt{width: 70%; line-height: 1.7;font-size:1rem; margin: 20px auto; text-align: left;}
.s_cont_txt a {color:#FFF;}
}
@media only screen and (max-width: 1023px) {
.s_lead{width: 80%; max-width: 100%; margin: 0 auto;}
.s_cont_txt{width: 90%; line-height: 1.7;font-size:0.9rem; margin: 20px auto; text-align: left;}
.s_cont_txt a {color:#FFF;}
}
/******************** intro ********************/
.intro_haikei{background: url(../img/intro_haikei.png)bottom center no-repeat;}
@media only screen and (min-width: 1024px) {
.lead{width: 60%; max-width: 641px; margin: 0 auto;}
.cont_txt{width: 70%; line-height: 1.7;font-size:1rem; margin: 20px auto;}
}
@media only screen and (max-width: 1023px) {
.lead{width: 80%; max-width: 100%; margin: 0 auto;}
.cont_txt{width: 90%; line-height: 1.7;font-size:0.8rem; margin: 20px auto;}
}
/******************** news ********************/
.news_txt a:link { color: #fff000; }
.news_txt a:visited { color: #C90000; }
.news_txt a:hover { color: #FF5454; }
.news_txt a:active { color: #fff000; }
@media only screen and (min-width: 1024px) {
/*.news_haikei{height: 55vh;}*/
.news_haikei{height: auto;}
.news_day{display:block; width:700px; color: #9b001d; text-align: left; margin: 5px auto 0; font-weight:bold;}
.news_txt{display:block; width:700px; color: #4d3f08; text-align: left; margin: 0 auto; }
li.news_li{background: url(../img/news_line.png)bottom center no-repeat; padding: 20px 0px; margin: 0 auto;}
}
@media only screen and (max-width: 1023px) {
.news_day{display:block; width:70%; color: #9b001d; text-align: left; margin: 0 auto; font-weight:bold;}
.news_txt{display:block; width:70%; color: #4d3f08; text-align: left; margin: 0 auto;}
li.news_li{background: url(../img/news_line.png)bottom center no-repeat; background-size: contain; padding: 20px 0px; margin: 0 auto;}
}
/******************** movie ********************/
.movie_haikei{}
/**photo**/
@media only screen and (max-width: 1024px){
/**photo_sp**/
.inside_menu{width: 100%; margin: 0px auto 20px; text-align: center; }
.inside_menu img{width: 29.3%; margin: 0px 1px 5px;}
.movies2{display: block; width: auto; box-sizing: border-box;}
.mov_txt2{display: block; box-sizing: border-box; width: 90%; text-align: center;}
.p_mov2{display: block; flex-direction: column; margin: 0px auto; width: 90%;}
.i_mov2{display: block; position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;	}
	
.i_mov2 iframe {
  position: absolute;
  top:0;
  right:0;
  width:100%!important;
  height:100%!important;}
}
@media only screen and (min-width: 1024px){
/**photo_pc**/
.inside_menu{width: 100%; margin: 10px auto; text-align: center; }
.inside_menu img{margin: 20px 15px 70px;}
.movies2{display: block; flex-direction: row; width: auto;box-sizing: border-box;}
.p_mov2{display: inline-block; flex-direction: column; margin: 20px auto; width: 48%; text-align: center; padding: 0 10px;}
.mov_txt2{display: inline-block; box-sizing: border-box; vertical-align: middle; width: 100%; text-align: center;}
.i_mov2{display: inline-block; position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;	}
	
.i_mov2 iframe {
  position: absolute;
  top:0;
  right:0;
  width:100%!important;
  height:100%!important;}
}

/******************** cast ********************/
@media only screen and (min-width: 1024px) {
.cast_ttl{width: 100px; height: auto; margin: 20px auto;}
.cast_pic{width: auto; height: auto; display: flex; margin: 5px auto 20px auto; text-align: center; justify-content: center; align-items: top; }
.cast_pic01{width: 196px; height: auto; display: block; margin: 5px 10px; text-align: center;}
.cast_pic02{width: 129px; height: auto; display: block; margin: 5px 2px; text-align: center;}
.cast_pic03{width: 100px; height: auto; display: block; margin: 5px 2px; text-align: center;}
.cast_txt{font-size: 14px; line-height: 1.5em; margin: 10px auto;}
.cast_movie img{max-width: 110px;}
.yakumei{font-size: 10px;}
.koyaku {margin: 60px auto 60px;}
.koyaku dt{margin-top: 40px;}
.koyaku dd{display: inline-block; margin: 20px 10px;}
.staff{display: flex; width: 80%; margin: 10px auto; justify-content: center; flex-wrap: wrap;}
.staff_work{display: block; width: 45%; text-align: right; font-size: 1rem; margin-right:1em;}
.staff_name{display: block; width:50%; clear: both; text-align: left; font-size: 1rem;}
.staffs_work{display: block; width: 45%; text-align: right; font-size: 0.8rem; margin-right:1em;}
.staffs_name{display: block; width: 50%; clear: both; text-align: left; font-size: 0.8rem;}
.staffs{display: block; width: 90%; margin: 10px auto ; text-align: left;  font-size: 0.8rem;}
.staffs_r{display: block; width: 90%; margin: 10px auto 20px auto; text-align: right;  font-size:0.8rem;}
.staffs_c{display: block; width: 80%; margin: 10px auto 50px auto; text-align: center;  font-size:0.8rem;}
}
@media only screen and (max-width: 1023px) {
.cast_ttl{width: 100px; height: auto; margin: 20px auto;}
.cast_pic{width: 70%; height: 0 auto; display: inline-block; margin: 5px auto 10px auto; text-align: center; }
.cast_pic01{width: 90%; display: block; margin: 5px auto; text-align: center;}
.cast_pic02{width: 60%; display: inline-block; margin: 5px auto ; text-align: center;}
.cast_pic03{width: 45%; display: inline-block; margin: 5px auto ; text-align: center;}
.cast_txt{font-size: 14px; line-height: 1.5em; margin: 0px auto 15px;}
.cast_movie img{max-width: 110px; margin-bottom: 30px;}
.yakumei{font-size: 10px;}
.koyaku {margin: 60px auto 60px;}
.koyaku dt{margin-top: 60px;}
.koyaku dd{display: block; margin: 20px 10px;}
.staff{display: flex; width: 100%; margin: 10px auto; justify-content: center; flex-wrap: wrap;}
.staff_work{display: block; width: 40%; text-align: right; font-size: 0.9rem; margin-right:1em;}
.staff_name{display: block; width: 55%; clear: both; text-align: left; font-size:0.9rem;}
.staffs_work{display: block; width: 40%; text-align: right; font-size: 0.75rem; margin-right:1em;}
.staffs_name{display: block; width: 55%; clear: both; text-align: left; font-size:0.75rem; }
.staffs{display: block; width: 100%; margin: 10px auto ; text-align: left; font-size:0.75rem;}
.staffs_r{display: block; width: 100%; margin: 10px auto 20px auto; text-align: right; font-size:0.8rem;}
.staffs_c{display: block; width: 100%; margin: 10px auto 50px auto; text-align: center;  font-size:0.8rem;}
}
/******************** ticket ********************/

/*テーブル*/

@media only screen and (min-width: 1024px) { 

.table1 {
width: 100%;
margin:auto;
border-collapse: collapse;
border: 1px #fff solid;
font-size:13px;
line-height:1;
vertical-align: middle;
}

.table1 TD {
width:5%;
border: 1px #fff solid;
padding: 5px;
vertical-align: middle;
} 
.hoshitori_table{
width:70%; margin:0 auto;
}
.tic_ttl{margin: 30px auto 10px;}
.tic_conts{display: block; width: 1000px; margin: 0 auto;}
.btn_area{width: 85%; display: flex; margin: 0 auto;}
.btn_tyo,.btn_zenkoku{display: block; width: 48%; margin: 10px auto; }
.hoshitori{width: 100%; text-align: center; margin-bottom: 50px; margin: 0 auto;}
.ticket_day{width: 90%; margin: 40px auto;}
.ticket_price{width: 100%; margin: 0 auto 30px auto;}
.ticket_btn{width: 100%; margin: 10px auto; }
.ticket_btn img{margin-right: 10px; }
.ticket_btn img:last-child{margin-right: 0px; }
.txt_left{display: block; margin: 0 auto;  text-align: left; width: 80%;}
.ticket_seat{width: 100%; margin: 15px auto 70px auto; }
.nowonsale{display: block; margin: 0 auto; width: 393px;}
.tic_info,.playguide{width: 100%; margin: 0 auto 50px auto;}
.tic_info_ttl,.playguide_ttl{width: 100%; margin: 15px auto 30px 0;}
.tic_otoiawase{width: 100%; margin: 10px auto;}
.tic_group,.tic_teigeki{width: 100%; margin: 10px auto;}
.tic_playguide{display: flex; margin: 0 auto 20px; width: 100%; justify-content: center; flex-wrap: wrap; font-size: 0.9rem; line-height: 1.7em;}
.pg_name{display: block; width: 33%; margin: 10px auto;}
.pg_info{display: block; width: 67%; margin: 10px auto;}
.tyo_access{display: block; margin: 30px auto; width: 880px;}
.zenkoku{display: block; margin: 100px auto 20px auto; text-align: center; width: 80%;}
.zenkoku_info{display: block; margin: 10px auto 100px; text-align: left; width: 80%;}
.zenkoku_name{display: block; margin: 10px auto; text-align: left; width: auto;}
.tic_conts a:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.pg_l{display: inline-block; width: 48%; text-align: left;}
.pg_r{display: inline-block; width: 48%; text-align: left;}
}
@media only screen and (max-width: 1023px) {
.table1 {
width: 100%;
margin:auto;
border-collapse: collapse;
border: 1px #fff solid;
font-size:11px;
line-height:1;
vertical-align: middle;
}

.table1 TD {
width:5%;
border: 1px #fff solid;
padding: 5px;
vertical-align: middle;
} 
.hoshitori_table{
width:100%; margin:0 auto;
}
.tic_conts{display: block; width: 100%; margin: 0 auto;}
.btn_area{width: 85%; display: flex; margin: 0 auto;}
.btn_tyo,.btn_zenkoku{display: block; width: 48%; margin: 10px auto; }
.hoshitori{display: block; width: 90%; text-align: center; margin-bottom: 50px; margin: 0 auto;}
.ticket_day{width: 100%; max-width: 100%; margin: 10px auto 40px;}
.ticket_price{width: 100%; margin: 0 auto 30px auto;}
.ticket_btn{display: inline-block; width: 100%; margin: 10px auto; }
.ticket_btn img{margin-top: 10px; }
.txt_left{display: block; margin: 0 auto;  text-align: left; width: 80%;}
.ticket_seat{width: 100%; margin: 15px auto 70px auto; }
.nowonsale{display: block; margin: 0 auto; width: 393px;}
.tic_info,.playguide{width: 100%; margin: 0 auto 50px auto;}
.tic_info_ttl,.playguide_ttl{width: 100%; margin: 15px auto 30px 0;}
.tic_otoiawase{width: 100%; margin: 10px 0 20px;}
.tic_playguide{display: flex; margin: 0 auto; width: 100%; justify-content: center; flex-wrap: wrap; font-size: 0.9rem; line-height: 1.7em;}
.pg_name{display: block; width: 33%; margin: 10px auto;}
.pg_info{display: block; width: 67%; margin: 10px auto;}
.tyo_access{display: block; margin: 30px auto; width: 880px;}
.zenkoku{display: block; margin: 30px auto 10px; text-align: center; width: 80%;}
.zenkoku_info{display: block; margin: 10px auto; text-align: left; width: 95%;}
.zenkoku_name{display: block; margin: 10px auto; text-align: left; width: auto;}
.tic_conts a:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.pg_l{display: inline-block; width: 90%; text-align: left;}
.pg_r{display: inline-block; width: 90%; text-align: left;}
}

/*********GOODS**********/

.goods{}

.goods_box {
/*	width: 100%;*/
	max-width: 800px;
	margin: 0 auto;
	padding: 20px;
background: rgba(136,16,41,0.6);
}

.goods_box .br-sp {
	display:none;
}

.goods_box img {
	max-width:100%;
	height: auto;

}

.goods_box dl {
	margin: 40px auto 0;
}

.goods_box dt{
	color: #FFF;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: left;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.goods_box dd {
	margin: 10px auto 0;
	background: #fff;
	padding: 40px 30px;
	border: 1px solid #9c7947;
	border-radius: 10px;
}

.goods .memo{
	margin: 30px 0 0;
	text-align: center;
	line-height: 1.8rem;
	color: #9c7947;
	font-size: 1rem;
	font-weight: bold;
}

.goods .tax{
	font-size: 1.2rem;
}

.goods .caution {
	margin: 20px;
}

.goods .photo_cap{
max-width:350px;
	text-align: center;
	margin: 0 auto;
}
.goods .cap{
	text-align: right;
	font-size: 0.9rem;
	color: #9c7947;
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
.goods_box dt{
	font-size: 1.2rem;
	line-height: 1.8rem;
}
.goods_box .br-sp { display:block; }
}

/*********ピンク背景の案内系　補助席等**********/

.annai {
	text-align: center;
	font-size: 1rem;
	line-height: 1.8;
}

.annai .point{
	text-decoration: underline;
	font-weight: bold;
}
.annai .bold {
	font-weight: bold;
}

.annai .uline {
	text-decoration: underline;	
}

.annai .uchikeshi {
	text-decoration: line-through;
}

.annai .footer_link a{
	color:#fff;
}

.annai .read {
	text-align:center;
}

.annai .caution {
	list-style: none;
}

.annai .caution li{
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 0.5em;
}

.annai .caution2 {
	list-style: none;
	margin-left: 0;
}

.annai .caution2 li{
/*	padding-left: 1em;*/
	text-indent: -1em;
}

.annai dt {
	font-size: 1.2rem;
	font-weight: bold;
background: #c64c63;
	color: #fff;
	text-align: center;
	line-height: 2rem;
	margin-bottom: 1rem;
	letter-spacing: 4px;
}

.annai dd {
	margin-left: 20px;
	margin-bottom: 20px;
}

.annai dd.mark {
	padding-left: 1em;
	text-indent: -1em;
}

.annai dd.mark::before {
	content: "◇";
	color: #c64c63;
}

.annai .zasekihyo{
	border-top: 1px dotted #c64c63;
	margin: 40px 0 40px 30px;
	padding-top: 40px;
}

.box_annai{
	width: 800px;
	margin: 20px auto;
	background: #FFF;
	border: 1px solid #c64c63;
	padding: 20px 40px 40px;
	color: #000;
	text-align: left;
}

.box_annai h2{
	text-align: center;
	margin-bottom: 40px;
}

.border_box{
	border: 1px solid #000;
	margin: 1em auto;
	padding: 10px 20px;
	text-align: center;
	font-size: 110%;
}

.border_box .title {
	text-align: left;
	margin-top: 0;
}

.annai .hojyo_photo {
	list-style: none;
	margin: 20px;

}

.annai .hojyo_photo li{
	display: inline-block;
	text-align: center;
}

.annai .hojyo_photo li img{
margin-bottom: 10px;
}

.annai .hojyo_photo li:first-child{
	margin-right: 10px;
}

.annai .nittei {
	margin-top: 5px;
margin-left: 20px;
}

.annai .nittei th {
	font-weight: normal;
	width: 8em;
}

/*********黒背景の案内系　補助席等**********/

.annai2 {
	text-align: center;
	font-size: 1rem;
	line-height: 1.8;
}

.annai2 .point{
	text-decoration: underline;
	font-weight: bold;
}

.annai2 .footer_link a{
	color:#fff;
}

.annai2 .caution {
	list-style: none;
}

.annai2 .caution li{
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 0.5em;
}

.annai2 dt {
	font-size: 1.2rem;
	font-weight: bold;
	background-color: #e8d3a2;
  background-image: linear-gradient(135deg, #d08d45, #faf8c5, #d08d45);
border: 1px solid #d08d45;
	color: #000;
	text-align: center;
	line-height: 2rem;
	margin-top: 2rem;
	margin-bottom: 1rem;
	letter-spacing: 4px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.annai2 dd {
	margin-left: 20px;
	margin-bottom: 20px;
}


.box_annai2{
	width: 800px;
	margin: 20px auto;
	background: none;
	border: 1px solid #e8d3a2;
	padding: 20px 40px;
	color: #fff;
	text-align: left;
}

.annai2 .read {
	padding:10px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.3rem;
	color: #fff;
}

/*********トップ上ボタン**********/
.top_head_btn{
	text-align: center;
	margin-bottom: 30px;
}

/*********キャンペーンページ**********/
.cam_bg {
	background-color: #000; 
}

.cam {
	text-align: center;
	font-size: 1rem;
	line-height: 1.8;
}
.box_cam {
	width: 800px;
	margin: 20px auto;
	background: #000;
	border: 1px solid #e8d3a2;
	padding: 30px 40px 40px;
	color: #fff;
	text-align: left;
}

.cam dl {
	overflow: hidden;
}

.cam dt {
	clear: both;
	font-size: 1.2rem;
	font-weight: bold;
/*background: #e8d3a2;*/
	background-color: #e8d3a2;
  background-image: linear-gradient(135deg, #d08d45, #faf8c5, #d08d45);
border: 1px solid #d08d45;
	color: #000;
	text-align: center;
	line-height: 2rem;
	margin-bottom: 2rem;
	letter-spacing: 2px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.cam dd {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
}

.cam dd.data {
	float: left;
	width: 300px;
}

.cam dd.photo {
	float: right;
}

.box_cam dt a{
	color: #000;
	text-decoration: none;
}

.box_cam .hosoku{
	font-size: 80%;
	text-align: right;
	margin-top: 0.5em;
}

.cam .footer_link a, .cam #footer {
	color: #fff;
}

/*********DVDページ**********/

.dvd .hidden {
	display: none;
}

.dvd .cen {
	text-align: center;
}

.dvd .uline{
	text-decoration: underline;
	
}

.dvd ul, dvd li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.dvd_bg {
	background-color: #000; 
}

.dvd {
	text-align: center;
	font-size: 1rem;
	line-height: 1.8;
}
.dvd h2 {
	margin-top:40px;
}

.dvd h3{
margin: 60px auto 0;
font-size: 2rem;
text-align: center;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.dvd .onpu {
	padding-right: 0.3em;
  color: #eace93;
  background: -webkit-linear-gradient(#f6efba,#f6efba, #c2833b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-size: 1.5rem;
	vertical-align: baseline;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.dvd .caution {}
.dvd .caution li{
	text-indent: -1em;
	padding-left: 1em;
}

.box_dvd {
	width: 800px;
	margin: 40px auto;
	background: #000;
	border: 1px solid #e8d3a2;
	padding: 50px 40px 40px;
	color: #fff;
	text-align: left;
}

.dvd .lead {
	width: 100%;
	margin-bottom: 1em;
	text-align: center;
}

.dvd dl {
	overflow: hidden;
}

.dvd dt {
	clear: both;
	font-size: 1.2rem;
	font-weight: bold;
/*background: #e8d3a2;*/
	background-color: #e8d3a2;
  background-image: linear-gradient(135deg, #d08d45, #faf8c5, #d08d45);
border: 1px groove #E5CE6D;
	color: #000;
	text-align: center;
	line-height: 2rem;
	margin-bottom: 2rem;
	letter-spacing: 1px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.dvd dd {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
}

.dvd dd.data {
	float: left;
	width: 260px;
	text-indent: -1.3em;
	padding-left: 1.3em;
	line-height: 2em;
}

.dvd dd.photo {
	float: right;
	margin-top: 10px;
}

.dvd .box_dvd dt a{
	color: #000;
	text-decoration: none;
}

.dvd .ver_title{
  color: #eace93;
  background: -webkit-linear-gradient(#f6efba,#f6efba, #c2833b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-size: 1.3rem;
	margin-top:0;
}

.dvd .footer_link a, .dvd #footer {
	color: #fff;
}

.dvd .border_top {
	border-top: 1px dotted #e8d3a2;
}

.dvd .yoyaku {
	margin-top: 0px;
	padding-top: 0;
}

.tokuten h4{
  color: #eace93;
  background: -webkit-linear-gradient(#f6efba,#ffcb6f, #c2833b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-size: 1.3rem;
	margin-bottom: 0;
	text-align: center;
font-family: serif;
letter-spacing: 1px;
}

.dvd .box_tokuten {
	padding: 20px;
	border: 1px dotted #e8d3a2;
background-color: rgba(255,255,255,0.1);
}

.dvd .box_tokuten .list > li{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted rgba(232,211,162,0.5);
/*	list-style-image: url("../img/dvd_list_mark.png");*/
}
.dvd .box_tokuten .list > li:last-child{
	border-bottom: none;
}

.dvd .box_tokuten .note{
	font-size: 0.8em;
	color: #ffd165;
	font-weight: bold;
}

.dvd .contact {
	margin-top: 40px;
	padding-top: 40px;
	padding-left: 2em;
}

.dvd .contact li {
	margin-bottom:1em;
}



/******トップページのバナー*****/
.top_ban {
	width: 100%;
	max-width: 1200px;
	margin: 20px auto;
	text-align: center;
}

.top_ban li {
	display: inline-block;
	margin: 5px 0;
}

.top_ban img{
	width: 100%;
	height: auto;
}
@media only screen and (max-width: 768px) {
.top_ban {

}
.top_ban img{
	width: 90%;
	height: auto;
}
}


/********マージン、パディング********/

.marTop1em {margin-top: 1em;}
.marTop2em {margin-top: 2em;}
.marTop3em {margin-top: 3em;}
.marTop4em {margin-top: 4em;}
.marTop5em {margin-top: 5em;}
.marRgt1em {margin-right: 1em;}
.marRgt2em {margin-right: 2em;}
.marRgt3em {margin-right: 3em;}
.marRgt4em {margin-right: 4em;}
.marRgt5em {margin-right: 5em;}
.marBtm1em {margin-bottom: 1em;}
.marBtm2em {margin-bottom: 2em;}
.marBtm3em {margin-bottom: 3em;}
.marBtm4em {margin-bottom: 4em;}
.marBtm5em {margin-bottom: 5em;}
.marLft1em {margin-left: 1em;}
.marLft2em {margin-left: 2em;}
.marLft3em {margin-left: 3em;}
.marLft4em {margin-left: 4em;}
.marLft5em {margin-left: 5em;}