@charset "utf-8";
/* CSS Document */
/*===============================================
●tablet.css 画面の横幅が1023pxまで
===============================================*/
@import url("reset.css");
@media  print, screen  and (max-width : 1023px ){
img{
max-width: 100%;
height: auto;
width:auto;
}
.red{
	color:red;
}
.blue{
	color:blue;
}
.redbox{
    border: 2px solid red;
    padding: 16px;
    margin-bottom: 8px;
}
.right{
	float:right;
}
.left{
	float:left;
}
.clear{
	clear:both;
}
.small{
	font-size:75%;
}
.orange{
	color:#ff7300;
}
.large2{
	font-size: 150%;
}
.large3{
	font-size: 180%;
}
.bold{
	font-weight:bold;
}
.center{
	text-align:center;
}
.point{
	font-size: 80%;
	padding: 1px 5px 2px;
	background-color:#FF484B;
	color: #fff;
	margin-left: 5px;
}
a.btn{
  display: inline-block;
  width:250px;
  font-size:103%;
  margin: 25px 0px 25px;
  padding: 15px;
  border: 1px solid #ff7300;
  background: transparent;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  transition: .3s;
  background-color:#ff7300;
}
a.action {
  position:relative;
  z-index:2;
  overflow:hidden
}
a.action::after {
  display:block;
  content:"";
  position:absolute;
  z-index:-1;
  top:50%;
  left:50%;
  width:0;
  height:0;
  margin:0;
  border-radius:50%;
  background:#fff;
  transition:.9s
}
a.action:hover {
  color:#ff7300
}
a.action:hover::after {
  width:500px;
  height:500px;
  margin:-250px 0 0 -250px
}

.limitedtime-campaign{
	margin-bottom: 16px;
}
.limitedtime-campaign img{
	width: 280px;
	margin-bottom: 16px;
}
/*
-------------------reset-------------------------
*/
/*SNS button*/
#socialbuttons {
	width:84%;
	margin:0 auto;
	text-align:right;
}
#socialbuttons div{
	margin-top:10px;
	float:right;
	margin-right:20px;
}
.pagetop {
 display: none;
 position: fixed;
 bottom: 58px;
 right: 50px;
 border-radius:5px;
 z-index:999;
}
.pagetop a {
 display: block;
 width: 50px;
 height: 50px;
 background-color: #ff7300;
 text-align: center;
 color: #fff;
 font-size: 24px;
 text-decoration: none;
 line-height: 50px;
 border-radius:5px;
}
.bottom_contact {
 display: none;
 position: fixed;
 width:100%;
 height:94px;
 bottom: 0px;
 background: rgba(0,0,0,0.4);
 z-index:800;
}
.bottom_contact_in{
	width:520px;
	margin:0 auto;
	padding-top:25px;
}
.bottom_contact_logo{
	display:none;
}
.bottom_contact_form{
	float:right;
}
.bottom_contact_tell{
	width:250px;
	float:left;
}

body {
	margin:0;
	padding:0;
	min-width:640px;
}
.pagetop{
	margin-right:-40px;
	margin-bottom:-40px;
}
#header{
	width:100%;
	height:96px;
	border-bottom:#e26d0d 2px solid;
	background-image:url(../img/header_bk.jpg)
}
#header-in{
	width:90%;
	max-width:1099px;
	min-width:650px;
	height:90px;
	margin:0 auto;
}
#header .logo{
	width:150px;
	float:left;
	margin-top:5px;
}
#header .top{
	width:100%;
	font-size:65%;
	color:#7a7a7a;
}
#header .header_right{
	float:right;
}
#header .contact{
	width:410px;
	float:right;
}
#header .header-sns{
	width: 200px;
	float: left;
}
#header .header-sns li{
	float: left;
}
#header .contact .tel{
	float: right;
	width: 190px;
}
#header .header_menu_up{
	font-size:85%;
	height:25px;
	margin-top:8px;
	color:#ff7300;
}
#header .header_menu_up a:link{
	color:#e26d0d;
	-webkit-transition: 1.5s;
    -moz-transition:1.5s;
    -o-transition:1.5s;
    -ms-transition:1.5s;
    transition: 0.5s;
}
#header .header_menu_up a:visited{
	color:#e26d0d;
}
#header .header_menu_up a:hover{
	color:#D4B49E;
}
#header_second{
	display:none;
}
.tooltip3 .description3{
    display: none;
}
.header_second_sp{
	display:none;
}
.sns_sp{
	display:block;
	margin-bottom:15px;
	width:200px;
	margin:0 auto 15px;
}
.sns_sp img{
	margin-left:10px;
}
footer{
	background-color:#EF711C;
	width:100%;
}
	  .calendar_yellow{
	  	color: #E0C240;
	  }
	  .calendar_orange{
	  	color: #F2A640;
	  }
	  .calendar_red{
	  	color: #D96666;
	  }
footer .sns_sp img{
	margin-left:25px;
	margin-bottom:10px;
}
footer .foot_pc_in{
	width:470px;
	margin:0 auto;
}
footer .foot_pc_in .sns_pc img{
	margin-left:15px;
}
footer .foot_pc_in .sns_pc{
	margin-left:-5px;
}
footer .foot_pc_in .left{
	display:none;
}
footer .foot_pc_in a{
	color:#E3E3E3;
	-webkit-transition: 1.5s;
    -moz-transition:1.5s;
    -o-transition:1.5s;
    -ms-transition:1.5s;
    transition: 0.5s;
}
footer .foot_pc_in a:hover{
	color:#FFF;
	text-decoration:none;
}
footer .foot_pc_in .right{
	float:left;
	margin-left:25px;
	margin-bottom:94px;
}
footer .foot_pc_in ul .f_menu_title{
	margin-top:25px;
	font-size:160%;
}
footer  .link2{
	font-size:80%;
	color:#F3F3F3;
	margin-left:25px;
	float:left;
}
footer .f_logo{
	margin-top:30px;
	margin-left:20px;
}
footer .foot_pc_in .copy{
	margin:25px;
	font-size:75%;
	color:#fff;
}
footer .time{
    display: none;
}
.bottom-btn{
    padding: 3px 5px;
    background-color:#e26d0d;
    margin: 5px 0;
}
.bottom-btn a:link{
    color: #fff;
    text-decoration: none;
}
.navi{
	font-size:80%;
	text-align:right;
	color:#4a4a4a;
	width:80%;
	margin:7px auto 0;
}
.navi a{
	color:#4a4a4a;
	-webkit-transition: 1.5s;
    -moz-transition:1.5s;
    -o-transition:1.5s;
    -ms-transition:1.5s;
    transition: 0.5s;
	text-decoration:underline;
}
.navi a:hover{
	color:#C8C8C8;
}
/*
-------------top-------------------
*/
#topimg .slide_sp{
	display:none;
}
#top .top_bg{
	background-image:url(../img/top_bg.jpg);
	background-repeat: no-repeat;
	background-size: 50%;
}
#top .persistence{
	width:550px;
	margin:50px auto;
}
#top .persistence .text{
	width:550px;
	color:#5a5a5a;
	font-size:90%;
	margin-top:25px;
	line-height:25px;
}
#top .persistence .text_sp{
	display:none;
}
#top .persistence .pic{
	width:250px;
	height:300px;
	margin:0 auto;
	background-color:none;
}
#top #campaign{
	margin-bottom:50px;
	width:700px;
	margin:60px auto 40px;
}
#top #campaign li{
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	border: 1px solid #bbb;
	width: 170px;
}
#top .menu{
	margin-bottom:50px;
	width:700px;
	margin:0 auto 80px;
}
#top .menu .menu_list{
	width:750px;
	margin-left:-10px;
}
#top .menu .menu_list .menu_each{
	float:left;
	margin-left:10px;
}
#top .menu_sp{
	display:none;
}
#top .menu_each{
	width:170px;
	margin-top:15px;
	position:relative;
}
span.overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(../img/overlay.png) no-repeat 50% 50%;
	top:0;
	left:0;
	opacity: 0;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
	filter: alpha(opacity=0);
}
span.overlay:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
#top .campaign_area{
	width:700px;
	margin:50px auto;
}
#top .campaign_left{
	width:350px;
	height:304px;
	float:left;
	background-color:#F4F4F4;
}
#top .campaign_right{
	width:300px;
	float:right;
}
#top .campaign_right img{
	margin-top:35px;
}
#top .choices_area_pc .campaign_area{
	float:right;
}
#top .new_pc{
	width:700px;
	margin:0 auto 100px;
}
#top .new_pc .fb{
	width:300px;
	float:right;
}
#top .news{
	width:350px;
	height:500px;
	float:left;
	color: #5a5a5a;
}
#top .news .title{
	font-size: 120%;
	background-color: #ff7300;
	color: #fff;
	padding: 5px 15px;
}
#top .article{
	width: 430;
	padding: 10px;
	margin: 0px 0 20px;
    height: 400px;
    overflow: scroll;
}
 #top .oshirase{
  width: 100%;
  text-align: center;
}
 #top .oshirase-title{
  color: #fff;
  background-color: red;
  width: 350px;
  margin: 15px auto 10px;
  font-size: 200%;
  padding: 10px;
}
.calender_sp{
	display:block;
	width:90%;
	max-width:600px;
	margin:15px auto 50px;
	font-size:75%;
	color:#7a7a7a;
}
.calender_sp a{
	color:#EF711C;
	-webkit-transition: 1.5s;
    -moz-transition:1.5s;
    -o-transition:1.5s;
    -ms-transition:1.5s;
    transition: 0.5s;
	text-decoration:underline;
}
.calender_sp a:hover{
	color:#D4B49E;
	text-decoration:none;
}
/*------------------------------分岐---------------------------------*/
	#bunki{
		width: 650px;
		margin: 50px auto 100px;
		text-align: center;
	}
	#bunki img{
	margin-bottom: 30px;
	}

	.content_area{
		width: 450px;
		margin: 0 auto 150px;
		text-align: center;
	}
	.content_area img{
	 width: 450px;
	 margin-bottom: 25px;
	}
	        .service-container {
            padding: 0px;
        }
            .service-grid {
                justify-content: flex-start;
                padding-bottom: 15px; /* スクロールバー用のスペース */
            }
            .service-item {
                width: calc(33% - 15px); /* 幅を可変に */
                min-width: 200px; /* 最小幅を設定 */
            }
			    .service-image {
                height: auto;
                aspect-ratio: 2/3; /* 縦横比を維持 */
            }
			
/*------------------------------子ページ---------------------------------*/
	#menu{
		color: #5a5a5a;
		font-size: 95%;
	}
	#menu .pc_title,#info .pc_title{
		display: none;
	}	
	#menu .top{
		width: 100%;
		height: 500px;
	}
	#menu .top .top_in{
		width: 750px;
		margin: 0 auto;
	}
	#menu .top .text{
		width: 400px;
	}
	#menu .top .tab_title{
		padding-top: 50px;
		margin-top: 0px;
	}
	#menu .swiper-container{
		margin-bottom: 20px;
	}

	#menu .contents_close{
		display: none;
	}
	#menu .tab_contents_close{
		width: 650px;
		margin: 0 auto 50px;
	}
	#menu .tab_title{
		margin: 25px auto;
	}
	#menu .top .tab_title,#info .top .tab_title{
        font-family: ten-mincho, serif;
        font-weight: 400;
        font-style: normal;
        font-size: 250%;
        display: block;
        padding-top: 50px;
        margin: 0px auto 25px;
	}
	#menu #Costume .tab_title,
    #menu #QA .tab_title{
        font-family: ten-mincho, serif;
        font-weight: 400;
        font-style: normal;
        font-size: 200%;
        display: block;
        padding-top: 0px;
        margin: 0px;
	}
    #menu .top .tab_title .subtitle,
    #info .top .tab_title .subtitle{
        font-size: 40%;
        display: block;
	}
	#menu #Past,
	#menu #base,
	#menu #set,
	#menu #special,
	#menu #salon{
		width: 650px;
		margin: 0 auto 50px;
		text-align: center;
	}
	#menu #Costume{
		width: 95%;
		min-width: 1000px;
		height:620px;
		margin: 100px auto;
		background-color: #f5f5f5;
	}
	#menu #Costume .img{
		width: 40%;
		height: 100%;
		background-size: cover;
		float: left;
	}
	/*--------------------衣装、各ページ-------------------------------*/
	#menu #Costume .bk753_3{
		background-image: url(../m_753/img/costume_bk3.jpg);
	}
	#menu #Costume .bk753_5{
		background-image: url(../m_753/img/costume_bk5.jpg);
	}
	#menu #Costume .bk753_7{
		background-image: url(../m_753/img/costume_bk7.jpg);
	}
	#menu #Costume .bk20_1{
		background-image: url(../m_20th/img/costume_bk3.jpg);
	}
	#menu #Costume .bk_mat{
		background-image: url(../m_baby/img/costume_bk.jpg);
	}
	#menu #Costume .bkfa{
		background-image: url(../m_family/img/costume_bk.jpg);
	}
	#menu #Costume .bkwed_jap{
		background-image: url(../m_wedding/img/costume_bk2.jpg);
	}
	#menu #Costume .bkwed_id1{
		background-image: url(../m_id/img/costume_bk1.jpg);
	}
	#menu #Costume .bk_cs{
		background-image: url(../common/costume_bk.jpg);
	}
	#menu #Costume .bk_kids{
		background-image: url(../m_kids/img/costume_bk.jpg);
	}
	/*--------------------衣装、各ページ-------------------------------*/
	#menu #Costume .content{
		width: 50%;
		float: right;
		margin: 20px 30px 0 0;
	}
	#menu #Flow{
		width: 650px;
		margin: 100px auto 50px;
	}
	#menu #Flow li{
	display: inline-block;
	vertical-align: top;
	margin-left: 30px;
	width: 250px;
	text-align: left;
	margin-bottom: 20px;
	}
	#menu #Price{
		width: 650px;
		margin: 100px auto;
		text-align: center;
	}

	#menu #QA{
		width:95%;
		min-height: 500px;
		margin: 100px auto 100px;
		background-color: #f5f5f5;
		background-image: url(../common/qa_bk.png);
		background-size: cover;
		padding-bottom: 50px;
		
	}
	#menu #QA .text{
		width: 80%;
		min-width: 400px;
		padding-left:100px;
		padding-top: 30px;
	}
	#menu #QA #faq{
		width: 90%;
		margin-top: 20px;
		margin-left: 50px;
	}
	#menu #QA .content h5{
		background-color: #ff7300;
		padding: 10px 20px;
		margin-bottom: 15px;
	}
	#menu #QA .content h5 a{
		color: #fff;
	}
	#menu #QA .content .faq{
		padding: 10px;
	}
	#menu #QA .content .a{
		padding: 10px;
	}
	#menu .link{
		width: 450px;
		margin: 0 auto 150px;
	}
	#menu .link img{
		-webkit-transition: 1.5s;
    	-moz-transition:1.5s;
    	-o-transition:1.5s;
    	-ms-transition:1.5s;
    	transition: 0.5s;
		margin-bottom: 20px;
	}
	#menu .link img:hover{
		opacity: 0.7;
	}
.youtube {
  width: 70%;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
/*--------------------証明写真用-----------------------------*/
#menu #menu_Flow{
		width: 650px;
		margin: 100px auto;
		text-align: center;
	}
	#id_standerd #QA #faq{
		width: 100%;
		margin-top: 50px;
		margin-right: 0px;
	}
	
#pass #top #topimg{
	overflow:hidden;
}
#pass #top .mov_btn{
	position:absolute;
	top:30%;
	left:50%;
	margin-left:-222px;
	font-size:140%;
	font-weight:500;
	color:#fff;
	text-align:center;
}
#pass #top .mov_btn .btn{
	border:3px solid #fff;
	font-weight:600;
	width:300px;
	font-size:90%;
}
#pass .bg-oranre{
	background-color:#FFF9F6;
}
#pass .yajirushi{
	position:relative;
	top:-100px;
}
#top .sp_topimg{
	display:none;
}
#pass .id_table{
	width: 700px;
	margin: 0 auto 50px;
}
#pass .id_table td,
#pass .id_table th{
	padding: 5px;
}
#pass .id_table td{
	width: 250px;
}
#pass .id_table th{
	text-align:right;
	padding-right: 10px;
}
.al_left{
	text-align:left;
}
.al_c{
	text-align: center;
	border-bottom: 1px solid #999;
}
.b_gre{
	border-bottom: 5px solid #888;
}
.b_ore{
	border-bottom: 5px solid #FF6B09;
}
#pass .faq{
	width: 650px;
	margin: 0 auto 100px;
}
#pass .faq .title{
	margin: 0 0 25px;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}
#pass .faq h5{
	background-color: #EF711C;
	text-align: right;
	padding: 5px 15px 5px 5px;
}
#pass .faq h5 a{
	color: #fff;
}
#pass .faq .a{
	background: #f4f4f4;
	margin-top: 10px;
	padding: 25px;
}
#id-example #tab li{
    width: 100px;
    padding: 5px;
    margin:25px 10px 25px 0;
}
#id-example{
    width: 300px;
    margin:50px auto 25px;
}
#id-example img{
    width: 300px;
}
/*--------------------証明写真用ここまで-----------------------------*/
	/*--------------------料金表-----------------------------*/
.set_name{
	width: 630px;
	margin: -15px auto 0;
	text-align: right;
}
.price-list .icon{
	padding:2px;
	display: inline-block;
	vertical-align: middle;
}
.set_img{
	padding:30px 30px 20px;
	border: 1px solid #ddd;
	border-radius:5px;
}
.set_img .right{
	margin-top: -100px;
}
.price-btn{
	margin:50px auto;
	width: 750px;
}
.price-btn .btn{
	position:relative;
}
.price-btn a:link{
	color: #FF6B09;
	-webkit-transition: 1.5s;
    -moz-transition:1.5s;
    -o-transition:1.5s;
    -ms-transition:1.5s;
    transition: 1.5s;
}
.price-btn a:hover{
	color: #fff;
}
.price-btn li{
	display: inline-block;
	background-color: #fff;
	padding: 5px 15px;
	margin: 5px;
	border:1px solid #FF6B09;
	-webkit-transition: 0.5s;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -ms-transition:0.5s;
    transition: 0.5s;
}
.price-btn li:hover{
	border:1px solid #FF6B09;
	background-color: #FF6B09;
	
}
.price-list a{
	color: #FF6B09;
	text-decoration: underline;
}
.price-list a:hover{
	text-decoration: underline;
}
.price-list .content{
	width: 600px;
	text-align: left;
	margin: 15px auto 30px;
}
.price-list .content .left-text{
	width: 300px;
	float: left;
}
.price-list .content .right-pic{
	width: 260px;
	float: right;
}
.price-btn{
	margin:50px auto;
	width: 330px;
}
.price-title{
	margin: 50px auto 15px;
	border-bottom: 1px solid #555;
	width: 600px;
	background-color: #555;
	color: #fff;
	padding: 10px;
	border-collapse: "collapse";
	border-spacing: 0;
}
.price-title2{
	margin: 50px auto 15px;
	border-bottom: 1px solid #555;
	width: 600px;
	background-color: #555;
	color: #fff;
	padding: 10px;
	border-collapse: "collapse";
	border-spacing: 0;
	text-align: left;
}
.price-table{
	width: 600px;
	margin: 0 auto 25px;
	font-size: 85%
}
.price-table th,
.price-table td{
	padding: 10px;
}
.price-table th{
	width: 130px;
	text-align: left;
	border-bottom: 2px solid #ff7300;
}
.price-table td{
	text-align: right;
	border-bottom: 1px solid #555;
}
.price-table .border-gray{
	border-bottom: 1px dotted #AAA;
}
.cd_icon::after{
	content: url(../common/cd_icon.png);
	margin:0 0 0 5px;
}
/*-------------------- about us -----------------------------*/
#us .pc_title{
	display: none;
}	
#us .top{
	width: 100%;
	height: 300px;
}
#us .top .top_in{
	width: 750px;
	margin: 0 auto;
}
#us .top .text{
	width: 400px;
}
#us .top .tab_title{
	padding-top: 50px;
	margin-top: 0px;
}
#us .top_img_sp{
	display:none;
}
#us #menusp{
	display:none;
}
#us .top_img{
	width:90%;
	margin:25px auto 25px;
}
#us .gr{
	width:90%;
	margin:0 auto 50px;
}
#us .gr h3{
	margin-bottom:25px;
}
#us .gr .text{
	font-size:80%;
	width:55%;
	float:left;
}
#us .gr .pic{
	width:40%;
	height:250px;
	background-color:#BCBCBC;
	float:right;
}
#us .content{
	width:650px;
	margin:70px auto 50px;
}
#us .pr{
	width:500px;
	margin:0 auto;
}
#us .link{
	width:500px;
	margin:0 auto 50px;
}
#us .link img{
	margin-bottom:25px;
	-webkit-transition: 1.5s;
    -moz-transition:1.5s;
    -o-transition:1.5s;
    -ms-transition:1.5s;
    transition: 0.5s;
}
#us .link img:hover{
	opacity:0.5
}

/* --------------------------------------------------
   coder Table
-------------------------------------------------- */
.coder {
    border-spacing: 0;
    border: 1px solid #CCC;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    box-shadow: 0 1px 1px #CCC;	
}
.coder th,
.coder td {
    padding:10px;
    background:#FFF;
    border-bottom:solid 1px #CCC;
    border-right:solid 1px #CCC;
	font-size:85%;
}
.coder th {
    background:#e3dcd5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    color:#69655c;
}

/* -----------------------
  左上角丸　最初の行の最初のセル
----------------------- */
.coder tr:first-child th:first-child,
.coder tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸　最初の行の最後のセル
----------------------- */
.coder tr:first-child th:last-child,
.coder tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  左下角丸　最後の行の最初のセル
----------------------- */
.coder tr:last-child th:first-child,
.coder tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　最後の行の最後のセル
----------------------- */
.coder tr:last-child th:last-child,
.coder tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}
/* --------------------------------------------
  thaed,tbodyを使う場合の設定
-------------------------------------------- */
.coder thead th {background:#e3dcd5;}
.coder thead+tbody th {background:#f4ede6;}
.coder tbody th {text-align:left;}/*IE*/
/* -----------------------
  左上角丸 thead内　最初の行の最初のセル
----------------------- */
.coder thead tr:first-child th:first-child,
.coder thead tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸 thead内　最初の行の最後のセル
----------------------- */
.coder thead tr:first-child th:last-child,
.coder thead tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  角丸なし　thaedの後のtbody 最初の行の最初のセル
  角丸なし　thaedの後のtbody 最初の行の最後のセル
----------------------- */
.coder thead+tbody tr:first-child th:first-child,
.coder thead+tbody tr:first-child td:first-child,
.coder thead+tbody tr:first-child th:last-child,
.coder thead+tbody tr:first-child td:last-child {
    -webkit-border-radius:0px;
       -moz-border-radius:0px;
         -o-border-radius:0px;
            border-radius:0px;
}
/* -----------------------
  左下角丸　thaedの後のtbody 最後の行の最初のセル
----------------------- */
.coder thead+tbody tr:last-child th:first-child,
.coder thead+tbody tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　thaedの後のtbody 最後の行の最後のセル
----------------------- */
.coder thead+tbody tr:last-child th:last-child,
.coder thead+tbody tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}
#us .st{
	width:80%;
	margin:0 auto 50px;
}
#us h3{
	margin-bottom:25px;
}
#us .st .staff_list{
    display: flex;
    margin-top: 32px;
}
#us .st .staff_list .each{
	border:1px solid #AAAAAA;
	background-image:url(../img/header_bk.jpg);
	width:30%;
	padding:5px;
	margin-left:2%;
	margin-bottom:15px;
}
#us .st .staff_list{
	margin-left:-2%;
}
#us .st .staff_list .each .pic{
	width:100%;
}
#us .st .each .name{
	text-align:left;
	margin:10px 15px 10px 0px;
	font-size:100%;
    padding: 1px
}
#us .st .each .yakusyoku{
	font-size:70%;
}
#us .st .each .name table{
    margin-top: 16px;
    font-size: 80%;
    border-bottom: none;
}
#us .st .each .name th{
	width: 60px;
}
#us .st .each .name th,
#us .st .each .name td{
	border-bottom: 1px dotted #8C8C8C;
    padding: 3px 0px;
}
#us .st .each .name th.message{
	border-bottom:none;
}
#us .st .each .name td.message-text{
	border-bottom:none;
}
#us .st .each .btn{
	text-align:center;
	border:1px solid #EF711C;
	color:#EF711C;
	font-size:85%;
	padding:5px;
	border-radius:10px;
	-webkit-transition: 1.5s;
    -moz-transition:1.5s;
    -o-transition:1.5s;
    -ms-transition:1.5s;
    transition: 0.5s;
}
#us .st .each .btn:hover{
	color:#fff;
	background-color:#EF711C;
	border:1px solid #EF711C;
}
#us .st .each .yakusyoku{
	font-size:80%;
	color:#575757;
}
#us .st .interview{
	margin-bottom:150px;
}
#us .st .interview .each{
	margin:50px auto;
}
#us .st .interview .text{
	width:500px;
	float:left;
}
#us .st .interview .q{
	font-weight:bold;
	color:#575757;
}
#us .st .interview .a{
	font-size:80%;
	color:#575757;
	border:1px solid #AAAAAA;
	background-image:url(../img/header_bk.jpg);
	padding:25px;
	margin-top:10px;
}
#us .st .interview .pic{
	float:right;
	width:400px;
	height:220px;
	background-color:#5a5a5a;
	margin-top:50px;
}
#us .info{
	width:90%;
	margin:0 auto 50px;
}
#us .st .info{
	margin-bottom:25px;
}
#us .info .pic_main{
	width:100%;
}
#us .info .pic_det{
	margin-top:15px;
	margin-left:-1.33%;
}
#us .info .pic_det .each{
	width:32%;
	float:left;
	margin-left:1.33%;
	margin-bottom:50px;
}
#us .info .pic_det .each .pic{
	width:100%;
	margin-bottom:10px;
}
#us .info .pic_det .each .text{
	font-size:80%;
	color:#2e2e2e;
	padding:0px 5px 5px;
}
#us .info .map .mov{
	margin-bottom:15px;
	float:left;
}
#us .info .map .mov iframe{
	width:100%;
	height:250px;
}
#us .info .map .mov{
	width:55%;
	float:left;
}
#us .info .map .text{
	width:280px;
	font-size:85%;
	float:right;
	margin-bottom:15px;
}
#us .info .map li{
	font-size:85%;
	margin-bottom:10px;
}
#us .parking-image-left{
    width: 47%;
    float: left;
 }
#us .parking-image-right{
    width: 47%;
    float: right;
 }
#us .recruit{
	width:80%;
	margin:0 auto 50px;
}
#us .recruit .pic_main{
	text-align:center;
	margin:50px;
	color:#5a5a5a;
	line-height:1.5;
}
#us .recruit .pic_det{
	margin-top:15px;
}
#us .recruit .pic_det .each{
	width:308px;
	height:180px;
	margin:15px auto;
}
#us .recruit .pic_det .each img{
	width:308px;
	height:180px;
	-webkit-transition: all 1s;
     -moz-transition: all 1s;
       -o-transition: all 1s;
      -ms-transition: all 1s;
          transition: all 1s;
}
#us .recruit .pic_det .each img:hover{
	opacity:0.5
}
#us .recruit .requirements_table{
	margin:0 0  50px 0;
}
#us .recruit .pic_det .each img:hover{
	opacity:0.5
}
#us .recruit .requirements_table .center{
	text-align:center;
}
#us .recruit .requirements_table .rec_title{
	width:150px;
	padding-left:50px;
}
#us .recruit .requirements_table td{
	padding:25px;
}
/*-------------------- about us -----------------------------*/

#info .pc_title{
	padding-top: 50px;
}
#info #menusp{
	display:none;
}
#info .top{
	width: 100%;
	height: 200px;
}
#info .top .top_in{
	width: 750px;
	margin: 0 auto;
}
#info .top_img{
	width:750px;
	margin:25px auto 25px;
}
#info .flow{
	width:750px;
	margin:0 auto 150px;
}
#info .flow .ind{
	padding:15px;
}
#info .flow .title{
	color:#5a5a5a;
	font-size:150%;
	padding:10px;
	width:510px;
}
#info .flow .text{
	color:#5a5a5a;
	font-size:90%;
	line-height:1.6;
	width:350px;
	float:left;
	padding:25px;
	background-color:#F9F9F9;
	border-top:2px solid orange;
}
#info .flow .pic{
	width:300px;
	float:right;
}
#info .flow .pic img{
	margin-bottom: 5px;
}
#contact .top_img_sp{
	display:none;
}
#contact #menusp{
	display:none;
}
#contact .top_img{
	width:90%;
	margin:25px auto 25px;
}
#contact .gr{
	width:90%;
	margin:0 auto 50px;
}
#contact .form{
	width:80%;
	margin:50px auto 150px;
	padding:50px;
	background-color:#F0F0F0;
	border-radius:10px;
	font-size:80%;
}
#contact .form .each{
	margin:15px auto;
}
#contact .form .each .title{
	color:#5a5a5a;
}
#contact .input-text{
	width:300px;
	height:20px;
}
#contact .form_left{
	width:350px;
	margin:0 auto;
}
#contact .form_right textarea{
	width:350px;
	height:380px;
	margin:0 auto;
}
#contact .form_right{
	width:350px;
	height:380px;
	margin:0 auto;
}
#contact .warapper-kome{
	color:#5a5a5a;
	margin:0 auto 45px;
	width:80%;
}
.submit_button {
    padding: 15px 40px;
    font-size: 1.2em;
}
#contact .sub_btn{
	width:114px;
	margin:0 auto;
}
#contact .renraku{
	width: 100%;
	height: 50px;
}

#info .information-text-area{
    line-height: 2;
    width:550px;
    margin: 50px auto 150px;
    padding: 100px 80px;
    background-color: #F9F9F9;
}
#info .information-text-area p{
    margin-bottom: 15px;
    font-weight: 300;
}
#info .information-text-area .day{
    color: #5a5a5a;
}
#info .information-text-area h2{
    font-size: 160%;
    font-weight: bold;
    margin-bottom: 75px;
}
#info .information-text-area h3{
        font-size: 120%;
    padding: .25em 0 .25em .75em;
    border-left: 6px solid #ccc;
    margin: 60px 0 25px;
    font-weight: bold;
}
#info .information-text-area .right{
    text-align: right;
    margin-top: 25px;
}
#info .otsuri{
    width: 450px;
}
/*-------------------- 753用-----------------------------*/

#Flow753{
    padding:64px 0 80px;
}
.flow753-3{
    background-image:url("../m_753/img/flow3-bk.jpg");
}
.flow753-5{
    background-image:url("../m_753/img/flow5-bk.jpg");
}
.flow753-7{
    background-image:url("../m_753/img/flow7-bk.jpg");
}
.flow753-3,.flow753-5{
    background-size: 20%;
}
#Flow753 .slider{
    width: 100%;
    margin: auto;
}
#Flow753 .title,
#Flow753 .point2,
#Flow753 .item-title{
    font-family: ten-mincho, serif;
}
#Flow753 .title{
    text-align: center;
    font-size: 180%;
    margin: 24px auto 40px;
}
.flow753-3 .point2{
    background-color: #ff7d81;
}
.flow753-5 .point2{
    background-color: #2f70db;
}
.flow753-7 .point2{
    background-color: #ff7d81;
}
#Flow753 .point2{
    border-radius: 8px;
    color: #fff;
    padding: 3px 8px;
}
#Flow753 .item-title{
    font-size: 140%;
    padding: 0px 8px;
}
#Flow753 .box .item{
    width: 90%;
    max-width: 600px;
    margin: 0 auto;
}

.flow753-3 .photo{
    width: 90%;
    max-width: 600px;
    border: 4px solid #ff7d81;
}
.flow753-5 .photo{
    border: 4px solid #2f70db;
}
.flow753-7 .photo{
    border: 4px solid #ff7d81;
}
#Flow753 .box .item .photo{
    border-radius: 3px;
    margin-bottom: 8px;
    margin-top: 12px;
}
#Flow753 .box .item p{
    font-size: 90%;
    line-height: 2;
}

/*-------------------- Costume-----------------------------*/

#Costume-Photo .tab-btn{
    display: flex;
    justify-content: center;
}
#Costume-Photo .tab-btn a{
    text-decoration: none;
}
#Costume-Photo .tab-btn a:visited{
    text-decoration: none;
    color: #EF711C;
}
#Costume-Photo .tab-btn .btn{
    width: 80px;
    text-align: center;
    border: 1px solid #EF711C;
    padding: 6px;
    border-radius: 5px;
    margin: 24px 8px;
}
#Costume-Photo .tab-btn .btn{
    width: 160px;
    text-align: center;
    border: 1px solid #EF711C;
    padding: 8px;
    border-radius: 5px;
    margin: 24px 16px;
    background-color: #fff;
    -webkit-transition: 0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    -ms-transition:0.2s;
    transition: 0.2s;
}
#Costume-Photo .tab-btn .btn:hover{
    background-color: #ffefe5;
}
#Costume-Photo .tab-btn .select{
    background-color: #EF711C;
    color: #fff;
    -webkit-transition: 0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    -ms-transition:0.2s;
    transition: 0.2s;
}
#Costume-Photo .tab-btn .select:hover{
    background-color: #fd9d5c;
}
#Costume-Photo .item{
    display: flex;
    flex-wrap: wrap;
    width: 95%;
    margin: 0 auto 160px;
    justify-content: center;
}
#Costume-Photo .item img{
    width: 150px;
    margin: 4px;
}
}