@charset "UTF-8";
/* CSS Document */

/* clearfix
----------------------------------- */
.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}

html{
	background-color: #F6F6F6;
}

::selection {
	background: #6166aa; /* Safari */
	color: white;
}

::-moz-selection {
	background: #6166aa; /* Firefox */
	color: white;
}

a{
	color: #7F2744;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a:hover{
	text-decoration: underline;
	color: #9E9E9F;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

body{
	background-color: #F6F6F6;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

.left-off-canvas-menu {
	bottom: inherit !important;
}

.any{
	background: url(../img/header_back.png) center no-repeat;
	background-size: 100% 100%;
	background-size: cover;
}

header{
	background-color: #fff;
}

.header_inner{
	max-width: 960px;
	margin: auto;
	position: relative;
}

.top{
	position: relative;
}

.top h1{
	width: 100%;
	text-align: center;
	position: absolute;
	z-index: 51;
	margin-top: 2%;
}

.any h1{
	width: 100%;
	text-align: center;
	z-index: 100;
	margin: 0;
	padding-top: 20px;
}

.top .access_btn,.top .contact_btn {
	z-index: 10;
}

.main_shiro{
	position: relative;
}

.main_shiro img{
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 51;
}

.main_txt{
	position: absolute;
	top: 33%;
	left: 17%;
	width: 36%;
	z-index: 51;
}

.main_txt_recruit{
	position: absolute;
	top: 30%;
	left: 17%;
	width: 36%;
	z-index: 51;
}



#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #f6f6f6;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #545454;
  z-index: 2;
}

#loader {
    width: 80px;
    height: 80px;
    display: none;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -40px; /* heightの半分のマイナス値 */
    margin-left: -40px; /* widthの半分のマイナス値 */
    z-index: 150;
}

#fade {
    width: 100%;
    height: 100%;
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 60;
}

/*h2{
	position: absolute;
	z-index: 100;
}*/

header nav{
	max-width: 960px;
	margin: 0 auto;
	padding: 30px 0px 50px;
}

header nav ul{
	font-size: 0.8em;
	line-height: 1.5;
	padding: 0;
	margin: 0;
}

header nav ul li{
	list-style: none;
	float: left;
	text-align: center;
	font-size: 12px;
}

header nav ul li span{
	/*font-size: 1.7em;*/
	font-size: 20px;
}

header nav ul li a{
	color: #333333;
	text-decoration: none;
	display: block;
}

header nav ul li a:hover{
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
	text-decoration: underline;
	color: #333333;
}

.nav01{
	padding-left: 35px;
}

.nav02{
	padding: 0 0 0 4%;
}

.nav03{
	padding: 0 0 0 4%;
}

.nav04{
	padding: 0 0 0 4%;
}

.nav05{
	padding: 0 0 0 4%;
}

.nav06{
	padding: 0 0 0 4%;
}

.nav07{
	padding: 0 0 0 3.5%;
}

ul.off-canvas-list li a{
	font-size: 0.90em;
}

.access_btn{
	text-align: center;
	width: 120px;
	position: absolute;
	top: 0;
	right: 145px;
	/*background: url(../img/bg_contact_btn.png) no-repeat;
	width: 138px;
	height: 43px;*/
	line-height: 40px;
	background-color: #782357;
    border-radius: 0 0 10px 10px;
}
@media ( max-width : 959px ) {
	.access_btn {
		right: 140px;
	}
}
@media ( max-width : 767px ) {
	.access_btn {
		width: 105px;
		right: 125px;
	}
}

.contact_btn{
	text-align: center;
	width: 120px;
	position: absolute;
	top: 0;
	right: 10px;
	/*background: url(../img/bg_contact_btn.png) no-repeat;
	width: 138px;
	height: 43px;*/
	line-height: 40px;
	background-color: #782357;
    border-radius: 0 0 10px 10px;
}
@media ( max-width : 767px ) {
	.contact_btn {
		width: 105px;
	}
}

.access_btn a,.contact_btn a{
	color: #fff;
	font-size: 14px;
	display: block;
}
@media ( max-width : 959px ) {
	.contact_btn a {
	    font-size: 13px;
	}
}

/*modal*/
html,body {
	height: 100%;
}


* html .layer_board_bg,
* html .layer_board {
	position: absolute;
}

.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;

	z-index: 300000;

	top: 0;
	left: 0;

	display: none;
	cursor: pointer;
	background: #000;
}

.layer_board {
	display: none;
	position: fixed;
	left: 50%;
	margin: 200px 0px 0px -400px;
	top: 0;
	text-align: center;
	z-index: 310000;
}

.layer_board h3 {
	/*font-size: 1.5rem;*/
	font-size: 1.25rem;
	/*margin-bottom: 0;
	padding-bottom: 0px;*/
	margin: 0;
	padding: 0;
	color: #8C115C;
}

/* Variable */
/* Overlay style */
#simple-modal-overlay {
  position: fixed;
  display: block;
  z-index: 99998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

	background-color: #000000;
	background-position: center center;
	background-repeat: no-repeat;
	/* Safari 4-5, Chrome 1-9 */ /* Can't specify a percentage size? Laaaaaame. */
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#FFF), to(#291A49));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-radial-gradient(circle, #FFF, #291A49);
	/* Firefox 3.6+ */
	background: -moz-radial-gradient(circle, #FFF, #291A49);
	/* IE 10 */
	background: -ms-radial-gradient(circle, #FFF, #291A49);
	/* Opera cannot do radial gradients yet */
}
.simple-modal {
  /* Style rewrite */

  width: 800px;
  left: 20px;
  top: 20px;
  /* */

  position: absolute;
  position: fixed;
  margin: 0;
  color: #808080;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  background-color: #FFFFFF;
  border: 1px solid #EAEEFA;
  border: 1px solid rgba(234, 238, 250, 0.6);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  z-index: 99999;
}
.simple-modal .simple-modal-header {
  padding: 5px 15px;
  margin: 0;
  border-bottom: 1px solid #EEEEEE;
}
.simple-modal .simple-modal-header h1 {
  margin: 0;
  color: #404040;
  font-size: 18px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 36px;
}
.simple-modal a.close {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #999;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: normal;
  line-height: 10px;
  text-decoration: none;
}
.simple-modal a.close:hover {
  color: #444;
}
.simple-modal .simple-modal-body {
  padding: 15px;
  /* Extra style */

}
.simple-modal .simple-modal-body a{
	font-size: 15px;
}
.simple-modal .simple-modal-body div.contents {
  overflow: hidden;
  text-align: center;
}
.simple-modal .simple-modal-body div.contents img{
	padding-left: 54px;
	width: 200px;
}
.simple-modal .simple-modal-body p {
  font-size: 13px;
  font-weight: normal;
  color: #606060;
  line-height: 18px;
}
.simple-modal .simple-modal-body p img {
  display: block;
  margin: 0 auto 10px auto;
}

.simple-modal-footer img{
	margin: 0 30px;
}

.simple-modal-footer img:nth-child(2){
	margin-left: 35px;
}

.simple-modal-footer img:nth-child(3){
	border: solid 1px;
	padding: 11px 10px 12px 10px;
	background-color: #fff;
}

.simple-modal .simple-modal-footer {
  display: inline-block;
  background-color: #F5F5F5;
  padding: 20px 15px 0;
  border-top: 1px solid #EEEEEE;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #FFF;
  -moz-box-shadow: inset 0 1px 0 #FFF;
  box-shadow: inset 0 1px 0 #FFF;
  zoom: 1;
  margin-bottom: 0;
  text-align: center;
  width: 100%;
}
.simple-modal .simple-modal-footer a.btn {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  background-repeat: no-repeat;
  padding: 5px 14px 6px;
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  transition: 0.2s linear all;
}
.simple-modal .simple-modal-footer a.btn.primary {
  color: #FFF;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999;
  background-repeat: repeat-x;
  margin-right: 15px;
}
.simple-modal .simple-modal-footer a.btn.primary:hover {
  border: 1px solid #444;
  background-color: #444;
}
.simple-modal .simple-modal-footer a.btn.secondary {
  padding: 5px 2px 6px;
}
.simple-modal .simple-modal-footer a.btn.secondary:hover {
  color: #999;
}

.simple-modal .comment{
	background-color: #F5F5F5;
	padding: 20px 15px;
}

.simple-modal .comment a {
	/*font-size: 1.25rem;*/
	font-size: 1.125rem;
	padding-left: 1em;
	text-decoration: underline;
	position: relative;
}

.simple-modal .comment a::before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	/*top: 7px;*/
	top: 5px;
	left: 0px;
	border-style: solid;
	/*border-width: 6px 0 6px 10.4px;*/
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #8C115C;
}

.simple-modal .comment a:hover {
	text-decoration: none;
}

.simple-modal .comment p{
	margin: 0;
	font-size: 1.313em;
	color: #333;
	line-height: 2;
}

/* Draggable style */
.simple-modal.draggable .simple-modal-header:hover {
  cursor: move;
  background-color: #f8f8f8;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
/* Loading style */
.simple-modal.loading .simple-modal-body {
  min-height: 60px;
  background: transparent url("../images/loader.gif") no-repeat center center;
}
.simple-modal.loading .simple-modal-body div.contents {
  display: none;
}
.simple-modal.loading .close, .simple-modal.loading .simple-modal-header, .simple-modal.loading .simple-modal-footer {
  display: none;
}
/* Hide header */
.simple-modal.hide-header .simple-modal-header {
  display: none;
}
/* Hide header */
.simple-modal.hide-footer .simple-modal-footer {
  display: none;
}

.btn_close{
	float: right;
	text-align: right;
	margin: 0;
	padding: 14px 0 0;
}

.bnr_recruit {
	text-align: center;
	background-color: #fff;
	padding: 0 10px 60px;
}

.bnr_recruit img {
	border: solid 1px #ccc;
}

#office{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	background-color: #fff;
}

.syaoku{
	z-index: 10;
	position: relative;
}

.hanmaru{
	width: 100%;
	position: absolute;
	left: 0;
	top: 60px;
	height: 100%;
}

#recruit_box{
	width: 100%;
	background-color: #f6f6f6;
	position: relative;
	height: 700px;
	overflow: hidden;
}

#recruit_box h2{
	position: relative;
	color: #545454;
	text-align: center;
	margin: 0 auto;
	padding: 70px 0 0 0;
	font-weight: lighter;
	letter-spacing: 2.4px;
	font-size: 1.55em;
	z-index: 10000;
}

#recruit_box h2 span{
	display: block;
}

h2{
	margin-top: 32px;
}

.recruit_main{
	margin: 0 auto;
	position: relative;
}

.bottle{
	margin: 0 auto;
	text-align: center;
	width: 46px;
	padding: 60px 0 0 0;
}

.left_box{
	position: absolute;
	width: 50%;
	height: 100%;
}

.photo_001{
	position: absolute;
    right: 90px;
	top: -173px;
	z-index: 50;
	display: block;
	height: 189px;
	width: 189px;
}


.photo_003{
    position: absolute;
    right: 250px;
	top: -282px;
	z-index: 15;
}

.photo_005{
	position: absolute;
    right: 530px;
	top: -240px;
	z-index: 10;
}

.photo_006{
	position: absolute;
    right: 569px;
	top: -105px;
	z-index: 10;
}

.photo_007{
	position: absolute;
    right: 410px;
	top: 10px;
	z-index: 10;
}

.l_kira{
	position: absolute;
    right: 62px;
	top: -235px;
	z-index: 5;
}

.right_box{
	position: absolute;
	width: 50%;
	height: 100%;
}

.photo_004{
    position: absolute;
    right: -536px;
	top: -282px;
	z-index: 15;
}

.photo_002{
	position: absolute;
    right: -279px;
	top: -173px;
	z-index: 50;
	display: block;
	height: 189px;
	width: 189px;
}

.photo_009{
	position: absolute;
    right: -740px;
	top: -105px;
	z-index: 10;
}

.photo_010{
	position: absolute;
    right: -563px;
	top: 10px;
	z-index: 10;
}

.photo_008{
	position: absolute;
    right: -650px;
	top: -240px;
	z-index: 10;
}

.photo_011{
	position: absolute;
	right: -403px;
	top: 110px;
	z-index: 10;
}

.r_kira{
	position: absolute;
	right: -465px;
	top: -241px;
	z-index: 5;
}

.left_txt{
	position: absolute;
	right: 103px;
	top: 33px;
	margin: 0px;
	text-align: center;
	font-size: 0.9em;
	letter-spacing: 0.5px;
	color: #545454;
	z-index: 50;
	width: 163px;
}

.left_box .kuwa01{
	position: absolute;
	right: 98px;
	top: 172px;
	text-decoration: none;
	border-bottom: solid 2px #8c115c;
	z-index: 100;
	font-size: 1.1em;
	padding: 10px 0;
	color: #8c115c;
}

.left_box .kuwa01:hover{
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

.right_txt{
	position: absolute;
	right: -266px;
	top: 33px;
	margin: 0px;
	text-align: center;
	font-size: 0.9em;
	letter-spacing: 0.5px;
	color: #545454;
	z-index: 50;
	width: 163px;
}

.right_box .kuwa02{
	position: absolute;
	right: -298px;
	top: 172px;
	text-decoration: none;
	border-bottom: solid 2px #6166aa;
	z-index: 100;
	font-size: 1.1em;
	padding: 10px 0;
	color: #6166aa;
}

.right_box .kuwa02:hover{
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

#ui-tab{
	max-width: 960px;
	margin: 0 auto;
	padding: 0 0 50px 0;
}

.tab01{

}

.tab02{
	margin: 0 0 0 30px !important;
}

.tab03{
	float: right !important;
}

#new00{
	max-width: 860px;
	margin: 0px auto;
	border-bottom: dashed 1px #d4d3cd;
	padding: 0 0 20px 0;
}

.new_photo{
	width: 165px;
	height: 165px;
	float: left;
	margin: 2% 0px 0px 3%;
}

.new_photo .noimg{
	text-align: center;
	margin-top: 70px;
	color: #545454;
}

.new_photo img{
	border-radius: 50%;
}

.kategorie{
	float: left;
	padding: 4% 0px 0px 5%;
	max-width: 625px;
}

.kategorie .cf img{
	float: left;
}

.kategorie .cf p{
	margin: 0;
	font-size: 1.15em;
	letter-spacing: 1px;
	padding: 3px 0 0 10px;
	color: #545454;
	float: left;
}

.text_box{
	max-width: 575px;
}

.text_box p{
	font-size: 1.13em;
	line-height: 1.6;
	margin: 10px 0 0 0;
}

.text_box h3{
	font-size: 1.5em;
	color: rgb(51, 51, 51);
	margin: 5px 0px 0px;

	max-width: 490px;
	padding: 0;
}

.text_box h3 a{
	color: #333;
	border-bottom: 2px solid #d4d3cd;
}

.text_box h3 a:hover{
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

.text_box h3 a img{
	margin: 0px 5px 5px 0px;
}

.single_date{
	margin-top: 0px;
}
















/* content
----------------------------------- */
.content-wrap {
	max-width: 960px;
	margin: auto;
}

.content-wrap article {
	min-height: 500px;
}

.content-wrap aside {
	min-height: 500px;
}

.content-wrap article h2 {
	font-size: 3em;
	margin-bottom: 1.5em;
}

.content-wrap article h2 span {
	font-size: 1.125rem;
	margin-left: .875em;
}

.content-wrap article .main_h3{
	color: #333;
	font-size: 1.375em;
	line-height: 160%;
	position: relative;
	border-top: 1px solid #e0ded7;
	padding: 20px 0 1.5em;
}

.content-wrap article .sub_h3{
	color: #333;
	font-size: 1.7em;
	line-height: 160%;
	position: relative;
	padding: 40px 0 1.5em;
}

.content-wrap article img {
	padding: 10px;
}

h3{
	color: #333;
	font-size: 1.375em;
	line-height: 160%;
	position: relative;
	padding: 20px 0;
}

.content-wrap article .main_h3:before {
	position: absolute;
	top: -6px;
	left: 0;
	content: "";
	width: 100%;
	height: 1px;
	border-top: 1px solid #e0ded7;
}

.content-wrap article .sub_h3:before {
	position: absolute;
	top: -6px;
	left: 0;
	content: "";
	width: 100%;
	height: 1px;
}

.content-wrap article h4 {
	color: #7f2744;
	font-size: 1.125em;
	line-height: 160%;
	font-weight: bolder;
}

.columnbox p{
	clear: both;
}

.column_h3{
	color: #7F2744;
	font-weight: bolder;
	margin: 0;
	padding-bottom: 1.1em;
}

.seminar_box{
	margin-top: 50px;
	border-bottom: dashed 1px #D0D0D0;
	padding-bottom: 30px;
}

/*.columns .seminar_box:nth-child(7){
	border-bottom: none;
}*/

.seminar_box h4{
	font-weight: bolder;
	margin: 10px 0 30px;
	letter-spacing: 1px;
}

.seminar_box h4 a{
	color: #7F2744;
}

.seminar_box h4 a:hover{
	color: #9E9E9F;
	text-decoration: underline;
}

.seminar_box p a{
	color: #7F2744;
}

.seminar_box p a:hover{
	color: #9E9E9F;
	text-decoration: underline;
}


.seminar_box table{
	border: 1px solid #D0D0D0;
	border-collapse: collapse;
	width: 100%;
	font-size: 0.9em;
	letter-spacing: 1px;
	color: #333;
}

.seminar_box table th{
	border-right: 1px solid #D0D0D0;
	border-top: 1px solid #D0D0D0;
	background-color: #edece9;
	padding: 15px 30px;
	font-weight: lighter;
	width: 135px;
}

.seminar_box table td{
	background-color: #fff;
	border-top: 1px solid #D0D0D0;
	padding: 15px 30px;
	line-height: 1.57;
}

.seminar_box p{
	margin: 10px 0 15px !important;
}

.event_box{
	padding: 50px 0;
	border-bottom: dashed 1px #D0D0D0;
}

.event_box h4{
	font-weight: bolder;
	margin: 10px 0;
	letter-spacing: 1px;
	color: #805994 !important;
}


.event_box table{
	border: 1px solid #D0D0D0;
	border-collapse: collapse;
	width: 100%;
	font-size: 0.95em;
	letter-spacing: 1px;
	color: #333;
}

.event_box table th{
	border-right: 1px solid #D0D0D0;
	background-color: #edece9;
	padding: 15px 30px;
	font-weight: lighter;
}

.event_box table td{
	background-color: #fff;
	padding: 15px 30px;
	line-height: 1.57;
}

.content-wrap article h5 {
	color: #333;
	font-size: 1em;
	line-height: 160%;
}

.content-wrap article p {
	color: #333;
	font-size: .875em;
	line-height: 200%;
	margin-bottom: 2em;
}

.content-wrap article p .link_triangle {
	position: relative;
	padding-left: 1.5em;
}

.content-wrap article p .link_triangle::before {
    position: absolute;
    top: 2px;
    left: 3px;
    content: "";
    width: 14px;
    height: 14px;
    background: transparent url("../img/arrow.png") no-repeat scroll 0% 0%;
}


.mission{
	font-size: 0.875em;
}

.content-wrap article ol{
	line-height: 200%;
}

.address{
	margin: 0 0 10px 0 !important;
}

.mail_form{
	position: relative;
}

.mail_form a{
	color: #7F2744;
	padding: 0px 0px 0px 21px;
}

.mail_form a:hover{
	color: #9E9E9F;
	text-decoration: underline;
}

.mail_form a:before{
	position: absolute;
	top: 3px;
	left: 0px;
	content: "";
	width: 14px;
	height: 14px;
	background: transparent url("../img/arrow.png") no-repeat scroll 0% 0%;
}

.bosyu01{
	margin-top: 60px;
	margin-bottom: 10px !important;
}

.bosyu02{
	padding-top: 0;
	font-size: 1.5em;
}

.bosyu02 a{
	color: #7F2744;
}

.bosyu02 a:hover{
	text-decoration: underline;
	color: #9E9E9F;
}

.columnbox h5{
	color: #FFF !important;
	background-color: rgb(156, 156, 157);
	padding: 0px 0px 0px 10px;
}

.map_img img{
	margin-bottom: 30px;
}

iframe{
	max-width: 100%;
}

.imgbox img{
	margin: 10px 0;
	padding: 0 !important;
}

.pagelink{
	position: relative;
}

.pagelink a{
	color: #7F2744;
	padding: 0px 0px 0px 21px;
}

.pagelink a:before{
	position: absolute;
	top: 4px;
	left: 0px;
	content: "";
	width: 14px;
	height: 14px;
	background: transparent url("../img/arrow.png") no-repeat scroll 0% 0%;
}

.pagelink a:hover{
	color: #9E9E9F;
	text-decoration: underline;
}

.wp-caption{
	max-width: 100%;
}

.wp-caption-text{
	margin-top: 0;
	padding: 0px 24px 0px 16px;
	font-size: 0.75em !important;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }
img[class*="wp-image-"],
img[class*="attachment-"] {
    max-width: 100%;
    height: auto;
}

p {
    display: block;
    margin: 1em 0;
}
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}



.pagenation{
	padding-top: 20px;
	clear: both;
}

.pagenation a{
	color: #7F2744;
}

.pagenation a:first-child{
	margin-right: 50px;
}

.pagenation a:hover{
	text-decoration: underline;
	color: #9E9E9F;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

.pagenation_float{
	padding-top: 20px;
}

.pagenation_float a{
	color: #7F2744;
	float: left;
}

.pagenation_float a:first-child{
	padding-right: 50px;
}

.pagenation_float a:hover{
	text-decoration: underline;
	color: #9E9E9F;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

.pagenation_float a:nth-child(2){
	float: right;
}

.pagination {
	clear: both;
	margin-top: 20px;
}

.pagination ul{
	margin: 0;
	list-style: none;
}

.pagination ul li {
	display: inline-block;
}

.pagination ul li:first-child span {
	margin-left: 0;
}

.pagination a, .pagination span {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.pagination a, .pagination a:link {
	padding: 2px 6px 0;
	margin: 3px 3px;
	text-decoration: none;
	border: 1px solid #aaa;
	color: #545454;
	background-color: #fff;
}

.pagination a:hover {
	border: 1px solid #72163C;
	color: #fff;
	background-color: #7F2744;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.pagination span.pages {
	padding: 2px 6px 0;
	margin: 3px 3px;
	color: #545454;
	border: 1px solid #aaa;
	background-color: #fff;
	display: block;
}

.pagination span.current {
	padding: 2px 6px 0;
	margin: 3px 3px;
	border: 1px solid #aaa;
	color: #fff;
	background-color: #7F2744;
	display: block;
}

.pagination span.extend {
	padding: 2px 6px 0;
	margin: 3px 3px;
	border: 1px solid #aaa;
	color: #545454;
	background-color: #fff;
	display: block;
}



/* sidebar
----------------------------------- */
.sidebar {
	padding-top: 50px;
}

.sidebar ul {
	margin: 0;
}

.sidebar li {
	list-style: none;
}

.sidebar>* {
	margin-bottom: 15px;
}

.subnav li {
	background-color: white;
	border: 1px solid #e0ded7;
	margin-bottom: 5px;
}

.subnav li a {
	display: block;
	color: #9e9e9f;
	font-size: .875em;
	position: relative;
	padding: 20px 20px 20px 40px;
}

.subnav li a:hover{
	text-decoration: underline;
	color: #7f2744;
}

.subnav li a:before {
	position: absolute;
	top: 23px;
	left: 20px;
	content: "";
	width: 14px;
	height: 14px;
	background: url(../img/arrow.png) no-repeat;
}

.recruitment ul {
	text-align: center;
}

.recruitment li {
	display: inline-block;
	margin: 10px 5px;
}

.recommend li {
	text-align: center;
	margin-bottom: 15px;
}

.active{
	color: #7f2744 !important;
}

.normal-time {
    font-size: 0.9em !important;
    font-weight: bolder;
    margin: 70px 0px 5px !important;
}

.winter-time {
	font-size: 0.9em !important;
    font-weight: bolder;
	margin: 0px 0px 5px !important;
}


/* pagefooter
----------------------------------- */
.pagefooter {
	max-width: 960px;
	margin: 0 auto;
	padding: 100px 0;
}

.pagefooter .bnr-01 {
	display: block;
	height: 170px;
	background: url(../img/bg_blog.jpg) no-repeat right center;
}

.pagefooter .bnr-01>div {
	width: 100%;
	max-width: 480px;
	height: inherit;
	background-color: white;
	position: relative;
}

.pagefooter .bnr-01>div span {
	position: absolute;
	bottom: 0;
	left: 8%;
}

.pagefooter .bnr-01>div img {
	max-width: 100%;
	vertical-align: bottom;
}


/* backtop
----------------------------------- */
.backtop {
	position: fixed;
	bottom: 55px;
	right: 55px;
	width: 81px;
	height: 81px;
	z-index: 10000;
	display: none;
}

.backtop a {
	display: block;
}


/* footer
----------------------------------- */
footer {
	padding: 50px 0;
}

footer nav ul {
	text-align: center;
	padding: 0;
}

footer nav li {
	display: inline-block;
	list-style: none;
}

footer nav li a {
	color: #333;
	font-size: .75em;
	letter-spacing: .15em;
	display: block;
}

footer nav li a:hover{
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
	text-decoration: underline;
	color: #333333;
}

p.copyright {
	color: #b8b7b1;
	font-size: .875em;
	letter-spacing: .15em;
	text-align: center;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 40px;
    z-index: 100000;
}
#page-top a {
    text-decoration: none;
    text-align: center;
    display: block;
}
#page-top a:hover{
    text-decoration: none;
    filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}


/* Media Queries
----------------------------------- */



@media ( max-width : 640px ) {

	.any h1{
		padding-top: 5px;
	}
	.pagefooter .bnr-01>div {
		max-width: 100%;
	}
	.top .show-for-small{
		height: 100% !important;
		text-align: center;
		padding: 0 20px;
	}
	.top .show-for-small img{
		margin: 70px 0 50px 0;
	}
	.top h1{
		width: 159px;
	}
	.top h1 a img{
		width: 76%;
	}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
		bottom: 0 !important;
	}
	#office{
		display: none;
	}
	#recruit_box h2{
		font-size: 1.3em;
		margin: 0 10px;
	}
	#recruit_box{
		height: 100%;
	}
	.bottle{
		display: none;
	}
	.recruit_main{
		max-width: 960px;
		position: static;
		margin: 50px 0px 100px;
	}
	.left_box{
		position: static;
		text-align: center;
		float: left;
		padding: 0 10px;
	}
	.photo_003{
		display: none;
	}
	.photo_001{
		position: static;
		display: inline;
	}
	.photo_007{
		display: none;
	}
	.photo_006{
		display: none;
	}
	.photo_005{
		display: none;
	}
	.l_kira{
		display: none;
	}
	.left_txt{
		position: static;
		margin: 20px 0px;
		font-size: 0.85em;
		width: 100%;
		min-height: 109px;
	}
	.left_box .kuwa01{
		position: static;
		font-size: 0.7em;
	}
	.right_box{
		float: right;
		position: static;
		text-align: center;
		padding: 0 10px;
	}
	.photo_004{
		display: none;
	}
	.photo_002{
		position: static;
		display: inline;
	}
	.photo_009{
		display: none;
	}
	.photo_010{
		display: none;
	}
	.photo_008{
		display: none;
	}
	.photo_011{
		display: none;
	}
	.r_kira{
		display: none;
	}
	.right_txt{
		position: static;
		margin: 20px 0;
		font-size: 0.85em;
		width: 100%;
		min-height: 109px;
	}
	.right_box .kuwa02{
		position: static;
		font-size: 0.7em;
	}
	.content-wrap article h2 span{
		display: block;
		margin-left: 0;
	}
	#recruit_box h2 span{
		display: inline;
	}


}

@media ( min-width : 640px ) {
	.pagefooter {
		width: 100%;
		padding: 100px 10px;
	}
	.sidebar {
		padding-top: 165px;
		padding-left: 5%;
	}
}


@media ( max-width : 959px ) {
	header nav ul{
		width: 640px;
		margin: 0 auto;
	}
	.nav01{
		padding-left: 0;
	}
	.nav02{
		padding: 0 0 0 12%;
	}
	.nav03{
		padding: 0 0 0 12.5%;
	}
	.nav04{
		padding: 0 0 0 12%;
	}
	.nav05{
		padding: 10px 0 0 10.8%;
	}

	.nav06{
		padding: 10px 0 0 19.8%;
	}
	.nav07{
		padding: 10px 0 0 16.8%;
	}

	.tab02{
		margin: 0 !important;
	}
	.tab03{
		float: left !important;
	}
	.ui-tabs-nav{
		width: 90%;
		margin: 0 auto !important;
	}
	.ui-tabs-nav li{
		max-width: 100% !important;
	}
	.ui-tabs-panel{
		width: 90%;
		margin: 0 auto;
	}
	.main_txt{
		display: none;
	}
	.main_txt_recruit{
		display: none;
	}
}

@media ( max-width : 799px ){
	.layer_board{
		margin: 200px 0px 0px -300px;
	}
	.simple-modal{
		width: 600px;
	}
}

@media ( max-width : 599px ){
	.layer_board{
		margin: 200px 0px 0px -200px;
	}
	.simple-modal{
		width: 400px;
	}
}

@media ( max-width : 399px ){
	.layer_board{
		margin: 200px 0px 0px -175px;
	}
	.simple-modal{
		width: 350px;
	}
}