@charset "UTF-8";
/* CSS Document */
@font-face{ 
	font-family: "MyFont";
	src:url("fonts/UtsukushiFONT.woff") format('woff'),url("fonts/UtsukushiMincho.ttf") format('truetype');
	
}

body{
	margin:0;
	padding:0;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size:14px;
	line-height:28px;
}
.myFont{
	font-family:"MyFont";
	color:#666666;
}
.myFont02{
	font-family:"MyFont";
	color:#d32c8a;
}
.myFont03{ font-family:MyFont; color:#d32c8a; font-size: 200%; }

.myFont04{ font-family:MyFont; color:#d32c8a; font-size: 150%; }

.myFont05{ font-family:MyFont; color:#000; font-size: 130%; }

.myFont06{ font-family:MyFont; color:#00acb8; font-size: 180%; }

.myFont07{ font-family:MyFont; color:#666666; font-size: 180%; }

.p2{ color:#666666; font-size: 90%; line-height: 1.5; }

.p4{ color:#000; font-size: 150%; line-height: 1.5; }

.p5{ color:#000; font-size: 120%; line-height: 1.5; text-align: center; }

.p6{ color:#000; font-size: 130%; line-height: 1.5; margin-bottom: 30px; }

.p7{ color:#000; font-size: 240%; line-height: 1.5; margin-bottom: 30px; padding-top: 20px; }

.p8{ color:#000; font-size: 90%; text-align: center; }

.msg{ color:#f1157f; font-size: 120%; }

.cc{ color:#cbdf88; font-size: 90%; float: left; }

a{
	color:#666666;
	text-decoration:none;
}
a:hover, a img:hover{
	opacity:0.7;
}
.content{
	width:950px;
	margin:0 auto;
}

.content02{
	width:950px;
	margin:0 auto;
}

.content03{
	width:950px;
	margin:0 auto;
}

.content04{ width:640px; margin:0 auto; }

.content_info{
	width:950px;
	margin:0 auto;
}
.center{
	display:block;
	margin:auto;
	text-align:center;
}
.left{
	float:left;
}
.left02{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
.heightSet{
	height:60px;
}

.vp01{ color: #003a53; font-size: 110%; margin-top: 40px; }

/*スライダー*/
.headContent{
	height:570px;
	width:100%;
	background-position:center;
	background-size:cover;
}
#logo{
	position:absolute;
	top:0;
}
#logotoTop{
	position:absolute;
	top:0;
}
#arrowBg{
	background:url(img/arrowBg.png) no-repeat center;
	position:absolute;
	top:570px;
	width:100%;
	height:90px;
	margin-top:-90px;
	z-index:10;
}

/*メニュー*/
#menu{
	list-style:none;
	display:block;
	padding-bottom:40px;
}
#menu li{
	width:auto;
	display:block;
	float:left;
	margin-left:15px;
}
.border{
	width:100%;
	border-bottom:solid 0px #666666;
	margin-bottom:60px;
}

/*ニュース＆トピックス*/
#topics{
	background:url(img/topicsBg.jpg) no-repeat center bottom;
}
h2{
	padding-bottom:20px;
}
h4{
	font-weight:normal;
	font-size:16px;
}
.block{
	width:316px;
}
.text{
	text-align:left;
}
#viewAll{
	background: #666666;
	color: #ffffff;
	padding: 5px 30px;
	position: absolute;
	right: 0;
}

/*marukanについて*/
#about{
	background:url(img/aboutBg.jpg) no-repeat center;
	background-size:cover;
	height:300px;
	margin-bottom:60px;
	margin-top:60px;
}
#aboutBg{
	background:url(img/aboutBg2.jpg) no-repeat center;
	height:300px;
}

/*TOPへ*/
#toTop{
	background:#666666;
	width:100%;
	height:30px;
	padding:20px 0;
	margin-bottom:50px;
}

/*サイトマップ*/
#sitemap .left{
	margin-right:70px;
}
#sitemap .clear{
	height:120px;
}

/*　トップページ　おしらせ*/
#top_info{ width: 100%; float: left; margin-bottom: 15px; font-size: 12px; margin-right: auto; margin-left: auto; }

#top_info .news_pic {
  display: block;
  float: left;
  margin-right: 10px;
  width: 50px;
  height: 52px;
}

#top_info dl{ overflow: auto;	/*高さ指定を超えるとiframe風にスクロールが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/
	height: 250px;	/*ボックスの高さ*/
	padding-left: 5px; border: solid thin silver; }



#top_info ul {
  margin: 15px 0 30px;
}

#top_info ul li {
  padding: 0 0 10px;
  margin-bottom: 10px;
  width: 90%;
  line-height: 50px;
  border-bottom: 1px dotted #b2b2b2;
  display:block;
}

#top_info ul li:first-child {
  padding-top: 10px;
  border-top: 1px dotted #b2b2b2;
}

#top_info .news_date {
  display: block;
  float: left;
  margin-right: 10px;
}

#top_info .news_category { display: block; float: left; width: 150px; height: 20px; margin-top: 10px; margin-right: 12px; padding-top: 6px; font-size: 11px; line-height: 15px; text-align: center; color: #fff; background: #acc94a; margin-left: 12px; }

#top_info .news_category.info {
  background-color: #22aca9;
}

#top_info .news_category.event {
  background-color: #f6a901;
}

#top_info .news_category.marchan {
  background-color: #cd86b0;
}

#top_info .news_category.camp {
  background-color: #5faad4;
}

#top_info .cat-category-recruit {
  background-image: url("../images/icon_recruitment.png");
}

#top_info .cat-category-release {
  background-image: url("../images/icon_release.png");
}

#top_info .cat-category-news {
  background-image: url("../images/icon_news.png");
}

#top_info .cat-category-ir {
  background-image: url("../images/icon_ir.png");
}

#top_info h3 {
  width: 520px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

#top_info h3 a {
  color: #3a7fcf;
}

#top_info h3 a:link, #top_info h3 a:visited {
  color: #3a7fcf;
}

#top_info h3 a:hover, #top_info h3 a a:active {
  color: #66a5ed;
  text-decoration: underline;
}

.news_pic{ width: 50px; height: 50px; margin-right: 10px; }

.page .tour_info h2 {
  margin-top: 0;
}

/*　お問合せ*/
.table-sp { border:1px solid #ccc; border-collapse: collapse; border-spacing: 0; margin: 20px auto; width: 90%;}
.table-sp th {background:#d8d6d6; border:solid 1px #999;padding:5px 10px; width:25%;}
.table-sp th.hissu {background:#d8d6d6 url(images/hissu.png) no-repeat 98% 50%; border:solid 1px #999;padding:5px 10px; width:25%;}
.table-sp td {border:1px solid #999;padding:5px 10px;}

.length_m {
    width: 300px;
}

.length_4 {
    width: 4em;
}

.youtube2 {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

img.icon{
    width: 44px;
    height: 37px;
}

.content-ask{
	width:950px;
	margin:0 auto;
}

img.wa {
	width: auto;
	height: auto;
}

img.wa01 {
	width: auto;
	height: auto;
}

img.wa02 {
	width: 100%;
	height: auto;
}

.clearLeft { 
clear: left; 
}

#page-top {
			position: fixed;
			bottom: 20px;
			right: 60px;
			font-size: 77%;
		}
#page-top a { text-decoration: none; color: #fff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 100px; padding: 30px 0; text-align: center; display: block; border-radius: 5px; }
#page-top a:hover { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; }


#ask-button {
			position: fixed;
			bottom: 160px;
			right: 30px;
			font-size: 77%;
		}
#ask-button a { text-decoration: none; color: #fff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 160px; padding: 0 0 0; text-align: center; height: 40px; display: block; border-radius: 5px; }
#ask-button a:hover { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; }




/*PCのみ*/
@media (min-width: 751px) {
	.sp{
		display:none;
	}
}

/*SP版*/
@media (max-width: 750px) {
	body{
		width:100%;
		font-size:12px;
	}
	.sp-header {
  		position: fixed;
  		top: -100px;
  		left: 0;
	}
	.pc{
		display:none;
	}
	.content{
		width:100%;
	}
	.content02{
		width:100%;
		margin-top:60px;
	}
	.content03{ width:100%; margin-left: 10px; }
	.left{
		float:none;
	}
	.left02{
		float:left;
	}
	.sp-header{
		width:100%;
		height:100px;
		background:#ffffff;
		z-index:999;
	}
	.headContent{
		height:300px;
		width:100%;
		background-position:center;
		background-size:cover;
	}
	#arrowBg{
		position:absolute;
		top:300px;
	}
	#topics{
		width:100%;
	}
	.block{
		width:95%;
		padding:2%;
	}
	.block .img{
		margin:10px;
		width:50%;
	}
.block .img02{
		margin:10px;
		width:95%;
	}
	.block .img img{
		width:100% !important;
	}
	.block .text{
		width:43%;
	}
	.block .img img{
	}
	h2 { padding-top: 20px; padding-bottom: 20px; }	
	h4{
		font-size:13px;
	}
	.p5{ color:#000; font-size: 120%; line-height: 1.5; text-align: left; padding-right: 10px; padding-left: 10px; }
	
	.block .spImg{
		display:block;
		width:inherit !important;
		margin:auto;
	}
	#SpSitemap div{
		padding:15px;
	}
	.spLeft{
		
	}
	.border2{
		border-bottom:solid 1px #666666;
		margin-bottom:20px;
	}
	.social {
		width:100px;
		display:block;
		margin:0 auto;
	}
	
/*　トップページ　おしらせ*/
#top_info { padding: 0 10px; position: relative; width: 95%; }

#top_info .news_pic {
  display: block;
  float: left;
  margin-right: 10px;
  width: 50px;
  height: 52px;
}


#top_info .inner {
  padding-top: 11px;
}

#top_info .inner,
div.side_nav {
  padding-top: 11px;
  background-color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-left-radius: 4px;
  -o-border-top-right-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

#top_info h2 {
  padding: 1px 0 0 9px;
}

#top_info .list_link {
  position: absolute;
  right: 18px;
  top: 10px;
  margin: 0;
}

#top_info .list_link a {
  margin: 0;
}

#top_info .list_link a img {
  margin: 0;
}

.home #main #top_info ul {
  margin: 12px 0 0;
}

#top_info ul { margin: 12px 0 0 10px; }

#top_info ul li { width: 100%; padding-top: 5px; line-height: 1.7em; border-bottom: 1px solid #e7e7e7; background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f1f1f1));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(white, #f1f1f1);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(white, #f1f1f1);
  /* FF3.6 */
  background-image: -ms-linear-gradient(white, #f1f1f1);
  /* IE10 */
  background-image: -o-linear-gradient(white, #f1f1f1);
  /* Opera 11.10+ */
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f1f1f1)); height: 80px; }

#top_info ul li:first-child { margin-left: 0; border-top: 1px solid #e7e7e7; }

#top_info ul li .info_li_inner { background-image: url(../images/arrow_02.png); -webkit-background-size: 25px 23px; background-size: 25px 23px; background-repeat: no-repeat; background-position: right center; margin-left: 0; padding-bottom: 10px; padding-left:5px; display: block; }

.news_date,
#top_info .news_date { font-size: 12px; height: 16px; line-height: 16px; display: block; float: left; margin-top: 10px; margin-right: 10px; }

#top_info .news_category { display: block; float: left; width: 52px; margin-right: 12px; height: 0; overflow: hidden; background-size: 52px 13px; background: #acc94a; margin-top: 0; margin-left: 0; }

#top_info .news_category.info {
  background-color: #22aca9;
}

#top_info .news_category.event {
  background-color: #f6a901;
}

#top_info .news_category.marchan {
  background-color: #cd86b0;
}

#top_info .news_category.camp {
  background-color: #5faad4;
}


#top_info .cat-category-recruit {
  background-image: url("../images/icon_recruitment.png");
}

#top_info .cat-category-release {
  background-image: url("../images/icon_release.png");
}

#top_info .cat-category-news {
  background-image: url("../images/icon_news.png");
}

#top_info .cat-category-ir {
  background-image: url("../images/icon_ir.png");
}

#top_info h3 {
  height: 3.5em;
  display: block;
  clear: both;
  font-weight: normal;
}

#top_info h3 a {
  color: #3a7fcf;
  text-decoration: underline;
}

#top_info h3 a {
  color: #3a7fcf;
}

#top_info h3 a:link, #top_info h3 a:visited {
  color: #3a7fcf;
}

#top_info h3 a:hover, #top_info h3 a a:active {
  color: #66a5ed;
  text-decoration: underline;
}

/*　お問合せ*/	
.table-sp,
	.table-sp tbody,
	.table-sp thead,
	.table-sp tr,
	.table-sp td,
	.table-sp th {display:block;}
	.table-sp th {width:auto;}
	.table-sp th.hissu {display:block;}
	.table-sp th.hissu {width:auto;}

.length_m {
    width: 95%;
}

.length_4 {
    width: 4em;
}

/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main, #sub {
	float: none;
	width: auto;
}

#contents {
    background: no-repeat 50% bottom;
    width: auto;
    padding-bottom: 90px;
}

/*更新一覧
---------------------------------------------------------------------------*/
#top_info {
  padding: 0 10px;
  position: relative;
}

#top_info .inner {
  padding-top: 11px;
}

#top_info .inner,
div.side_nav {
  padding-top: 11px;
  background-color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-left-radius: 4px;
  -o-border-top-right-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

#top_info h2 {
  padding: 1px 0 0 9px;
}

#top_info .list_link {
  position: absolute;
  right: 18px;
  top: 10px;
  margin: 0;
}

#top_info .list_link a {
  margin: 0;
}

#top_info .list_link a img {
  margin: 0;
}

.home #main #top_info ul {
  margin: 12px 0 0;
}

#top_info ul { margin: 12px 0 0; padding: 0; }

#top_info ul li {
  width: 100%;
  padding-top: 5px;
  line-height: 1.7em;
  border-bottom: 1px solid #e7e7e7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f1f1f1));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(white, #f1f1f1);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(white, #f1f1f1);
  /* FF3.6 */
  background-image: -ms-linear-gradient(white, #f1f1f1);
  /* IE10 */
  background-image: -o-linear-gradient(white, #f1f1f1);
  /* Opera 11.10+ */
  background-image: linear-gradient(#ffffff, #f1f1f1);
}

#top_info ul li:first-child {
  border-top: 1px solid #e7e7e7;
}

#top_info ul li .info_li_inner {
  background-image: url(../images/arrow_02.png);
  -webkit-background-size: 25px 23px;
  background-size: 25px 23px;
  background-repeat: no-repeat;
  background-position: right center;
  padding-left:10px;
  display: block;
}

.news_date,
#top_info .news_date {
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  display: block;
  float: left;
  margin-right: 10px;
}

#top_info .news_category {
  display: block;
  float: left;
  width: 52px;
  margin-right: 12px;
  background-repeat: no-repeat;
  height: 0;
  overflow: hidden;
  background-size: 52px 13px;
  background: #00a0e9;
}

#top_info .news_category.info {
  background-color: #22aca9;
}

#top_info .news_category.event {
  background-color: #f6a901;
}

#top_info .news_category.marchan {
  background-color: #cd86b0;
}

#top_info .news_category.camp {
  background-color: #5faad4;
}


#top_info .cat-category-recruit {
  background-image: url("../images/icon_recruitment.png");
}

#top_info .cat-category-release {
  background-image: url("../images/icon_release.png");
}

#top_info .cat-category-news {
  background-image: url("../images/icon_news.png");
}

#top_info .cat-category-ir {
  background-image: url("../images/icon_ir.png");
}

#top_info h3 {
  height: 3.5em;
  display: block;
  clear: both;
  font-weight: normal;
}

#top_info h3 a {
  color: #3a7fcf;
  text-decoration: underline;
}

#top_info h3 a {
  color: #3a7fcf;
}

#top_info h3 a:link, #top_info h3 a:visited {
  color: #3a7fcf;
}

#top_info h3 a:hover, #top_info h3 a a:active {
  color: #66a5ed;
  text-decoration: underline;
}

.page .tour_info h2 {
  margin-top: 0;
}

.category_image {
  padding: 0 5px;
  margin-bottom: 15px;
}

.list_link {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
}

.news_category,
#top_info .news_category {
  background-repeat: no-repeat;
  color: #FFFFFF;
  display: block;
  float: left;
  font-size: 11px;
  height: 16px;
  line-height: 18px;
  margin-right: 12px;
  text-align: center;
  width: 150px;
  border-radius: 3px;
  background: #ACC94A;
}

.news_category.recruit,
#top_info .news_category.recruit {
  background-color: #f3a059;
}

.news_category.release,
#top_info .news_category.release {
  background-color: #0396c7;
}

.news_category.news,
#top_info .news_category.news {
  background-color: #5a3686;
}

.news_category.ir,
#top_info .news_category.ir {
  background-color: #009678;
}

#top_info .news_category + a{
  display: block;
  padding: 1px 30px 5px 0;
}

#top_info .news_category + a:before{
  content:'\A';
  white-space: pre;
  display: block;
  word-wrap: break-word;
}

.news_pic{ width: 50px; height: 50px; clear: right; margin-right: 10px; float: left; }






/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー１個ごとの設定*/
#sub .box1 ul li { position: relative; margin-left: 17px; }
#sub .box1 ul li::after,
#sub .box1 ul li::before {
        display: block;
        content: '';
        position: absolute;
}
#sub .box1 ul li::after {
        top: .35em;
        left: -1.2em;
        width: 14px;
        height: 14px;
        background-color: #3498db;
        border-radius: 100%;
}
#sub .box1 ul li::before {
        z-index: 2;
        top: .625em;
        left: -.975em;
        width: 4px;
        height: 4px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
}


#about {
    background: url(img/aboutBg.jpg) no-repeat center;
    background-size: cover;
    height: 300px;
    margin-bottom: 60px;
    margin-top: 100px;
}


.content-ask{
	width:98%;
	margin:0 auto;
}
	
}

/*SP固定メニューのアニメーション*/
.slide-down {
  animation-name: slideDown;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-delay: 0s;
  transform-origin: 50% 50% 0;
  animation-duration: .5s;
  top: 0;
}
@keyframes slideDown {
  0% {
    top: -100px;
  }
  100% {
    top: 0;
  }
}
.slide-up {
  animation-name: slideUp;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-delay: 0s;
  transform-origin: 50% 50%  0;
  animation-duration: .5s;
  top: -100px;
}
@keyframes slideUp {
  0% {
    top: 0;
  }
  100% {
    top: -100px;
  }
  
 
  
}

/*ウィンドウ幅によって画像のサイズ変更*/

.resizeimage img { width: 90%; }



/*求人用テーブル*/
.recruit_table,table th,table td{
font-family:serif;
  border-radius: 5px;
  text-align: center;
  padding: 10px 0;
}

.recruit_table,table th{
  background-color: white;
  color: black;
  border: none;
}

.recruit_table,table td{
  background-color: white;
  border: none;
}