*{
margin: 0px;
padding: 0px;
}

body{
font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-family: "Noto Sans Japanese";
background:#fff;	
line-height: 1.6;
color:#000;
font-size:14px;
font-size-adjust: none;
-webkit-font-size-adjust: none;
position: relative;
min-width: 1024px;    
}

.min{
    font-family: UD Reimin Regular; 
}

.en1{
    font-family: 'Anton', sans-serif !important;
    font-weight: 400;
}

.en-arial{
    font-family: Arial, Helvetica, "sans-serif" !important;
}

@media (max-width: 599px) {
	html{overflow-x: hidden !important;}
body{
    overflow-x: hidden;
    min-width: initial;
}
}


.site-info{
    text-align: center;
    padding: 50px 0 0;
}

/*==================================================
フォーム画面
================================================== */

.txt-thanks{
    font-size: 16px;
    margin: 30px 0;
    line-height: 2.2;
}

input[type="text"],
input[type="number"], 
input[type="email"], 
input[type="password"] , 
input[type="tel"] ,
input[type="date"] ,
input[type="time"] ,
input[type="search"]  {
	width: 100%;
    box-sizing: border-box;
	height:46px;
	font-size:100%;
	border:1px solid #ccc;
	padding:2px 8px;
	border-radius:6px;
	background:#fff;
    color: #333;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="search"]:focus,
textarea:focus {
background: #faf8f4;    
}

textarea{
	min-height:160px;
	border:1px solid #ccc;
	padding:8px 10px;
	width:100%;
    box-sizing: border-box;
	border-radius:6px;
	background:#fff;
	font-size: 100%;
}

.sei,.mei,
.sei-furi,.mei-furi{
    width: 45% !important;
}

.zip1,
.zip2{
    width: 30% !important;
}


.address{
    width: 80% !important;
}

.tel{
    width: 25% !important;
}

.y-month{
    width: 15% !important;
}

.y-year{
    width: 25% !important;
}


input[type="checkbox"]{
    display: inline-block; 
    width: 22px; 
    height: 22px; 
    background:#f5f5f5; 
    vertical-align: bottom;
    margin-right: 5px;
}

input[type="radio"]{
    display: inline-block; 
    width: 22px; 
    height: 22px; 
    background:#fff; 
    vertical-align: bottom;
    margin-right:3px;
}


select {
cursor: pointer;
	width: 60%;
text-indent: 0.01px;
text-overflow: ellipsis;
border: 1px solid #ccc;
    border-radius: 8px;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
height: 46px;
box-sizing: border-box;
font-size: 14px;
}

.required{
    display: inline-block; 
    border-radius: 4px; 
    margin-left: 10px; 
    color: #fff; 
    font-size: 10px; 
    background: #d8010b; 
    padding:3px 10px; 
    line-height: 1em;
}

#contact-confirm .required,
.contact-confirm .required{
    display: none;
}

.txt-form{
    margin: 25px 0;
}

.ul-basic{
    margin: 10px 0 0 20px;
}

#contact-confirm .txt-att, .contact-confirm .txt-att,
#contact-confirm .txt-form, .contact-confirm .txt-form{display: none;}

.btn-area{
    margin: 25px auto;
    text-align: center;
}

.btnback-area{
    text-align: center;
}

.btn-form{
    display: inline-block;
    color: #fff !important;
    cursor: pointer;
    background:#814436 !important;
    text-decoration: none;
    border:2px solid #814436;
    font-size: 16px;
    text-align: center;
    width: 320px;
	height: 54px;
	line-height: 54px;
    border-radius: 28px;
    font-weight: bold;
}

.btn-form:hover{
    background:#fff !important;
    color: #814436 !important;
    text-decoration: none !important;
}

.btn-back{
    display: inline-block;
    border-radius: 0;
    color: #000 !important;
    cursor: pointer;
    background:#f8f8f8 !important;
    text-decoration: none;
    border:2px solid #ddd;
    font-size: 14px;
    text-align: center;
    width: 280px;
	height: 46px;
	line-height: 46px;
    border-radius: 28px;
    font-weight: bold;
}

.btn-back:hover{
    background:#fff !important;
    text-decoration: none !important;
}

.btn-noactive{
    display: inline-block;
    border-radius: 6px;
    color: #999;
    cursor: pointer;
    background:#ccc;
    padding: 10px 0;
    text-decoration: none;
    border:1px solid #ccc;
    font-size: 14px;
    text-align: center;
    width: 200px;
    cursor: default;
}

label{
    display: inline-block;
    margin: 5px 30px 5px 0;
}

.anq{width: 15% !important;}


@media (max-width: 767px) {
	
.txt-thanks{
    font-size: 14px;
}	

input[type="text"], 
input[type="number"], 
input[type="email"], 
input[type="password"] , 
input[type="tel"] ,
input[type="date"] ,  
input[type="time"] ,     
input[type="search"]  {
	height: 42px;
    font-size: 14px;
}

textarea{
	min-height: 120px;
    font-size: 16px;
}

.name,
.furi,
.email,
	.tel{
	width: 100% !important;
}


.zip, .age{
	width: 30% !important;
}


    
.btn-form,
    .btn-back{
    -webkit-appearance:none;
    display: block;
    width: 100%;
    margin: 0 auto;
}

select {
width: 100%;
height: 42px;
} 
    


label{
    display: inline-block;
    margin: 5px 12px 5px 0;
}    
    
	
}


.contents-area{width: 1000px; margin: 0 auto;}

.contents-form{margin: 50px 0 0; border-top: 1px solid #ccc; padding-top: 50px;}
.title-contents{text-align: center; font-size: 18px; display: block; margin-bottom: 30px; color: #333;}

.table-basic{width: 100%; box-sizing: border-box; border:1px solid #ccc; border-collapse: collapse;}
.table-basic thead th{width: 50%; box-sizing: border-box; text-align: center; vertical-align: middle; padding: 15px 0; background: #f7f7f7; border:1px solid #ccc;}
.table-basic tbody th{width: 50%; box-sizing: border-box; text-align: left; vertical-align: middle; padding: 15px; font-weight: normal; background: #fff; border:1px solid #ccc;}
.table-basic tbody td{width: 50%; box-sizing: border-box; text-align: left; vertical-align: middle; padding: 15px; font-weight: normal; background: #fff; border:1px solid #ccc;}

header h1{display: block; text-align: center; padding:30px 0 !important; background: #f7f7f7; font-size: 21px; margin-top: 0;}
#form-area{
	width: 860px; margin: 0 auto; padding: 40px 0;}
#content{padding-top: 0 !important;}
.table-form{width: 100%;}
.table-form th, .table-form td{padding: 20px 0;}
.table-form th{width: 270px;}

.table-form th.ta-l{text-align: left !important;}
.required{display: inline-block; font-size: 11px; border-radius: 4px; margin-left: 5px; background: #e32a2a; color: #fff; padding:3px 5px;}
.confirm .required{display: none;}

.head-form{
	width: 860px; 
    margin: 0 auto; 
    padding: 25px 0 0;}

.fc-red{
    color: #d8010b;
}

.error{
    display: inline !important;
}

.table-form input.age, .table-form input.zip, .table-form input.tel,
.table-form input.with1-age, .table-form input.with2-age,
.table-form input.with1-zip, .table-form input.with2-zip, .table-form input.with-age{
	width: 15% !important;
}

.table-form input.birth-year, 
.table-form input.birth-month, 
.table-form input.birth-day{
	width: 15% !important;
	margin-right: 5px;
}

.table-form input.birth-month, 
.table-form input.birth-day{
	margin-left: 10px;
}

.table-form input.address, .table-form input.with1-address, .table-form input.with2-address{width: 100%;}
.table-form input:placeholder-shown{color: #999;}

.btn-area{
	margin: 40px 0 ;
	text-align: center;
}

.error{display: block; margin: 10px 0 0;   color: #e32a2a !important; font-size: 12px !important; }
.box-error{display: block; text-align: center; padding: 15px 0; font-size: 12px; line-height: 1.5; color: #e32a2a !important; background: #fdefed; margin: 15px 0;}

.confirm .txt-att{display: none;}

.contents-thanks{width: 1000px; margin: 30px auto;}

.btn{display: inline-block; margin: 30px auto; padding: 20px 30px; box-sizing: border-box; border-radius: 6px; background: #333; border:1px solid #333; color: #fff; text-decoration: none; text-align: center; font-size: 1.0em; cursor: pointer;}
.btn:hover{background: #fff; color: #333;}

::placeholder{color: #999;}


/*AZ主催カメラ教室*/

#az-camera .table-form th{width: 320px;}

.confirm tr.tr-email-check, 
	#contact-confirm tr.tr-email-check{display: none !important;}	

@media (max-width: 768px) {
    
.contents-area{width: 90%; }
    
.contents-form{padding-top: 30px;}
.title-contents{text-align: center; font-size: 18px; display: block; margin-bottom: 30px;}

.table-basic thead th{padding: 10px 0; }
.table-basic tbody th{padding: 10px;}
.table-basic tbody td{padding: 10px;}    
    
header h1{padding:25px 0 !important; font-size: 18px;}    
#form-area{width: 90%; }
.head-form{
	width: 90%;}    
.table-form th{    display: block;
    width: 100%;
    padding-bottom: 0;
    background: #f8f8f8;
    padding: 15px 10px;
    box-sizing: border-box;}	
.table-form td{display:block; width:100%;}	
.table-form input[type="text"], input[type="tel"], input[type="number"], input[type="email"]{width: 98% !important; display: inline; font-size: 16px;}
.table-form input.age, .table-form input.zip, .table-form input.tel,
.table-form input.with1-age, .table-form input.with2-age,
.table-form input.with1-zip, .table-form input.with2-zip{width: 30% !important;}
.table-form input.address, .table-form input.with1-address, .table-form input.with2-address{width: 100%;}
.table-form textarea{width: 98%;}
.btn-form{width: 100%;}
select{width: 50%; box-sizing: border-box;}
.site-info{font-size: 12px !important; text-align: center;}   
.contents-thanks{width: 90%; margin: 25px auto;}
.confirm tr.tr-email-check, 
	#contact-confirm tr.tr-email-check{display: none !important;}	
button, input[type="button"], input[type="submit"]{width: 40%;}
.table-form input.birth-year, 
.table-form input.birth-month, 
.table-form input.birth-day{
	width: 22% !important;
	margin-right: 3px;
}

.table-form input.birth-month, 
.table-form input.birth-day{
	margin-left: 5px;
}	
    
    .sei,.mei,
.sei-furi,.mei-furi{
    width: 48% !important;
}
 
}



@media screen and (max-width: 599px){	  
    
    select{width: 65%; }



.address{
    width: 100% !important;
}

.tel{
    width: 28% !important;
}

.y-month{
    width: 18% !important;
}

.y-year{
    width: 28% !important;
}
      
}

@media screen and (max-width: 599px){	
button, input[type="button"], input[type="submit"]{width: 80%;}
}

.sp-only{display: none !important ;}
@media (max-width: 767px) {
.sp-only{display: block !important;}
.pc-only{display: none !important ;}
}

@media screen and (min-width: 768px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 767px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

.fa, .fas {
    font-weight: 900;
    padding-right: 7px !important;
    font-size: 90% !important;
}

.txt-att{
    margin: 30px auto;
    background:#f0f0f0;
    padding: 25px;
    font-size: 14px;
    line-height: 1.8;
    border-radius: 4px;
}

.txt-finish{
	text-align: center;
	padding: 30px 0;
	font-size: 16px;
	color: #e20a0a;
	font-weight: bold;
}

.txt-ex{
    font-size: 12px;
    margin-bottom: 10px;
    color: #999;
}	

th .txt-ex{
    margin-bottom: 0 !important;
		margin-top: 5px;
}

.confirm .txt-ex,
#contact-confirm .txt-ex,
.contact-confirm .txt-ex{
    display: none;
}

.confirm img, .contact-input img, #contact-confirm img{
    width: 160px;
    height: auto;
}

.thanks .contents-area{padding: 40px 0;}

@media screen and (max-width: 599px){

.txt-att{
    margin: 20px auto;
    padding: 15px 10px;
    font-size: 13px;
    line-height: 1.6;
}
	

    
}

.mt15{
	margin-top: 15px;
}


/*==================================================
table-responsive
================================================== */

.table-responsive{
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #ddd;
}

.table-responsive tr{
    border-top: 1px solid #ddd;
}

.table-responsive th{
    padding: 15px 20px;
    box-sizing: border-box;
    background-color: #f4f4f4;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    width: 35%;
}

.table-responsive td{
    padding: 15px 20px;
    box-sizing: border-box;
    background-color: #fff;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    width: 65%;
}

.table-responsive td > div{
    margin-bottom: 8px;
}

@media screen and (max-width: 599px){

.table-responsive{
}

.table-responsive th{
    display: block;
    width: 100%;
    padding: 10px 12px;
    box-sizing: border-box;
    background-color: #f4f4f4;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
}

.table-responsive td{
    display: block;
    width: 100%;
    padding: 15px 5px 20px;
    box-sizing: border-box;
    background-color: #fff;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
}
    
}






.wp-block-post-title{
    display: none;
}

.title-basic{
    display: block;
    font-size: 18px;
    font-weight: normal;
    border-left: 5px solid #333;
    padding: 2px 0 2px 10px;
    margin-bottom: 15px;
}

#basic-info{
    margin-bottom: 50px;
}

.address-box > div{
    margin-bottom: 8px;
}

#contact-thanks{
    min-height: 600px;
    text-align: center;
}

#footer{
    margin: 50px 0;
    padding: 30px;
    background-color: #f4f4f4;
    font-size: 13px;
    text-align: center;
}

.copyright{
    margin-top: 20px;
}

#contact-confirm .e-check{display: none !important;}