@charset "UTF-8";
/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) { 
    #contents, .contents { box-sizing: border-box; width: 100%;min-width: inherit;}
    footer {
    	margin-top: 50px;
    	padding-bottom: 60px;
    	width: 100%
    }
	.wraper{
		background: none !important;
		overflow: hidden;
	}
}
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	
body{font-size: 12px;}
#main { float: none; width: 100%; padding: 10px 15px;}
#sub { float: none; width: 100%; padding: 20px 15px; }
#contents {margin-top: 0;}
.inner{width: 100%;}
.hidden-sm{display: none !important;}
.inline-sm{display: inline-block;}
.display-sm{
	display: block;
	/*margin-bottom: 15px;*/
}

.f-left{float: none !important; width: 100% !important; clear:both;}
.f-right{float: none !important; width: 100% !important; clear:both;}
.btn{font-size: 12px; padding: 15px 5px !important;}

/*header*/
header{height: 54px;}
h1{font-size: 12px;}
.header-left{padding: 7px 0 0 5px;}
.header-logoleft{width: 50%; margin:6px 0 0 6px;}
.header-icon{width: 40px;}
.header-title{padding: 0 0 0 45px !important;}
.header-title small{font-size: 9px;}


/*nav*/
nav { display: block; position: absolute; width: 100%; height: auto; padding: 0; z-index: 999;}
nav li{ padding: 18px 10px; width: 100% !important;}
nav li .nav-inner{border-left: none !important; border-right: none !important;}
nav li:after{
	border-style: solid;
	border-width: 5px 0 5px 6px;
	border-color: transparent transparent transparent #927b66;
}
nav li:last-child .nav-inner{border-bottom: none;}
nav a{
	text-align: left;
	font-size: 12px;
	padding: 0; 
}
nav a small{display: none;}
nav .fa{
	margin-right: 5px;
	font-size: 24px;
	text-align: center;
	width: 25px;
}
#nav-btn{
	width: 52px;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	line-height: 0.9;
	padding: 6px 0 9px;
}
#nav-btn i{ font-size: 30px;}
#nav-btn small{display: block; font-size: 10px;}
#nav-menu .fa-caret-right{
	float: right;
	width: 10px;
}
nav .collapse{display: none;}
.collapse.in{display: block;}
.main-title{
	font-size: 16px;
	padding: 10px;
}
/*.main-title2{margin: 0 10px;}*/
.job-mg{
	border: 1px solid #ffc5ed;
	/*margin: 0 10px;*/
}
.job-find{
	margin-top: 0;
	padding: 10px 10px 0 10px;
}
.text-free{line-height: 1.4;}
.text-main{font-size: 12px;}
.title-border{margin-bottom: 5px;}

.side-title{font-size: 12px;}
.side-title{padding: 10px 0 10px 32px;}
.side-title i{
	font-size: 20px;
	top:6px;
}
.size-main2{font-size: 12px;}

/*top-contents*/
.top-contents-sm{padding: 0 15px;}
.gonow-left th{width: 40px;}
.gonow-left td{
	font-size: 18px;
	text-align: left;
	padding-left: 5px;
}
.gonow-right{padding: 10px;}
/*main*/
#main.item{box-shadow: none; background: none;}
.item-sm{
	background-color: #ffffff;
	border-radius: 6px 6px 0 0;
	position: relative;
}
.item-inner{padding: 10px;}
.pd-sm{padding: 20px 10px !important}

.main-1{
	margin-bottom: 15px !important;
	padding: 10px;
}
.main-1-right{margin-bottom: 10px;}

.main-2-tb{margin-left: 20px;}
.main-2-tb th{width: 40px;}
.main-2-tb td{vertical-align: middle;}
.main-2-tb td .balloon-left{
	text-align: left;
	font-size: 16px;
}

.main-2-inner{
	border-radius: 0;
	padding: 10px;
}
.main-2-inner th{
	color: #666666;
	max-width: 300px;
	padding-right: 0;
	width: 50%;
}
.main-2-item{
	margin-bottom: 10px;
	padding: 10px;
}
.main-2-inner .balloon-1{
	height: auto;
	min-height: 0;
	padding: 5px;
}
.main-3-inner{padding: 10px;}
.main-3-inner .bgpt-2-2{
	padding: 10px;
	margin: -10px;
}

.main-3-inner .bgpt-2-2 .btn{margin-bottom: 15px !important;}

.text-main2,.text-main2{
	font-size: 13px !important;
	line-height: 1.2 !important;
}
.balloon-1{
	font-size: 12px !important;
	line-height: 1.4;
	padding: 10px !important;
}

.main-draw{margin-bottom: 15px;}
.main-draw td{border-bottom: none !important; padding-bottom: 0;}
.main-draw-right{width: auto;}
.main-draw-right .mb15{margin-bottom: 10px !important}
.main-draw-right .balloon-1{padding: 10px;}
.main-draw-right .balloon-1::after{top: 46%; display: none;}
.main-draw-right .balloon-1::before{top: 46%; display: none;}
.main-draw-left{width: 100px;}
.main-draw .icon-cast,.main-draw .icon{position: static; margin-bottom: 5px;}
.icon-cast{font-size: 12px;}

.main-cast{
	font-size: 12px;
	line-height: 1.2;
	padding: 0;
}
.main-cast a{
	width: 33% !important;
	margin: 0 !important;
	padding: 0 6px 6px;
}
.main-cast a .icon{top: 0; left: 10px; font-size: 12px;}

.main-4-inner img{width: 40px;}
.main-4-inner-right{display: block; float: left; margin-left: 5px; max-width: 240px;}
.main-4-inner span{display: block; }
.main-4-inner .icon{ margin: 0 0 2px; }
.main-4-date{margin: 0; float: none;}
.main-4-inner i{font-size: 20px; right: 10px; top: 26px;}
.main-6-inner{padding: 10px;}

.job-hear-wrap{
	margin: 0;
	padding: 10px;
}
/*.qa-item-wrap{padding: 10px;}*/
.icon-q{padding: 6px 0 0 0;}
.job-bottom2 td{padding-left: 5px;}


/*access_coupon*/
.axgmap{height: 250px !important;}
.coupon-head{padding: 10px;}
.coupon-body{padding: 10px;}
.coupon-type{padding: 5px;}
.coupon-icon{border-width:25px 25px 0 0; }


/*form*/
table.table-form th{width: 60px;}
.table-form .input_year label{text-align: right;}
.table-form .input_year .form-control{padding: 5px;}
.table-form .input_year .mr10{margin-right: 0;}
.table-form .input_year select{font-size: 12px;}

/*side*/
.side-inner{
	font-size: 12px;
	padding: 10px;
}	
.side-2-inner img{float: left; width: 40px; margin-right: 5px;}

.side-foot{
	background-color: #ffffff !important;
	display: table;
	padding: 10px;
	border-collapse:separate;
    border-spacing:4px 0;
    margin: 0;
    width: 100%;
}
.side-foot a{
	display: table-cell;
}
.side-foot .btn-1{width: 49%;}
.side-foot .btn-2{margin:0; width: 49%;}
.side-sns br{display: none;}
.side-sns span{font-size: 12px; position: relative; top: 2px;}
.side-sns img{
	margin-right: 5px;
	width: 25px;
}

/*shop-info*/
.display-sm .shop-info{padding-left: 15px;}
.index-job-bottom{padding: 15px 15px 10px;}
.index-job-bottom table{width: 100%;}
.index-job-bottom hr{border-width:2px 0 0 !important; margin: 15px -15px;}
.index-job-bottom .balloon-1{
	border-right: 1px solid #f46ca6;
	height: auto;
	padding: 10px;
}
.index-job-bottom .balloon-right2{color: #f46ca6;}
.job-bottom-text-size{
	font-size: 12px !important;
	height: auto !important;
	padding: 10px !important;
}
.job-bottom1 .job-bottom-td{
	height: auto;
	padding: 10px;
}
.shop-info{
	padding: 10px;
}
.shop-info.f-right{margin-top: 10px;}
.info-th{
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px 3px;
	width: 100%;
}
.shop-info-worktime{text-align: center; margin-bottom: 5px;}
.footinfo-btn td{width: 50%;}
.footinfo-inner-left table{
	font-size: 12px;
	margin-top: 10px;
}
.shop-info .btn-size-l,.job-info .btn-size-l{width: 100%; display: block;}
.shop-info .info-th{margin: 0 0 10px;}
/*td.btn-left{padding-right: 5px;}*/

.job-info{padding: 15px;}
.job-info th{width: 70px;}
.job-info td{padding-left: 5px;}
.job-info-1{
	margin: 0 0 7px 0;
	width: auto;
}
.job-info-1 th{width: 40px;}

/*footer*/
footer .contents{padding-top: 0;}
.footmenu{
	font-size: 12px;
	padding-left: 0;
}
.footmenu li{margin-bottom: 0;}
.footmenu hr{margin: 0 0 10px;}
.footmenu a{display: block; padding: 10px; }
.footmenu .fa-angle-right{display: none;}
.footmenu .fa-caret-right{display: inline-block; float: right; font-size: 15px;}
.footinfo-wrap{padding: 0 10px;}
.footinfo{
	padding: 10px;
	width:100%;
}
.footinfo th{width: 60px;}
.footinfo td{line-height: 1.1;}
.foot-move{
	font-size: 12px;
	right: 33%;
	margin: 0 auto;
	width: 114px;
	height: 32px;
	top: -33px;
}
.text-big-1{
	font-size: 12px;
	font-weight: bold;
}
.copyright{line-height: 1.0;}
.copyright-left{display: block; margin-right: 0;}
.info-title {
	line-height: 1.2;
	padding: 0 0 20px 50px;
}
.info-title.have_photo{	padding: 5px 0 15px 45px;}
.info-title small{font-size: 10px;}
.info-title.footer-logoleft img{width: 100%;}

.menu-fix{
	font-size: 12px;
	position: fixed;
	bottom: 0;
	width: 100%;
}
.menu-fix a{width: 100%; float: left; padding: 10px 0 7px; text-align: center; position: relative;}
.menu-fix a i{display: block; font-size: 20px; margin-bottom: 5px; }
.menu-col-4 a{width: 25%;}
.menu-col-3 a{width: 33.3%;}
.menu-col-2 a{width: 50%;}
.job_now_icon{
	position: absolute;
	font-size: 10px;
	padding: 5px;
	color: #fff;
	/*border: 1px solid #ddd;*/
	border-radius: 5px;
	width: 80px;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -40px;
}
.balloon-bottom {
  text-align: center;
}
.balloon-bottom:before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.balloon-bottom:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

/*table*/
table.display-sm{display: inline-table;}
.table-btn-w, .table-btn-w tbody{width: 100%;}
.table-btn-w td{width: 50%;}
.table-btn-w .btn{display: block;}

table.table-1 th, table.table-1 td{padding: 10px;}
table.table-1 th{width: 70px;}

/*page*/
.title-page{
	font-size: 13px;
	margin: -10px -15px 15px;
	padding: 10px 0 10px 35px;
}
.title-page i{
	font-size: 20px;
	position: absolute;
	left: 10px;
	top: 8px;
}

.bodycast .main-draw td{
	display: block;
	width: 100%;
	/*width: 100px;*/
}
.bodycast .main-draw-right{padding-left: 0;}
.bodycast .main-cast,.inner-photo{padding: 30px 10px 0}
.main-cast.castlist-cast a:nth-child(7n){margin-right:15px;}
.cast-prof th{width: 30%; padding-right: 5px;}
.cast-select {padding: 8px;}
.cast-select .btn{margin-bottom: 10px;}
.cast_cc{text-align: center;}
.cast-drawphoto a{
	padding: 0 5px 5px;
	width: 109px;
}


.one-cast .main-draw-left .icon{top: 0; left: 0px; font-size: 16px;}
.one-cast .main-draw-left .draw_sce{top: 45px;}
.mainphoto-cast{width: 80%; margin: auto;}
.one-cast .main-draw-left{margin-bottom: 20px;}
.one-cast .main-draw-left .icon-cast{top: 0; left: 0px;}

.list-blog a{margin-bottom: 10px; padding: 0;}
.list-blog a:last-child{margin-bottom: 0;}
.link-block .date{right: 0;}

.list-video{padding: 10px;}
.list-video .f-left{margin-bottom: 20px;}
.bodyvideo .item-sm{padding:30px 20px 20px;}

.topic-blog{padding: 10px;}
.topic-blog a{
	margin:0 0 15px;
	padding: 10px;
}
.head-blog{padding: 10px;}
.body-blog{padding: 10px;}
.old-blog{
	margin-top: 10px;
	padding-top: 10px;
}

.block-shop_blog .main-draw-right{padding-left: 0;}
.bloglist .list-blog{padding: 20px;}
.bloglist .list-blog img{width: 70px; margin-bottom: 10px;}
.body-blog .main-img{margin: 0 auto 10px;}
.prev_next .btn{width: 100%; margin-bottom: 20px;}

.menu-item a{width: 70px;}
.menu-item .menu-right{width: 69%;}
.menu-item .g_photo{margin-bottom: 10px;}
.menu-item .f-right .text-main{
	margin-bottom: 10px;
	text-align: center;
}


.job-select{padding: 10px;}
.job-select .btn{margin:0 0 10px;}
.jobphoto-bottom{
	font-size: 10px;
	padding: 5px;
}
.job-cast .main-draw-left{width: 50px;}


.jobphoto-span{margin-right: 0;}
.jobphoto-bottom .info-th{width: 68px;}

.sm-btn-area{padding: 10px; margin: -10px;}
.line-btn{width: 23px; margin: 0 auto 3px;}

}


/*================================================
 *  margin
 ================================================*/
 @media screen and (max-width:767px) {

.mb10{margin-bottom: 5px !important;}
.mb20{margin-bottom: 10px !important;}
.mb30{margin-bottom: 15px !important;}
.mt30{margin-top: 15px !important;}
.pd20{padding: 10px !important;}
.text-block{padding: 10px;}
.color-inner{padding: 10px;}
.cast-prof{padding: 10px;}
 }


 /*================================================
 *  icon
 ================================================*/
 @media screen and (max-width:767px) {
	.side-6 .fa-newspaper-o{font-size: 15px;}
	.side-6 p{padding-left: 23px;}
}