@charset "UTF-8";

img{
	width:100%;
}

.center{
	text-align:center;
}

#wrapper{
	margin:0 auto;
	max-width: 768px;
	/*height: 100%;*/
	background:url(/wdprs/wp-content/themes/ayana/images/background.jpg);
}

#wrapper.mem{
	background:url(/wdprs/wp-content/themes/ayana/images/background_mem.jpg);
}

.page-header{
	margin:0 auto 30px;
	padding:0 0 3.906%;
	background:url(/wdprs/wp-content/themes/ayana/images/titleback.png) no-repeat center bottom;
	background-size:100% auto;
}

.page-header h1.page-title{
	margin:0 auto;
	padding:0;
}

.page-header h1.page-title img{
	width:100% !important;
}

.mem .page-header{
	background:url(/wdprs/wp-content/themes/ayana/images/mem_titleback.png) no-repeat center bottom;
}

.hmenu {
	margin:0 auto;
   	width:100%;
}

.navi-btn {
   	display: block;
	margin-left:15px;
   	width:65px;
    	position: fixed;
   	top:27px;
	left:auto;
    	cursor: pointer;
    	z-index: 100;
}

.navi-btn img{
	width:100%;
}

.drawr {
	display:none;
    	position: fixed;
    	top: 0px;
    	left:auto;
    	width:768px;
    	padding:0;
    	z-index: 200;
}

.drawr .close{
    	position: absolute;
    	top: 10px;
	right:10px;
	width:48px;
    	z-index: 300;
}

.drawr .close:hover{
	cursor:pointer;
}

#menu > li {
	display:block;
       position: relative;
	width:100%;
	padding: 10px 5px;
	font-size:1.2rem;
	text-align:center;
	background:url(/wdprs/wp-content/themes/ayana/images/menu_base.png) no-repeat center bottom, rgba(146,111,110,0.8);
	background-size:100% auto;
}

#menu > li.home {
	padding:0 5px 10px;
}

#menu > li a {
	display: block;
	font-size:1.2rem;
	fontweight:bold;
	color:#ffffff;
}

.innrfrm{
	margin:0 15px;
	padding:15px 0;
	border-radius:5px;
	background-color: rgba(255,255,255,0.8);
}

.mem .innrfrm{
	background-color: rgba(237,216,227,0.8);
}

section, footer{
	margin: 0 auto;
}

section{
	margin:0 10px;
}

h1{
	padding:10px;
	font-size:1.5rem;
	color:#ffffff;
	text-shadow:3px 3px 4px #663333,-3px -1px 4px #663333;
}

h2{
	margin:10px auto;
}

h3{
	margin:20px auto 5px;
	padding-bottom:5px;
	font-size:1.5rem;
	color:#663333;
	background:url(/wdprs/wp-content/themes/ayana/images/h3_devider.png) no-repeat center bottom;
}

#home #page{
	/*min-height:894px;*/
	background:url(/wdprs/wp-content/themes/ayana/images/kv.png) no-repeat;
}

p.lead{
	font-size:1.1rem;
	color:#663333;	
}

.soon{
	margin:15px auto;
	font-size:1.3rem;
	font-weight:bold;
}

#kv{
	position:relative;
	width: 100%;
	height: 100%;
	padding: 95.052% 0 0;
}

#kv .kvinner{
 position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.logo{
	margin:0 auto;
	width:30%;
	animation: fadeIn 2s ease 0s 1 normal;
   	 -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

.site_header{
	margin:0 auto;
	width:88.671%;
}

.entry-content{
	padding:25px;
	line-height:2;
}

#loginform{
	margin:0 15px;
	text-align:center;
}

/*/////ナビボタン類//////*/
.naviqanda{
	position:absolute;
	top:-12.2%;
	left:15%;
	width:14.453%;
	animation: fadeIn 2.5s ease 0s 1 normal;
   	 -webkit-animation: fadeIn 2.5s ease 0s 1 normal;
}

.naviphotogallery{
	position:absolute;
	/*top:-5%;
	left:73.5%;*/
	top:-15%;
	left:72%;
	width:17.447%;
	animation: fadeIn 3s ease 0s 1 normal;
   	 -webkit-animation: fadeIn 3s ease 0s 1 normal;
}

.naviwallpaper{
	position:absolute;
	top:5%;
	left:1%;
	width:18.88%;
	animation: fadeIn 3.5s ease 0s 1 normal;
   	 -webkit-animation: fadeIn 3.5s ease 0s 1 normal;
}

.navimovie{
	position:absolute;
	top:30%;
	left:2%;
	width:14.973%;
	animation: fadeIn 4s ease 0s 1 normal;
   	 -webkit-animation: fadeIn 4s ease 0s 1 normal;
}

.navivoice{
	position:absolute;
	/*top:22%;
	left:79%;*/
	top:8%;
	left:80%;
	width:16.145%;
	animation: fadeIn 4.5s ease 0s 1 normal;
   	 -webkit-animation: fadeIn 4.5s ease 0s 1 normal;
}

.navigoods{
	position:absolute;
	top:60%;
	left:2.5%;
	width:17.317%;
	animation: fadeIn 5s ease 0s 1 normal;
   	 -webkit-animation: fadeIn 5s ease 0s 1 normal;
}

.navimailmagazine{
	position:absolute;
	top:30%;
	left:77%;
	width:19.531%;
	animation: fadeIn 5.5s ease 0s 1 normal;
   	 -webkit-animation: fadeIn 5.5s ease 0s 1 normal;
}

.navispecial{
	position:absolute;
	/*top:52.5%;
	left:77%;*/
	top:57%;
	left:77.5%;
	width:18.75%;
	animation: fadeIn 5.5s ease 0s 1 normal;
   	 -webkit-animation: fadeIn 5.5s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


table#loginout{
	margin:0 auto;
	width:88.8%;
}

table#loginout td.regist{
	width:52.473%;
}

table#loginout td.regist div{
	width:79.4%;
}

table#loginout td.login{
	width:41.666%;
}

ul#changeinfo{
	margin:30px auto 15px;
	padding:15px 10px;
	width:95.3125%;
	/*border-radius:5px;
	background-color: rgba(255,255,255,0.8);*/
}

ul#changeinfo li:first-child{
	margin:0 auto 10px;
}

#wnew{
	margin:0 auto;
	padding-top:15px;
}

.wnewinner{
	padding-bottom:70px;
	background:url(/wdprs/wp-content/themes/ayana/images/whatsnew_back.png) no-repeat center bottom;
}

#wnew .title{
	margin:0 auto 15px;
}

#wnew ul{
	margin:0 auto;
	width:90.65%;
}

#wnew li{
	border-bottom: #ffffff solid 5px;
	border-image: url(/wdprs/wp-content/themes/ayana/images/split_line.png) 10 10 round;
}

#wnew li:last-child{
	border:none;
}

#wnew dl{
	margin:0 auto;
	font-size:1.2rem;
}

#wnew dt{
	text-align:left;
	color:#660033;
}

#wnew dd{
	margin:0 auto 10px;
	padding-left:1rem;
	text-align:left;
}

#wnew dd a{
	color: #d75858;
}

#wnew dd a[target="_blank"]:after{
	margin: 0 3px;
	font-family: FontAwesome;
	vertical-align: middle;
	content: '\f08e';
}

#wnew .wnewarchive{
	display:inline-block;
	margin:0 10px 0 auto;
	padding:5px 10px;
	float:right;
	border-radius:5px;
	background:#0066ff;
}

#wnew .wnewarchive a{
	width:100%;
	height:100%;
	color:#ffffff;
}

/*/////バナーエリア//////*/
#bnrs{
	margin:6% auto;
	padding:3.8% 1.4%;
	width:92.578%;
	background:url(/wdprs/wp-content/themes/ayana/images/bnr_base.png) no-repeat center top;
}

/*#bnrs ul{
	margin:0 auto;
	width:90% !important;
}

#bnrs li{

}*/


#home .entry-content{
	min-height:auto;
}

.attention{
	color:#990000;
}

.attract{
	color:#083cfc;
}

.caution, .error{
	color:#ff0000 !important;
}

.required{
	padding:3px 5px;
	font-weight:normal;
	color:#ffffff !important;
	float:right;
	border-radius:5px;
	background:#990000;
}

body.page .edit-link {
        display: none;
}

ul.lists{
	margin:15px auto;
	padding-left:1em;
	text-indent:-1em;
}


/*///ページネーション/////*/
.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 14px;
	line-height: 1em;
        text-align: center;
}
.pagination-box {
	display: inline-block;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 10px 14px 10px 14px;
	text-decoration: none;
	width: auto;
	color: #fff;
	/*background: #47BEA0;*/
	border:1px solid #733133;
	border-radius: 50%;
}
.pagination span.page-of {
	display:none;
	/*background: none;
	color: #733133;*/
}
.pagination a:hover{
	color: #733133;
	background: #cc6c87;
}
.pagination .current{
	background: #733133;
	color: #ffffff;
}
@media only screen and (max-width: 413px) {
.pagination {
	font-size: 12px;
	line-height: 12px;
}
.pagination span, .pagination a {
	padding: 7px 10px 7px 10px;
}
.pagination .current{
	padding: 7px 10px 7px 10px;
}
}


/*///ホーム/////*/
#home h2{
	margin:10px auto 0;
	font-size:1.4rem;
	color:#fa08e2;
}

.agree_frame{
	/*padding:10px 0;*/
}

.agree_frame p{
	margin:0 auto;
	padding:0;
	width:460px;
	text-align:left;
	font-weight:bold;
	color:#660066;
}

.agree_frame p span{
	font-weight:normal;
}

.terminated{
	display:inline-block;
	margin:0 auto;
	padding:10px;
	text-align:center;
	font-weight:bold;
	color:#fa08e2;
	border-radius:10px;
	border:2px solid #fa08e2;
}

/*////ホームログイン////*/
#loginbox {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
}

#loginbox .close{
	position: absolute;
	top:10px;
	left:90%;
	width:30px;
}

#dgtmemcard {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
}

#dgtmemcard .close{
	position: absolute;
	top:10px;
	left:90%;
	width:30px;
}
 
.close_overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -9999px;
    position: absolute;
    background: #000;
    opacity: 0.5;
    z-index: 5;
}

.window_frame{
	position:relative;
	width: 100%;
	height: 100%;
	padding: 41.927% 0 0;
}
 
#loginbox .modal_window {
    top: 50%;
    /*left: 50%;
    margin: -150px 0 0 -300px;*/
	left:0;
	right:0;
	margin:0 auto;
	padding:7% 0 0;
	max-width:641px;
    width: 83.463%;
    height: 41.927%;
    text-align: center;
    display: block;
    background:url(/wdprs/wp-content/themes/ayana/images/loginbox.png) no-repeat;
	background-size:100% auto;
    position: absolute;
    z-index: 10;
}

#dgtmemcard .modal_window {
    top: 50%;
    /*left: 50%;
    margin: -150px 0 0 -300px;*/
	left:0;
	right:0;
	margin:0 auto;
	padding:7% 0 0;
	max-width:641px;
    width: 83.463%;
    height: 41.927%;
    text-align: center;
    display: block;
    background:url(/wdprs/wp-content/themes/ayana/images/digitalmemberscard.gif) no-repeat;
	background-size:100% auto;
    position: absolute;
    z-index: 10;
}

.modal_window dl{
	display:table;
	margin:0 auto 5px;
	width:80%;
}

.modal_window dt, .modal_window dd{
	display:table-cell;
}

.modal_window dt{
	padding-right:5px;
	width:30%;
	text-align:right;
}

.modal_window dd{
	width:70%;
	text-align:left;
}

.modal_window input[type='text'], .modal_window input[type='password'], .modal_window input[type='email']{
	padding:5px 10px;
	width:100%;
	border:1px solid #cecdcd !important;
	border-radius:5px;
	background:#ffffff;
}

.modal_window input[type='submit']{
	margin:4% auto 0;
	width:37.239%;
	height:6.64%;
	text-indent:-9999px;
	background: url(/wdprs/wp-content/themes/ayana/images/btn_login.png) no-repeat;
	background-size:100% auto;
} 
 
/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
    0% {opacity:0;display:block;}
    100% {opacity:1;}
}
 
div#modal div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}


#dgtmemcard ul{
	margin:80px auto 0;
	width:290px;
}

#dgtmemcard li.memtop{
	margin-right:0;
}

#dgtmemcard li.meminfo{
	padding:0 5px;
	width:300px;
}

#dgtmemcard li.meminfo .no_name{
	margin:0 auto;
	width:290px;
	text-align:left;
	font-size:1.5rem;
	font-weight:bold;
	color:#ffffff;
}

#dgtmemcard li.meminfo .no_name div{
	display:inline
}



/*////入会案内////*/
#welcome h1{
	text-indent:-9999px;
	background:url(/wdprs/wp-content/themes/ayana/images/title_welcome.png) no-repeat center center;
	background-size:100% auto;
}

#welcome .entry-content{
	text-align:left;
}

#welcome h3{
	text-align:center;
}

#welcome ul.service li{
	padding-left:5px;
}

#welcome ul.service li:before{
    content: url(/wdprs/wp-content/themes/ayana/images/icon_doubledisc_bk.png);
    margin: 10px 5px 10px -5px;
    position: relative;
    top: 2px;
}

#welcome .price{
	font-size:1.25rem;
	color:#ff3333;
}


/*////入会までの流れ////*/
#flow h1{
	text-indent:-9999px;
	background:url(/wdprs/wp-content/themes/ayana/images/title_flow.png) no-repeat center center;
	background-size:100% auto;
}

#flow dl{
	display:table;
	margin:0 auto 15px;
	width:500px;
	text-align:left;
}

#flow dt{
	display:table-cell;
	width:40px;
	font-size:1rem;
	font-weight:bold;
	color:#ffffff;
	vertical-align:middle;
	text-align:center;
}

#flow dd{
	display:table-cel;
	padding:0 5px;
}

#flow .confirm{
	background:#660000 !important;
}

#flow .confirm a{
	color:#ffffff !important;
}

#flow input[type=checkbox] {
	display: none;
}

#flow .checkbox {
  position: relative;
  display: inline-block;
  margin: 0 auto 8px 0;
  padding: 12px 12px 12px 42px;
  vertical-align: middle;
  cursor: pointer;
}

#flow .checkbox:hover:after {
	border-color: #663333;
}

#flow .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

#flow .checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #663333;
  border-bottom: 3px solid #663333;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#flow input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

.btn a{
	display:block;
	width:100%;
	height:100%;
	color:#663333;
}

.men .btn a{
	color:#ffffff;
}

.cancel a{
	display:block;
	width:100%;
	height:100%;
	color:#000000;
}

.btn, input[type='button'], input[type='submit']{
	display:inline-block;
	margin:10px auto;
	padding:10px 20px;
	font-weight:bold;
	color:#663333;
	border-radius:5px;
	background:#cc9933;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #c4b17f), color-stop(0.00, #a79968));
	background: -webkit-linear-gradient(top, #a79968 0%, #c4b17f 88%);
	background: -moz-linear-gradient(top, #a79968 0%, #c4b17f 88%);
	background: -o-linear-gradient(top, #a79968 0%, #c4b17f 88%);
	background: -ms-linear-gradient(top, #a79968 0%, #c4b17f 88%);
	background: linear-gradient(to bottom, #a79968 0%, #c4b17f 88%);*/
}

/*.mem .btn, .mem input[type='button'], .mem input[type='submit']{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #d87a9b), color-stop(0.00, #ca6b70));
	background: -webkit-linear-gradient(top, #ca6b70 0%, #d87a9b 88%);
	background: -moz-linear-gradient(top, #ca6b70 0%, #d87a9b 88%);
	background: -o-linear-gradient(top, #ca6b70 0%, #d87a9b 88%);
	background: -ms-linear-gradient(top, #ca6b70 0%, #d87a9b 88%);
	background: linear-gradient(to bottom, #ca6b70 0%, #d87a9b 88%);
}*/



#flow .btn{
	display:inline-block;
	margin:15px auto;
	padding:5px 10px;
	background:none;
	border:1px solid #660066;
}

#flow .btn a{
	color:#660066;	
}

.cancel, input[type='button'].cancel, input[type='submit']#wp-submit-back{
	display:inline-block;
	margin:10px auto;
	padding:10px 20px;
	font-weight:bold;
	color:#000000;
	border-radius:5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #cecdcd), color-stop(0.00, #b6b5b5));
	background: -webkit-linear-gradient(top, #b6b5b5 0%, #cecdcd 88%);
	background: -moz-linear-gradient(top, #b6b5b5 0%, #cecdcd 88%);
	background: -o-linear-gradient(top, #b6b5b5 0%, #cecdcd 88%);
	background: -ms-linear-gradient(top, #b6b5b5 0%, #cecdcd 88%);
	background: linear-gradient(to bottom, #b6b5b5 0%, #cecdcd 88%);
}

input[type="button"].off{
	display:inline-block;
	margin:10px auto;
	padding:10px 20px;
	font-weight:bold;
	color:#e3e3e3;
	border-radius:5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #cecdcd), color-stop(0.00, #b6b5b5));
	background: -webkit-linear-gradient(top, #b6b5b5 0%, #cecdcd 88%);
	background: -moz-linear-gradient(top, #b6b5b5 0%, #cecdcd 88%);
	background: -o-linear-gradient(top, #b6b5b5 0%, #cecdcd 88%);
	background: -ms-linear-gradient(top, #b6b5b5 0%, #cecdcd 88%);
	background: linear-gradient(to bottom, #b6b5b5 0%, #cecdcd 88%);	
}

/*////会員規約////*/
section article.rule{
	margin:0 auto 15px;
	padding:10px;
	width:100%;
	height:300px;
	overflow:scroll;
	text-align:left;
	/*background:#fdded5;*/
}

section div.rule{
	margin:0 auto 15px;
	padding:10px;
	text-align:left;
	/*background:#fdded5;*/
}

/*/////////////////*/
.register_h1{
	width:351px;
}

.message{
	color:#ffffff !important;
	background:#660000 !important;
	 border:none !important;
}

.message .attention{
	color:#ffffff;
}

ul.notes{
	text-align:left;
}

ul.notes li{
	padding-left:1em;
	text-indent:-1em;
}

table.form-table th{
	padding:5px;
	width:180px;
	vertical-align:top;
	text-align:left;
}

table.form-table td{
	padding:5px;
	text-align:left;
}

input[type='text'], input[type='password'], input[type='email'], input[type='tel'], select, textarea{
	padding:5px 10px;
	border:1px solid #cecdcd !important;
	border-radius:5px;
	background:#ffffff;
}
select{
	padding-right:30px;
	background:#ffffff url(/wdprs/wp-content/themes/ayana_tmp/images/select_arrow.png) no-repeat right 50%;
}

input[type="radio"] {
    position: relative;
    -webkit-appearance: button;
    appearance: button;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    content: "";
    background-color: #FFFFFF;
    border: 1px solid #999999;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    vertical-align: middle;
    cursor: pointer;
}

input[type="radio"]:checked:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    content: "";
    width: 12px;
    height: 12px;
    background: #660000;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

.confirm_h1{
	width:255px;
}

.confirm table.form-table td{
	color:#663333;
}

/*////機種変更・支払方法変更////*/
#change h1{
	text-indent:-9999px;
	background:url(/wdprs/wp-content/themes/ayana/images/title_change.png) no-repeat center center;
	background-size:100% auto;
}

#change h3{
	padding-left:61px;
	text-indent:-61px;
	font-size:1.3rem;
	color:#990000;
	background:none;
}

#change h3 span{
	padding:5px 10px 5px 0;
}

#change h3 span img{
	width:41px;
}

#change h4.disc{
	font-size:1.2rem;
}

#change h4.disc:before{
    content: url(/wdprs/wp-content/themes/ayana/images/icon_doubledisc_bk.png);
    margin: 10px 5px 10px 0;
    position: relative;
    top: 0;
}

#change .entry-content{
	padding:50px 50px 0;
	text-align:left;
}

#change .sprit{
	border:1px solid #000;
}

.changeconf{
	padding-top:10px;
	text-align:center;
	border-top:1px dashed #ff3333;
}

.nextdo > li{
	margin:0 auto 15px;
	padding:5px 30px !important;
	border-radius:10px;
	border:2px solid #cc9999;
}

.boxfrm{
	padding:0 10px 10px;
	text-align:left;
	border:5px solid #cc9999;
	outline: solid 3px #999;
	background:#ffffff;
}

.boxfrm h4{
	margin:0 auto 15px;
	text-align:center;
	font-size:1.2rem;
	color:#660000;
}

li.logout{
	display:inline-block;
	width:120px;
	vertical-align:top;
}

/*///カード情報変更/////*/
#edit table.form-table{
	margin:0 auto;
	width:90.65%;
	background:#ffffff;
	border:2px solid #660000;
}


/*///What's New/////*/
#whatsnew .innrfrm ul{
	margin:0 auto;
	width:90.65%;
}

#whatsnew .innrfrm li{
	border-bottom: #ffffff solid 5px;
	border-image: url(/wdprs/wp-content/themes/ayana/images/split_line.png) 10 10 round;
}

#whatsnew li:last-child{
	border:none;
}

#whatsnew dl{
	margin:0 auto 15px;
	font-size:1.2rem;
}

#whatsnew dt{
	margin:0 auto 5px;
	padding:0 0 0 1rem;
	text-align:left;
	color:#660033;
}

#whatsnew dt h2{
	margin:0 auto !Important;
	color:#cc0000;
}

#whatsnew dt a{
	color:#cc0000;
}

#whatsnew dt a[target="_blank"]:after{
	margin: 0 3px;
	font-family: FontAwesome;
	vertical-align: middle;
	content: '\f08e';
}

#whatsnew dt h2{
	margin:10px auto 5px;
}

#whatsnew dt h2:before{
    content: url(/wdprs/wp-content/themes/yuma/images/icon_doubledisc.png);
    margin: 10px 5px 10px 0;
    position: relative;
    top: 2px;
}

#whatsnew dd{
	display:none;
	padding:0 0 5px 1rem;
	text-align:left;
}

#whatsnew dd a{
	color: #d75858;
}

#whatsnew dd a[target="_blank"]:after {
	margin: 0 3px;
	font-family: FontAwesome;
	vertical-align: middle;
	content: '\f08e';
}



/*///PHOTOGALLERY/////*/
/*#photogallery ul.items{
	margin:0 auto;
	width:87.5%;
}*/

#photogallery ul.items li{
	margin:0 auto 15px;
	padding:0 0 15px;
	border-bottom: #ffffff solid 5px;
	border-image: url(/wdprs/wp-content/themes/ayana/images/split_line.png) 10 10 round;
}

#photogallery ul.items li h2{
	padding-left:20px;
	text-indent:-20px;
	text-align:left;
}

#photogallery ul.items li h2:before{
	content: url(/wdprs/wp-content/themes/ayana/images/icon_doubledisc_bk.png);
    margin: 10px 5px 10px 0;
    position: relative;
    top: 0;
}

#photogallery ul.items li div{
	float:left;
    width: 33.3%;
    height: 100px;
    margin:0;
    overflow: hidden;
}

#photogallery ul.items li div img{
    position: relative;
    top: 25%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-25%);
    -ms-transform: translate(-50%,-25%);
    transform: translate(-50%,-25%);
}

#photogallery ul.items li h2{
	clear:both;
	color:#663333;;
}

.single-photoglry dd{
	margin:0 auto 30px;
	padding:10px 0 15px;
	text-align:left;
	border-bottom: #ffffff solid 5px;
	border-image: url(/wdprs/wp-content/themes/ayana/images/split_line.png) 10 10 round;
}


/*/////MOVIE & WALLPAPER//////*/

ul.jacket{
	margin:15px auto;
	width:655px;
}

ul.jacket > li{
	margin:0 15px 30px 0;
	width:320px;
	float:left;
}

ul.jacket > li:nth-child(2n) {
	margin-right: 0;
}

ul.jacket > li dt{
	font-weight:bold;
	text-align:left;
	color:#a63536;
}

ul.jacket > li dt div{
	display:block;
	border:1px solid #cc3399;
}

ul.jacket > li dd{
	text-align:left;
}

video{
	width:318px;
	height:178px;
}

#movies .date{
	font-size:0.85rem;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}

#movies .innrfrm ul.archive li:before{
    content: url(/wdprs/wp-content/themes/ayana/images/icon_doubledisc_bk.png);
    margin: 10px 0 10px;
    position: relative;
    top: 2px;
}

#movies .innrfrm ul.archive li{
	display:inline-block;
}

#movies .innrfrm ul.archive li:first-child{
	display:none;
}

#wallpaper dd li{
	display:block !important;
	padding-left:20px;	
	text-indent:-20px;
	width:100% !important;
}

#wallpaper dd li:before {
    content: url(/wdprs/wp-content/themes/ayana/images/icon_doubledisc_bk.png);
    margin: 10px 0 10px;
    position: relative;
    top: 2px;
}

/*/////Q&A & VOICE//////*/
#qandas ul.qalists li{
	position:relative;
	margin:15px auto 30px;
	padding:30px 15px 15px;
	border-radius:10px;
	border:1px solid #990000;
}

#qandas ul.qalists li h3{
	position:absolute;
	top:-40px;
	left:0;
	right:0;
	display:inline-block;
	width:auto !important;
	background:url(/wdprs/wp-content/themes/ayana/images/h3_devider.png) no-repeat center bottom;
}

#qandas ul.qalists li dl{
	padding-bottom:10px;
	text-align:left;
	border-bottom: #ffffff solid 5px;
	border-image: url(/wdprs/wp-content/themes/ayana/images/split_line.png) 10 10 round;
}

#qandas ul.qalists li dt{
	padding-left:45px;
	text-indent:-40px;
	color:#663333;
}

#qandas ul.qalists li dt:hover{
	cursor:pointer;
}

#qandas ul.qalists li dt:before{
    content: url(/wdprs/wp-content/themes/ayana/images/icon_Que.png);
    margin: 0 5px 10px 0;
    position: relative;
    top: 6px;
}

#qandas ul.qalists li dd{
	display:none;
	padding-left:45px;
	text-indent:-40px;
	font-weight;bold;
	color:#990000;
}

#qandas ul.qalists li dd:before{
    content: url(/wdprs/wp-content/themes/ayana/images/icon_Ans.png);
    margin: 0 5px 10px 0;
    position: relative;
    top: 12px;
}

p.soundBtn {
	margin:0 auto;
	width:92.17%;
}
#voices h4 img {
	max-width:146px;
}
#voices h4 {
	text-align:center;
	margin:1em auto;
}
#voices h3 {
	text-align:center;
	clear: left;
}
#voices .soon {
	text-align:center;
}
#voices .frVoice, #voices .rqVoice {
	float: left;
	width: 48%;
	margin: 0 1% 2em;
}
#voices .rqVoice {
	padding-bottom: 1em;
}

#voices li{
	margin:0 auto 10px;
	text-align:left;
}
#voices li p{
	padding-left:1.25em;
	text-indent:-1.25em;
	color:#990000;
}
#voices .frVoice li p {
	color:#336600;
}
#voices li p:hover{
	cursor:pointer;
}
#voices li p:before {
    content: url(/wdprs/wp-content/themes/ayana/images/icon_doubledisc_bk.png);
    margin: 10px 5px 10px 0;
    position: relative;
    top: 2px;
}

#voices article.voice {
	background: url(/wdprs/wp-content/themes/ayana/images/voiceDiv.png) no-repeat center bottom;
	overflow: hidden;
}



#voices th{
	width:30%;
	vertical-align:top;
	text-align:left;
}

#voices td{
	padding-left:15px;
	width:70%;
	vertical-align:top;
	text-align:center;
}

#voices td .coming{
	margin:5px auto;
	width:60%;
}

#voices td h4{
	margin:5px auto;
	width:34.15%
}




.bnr{
	margin:10px auto;
	width:83.333%;
}

#qaform h1{
	text-indent:-9999px;
	background:url(/wdprs/wp-content/themes/ayana/images/title_qaform.png) no-repeat center center;
	background-size:100% auto;
}

#voiceform h1{
	text-indent:-9999px;
	background:url(/wdprs/wp-content/themes/ayana/images/title_voiceform.png) no-repeat center center;
	background-size:100% auto;
}

/*/////MAIL MAGAZINE//////*/
#mailmagazine .innrfrm li{
	margin:0 auto 10px;
	padding-bottom:10px;
	text-align:left;
	border-bottom: #ffffff solid 5px;
	border-image: url(/wdprs/wp-content/themes/ayana/images/split_line.png) 10 10 round;
}

#mailmagazine .innrfrm li:last-child{
	border:none;
}

#mailmagazine li dt .date, #mailmagazine li dt h2{
	display:inline;
}

#mailmagazine li dt h2{
	padding-left:1em;
}

.single-mmgz .innrfrm .entry-content{
	text-align:left;
}

/*/////SPECIAL/////*/
#special .innrfrm li{
	margin:0 auto 10px;
	padding-bottom:10px;
	text-align:left;
	border-bottom: #ffffff solid 5px;
	border-image: url(/wdprs/wp-content/themes/ayana/images/split_line.png) 10 10 round;
}

#special .innrfrm li:last-child{
	border:none;
}

#special .innrfrm li dt{
	cursor:pointer;
}

#special .innrfrm li dd{
	display:none;
}

#special .innrfrm li.first dd{
	display:block;
}

#special li dt .date, #special li dt h2{
	display:inline;
}

#special li dt h2{
	padding-left:1em;
	color:#cc0000;
}

/*/////お問い合わせ//////*/
#inquiries h1{
	text-indent:-9999px;
	background:url(/wdprs/wp-content/themes/ayana/images/title_inquires.png) no-repeat center center;
	background-size:100% auto;
}

#entrythanks h1{
	text-indent:-9999px;
	background:url(/wdprs/wp-content/themes/ayana/images/title_entrythanks.png) no-repeat center center;
	background-size:100% auto;
}

#inquiries form, #qaform form, #voiceform form, #special form{
	margin:0 auto;
	width:420px;
}

#inquiries form label, #qaform form label, #voiceform form label, #special form label{
	color:#660066;
}

.wpcf7-text, .wpcf7-textarea{
	width:100%;	
}

#inquiries form p, #qaform form p, #voiceform form p, #special form p{
	margin:0 auto 15px;
	text-align:left;
}

#inquiries form p div, #qaform form p div, #voiceform form p div, #special form div{
	text-align:center;
}

#inquiries form p div input[type='submit'], #qaform form p div input[type='submit'], #voiceform form p div input[type='submit'], #special form div input[type='submit']{
	margin:0 auto;
}

div.wpcf7-validation-errors{
	border:1px solid #ff0000 !important;
}

.wpcf7c-conf {
	color:#660066 !important;
	border: none !important;
	background:#fdded5 !important;
}

#thanks h1{
	text-indent:-9999px;
	background:url(/wdprs/wp-content/themes/ayana/images/title_thanks.png) no-repeat center center;
	background-size:100% auto;
}

#thanks p{
	margin:30px auto;
	text-align:center;
}

/*////決済////*/
#cart .entry-content{
	padding:0 10px;
}


table.form-table th{
	padding:5px;
	width:180px;
	vertical-align:top;
	text-align:left !important;
}

table.form-table td{
	padding:5px;
	text-align:left;
}

#net_shop_admin_flow ol{
	margin:0 auto 15px;
}

#net_shop_admin_payment_form{
	text-align:center !important;
}

#net_shop_admin_payment_form img{
	width:70%;
}

#net_shop_admin_payment_form dl{
	margin:0 auto;
	max-width:315px;
	text-align:left;
}

#net_shop_admin_payment_form dl dt{
	font-weight:bold;
}

table.checkout_step tbody th{
	text-align:center !important;
}

/*////よくある質問////*/
#faqs #main dl{
	margin:30px 15px;
}

#faqs #main dt:before {
    content: url(/wdprs/wp-content/themes/ayana/images/icon_doubledisc_bk.png);
    margin: 10px;
    position: relative;
    top: 2px;
}

#faqs #main dt{
	position: relative;
	margin:0 auto 15px;
	padding:0 10px 0 35px;
	text-indent:-35px;
	font-weight:bold;
	color:#663333;
	text-align:left;
	border-bottom: #ffffff solid 5px;
	border-image: url(/wdprs/wp-content/themes/ayana/images/split_line.png) 10 10 round;
}

#faqs #main dt:after {
	position: absolute;
	top: 2px;
	height:2px;
	content: ' ';
	border-bottom: 1px dashed #0067ff;
}

#faqs #main dt:hover{
	cursor:pointer
}

#faqs #main dd{
	display:none;
	margin:0 auto 15px;
	padding:0 10px 0 35px;
	text-align:left;
}

/*////特定商取引法に基づく表示////*/
#commerce h1{
	text-indent:-9999px;
	background:url(/wdprs/wp-content/themes/ayana/images/title_commerce.png) no-repeat center center;
	background-size:100% auto;
}

#commerce .entry-content{
	text-align:left;
}

/*////会員規約////*/
#agreement ul.lists{
	margin:0px auto;
	padding-left:1em;
	text-indent:0;
}

#agreement ul.lists li{
	padding-left:1.5em;
	text-indent:-1.5em;
}

/*////Footer////*/

footer{
	margin:5px auto 0;
	padding:50px 0 30px;
}

footer a{
	font-weight:bold;
	color:#660033;
}

footer .site-info{
	margin:0 auto;
}

footer .site-info h4{
	margin:0 auto;
	width:62.76%;
}

footer .site-info ul{
	margin:0 auto 15px;
}

footer .site-info ul li{
	display:inline-block;
	padding:0 10px;
	width:30.729%;
}

footer .site-info ul li a{
	font-weight:normal;
}

@media (max-width: 767px) {
	#wrapper, #wrapper.mem{
		background-size:100% auto;
	}
	.navi-btn {
		width:8.4535%;
		top:3.5156%;
	}
	.drawr{
		width:100%;
	}
	.drawr .close{
		width:6.25%;
	}
	#home #page{
		background-size:100% auto;
	}
	.modal_window {
		font-size:0.9rem;
	}
	#dgtmemcard ul{
		margin:16% auto 0;
	}
	#bnrs{
		background-size:100% auto;
	}
	.agree_frame p{
		width:80%;
	}
	ul.jacket{
		width:85.286%;
	}
	ul.jacket > li{
		margin:0 1.953% 3.906% 0;
		width:47.854%;
	}
	video{
		width:100% !important;
		height:100% !important;
	}
	.single-mmgz .innrfrm .entry-content pre{
		width:100%;
	}
}

@media (max-width: 600px) {
	#mailmagazine li dt .date, #mailmagazine li dt h2{
		display:block;
	}
	#mailmagazine li dt h2{
		padding-left:0;
	}
}

@media (max-width: 553px) {
	.modal_window {
		font-size:0.8rem;
	}
	#thanks h1{
		background-size:96.4447%;
	}
}

@media (max-width: 519px) {
	br.sp{
		display:block;
	}
	#dgtmemcard li.meminfo .no_name{
		font-size:1.25rem;
		width:200px;
	}
	.agree_frame p{
		font-size:0.9rem;
	}
	#flow dl{
		width:100%;
	}
	#flow dt, #flow dd{
		font-size:1rem;
	}
	table.form-table th{
		white-space:nowrap;
	}
	input[type='text'].input, input[type='password'].input{
		width:100% !important;
	}
	#birthday_year_edit{
		margin-bottom:5px;
	}
	.frontend-user-admin-login  table.form-table th{
		display:block;
		width:100%;
	}
	.frontend-user-admin-login  table.form-table td{
		display:block;
	}
	.required{
		font-size:0.85rem;
	}
}

@media (max-width: 498px) {
	.logoff{
		padding:0 15px;
		text-align:left;
	}

	.modal_window {
		font-size:0.7rem;
	}
	#thanks_tmp h1.entry-title{
		background-size:100%;
	}
	.terminated{
		width:calc(100% - 20px) ;
	}
	#photogallery ul.items li div{
    		height: 80px;
	}
}

@media (max-width: 435px) {
	h3{
		font-size:1.3rem;
	}
	#agreement h1 img{
		width:100%;
	}
	.entry-content{
		padding:15px;
	}
	#net_shop_admin_payment_form img{
		width:90%;
	}
	#settlement table.form-table th, #settlement  table.form-table td, #edit table.form-table th, #edit table.form-table td{
		display:block !important;
		width:100%;
	}
	#settlement table.form-table td  input[name='card_no']{
		width:100%;
	}
	#edit table.form-table th, #edit table.form-table td{
		padding-left:10px;
	}
	#voices td li p{
		font-size:0.825rem !important;
	}
	#voices .frVoice, #voices .rqVoice {
		float: none;
		width: 98%;
		margin: 0 1% 2em;
	}
}

@media (max-width: 405px) {
	#loginbox .close{
		top:5px;
		left:90%;
		width:25px;
	}
	#flow h1{
		background-size:95.061%;
	}
	#photogallery ul.items li div{
    		height: 60px;
	}
	#inquiries form, #qaform form, #voiceform form, #special form{
		width:95%;
	}
	.wpcf7-select{	
		width:100%;
	}
}

@media (max-width: 374px) {
	.modal_window {
		padding:3.5% 0 0;
	}
	#loginbox .modal_window {
		padding:3% 0 0;		
	}
	.modal_window input[type='submit']{
		margin:1.5% auto 0;
	}
	#dgtmemcard li.meminfo .no_name{
		font-size:1rem;
	}
	.cancel, input[type='button'].cancel,  input[type='button'].next{
		paddding:10px 0 !Important;
		width:100px !Important;
		text-indent:-12px;
		font-size:0.9rem;
	}
}

@media (max-width: 370px) {
	.register_h1{
		width:100%;
	}
	#photogallery ul.items li div{
    		height: 50px;
	}
}