@charset "utf-8";
/* clearfix
------------------------------------------------*/
.clearfix { *zoom:1; }
.clearfix:before,
.clearfix:after {
 display: table;
 content:"";
 line-height: 0;
}
.clearfix:after { clear: both; }
/* body 全体
------------------------------------------------*/
body{
    margin: 0;
    font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
 position: relative;
}
/* CSS Document */

/*Reset
address,em,i {
	fintstyle: normal;
}
strong,th,b {
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr{display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
img{
	border: 0;
}
li{
	list-style-type: none;
}
small{font-size: 100%;}
iframe{
	border: 0;
}
*/

/* PCログイン前
------------------------------------------------*/
body{
	background-color:#f88d7c;
}
/*ログイン前ヘッダー*/
#pc_before_header{
	width:100%;
	background:#e5dccf;
	padding:1%;
}

h1 img{
	width: 200px;
}
header h1 img{
	display: inline-block;
}
.login{ 
	position: fixed;
 	 top:10px;
	right:0px;
	z-index: 9999;
}
.login img{	
	width:160px;
}
.login :hover {
  opacity: 0.8;
}
/*ログイン前ヘッダー*/
.pc_my_data,.pc_my_account{
	float:right;
}
header form{
	float: right;
	width:500px;
}
/*中身*/

section{
	width:980px;
	margin:200px auto;
	background: url("../img/flame_top.jpg") repeat-x top / 5px, url("../img/flame_top.jpg") repeat-x bottom/5px, url("../img/flame_left.jpg") repeat-y left / 15px, url("../img/flame_right.jpg") repeat-y right/15px,url("../img/section_midashi.png") no-repeat top,
url("../img/content_bg_right_top.png") no-repeat right top ,url("../img/content_bg_left_top.png") no-repeat left top,
url("../img/content_bg_left_bottom.png") no-repeat bottom left,url("../img/content_bg_right_bottom.png") no-repeat right bottom,url("../img/Melamine_wood.png") repeat center  ;
	position: relative
}
section h2{
	font-size:32px;
	font-family: kan412typos-std, sans-serif;
	font-style: normal;
	text-align: center;
	padding:24px;
}
section li img{
	width:100%;
	margin:0 auto;
}
section ul{
	padding:40px;
}
section ul li h3{
	border: solid 1px #382219;/*線*/
    border-radius: 4px;/*角の丸み*/
	background: url("../img/content_bg_left_top.png") no-repeat left top/120px,url("../img/content_bg_right_bottom.png") no-repeat right bottom/120px,#fff9e5;
	display: inline-block;
	padding:4px 24px 4px 24px;
	font-weight: lighter;
}

/*ーーーーーーーーーーーログイン後中身ーーーーーーーーーーーー*/
/*見出しあり中身*/
#pc_content article{
	background: url("../img/flame_top.jpg") repeat-x top / 5px, url("../img/flame_top.jpg") repeat-x bottom/5px, url("../img/flame_left.jpg") repeat-y left / 15px, url("../img/flame_right.jpg") repeat-y right/15px,url("../img/section_midashi.png") no-repeat top,
url("../img/content_bg_right_top.png") no-repeat right top ,url("../img/content_bg_left_top.png") no-repeat left top,
url("../img/content_bg_left_bottom.png") no-repeat bottom left,url("../img/content_bg_right_bottom.png") no-repeat right bottom,url("../img/Melamine_wood.png") repeat center  ;
	position: relative;
}
/*↓見出しなし中身↓*/
#login_after_member #pc_content article{
	background: url("../img/flame_top.jpg") repeat-x top / 5px, url("../img/flame_top.jpg") repeat-x bottom/5px, url("../img/flame_left.jpg") repeat-y left / 15px, url("../img/flame_right.jpg") repeat-y right/15px,
url("../img/content_bg_right_top.png") no-repeat right top ,url("../img/content_bg_left_top.png") no-repeat left top,
url("../img/content_bg_left_bottom.png") no-repeat bottom left,url("../img/content_bg_right_bottom.png") no-repeat right bottom,url("../img/Melamine_wood.png") repeat center  ;
	position: relative;
}
#login_after_QandA #pc_content article{
	background: url("../img/flame_top.jpg") repeat-x top / 5px, url("../img/flame_top.jpg") repeat-x bottom/5px, url("../img/flame_left.jpg") repeat-y left / 15px, url("../img/flame_right.jpg") repeat-y right/15px,
url("../img/content_bg_right_top.png") no-repeat right top ,url("../img/content_bg_left_top.png") no-repeat left top,
url("../img/content_bg_left_bottom.png") no-repeat bottom left,url("../img/content_bg_right_bottom.png") no-repeat right bottom,url("../img/Melamine_wood.png") repeat center  ;
	position: relative;
}
#login_after_footer #pc_content article{
	background: url("../img/flame_top.jpg") repeat-x top / 5px, url("../img/flame_top.jpg") repeat-x bottom/5px, url("../img/flame_left.jpg") repeat-y left / 15px, url("../img/flame_right.jpg") repeat-y right/15px,
url("../img/content_bg_right_top.png") no-repeat right top ,url("../img/content_bg_left_top.png") no-repeat left top,
url("../img/content_bg_left_bottom.png") no-repeat bottom left,url("../img/content_bg_right_bottom.png") no-repeat right bottom,url("../img/Melamine_wood.png") repeat center  ;
	position: relative;
}
#login_after_footer #pc_content article ul {
    padding: 40px 40px 40px 40px;
}
#login_after_free #pc_content article{
	background: url("../img/flame_top.jpg") repeat-x top / 5px, url("../img/flame_top.jpg") repeat-x bottom/5px, url("../img/flame_left.jpg") repeat-y left / 15px, url("../img/flame_right.jpg") repeat-y right/15px,
url("../img/content_bg_right_top.png") no-repeat right top ,url("../img/content_bg_left_top.png") no-repeat left top,
url("../img/content_bg_left_bottom.png") no-repeat bottom left,url("../img/content_bg_right_bottom.png") no-repeat right bottom,url("../img/Melamine_wood.png") repeat center  ;
	position: relative;
}
#login_after_free #pc_content article ul {
    padding: 40px 40px 40px 40px;
}
#login_after_freept #pc_content article{
	background: url("../img/flame_top.jpg") repeat-x top / 5px, url("../img/flame_top.jpg") repeat-x bottom/5px, url("../img/flame_left.jpg") repeat-y left / 15px, url("../img/flame_right.jpg") repeat-y right/15px,
url("../img/content_bg_right_top.png") no-repeat right top ,url("../img/content_bg_left_top.png") no-repeat left top,
url("../img/content_bg_left_bottom.png") no-repeat bottom left,url("../img/content_bg_right_bottom.png") no-repeat right bottom,url("../img/Melamine_wood.png") repeat center  ;
	position: relative;
}
#login_after_freept #pc_content article ul {
    padding: 40px 40px 40px 40px;
}
article{
	margin-bottom:80px;
}
/*↑見出しなし中身↑*/
#pc_content article h2{
	width:100%;
	font-size:32px;
	font-family: kan412typos-std, sans-serif;
	font-style: normal;
	text-align: center;
	padding:24px;
	color:#382219;
}
#pc_content article li img{
	margin:0 auto;
}
#pc_content article ul{
	padding:0 40px 40px ;
}
#pc_content article ul li h3{
	border: solid 1px #382219;/*線*/
    border-radius: 4px;/*角の丸み*/
	background: url("../img/content_bg_left_top.png") no-repeat left top/120px,url("../img/content_bg_right_bottom.png") no-repeat right bottom/120px,#fff9e5;
	display: inline-block;
	padding:4px 24px 4px 24px;
	font-weight: lighter;
}

#login_after_member #pc_content article ul li h3{
	border: solid 1px #382219;/*線*/
    border-radius: 4px;/*角の丸み*/
	background: url("../img/content_bg_left_top.png") no-repeat left top/120px,url("../img/content_bg_right_bottom.png") no-repeat right bottom/120px,#fff9e5;
	display: inline-block;
	padding:4px 24px 4px 24px;
	font-weight: lighter;
	margin-top: 24px;
}
.midashi_text{
	margin:16px 0;
}
/*ボタン*/
.button_center{
	text-align: center;
}
.button{
	margin:0 auto;
  display:block;
}
.button a {
  border: solid 1px #382219;
	background-image: -webkit-linear-gradient(top, #f09e8c, #f88e7d, #f88e7d);
  border-radius: 6px;
  box-shadow: 3px 3px 0 rgba(56, 34, 25, 1);
  color: #382219;
  display: block;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 40px auto;
  padding: 4px 80px;
	display :inline-block;
	font-family: kan412typos-std, sans-serif;
	font-style: normal;
	font-size:24px;
}
.button a:hover {
  opacity: 0.8;
}
/*ボタン*/

.button_mini{
	text-align: center;
	margin:0 auto;
  display:block;
}
.button_mini #btnCopy {
  border: solid 1px #382219;
	background-image: -webkit-linear-gradient(top, #f09e8c, #f88e7d, #f88e7d);
  border-radius: 6px;
  box-shadow: 3px 3px 0 rgba(56, 34, 25, 1);
  color: #382219;
  display: block;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 25px auto;
  padding: 0px 24px;
	display :inline-block;
	font-family: kan412typos-std, sans-serif;
	font-style: normal;
	font-size:16px;
}
.button_mini #btnCopy:hover {
  opacity: 0.8;
}
/*フッダー*/
footer{
	background-color:#e5dccf;
	padding:30px 0 20px 0;
}
.footer_menu{
text-align: center;	
	background-color: #382219;
}
.footer_menu ul{
margin: 0 auto;
width:1080px;
padding: 15px;
}
.footer_menu li{
list-style: none;
display: inline-block;
width: calc(100% / 6);
font-size: 14px;
}
.footer_menu li:not(:last-child){
border-right:2px solid #e5dccf;
}
.footer_menu a{
text-decoration: none;
color: #e5dccf;
}

.footer_menu a:hover{
color:#f88d7c;
}
/*ログイン後フッダー*/
footer{
	background-color:#e5dccf;
	padding:30px 0 20px 0;
}
.pc_after_footer_menu{
text-align: center;	
	background-color: #382219;
}
.pc_after_footer_menu ul{
margin: 0 auto;
width:1080px;
padding: 15px;
}
.pc_after_footer_menu li{
list-style: none;
display: inline-block;
width: calc(100% / 7);
font-size: 14px;
}
.pc_after_footer_menu li:not(:last-child){
border-right:2px solid #e5dccf;
}
.pc_after_footer_menu a{
text-decoration: none;
color: #e5dccf;
}

.pc_after_footer_menu a:hover{
color:#f88d7c;
}
/**/
footer .footer_text{
	width:800px;
	margin: 80px auto 90px auto;
}
footer .footer_text li {
	width: 80%;
	font-size:12px;
	color:#4E4E4E;
	display: inline-block;
	position: relative;
}
footer .footer_text li p{
	width: 100%;
	line-height: 2em;
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
footer .footer_text li.footer_text_logo{
	display: inline-block;
	width:20%;
	position: relative;
}
footer .footer_text li.footer_text_logo img{
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	width: 70%;
}
footer .copyright{
	clear: both;
	text-align: center;
	color: #382219;
	font-size: 13px;
}
/* TOPへ戻る------------------------------------------------*/
#page-top {
    position: fixed;
    right: 20px;
    font-size: 77%;
    z-index: 99999999999;
}

#page-top img {
 width:80px;
}
/* PCログイン後
------------------------------------------------*/
/*ヘッダー*/
.pc_after_header_size{
	width: 100%;
	background: linear-gradient(#ef9f8e, #f88d7c);
	margin:0 auto;
	padding:8px 0 5px 0;
}
#pc_after_header{
	width: 980px;
	margin:0 auto;
}
#pc_after_header .pc_my_account img{
	padding: 4px;
}
#pc_after_header h1{
	display: inline-block;
	padding:1%;
}
#pc_after_header h1 img{
	width:240px;
}
#pc_after_header_size form{
	float:right;
	width: 500px;
}
/*会員ID　チケット*/
#pc_after_header .pc_my_account, #pc_after_header .pc_my_data{
	float:right;
}
.pc_my_data{
	margin-right: 20px;
	width:240px;
}
dl.MyAccountId,
dl.MyAccountPass{
	border: 2px solid #60544f;
	margin: 8px 0;
	background: #e5dccf;
	border-radius: 4px;
}
.pc_my_data dt{
	float: left;
	text-align: center;
	width:40%;
    padding: 3px 0;
	color:#e5dccf;
}
.pc_my_data  dd{
	float: left;
	text-align: left;
	margin-left: 5px;
	padding: 4px 0 2px 0;
	width:57%;
}
/**/
.WaveBgPat{
	background:url("../img/ps-neutral.png") repeat center  / 24% ,#4b3c36;
}
/*nav*/
#global-nav{
	width:100%;
	background: linear-gradient(#e5dccf, #ead0ac);
	z-index: 9999;
}
.m_fixed {
  left: 0;
  position: fixed;
  top: 0;
	z-index: 9999;
}
#global-nav .pc_header_btn{
		width:980px;
	margin:0 auto;
	padding: 4px;
}
#global-nav .pc_header_btn ul{
	display: flex;
	width:980px;
	margin:0 auto;
}
#global-nav .pc_header_btn li { 
	width: calc(100% / 6);
	margin-right: 4px; /* nthで、3番目だけキャンセルさせる必要あり */
}
#global-nav .pc_header_btn li img{
	width:160px;
}
#global-nav .pc_header_btn li:not(:first-child){

}
/*ログイン後共通背景*/
#pc_all_contents{
	background: url("../img/woodframe.jpg") repeat-x top  / 800px, url("../img/paper_backdround.jpg")repeat center  / 250px;
	
}
#login_after_buypt #pc_all_contents{
	background:url("../img/paper_backdround.jpg")repeat center  / 250px;
	
}
#login_after_buypt #pc_wrapper {
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 40px;
}
#login_after_payment #pc_all_contents{
	background:url("../img/paper_backdround.jpg")repeat center  / 250px;
	
}
#login_after_payment #pc_wrapper {
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 40px;
}