@charset "utf-8";

/*** total style ***/
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

body {
	color: #FFFFFF;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 100%;
	width: 100%;
    line-height: 1.5;
    min-width: 320px;
}

a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
}

a.moveLine {
	position: relative;
	display: inline-block;
    color: #333;
	transition: .3s;
}

a.moveLine::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background-color: #fff;
	transition: .3s;
}

a.moveLine:hover::after {
	width: 100%;
}

a img:hover{
    opacity: .7;
}


		.mb60{
			margin-bottom: 60px;
		}	
		.swiper-container{
			text-align: center;
		}
		.swiper-container .swiper-slide img{
			max-width: 100%;
			width: 100%;
			height: auto;
		}
		.prettyprint{
			border: none;
			background: #fafafa;
			color: #697d86;
		}
		#thumbs {
	        height: 20%;
	        box-sizing: border-box;
	        padding: 10px 0;
	    }
	    #thumbs .swiper-slide {
	        width: 20%;
	        height: 100%;
	        opacity: 0.2;
	        cursor: pointer;
	    }
	    #thumbs .swiper-slide-active {
	        opacity: 1;
	    }


.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.pc {
    display: inline-block;
}

.pc2 {
    display: inline-block;
}

.pc3 {
    display: inline-block;
}

.sp {
    display: none;
}

.mt0{
    margin-top: 0 !important;
}

.mt10{
    margin-top: 10px;
}

.mt20{
    margin-top: 20px;
}

.mt30{
    margin-top: 30px;
}

.mb10{
    margin-bottom: 10px;
}

.mb20{
    margin-bottom: 20px;
}

.pt_20 {
	padding-top: 20px;
}


.line {
    margin-bottom: 30px;
	margin-top: 30px;
	width: 100%;
	height: 5px;
	background: url(../image/dt_blue.png) repeat;
}

.r_box {
	width: 100%;
	max-width: 960px;
	padding: 30px;
	border: #103575 3px solid;
-webkit-border-radius: 10px ;/* for Safari and Chrome */
-moz-border-radius: 10px ; /* for Firefox */
-o-border-radius: 10px ; /* for opera */
border-radius: 10px ;
color: #103575;
background-color: #fff;
	margin: 0 auto 30px;
}

.r_box2 {
	width: 100%;
	padding: 0px;
	border: #103575 3px solid;
-webkit-border-radius: 10px ;/* for Safari and Chrome */
-moz-border-radius: 10px ; /* for Firefox */
-o-border-radius: 10px ; /* for opera */
border-radius: 10px ;
color: #103575;
background-color: #fff;
	margin: 0 auto 0px;
}

.r_box_opmess {
	width: 100%;
	padding: 0px;
	border: #103575 3px solid;
-webkit-border-radius: 10px ;/* for Safari and Chrome */
-moz-border-radius: 10px ; /* for Firefox */
-o-border-radius: 10px ; /* for opera */
border-radius: 10px ;
color: #103575;
background-color: #fff;
	margin: 20px auto 0px;
}

h5.op_mess {
	padding: 20px;
	border-bottom: 1px dotted #103575;
}

p.txt_blue4 {
	padding: 20px;
	color: #103575;
	font-size: 100%;
}

.r_box3 {
	width: 100%;
	padding: 5px;
	border: #103575 3px solid;
-webkit-border-radius: 10px ;/* for Safari and Chrome */
-moz-border-radius: 10px ; /* for Firefox */
-o-border-radius: 10px ; /* for opera */
border-radius: 10px ;
color: #103575;
background-color: #fff;
	margin: 0 auto 0px;
}


.both {
	clear:both;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}

/*** load ***/
.loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 10;
}

#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 55%;
  width: 70px;
  height: 70px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: right;
  color: #fff;
  z-index: 20;
}



/* ローディングの背景部分のCSS */
.loader {
  background:rgba(0,0,0,0.9);
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:100;
}

/* ローディングのアニメーション部分のCSS */
.loader-animation,
.loader-animation:before,
.loader-animation:after {
  background:#ffffff;
  -webkit-animation:load1 1s infinite ease-in-out;
  animation:load1 1s infinite ease-in-out;
  width:1em;
  height:4em;
}
.loader-animation {
  height:10px;
  left:50%;
  margin:-5px 0 0 -5px;
  position:absolute;
  top:50%;
  width:10px;
  color:#ffffff;
  text-indent:-9999em;
  font-size:10px;
  -webkit-transform:translateZ(0);
  -ms-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-animation-delay:-0.16s;
  animation-delay:-0.16s;
}
.loader-animation:before,
.loader-animation:after {
  position:absolute;
  top:0;
  content:'';
}
.loader-animation:before {
  left:-1.5em;
  -webkit-animation-delay:-0.32s;
  animation-delay:-0.32s;
}
.loader-animation:after {
  left:1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow:0 0;
    height:4em;
  }
  40% {
    box-shadow:0 -2em;
    height:5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow:0 0;
    height:4em;
  }
  40% {
    box-shadow:0 -2em;
    height:5em;
  }
}


.loading {
	width: 60px;
	height: 60px;
	  left:50%;
  margin:-5px 0 0 -5px;
  position:absolute;
  top:50%;
	border: 5px solid rgba(255,255,255,0.4);
	border-top-color: rgba(255,255,255,0.9);
	border-radius: 50%;
	animation: spin 1.2s linear 0s infinite;
}

@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}




/*** color ***/
.blueBack{
    background:#fff;
	border-top:1px solid #CCC;
}

.redBack{
    background: #333333;
}

.yellowBack{
    background: #6B3818;
	border-bottom:1px #CCC solid;
}

.lightBlueBack {
    background: none;
}

/*** font-family(Google font) ***/
.fmOswald{
    font-family: 'Oswald', sans-serif;
}

.fzBig{
    font-size: 1.5em;
}

.fzMiddle{
    font-size: 1.25em;
}

.fzSmall{
    font-size: 0.8em;
}

.fontB{
    font-weight: 700;
}

.spaceS{
    letter-spacing: -0.02em;
}

/*** button ***/
.btn{
    width: 390px;
    height: 65px;
    display: inline-block;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    line-height: 65px;
    font-size: 1.2em;
    text-align: center;
}

.btn.yellow{
    border: none;
    background: #FACD34;
}

.btn.gray{
    border: none;
    background-image: url(./img/common/btn_gray_back.png);
}

.btn.blue{
    border: none;
    background: #0A234D;
}

.btn a{
    display: block;
}

.btn.yellow a{
    color: #0A234D;
    font-weight: bold;
}

.btn.gray a{
    color: #0A234D;
    font-weight: bold;
}

.btn a span{
    position: relative;
	transition: .3s;
}

.btn a span::after {
	position: absolute;
	bottom: -5px;
	left: 0;
	content: attr(data-btn);
	width: 0;
	height: 1px;
	background-color: #FFFFFF;
	transition: .3s;
}

.btn.yellow a span::after,
.btn.gray a span::after {
	background-color: #0A234D;
}

.btn a:hover span::after {
	width: 100%;
}

/*** table ***/
table.infoTable{
    width: 100%;
    margin: 35px auto 0;
    border-collapse: separate;
    border-spacing: 0px 5px;
    border: 0;
}

table.infoTable tr{
    margin-bottom: 5px;
}

table.infoTable th,
table.infoTable td{
    padding: 15px;
    vertical-align: top;
}

table.infoTable th{
    color: #FFFFFF;
    background: #0A234D;
    text-align: left;
}

table.infoTable td{
    background: #E7E7E7;
    font-weight: bold;
}

/*** Line ***/
.botomAreaLine{
    display: inline-block;
    width: 100%;
    height: 5px;
    background-image: url(./img/common/middle_line.png);
    margin-top: 30px;
}

/*** mainTitle ***/
.mainTtl h2{
    width: 315px;
    display: inline-block;
    line-height: 85px;
    height: 85px;

    text-align: center;
}

.mainTtl h2.red {
    background: #333333;
}

.mainTtl h2.yellow{
    background: #FACD34;
    color: #0A234D;
}

/*** overlay ***/
#overLay{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
}

#overLay_nomal {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    z-index: 0;
}

#overLay_tri {
    position: fixed;
    width: 100%;
    height: 100%;
   
	
  
  padding-top:60px;
	margin-bottom: 140px;
    top: 0;
    left: 0;
    z-index: -1;
}

#overLay_form {
    position: fixed;
    width: 100%;
    height: 100%;
   
	background: url(../triangle_bg.png);
	background-position: 0px 0;
  
  padding-top:60px;
	margin-bottom: 140px;
    top: 0;
    left: 0;
    z-index: -1;
}


.topSliderBox {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	
	
	
	
}


.sub_contents {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}



/*** SIDE NAVI ***/
#sideNavi{
    position: fixed;
    width: 60px;
    top: 60px;
    right: 0;

    z-index: 1000;
	height:620px;
	background:rgba(255,255,255,0.6);
}

#sideNavi ul {
    width: 60px;
    font-size: 0.9em;
}

#sideNavi ul li{
    width: 60px;
}

#sideNavi ul li a{
    position: relative;
    display: block;
    line-height: 55px;
    text-align: center;
}

#sideNavi ul li.ptop a{
    position: relative;
    display: block;
    line-height: 15px;
    text-align: center;
	padding:35px 0 25px 0;
	color:#6B3818;
	font-weight:bold;
	font-size:80%;
}

#sideNavi ul li:nth-child(1) a:after{
    position: absolute;
    content: "";
    width: 60%;
    height: 1px;
    background: #FFFFFF;
    bottom: 0;
    left: 20%;
}

#sideNavi ul li a img{
    vertical-align: middle;
}

#sideNavi ul li.blueBack a.fmOswald {
    line-height: 40px;
}

#sideNavi ul li.blueBack a.fmOswald span {
    line-height: 16px;
    display: inline-block;
}

#sideNavi ul li.blueBack a {
    font-size: 1em;
}

/*** SIDE MENU ***/
#sideMenu{
    position: fixed;
    top: 0;
    right: -480px;
    width: 480px;
    height: 100%;
    background: #3A3A3A;
    z-index: 2000;
    overflow: scroll;
    padding-bottom: 40px;
}

.closeBtnArea{
    height: 80px;
}

.mCloseBtn{
    width: 50px;
    height: 100%;
    text-align: center;
    line-height: 80px;
    cursor: pointer;
    font-size: 3em;
}

.mCloseBtn:hover {
	opacity: 0.6;
}

.menuList{
    position: relative;
}

.menuList ul li {
    height: 50px;
    padding:12px 0 0 80px;

	
	
}

.menuList ul li.menu_none {

	background: url(../image/menu_bord.png) 53px 22px no-repeat;
}




.menuList a,
.menuLang a {
    color: #fff;
}

.menuList a:hover {
	opacity: 0.6;
}


ul#sidemenu {
	
}

ul#sidemenu li {
	
	background: url(../image/menu_bord.png) 45px 22px no-repeat;
}

ul#sidemenu li.menu_s {
	
	font-size: 90%;
	background: none;
	height: 40px;
}
ul#sidemenu li.menu_s4 {
	
	font-size: 90%;
	background: none;
	height: 55px;
}

.menu {
    position: relative;
    width: 50%;
    height: 50px;
    max-width: 800px;
    margin: 25px auto 0 320px;
}

.menu > li {
    float: left;
    width: 20%; /* グローバルナビ4つの場合 */
    height: 47px;
    line-height: 50px;
   
}

.menu > li a {
    display: block;
    color: #000;
	font-size:100%;
	font-weight: bold;
}

.menu > li a:hover {
    color: #999;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px solid #fff;
}

.menu__second-level li a {
    color: #FFFFFF;
}

.menu__third-level li {
    border-top: 1px solid #111;
}

.menu__second-level li a:hover {
    background: #111;
}

.menu__third-level li a:hover {
    background: #2a1f1f;
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}


.menu > li.menu__single {
    position: relative;
	width: 25%;
}

.menu > li.menu__single a:hover {
    background: #006DA3;
    -webkit-transition: all .5s;
    transition: all .5s;
	color: #FFFFFF;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 40px;
	
    width: 250px;
    background: #006DA3;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}

li.menu__single ul.menu__second-level a:hover {
     background: #003BA2;
    -webkit-transition: all .5s;
    transition: all .5s;
	color: #FFFFFF;
}
}










.homeIcon{
    position: absolute;
    top: 0;
    left: 0;
}

.menuLang,
.menuSns{
    padding-left: 80px;
}

.menuLang{
    margin-top: 80px;
    line-height: 1;
}

.menuSns{
    margin-top: 20px;
}

.menuSns ul{
    display: inline-block;
}

.menuSns ul li {
    
    padding: 2px 0 5px 40px;
    
	background-image: url(../img/common/icon_instagram.png);
	background-size: 15%;
	background-repeat: no-repeat;
}

.menuSns ul li a:hover {
	opacity: 0.6;
}

/*baseから*/




/*** AREA MODAL ***/
#areaModal{
    position: fixed;
    width: 60%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    display: none;
    background:#0A234D;
    z-index: 1500;
    text-align: center;
    padding: 50px;
    max-width: 900px;
}

#areaModal .title{
    font-size: 2.0em;
    font-weight: bold;
    margin-bottom: 30px;
}

#areaModal .areaImage img{
    width: 100%;
}

#areaModal .closeBtn{
    position: absolute;
    width: 50px;
    height: 50px;
    right: 0;
    top: 0;
    cursor: pointer;
    font-size: 40px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}

#wrapper{
    position: relative;
    width: 100%;
	overflow:hidden;
}



/*** header style ***/
#header{
    width: 100%;
	height: 150px;
	
}



#header .headerTop{
    display: table;
    width: 100%;
    height: 80px;
    background: #091736;
}

#header > div{
    
    text-align: center;
}

#header .bkRed{
    position: absolute;
    width: 85px;
    height: 80px;
    top: 0;
    left: 0;
    background: #D21F54;
    font-weight: bold;
    line-height: 80px;
}

#header .headerTxt{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

#header .bkShadow{
    position: absolute;
    top: 0;
    right: 0px;
    height: 80px;
    width: 100%;
    background: rgba(255,255,255,0.3);;
}

#header .navArea{
    position: absolute;
    width: 100%;
    
    top: 0px;
    left: 0;
    z-index: 3;
}

#header .inner{
    position: relative;
    display: inline-block;
    padding: 20px 0px 0 0;
	margin-left: 50px;
}

#header .navArea .navGlobal,
#header .navArea .snsArea{
    float: left;
}

#header .navArea .snsArea{
    padding-left: 40px;
}

#header .navArea .navGlobal ul li,
#header .navArea .snsArea ul li,
#header .navArea .langArea ul li{
    float: left;
    height: 60px;
    display: -webkit-box; /* safari, Chrome */
    display: -moz-box;    /* Firefox */
    display: -o-box;      /* Opera */
    display: -ms-box;     /* IE */
		display:-ms-flexbox;
    display: box;
    -webkit-box-align: center; /* safari, Chrome */
    -moz-box-align: center;    /* Firefox */
    -o-box-align: center;      /* Opera */
    -ms-box-align: center;     /* IE */
		-ms-flex-align: center;
    box-align: center;         /* ベンダープレフィックスなし */
}

#header .navArea .navGlobal ul li > a:hover,
#header .navArea .snsArea ul li > a:hover,
#header .navArea .langArea ul li a:hover{
    color: #FFFFFF;
}

#header .navArea .navGlobal ul li,
#header .navArea .snsArea ul li{
    padding: 0 15px;
	font-size:80%;
}

#header .navArea .navGlobal ul li > a,
#header .navArea .snsArea ul li > a,
#header .navArea .langArea ul li a{
    color: #333333;
	font-weight:bold;
}

#header .navArea .navGlobal ul li > a:hover {
    color: #333333;
	font-weight:bold;
	text-decoration:underline;
}

#header .navArea  ul li.btbg1 {
	
}



#header .navArea .snsArea ul li > a img{
    vertical-align: middle;
}







#header .navArea .langArea{

}



#header .navArea .langArea ul li a{
    padding: 0 10px;
}

#header .navArea .langArea ul li:first-child a{
    border-right: 1px solid #dddddd;
}

.btnArea{
    position:fixed;
    display: inline-block;
    width: 80px;
    height: 80px;
    top: 0px;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rgba(16,53,117,1);
    z-index: 2000;
}

.probtnArea{
    position:fixed;
    display: inline-block;
    width: 200px;
    
    top: 125px;
    right: 5%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rgba(16,53,117,1);
    z-index: 2000;
}

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


.contArea {
    position: absolute;
    display: inline-block;
    width: 80px;
    height: 80px;
    top: 0px;
    right: 0px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    
	background:rgba(16,53,117,1) ;
    z-index: 2000;
}

.telArea {
    position: absolute;
    display: inline-block;
    width: 270px;
    height: 80px;
    top: 0px;
    right: 81px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    
	background:rgba(16,53,117,1) ;
	
 
}
.telArea h5 {
 font-size: 120%;
	color: #FFFFFF;
	padding: 0px 0 0 30px;
	text-align: left;
	font-weight: bold;
}
.telArea p {
 font-size: 70%;
	color: #FFFFFF;
	padding: 20px 0 0 30px;
	text-align: left;
}

.contArea ul.cont_bt li {
	font-size:80%;
	padding:26px 0 0 0 ;
	
}

.contArea ul.cont_bt li a:hover {
	text-decoration:underline;
	
}

.contArea ul.cont_bt li img {
	width: 36%;
	height:auto;
	
}

ul.cont_inner_ul{
	width: 50%;
	padding: 30px 0 30px 0;
	
}

ul.cont_inner_ul li {
	
	padding: 0px 0 15px 0;
	
}

ul.cont_inner_ul img {
	width: 100%;
	height: auto;
	
	
}

.slider__ttl {
  color: #fff;
  font-weight: bold;
	margin-bottom: 8px;
}

.slider__txt {
  font-size: 12px;
  color: #fff;
  padding-bottom:30px;
}





.logoArea{
    position: absolute;

    width: 240px;
    
    top: 140px;
    left: 0;
	right:0;

	margin: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
   
    z-index: 2000;
}

.logoArea h1 {
	padding:0px 0 0px 0;
	 width: 100%;
	margin:0 auto;

}

.logoArea h1 img {
	width:100%;
	height:auto;
}

#header .btnMenu{
    position: absolute;
    left: 25px;
    top: 25px;
    display: inline-block;
    cursor: pointer;
    width: 30px;
    height: 30px;
    -webkit-tap-highlight-color: transparent;
}

#header .btnMenu:hover {
	opacity: 0.6;
}

#header .btnMenu span{
    display: inline-block;
    transition: all 0.4s;
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #FFFFFF;
}

#header .btnMenu span:nth-of-type(1){
    top: 0;
}

#header .btnMenu span:nth-of-type(2){
    top: 40%;
    margin-top: -2.1px;
}

#header .btnMenu span:nth-of-type(3){
	top: 68%;
    bottom: 0;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}





/*** slider style ***/
.topSlider{
    position: relative;
    padding-bottom: 0px;
    background: #0A234D;
    z-index: 2;
}

.topSlider .slider .sliderList{
    width: 100%;
    height: 850px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.topSlider .mainTxtWrap{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.topSlider .mainTxtArea {
    padding-top: 85px;
	padding-bottom:65px;
    color: #FFFFFF;
	width:1100px;
	margin:0 auto;
	position:relative;
}



.topSlider .mainTxtArea h2{
    display: inline-block;
    font-size: 95px;
    letter-spacing: 0.05em;
    margin-bottom: 25px;
    line-height: 1.3;
	width:760px;
	float:right;
	display:inline;

}

.topSlider .mainTxtArea .copybox{
    display: inline-block;
    font-size: 140%;
    letter-spacing: 0.09em;

    line-height: 2.5em;
	width:15%;
	float:right;
	display:inline;
	-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
		  margin-right:70px;
		  padding-top:20px;

}

.topSlider .mainTxtArea p{
    font-size: 80px;
    letter-spacing: 0.1em;
    line-height: 1;
}

.topSlider .mainTxtArea .btn{
    max-width: 390px;
    width: 30%;
}

.topSlider .mainTxtArea p.date{
    font-size: 50px;
}

.topSlider .mainTxtArea .inner > div{

}

.topSlider .sliderFilter{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 60px;
    background-image: url(./img/slider/slider_filter.png);
}

.topSlider .arrow{
    position: absolute;
    bottom: 300px;
    left: -150px;


}

.topSlider .sliderLinkArea {

    width: 80%;
    max-width: 1000px;
	margin:0 auto;

}

.topSlider .ticketLink {
    width: 70%;

    max-width: 740px;
    float: left;
	background:#FFF;
	position:relative;
	padding:9px;
	height:86px;
}

.topSlider .ticketLink .top_e_thumb {

    width: 105px;
	float: left;
}

.topSlider .ticketLink h4.top_e_ti {

    width: 25%;
    max-width: 180px;
	float: left;
	color:#333333;
	padding-top:20px;
	padding-left:35px;
	margin-left:13px;
	font-size:110%;
	font-weight:bold;
	height:60px;
	background:url(./img/top_e_bg_a.png) no-repeat 3px 10px;

}

.topSlider .ticketLink .top_e_sCat {

    width: 180px;
	height:27px;
	background-color:#FF6600;
	text-align:center;
	position:absolute;
	left:0;
	top:-27px;


}
.topSlider .ticketLink .top_e_txt {

    width: 55%;
    max-width: 380px;
	float: left;
	color:#333333;
	font-weight:bold;
	padding-top:10px;
height:60px;


}










.topSlider .goodsLink {
	position: relative;
    width: 30%;
    max-width: 280px;
    float: right;
    text-align: left;
    padding: 28px 0 0 70px;
	background: #6B3818 url(./img/common/icon_top_news.png) no-repeat 20px 22px;
	font-size:20px;
	height:88px;

}


.topSlider .goodsLink img{
    width: 100%;
}

.topSlider .goodsLink:before{
    content: "";
    display: block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 53%;
    right: 20px;
    border-top: solid 4px #ffffff;
    border-right: solid 4px #ffffff;
    transform: translate(0, -50%) rotate(45deg);
    -webkit-transform: translate(0, -50%) rotate(45deg);
}







/*** newsArea ***/

.newsAreaWrap {
    position: relative;
    width: 100%;
	background: rgba(0, 0, 0, 0.75);
}

.newsAreaWrap .newsAreaArrow {
    position: absolute;
    top:0;
    left:0;
}

.newsArea{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 0 50px;
    background: #fff;
    position: relative;
    z-index: 10;
}

#sekoArea{
    width: 100%;
    max-width: 1100px;
    margin: 50px auto 0;
    padding: 0 0 50px;
    background: #fff;

}

.newsArea .mainTtl  {
    position: relative;

}

.newsArea .mainTtl h2 {
    position: relative;
    width: 50%;
    text-align: left;
    padding: 0 0 0 40px;
    float: right;
}

.newsArea .mainTtl h2.Tnews {
    position: absolute;
    width: 340px;
    text-align: left;
    padding: 0 0 0 70px;
	background: #333333 url(./img/common/icon_top_news.png) no-repeat 20px 22px;

	left:20px;
	top:-20px;
	z-index:2001;

}

.newsArea .mainTtl h2.Tnews:before{
    content: "";
    display: block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 53%;
    right: 20px;
    border-top: solid 4px #ffffff;
    border-right: solid 4px #ffffff;
    transform: translate(0, -50%) rotate(45deg);
    -webkit-transform: translate(0, -50%) rotate(45deg);
}



.newsArea .mainTtl h2.Tseko {
    position: absolute;
    width: 310px;
    text-align: left;
    padding: 0 0 0 70px;
    background: #6B3818 url(./img/common/icon_top_news.png) no-repeat 20px 20px;
    left: 20px;
    top: -20px;
    z-index: 2001;
}

.newsArea .mainTtl h2.Tseko:before{
    content: "";
    display: block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 53%;
    right: 20px;
    border-top: solid 4px #ffffff;
    border-right: solid 4px #ffffff;
    transform: translate(0, -50%) rotate(45deg);
    -webkit-transform: translate(0, -50%) rotate(45deg);
}


.newsArea .mainTtl h2 .fontMiddle{
    font-size: 22px;
}

.newsArea .mainTtl h2.blue{
    font-size: 16px;
	background-color:#E0E0E0;
	color:#000;
}

.newsArea .mainTtl h2.blue3 {
    font-size: 16px;
	background-color:#fff;
	color:#000;
}

.newsArea .mainTtl h2.blue2 {
    font-size: 16px;
	background-color:#E0E0E0;
	color:#000;
	height:65px;
	width:40%;
}



.newsArea .mainTtl h2 .ttl {
    position: relative;
    float: left;
    width: 20%;
    margin: 0 0 0 0;
}

.newsArea .mainTtl h2 .ttl2 {
    position: relative;
    float: left;
    width: 6em;
    margin: 0 0 0 0;
	line-height:65px;
}

.newsArea .mainTtl_news  {
    position: relative;
    background-color:#E0E0E0;
	padding:20px;
}

.newsArea .mainTtl_news h2.news_e_c {
    font-size: 15px;
	font-weight:bold;
	color:#333333;

	width:100%;
	padding:20px 0 20px 50px;
	background:url(./img/top/m_a_bla.png) no-repeat 10px 10px;
}

.newsArea .mainTtl_news h2 .ttl3 {

}

.newsArea .mainTtl_news .tagBox {

    width: 100%;
    padding: 15px 2%;
}

.newsArea .mainTtl_news .tagBox span{
    margin: 0 5px 5px 0;
    font-size: 12px;
    float: left;
    line-height: 22px;
    font-weight: bold;
    background-color: #333333;
}

.newsArea .mainTtl_news .tagBox span:last-child{
    margin: 0 0 5px 0;
    font-size: 12px;
    float: left;
    line-height: 22px;
    background-color: #333333;
}

.newsArea .mainTtl_news.tagBox span.brw:last-child{
    margin: 0 0 5px 0;
    font-size: 12px;
    float: left;
    line-height: 22px;
    background-color: #6B3818;
}

.newsArea .mainTtl_news .tagBox span a {
    padding: 0 10px 0 10px;
    color: #fff;
}

.newsArea .mainTtl_news .tagBox span a:hover {

}





.newsArea .mainTtl .tagBox {
    float: left;
    width: 70%;
    padding: 20px 2%;
}



.newsArea .mainTtl .tagBox .red {
    background: #CC1C4A;
    color: #FFFFFF;
}

.newsArea .mainTtl .tagBox .red a {
    color: #FFFFFF;
}

.newsArea .mainTtl .tagBox .yellow {
    background: #FACD34;
}

.newsArea .mainTtl .tagBox .brw {
    background: #6B3818;
}

.newsArea .mainTtl .tagBox span{
    margin: 0 5px 5px 0;
    font-size: 12px;
    float: left;
    line-height: 22px;
    font-weight: bold;
    background-color: #333333;
}

.newsArea .mainTtl .tagBox span:last-child{
    margin: 0 0 5px 0;
    font-size: 12px;
    float: left;
    line-height: 22px;
    background-color: #333333;
}

.newsArea .mainTtl .tagBox span.brw:last-child{
    margin: 0 0 5px 0;
    font-size: 12px;
    float: left;
    line-height: 22px;
    background-color: #6B3818;
}

.newsArea .mainTtl .tagBox span a {
    padding: 0 10px 0 10px;
    color: #fff;
}

.newsArea .mainTtl .tagBox span a:hover {

}

.newsWrap {
    width: 85%;
    margin: 0 auto;
    padding: 60px 0 30px 0;
}

.pt_none1 {
    padding: 0px 0 30px 0;
}

.newsWrap article {
    width: 31%;
    margin: 0 1.5% 30px 0;
    position: relative;
    float: left;
}

.newsWrap article:nth-child(3n){
    margin: 0 0 30px 0;
}

.newsWrap article a {
    display:block;
}

.newsWrap article a:hover .newsImg img {
    opacity: 0.6;
    transition: .3s
}

.newsWrap article a:hover .newsContent {
    color: #999999;
}

.newsWrap article .newsImg {
    overflow: hidden;
    width: 100%;
    /*position: relative;
    background-color: #666666;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    overflow:hidden;*/
    /*add style*/
    height: 194px;
    position: relative;
}

.newsWrap article .newsImg img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}

.newsWrap article .newsTag {
    margin-top: -15px;
    padding-left: 20px;
    /*position: absolute;
    top: 155px;
    left: 20px;*/
    position: relative;
}

.newsWrap .newsTag span {
    font-size: 12px;
    font-weight: bold;
    padding: 5px 7px 5px 7px;
    background-color: #333333;
}

.newsWrap .newsTag .red{
    background-color: #FF6600;
    color: #FFFFFF;
}

.newsWrap .newsTag .yellow{
    background-color: #FACD34;
    color: #0A234D;
}

.newsWrap .newsTag  .brw {
    /*background: #6B3818;*/
}

.newsWrap article .newsContent{
    margin-top: -15px;
    padding: 25px 20px 5px 20px;
    background-color: #E6E6E6;
    color: #333333;
    height: 150px;
}

.newsWrap article .newsContent .tagBox2 {

    width: 100%;
    padding: 8px 0;
}

.newsWrap article .newsContent .tagBox2 span {
    margin: 0 5px 5px 0;
    font-size: 11px;
    float: left;
    line-height: 22px;

       background: #CFCFCF;
	   padding: 0 10px 0 10px;
    color: #6B3818;
}

.newsWrap article .newsContent .tagBox2 span a {

}



.newsWrap .newsContent .date {
    font-size: 12px;
	font-weight:bold;
}

.newsWrap .newsContent .ttl {
    font-size: 15px;
    margin: 5px 0;
    font-weight: bold;
    color: #6B3818;
}

.newsWrap .newsContent .text {
    font-size: 15px;
}






#left_box {
    width: 75%;
	max-width:850px;
	float:left;
    padding: 0 0 0 0;
	position:relative;

}

#r_box {
	 width: 25%;
	max-width:250px;

	float:right;
    padding: 0 0 0 0;
	margin-top:90px;

}

.cat_bc_bt {
	background:#333 url(./img/common/right_arw.png) no-repeat right;
	margin-top:10px;
	padding:10px 0 0.5em 25px;
	margin-bottom:12px;
	height:45px;

}

.cat_bc_bt a {
	font-size:85%;
	color:#fff;

}

.cat_bc_bt a:hover{
    opacity: .7;
}


#left_box .newsWrap_entry {
    width: 85%;
    margin: 0 auto;
    padding: 60px 0 30px 0;

}



.newsWrap_entry a:hover .newsImg img {
    opacity: 0.6;
    transition: .3s
}

.newsWrap_entry  a:hover .newsContent {
    color: #999999;
}

.newsWrap_entry  .newsImg {
    width: 100%;
}

.newsWrap_entry  .newsImg img {
    width: 100%;
}

.newsWrap_entry .entrytxt{
	padding:30px 0 40px 0;
	color:#333;
	line-height:2;
	font-size:85%;
}



#left_box .newsWrap_entry .newsTag {
    position: absolute;
    top: 4px;
    left: 0px;
	width:100%;
	height:40px;
}

.newsWrap_entry .newsTag span {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 12px 10px 12px;
    background-color: #333333;
	line-height:none;
}

.newsWrap_entry .newsTag .red{
    background-color: #FF6600;
    color: #FFFFFF;
}

.newsWrap_entry .newsTag .yellow{
    background-color: #FACD34;
    color: #0A234D;
}

.newsWrap_entry .newsTag  .brw {
    background: #6B3818;
}

.newsWrap_entry .newsContent{
    padding: 35px 0px 40px 0px;

    color: #333333;
	height:220px;

}

.newsWrap_entry .newsContent .tagBox2 {

    width: 100%;
    padding: 8px 0;
}

.newsWrap_entry .newsContent .tagBox2 span {
    margin: 0 5px 5px 0;
    font-size: 11px;
    float: left;
    line-height: 22px;

       background: #CFCFCF;
	   padding: 0 10px 0 10px;
    color: #6B3818;
}

.newsWrap_entry .newsContent .tagBox2 span a {

}



.newsWrap_entry .newsContent .date {
    font-size: 12px;
	font-weight:bold;
	float:left;
	width:12em;
	padding:40px 0 40px 0;
	border-left:1px #CCC solid;
	border-right:1px #CCC solid;
	margin-right:40px;
	text-align:center;
}

.newsWrap_entry .newsContent .ttl {
    font-size: 30px;
    font-weight: 600;
	color:#6B3818;
	float:left;
	width:70%;
}

.newsWrap_entry .newsContent .text {
    font-size: 15px;
}

.newsArea .addBtn {
    width: 80%;
    margin: 0 auto;
    padding: 0 0 0 0;
}

.newsArea .addBtn p {
    text-align: center;
    font-size: 28px;
	color:#333333;
}

.newsArea .addBtn p:hover {
    cursor: pointer;
}

/*** common ti ******************************************************************************************/

.backFitImageA {
    background-image: url(./img/slider/dada_main_v2.jpg);
    background-repeat: no-repeat;

    background-size: 100%;
	background-attachment: fixed;
    padding-bottom: 90px;
	padding-top:60px;


}

#content_box {
	width:100%;
	position:relative;

}

#content_box .bred_ul {
	position:absolute;
	top:10px;
	right:140px;
	font-size:70%;
}

#content_box .bred_ul a {
    color: #fff;
}

#content_box .bgA {
	position:absolute;
	left:-40px;
	top:45px;
	width:300px;
    z-index: 5;
}



h2.cont_title2 {
	font-size:60px;
	text-align:center;
	padding:50px 0 20px 0;
}

h2.cont_title {
    font-size: 50px;
    text-align: center;
    padding: 60px 0 20px 0;
}

.sikiri_w {
	width:18%;
	height:3px;
	margin:0 auto;
	background-color:#FFF;
}

.cont_txt {
	padding-top:40px;
	font-size:100%;
	text-align:center;
}

/*** contents style ***/
#contents{
	padding-top: 200px;
}

#contents_2{
	padding-top: 0px;
}
/*baseからの＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞。*/

.content {
  position: relative;
  padding-top:0px;
  margin:0;
}


.sub_innner {

 
	margin-bottom: 60px;

}

.sub_innner2 {
	padding-bottom: 60px;

}

.pdtop_no {

  padding-top:0px;
	

}

.pdbt_20 {
	padding-bottom: 20px;
	

}






.mgbt_20 {
	 margin-bottom:  20px;
	

}

.pdtop_no2 {

  padding-top:0px;
	margin-bottom: 30px;
	max-width: 960px;
	margin: 0 auto;

}


.pdtop_no3 {

  padding-top:0px;
	margin-bottom: 30px;
	max-width: 70%;
	margin: 0 auto;

}

ul.cont_link{
	margin-bottom: 60px;
	width: 90%;
	max-width: 760px;
	margin: 0 auto;
}

ul.cont_link li{
	width: 50%;
	float: left;
}
ul.cont_link li img {
	width: 100%;
	height: auto;
	
}

.m_txt {
	color: #212121;
	text-align: center;
	padding-bottom: 30px;
}








#renew {
  
  width:90%;
	max-width: 960px;
  margin:0px auto 60px;
	position: relative;
	padding: 60px 0 60px 0;
 
}

.960box {
  
  width:960px;
  margin:0px auto 0;
	position: relative;
	padding: 0px 0 0px 0;
 
}



#renew h3.cont_name {
	font-size:55px;
	font-weight:bold;
	color: #fff;
position: absolute;
	top:100px;
	left:100px;
	width: 100%;
	z-index: 1;
}

h3.cont_name2 {
	font-size:40px;
	font-weight:bold;
	color: #212121;
	z-index: 1;
}


.renew_rbox {
	position: relative;
  width:70%;
  float:right;
padding:0px 0 0px 60px;
 background-color:#BFDFF3;
	margin-top: 0px;
 
}

.renew_rbox h3 {
	
	font-size:40px;
	font-weight:bold;
	color: #212121;
	
}

.renew_rbox h4.sti {
	
	font-size:30px;
	font-weight:bold;
	color: #212121;
 
}

.renew_rbox h4.sti2 {
	
	font-size:130%;
	font-weight:bold;
	color: #212121;
	padding: 0px 60px 0 0;
	
	
 
}

.renew_rbox span {
	
	color: #212121;
	font-size:20px;
	font-weight:bold;
	border-bottom:  #171717 5px solid;
	padding-bottom: 10px;
	margin-bottom: 10px;
 
}



.renew_rbox p.mainTxt {
	
	color: #212121;
	font-size:16px;
	line-height:1.8;
	padding:0px 0px 0px 0;

}


.ip2 {
    display: none;
}





/*モーダル設定　>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/


.modal .checkbox{
  display: none;
}

/* Gray background */
.modal .modal-overlay{
  opacity: 0;
  transition: all 0.3s ease;
  width: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -100;
  transform: scale(1);
  display: flex;
  background-color: rgba(0,0,0,0.8);
}

/* Box */
.modal .modal-wrap {
 
  padding: 0px 0px;
  width: 60%;
  margin: 20px auto;
  align-self: flex-start;
  border-radius: 2px;
  transition: all 0.5s ease;
	position: relative;
}





.modal .modal-wrap p a {
	color: #fff;
	font-size: 140%;
	line-height: 2;
}

.modal .modal-wrap p a:hover {
	text-decoration: none;
}

.modal .modal-wrap.small{
  width: 38%;
}
.modal .modal-wrap.full{
  width: 80%;
   margin: 60px auto;
}

.modal .modal-wrap.a-center {
  align-self: center;
}
.modal .modal-wrap.from-left {
  transform: translateX(-100%);
}
.modal .modal-wrap.from-right {
  transform: translateX(100%);
}
.modal .modal-wrap.from-top {
  transform: translateY(-100%);
}
.modal .modal-wrap.from-bottom {
  transform: translateY(100%);
}


/* Close button */
.modal .modal-wrap .close{
  position: absolute;
  right: 0px;
  top: 10px;
  font-size: 12px;
  width: 60px;
  height: 30px;
  color: #fff;
background-color: rgba(0,0,0,0.7);
	padding: 5px;
	text-align: center;
}

.modal .modal-wrap .close:hover{
  cursor: pointer;
	
	color: #999999;
}


 .modal .o-close {
   width: 100%;
   height: 100%;
   position: fixed;
   left: 0;
   top: 0;
   z-index: -100;
 }

.modal input:checked ~ .o-close {
  z-index: 9998;
}
.modal input:checked ~ .modal-overlay{
  transform: scale(1);
  opacity:1;
  z-index: 9997;
  overflow: auto;
}
.modal input:checked ~ .modal-overlay .modal-wrap {
  transform: translateY(0);
  z-index: 9999;
}

.modal-wrap p img {
	width: 100%;
	height: auto;
}






/*モーダル設定　>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/


ul.menu_modal {
	width: 60%;
	max-width: 700px;
	margin: 100px auto 0;
	
	
}

ul.menu_modal li {
	font-size: 140%;
	border-bottom: 1px solid #fff;
	padding-bottom: 20px;
	text-align: center;
	margin-bottom: 20px;
	
	
}














h2.topti {
	max-width: 465px;
	width: 50%;
	margin: 0 auto ;
	padding: 50px 0 30px 0;
	
}

h2.sec_ti {
	max-width: 420px;
	width: 50%;
	margin: 0 auto ;
	padding: 0px 0 30px 0;
	
}

h2.sec_ti2 {
	
	width: 80%;
	margin: 0 auto ;
	padding: 0px 0 30px 0;
	text-align: center;
	color: #103575;
	
	background-size: 4%;
	font-size: 220%;
	font-weight: bold;
	
}


h2.sec_ti3 {
	
	width: 80%;
	margin: 0 auto ;
	padding: 0px 0 10px 0;
	text-align: center;
	color: #103575;

	font-size: 180%;
	font-weight: bold;
	
}

p.ti_sub_txt {
	padding: 0px 0 30px 0;
	text-align: center;
	color: #222222;
	
}

p.ti_sub_txt2 {
	padding: 0px 0 0px 0;
	text-align: center;
	color: #222222;
	
}

h2.topti2 {
	max-width: 323px;
	width: 50%;
	margin: 0 auto ;
	padding: 0px 0 30px 0;
	
}

h2.topti3 {
	max-width: 380px;
	width: 50%;
	margin: 0 auto ;
	padding: 0px 0 20px 0 ;
	
}

h2 img {
	width: 100%;
	height: auto;
}


.top-work {
	max-width:1360px;
	width:90%;
	margin:0 auto 60px 0;
	padding-bottom:50px;
	padding-left: 15%;
	padding-top: 50px;
	background-color: rgba(16,53,117,1);
}




.slider li {
  position: relative;
  width: 30%;
  max-width:280px;
  
  margin: 0 2% 0 0;
  padding:0px;
 
  float:left;
	border-bottom: 1px solid #DBDBDB;
}

.slider li.thr {
  position: relative;
  width: 30%;
  max-width:280px;
  
  margin: 0 0 0 0;
  padding:0px;
 
  float:left;
	border-bottom: 1px solid #DBDBDB;
}

.slider li.prod {
  position: relative;
  width: 25%;
  max-width:240px;
  
  margin: 0 0 0 0;
  padding:0px;
 
  float:left;
	border-bottom: 1px solid #DBDBDB;
}


.slider img {
  display: block;
  width: 100%;
	height: auto;
}

.slider__img {
  position: relative;
 
}



.sub_box_f {
	width:100%;
	max-width: 960px;
	margin: 0 auto;
}



















.backFitImage{
    background-image: url(./img/slider/dada_main_v2.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
	background-attachment: fixed;
    padding-bottom: 90px;

}

ul.cat_sel_bt {
	width:700px;
	margin:40px auto 0;
}

ul.cat_sel_bt li {
	width:320px;
	height:70px;
	float:left;
	margin-right:20px;
	background:#E6E6E6 url(./img/top/m_a_bla.png) no-repeat 15px 15px;
	color:#333;
	padding:24px 0 0 50px;
}

ul.cat_sel_bt li.cat_sel_tg {
	width:320px;
	height:70px;
	float:left;
	background:#E6E6E6 url(./img/top/foot_a.png) no-repeat  15px 15px;
	padding:24px 0 0 50px;
}

ul.cat_sel_bt li a{
	font-weight:bold;
	color:#333;
}


.infoArea {
    width: 100%;
    height: auto;
	background-color:#F1EEE9;

}

.infoArea .infoareaBox {
    width: 500px;
	margin:0 auto;
	padding:40px 0 40px 0;

}

.infoArea .infoareaBox p {
	color:#6B3818;
	text-align:center;

}


.info {

    width: 340px;
    text-align: center;
    padding: 14px 0 0 20px;
	background: #6B3818 url(./img/common/icon_top_mail.png) no-repeat 50px 16px;
	margin:20px auto 0;
	height:55px;

}




.snsArea{
    width: 60%;
	max-width:600px;
	margin:0 auto;
	padding:40px 0 40px 0;

}

.snsArea ul li{
	float:left;
	width:20%;
	max-width:100px;
	margin-right:20px;
	color:#333;
	font-weight:bold;

}


.thanks_ti {
	color:#333;
	font-weight:bold;
	padding-bottom:5px;
}














/*** twoColumn style ***/
.twoColumn{
    max-width: 1600px;
    margin: 0 auto;
    padding-bottom: 90px;
    overflow: hidden;
}

.twoColumn > div{
    position: relative;
    float: left;
    width: 50%;
    min-height: 370px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.twoColumn > div.news{
    background-image: url(./img/two_column_left_back.png);
    overflow: hidden;
}

.twoColumn > div.tickets{
    background-image: url(./img/two_column_right_back.png);
}

.twoColumn .arrow{
    position: absolute;
    bottom: 0;
    left: -420px;
    height: 100%;
}

.twoColumn .arrow img{
    width: 100%;
    height: 100%;
}

.twoColumn .mainTtl{
    position: relative;
    z-index: 2;
}

.twoColumn .txtArea{
    position: relative;
    font-weight: bold;
    font-size: 1.2em;
    padding: 45px 80px 75px 100px;
}

.twoColumn .txtArea ul li{
    padding-bottom: 25px;
    border-bottom: 1px dotted #FFFFFF;
}

.twoColumn .txtArea span{
    display: block;
}

.twoColumn .blueBtnArea{
    position: absolute;
    bottom: 0;
    right: 0;
}

.twoColumn .blueBtnArea .btn{
    width: 425px;
    border: none;
    background: rgba(11, 22, 47, 0.88);
}

/*** overviewArea style ***/
.overviewArea{
    width: 90%;
    max-width: 1300px;
    margin: 0 auto 140px;
    padding: 70px 0 100px;
    background: rgba(7, 18, 45, 0.9);
}

.overviewArea h2,
.overviewArea h3{
    text-align: center;
    font-weight: bold;
}

.overviewArea > h3{
    font-size: 70px;
    margin: 30px 0 65px;
}

.overviewArea .tbArea{
    width: 90%;
    margin: 0 auto;
    padding: 50px 0 65px;
    color: #0A234D;
    background: #FFFFFF;
}

.overviewArea .tbArea .infoTable th{
    width: 150px;
}

.overviewArea .tbArea > h3{
    font-size: 40px;
}

.overviewArea .tbArea > h3:after {
    width: 40px;
    margin: 0 auto;
    padding-top: 10px;
    content: " ";
    display: block;
    height: 3px;
    border-bottom: solid 1px #0A234D;
}

.overviewArea .tbArea table.infoTable{
    width: 90%;
}

/*** aboutArea style ***/
.aboutArea{
    width: 90%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 70px 0 100px;
    background: rgba(7, 18, 45, 0.9);
}

.aboutArea .infoArea{
    width: 90%;
    margin: 0 auto;
    padding: 0 0 65px;
    color: #0A234D;
    background: #FFFFFF;
}

.aboutArea .infoArea .headImage{
    position: relative;
}

.aboutArea .infoArea .headImage .aboutLogo{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.aboutArea .infoArea .headImage > img{
    width: 100%;
}

.aboutArea .infoArea .txtArea{
    width: 90%;
    margin: 0 auto;
}

.aboutArea .infoArea .txtArea h2{
    position: relative;
    text-align: center;
    font-size: 2.0em;
    font-weight: 700;
    padding: 50px 0 25px;
    margin-bottom: 40px;
}

.aboutArea .infoArea .txtArea h2 span{
    font-size: 70px;
}

.aboutArea .infoArea .txtArea h2::after{
    position: absolute;
    display: inline-block;
    content: "";
    width: 45px;
    height: 1px;
    bottom: 0;
    left: 50%;
    background: #0A234D;
    margin-left: -22.5px;
}

.aboutArea .infoArea .txtArea .ytArea{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 30px;
}

.aboutArea .infoArea .txtArea .ytArea iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.aboutArea .infoArea .txtArea > p{
    font-weight: 700;
    margin-bottom: 30px;
}

.aboutArea .infoArea .txtArea .aboutTwoLink{
    width: 100%;
}

.aboutArea .infoArea .txtArea .aboutTwoLink > div{
    float: left;
    width: 49%;
}

.aboutArea .infoArea .txtArea .aboutTwoLink > div a{
    position: relative;
    display: table;
    width: 100%;
    background: #0A234D;
    color: #FFFFFF;
}

.aboutArea .infoArea .txtArea .aboutTwoLink > div a > div{
    display: table-cell;
    vertical-align: middle;
    font-size: 1.8em;
    font-weight: 700;
    text-align: center;
    line-height: 1;
}

.aboutArea .infoArea .txtArea .aboutTwoLink > div a > div p > span{
    position: relative;
    display: inline-block;
}

.aboutArea .infoArea .txtArea .aboutTwoLink > div a > div p > span::after{
    position: absolute;
	bottom: -5px;
	left: 0;
	content: attr(data-btn);
	width: 0;
	height: 1px;
	background-color: #FFFFFF;
	transition: .3s;
}

.aboutArea .infoArea .txtArea .aboutTwoLink > div a:hover > div p > span::after{
	width: 100%;
}

.aboutArea .infoArea .txtArea .aboutTwoLink > div a > div:first-child{
    position: relative;
    width: 99px;
}

.aboutArea .infoArea .txtArea .aboutTwoLink > div a > div:first-child .whiteArrow{
    position: absolute;
    top: 0;
    left: 0px;
    width: 130px;
    height: 99px;
    background-image: url(./img/arrow_white.png);
    background-position: right;
}

.aboutArea .infoArea .txtArea .aboutTwoLink > div a > div p span.small{
    font-size: 0.4em;
    font-weight: normal;
}

.aboutArea .infoArea .txtArea .aboutTwoLink > div:first-child{
    margin-right: 2%;
}

.bottomBack{
    background-color: #FFF;
    margin-top: 90px;
}




.common_underArea {
    padding: 0px 0 0px;

}







.listArea {
	background: url(./img/top/list_bg.png) no-repeat ;
	background-size:cover;
	margin-top:60px;
	height:300px;
}

.listArea1 {

	margin-top:60px;
	height:270px;
}

.listArea2 {
	margin-top:0px;
	height:500px;
}

.lar_max {
	width:1110px;
	margin:0 auto;
	padding-top:0px;
	height:300px;
}

ul.cube_bnr {
	width:960px;
	margin:0 auto;
	padding-top:40px;
	padding-left:0px;

}

.listAreabox {
	width:30%;
	max-width:370px;
	float:left;
	position:relative;
	text-align:left;
	height:250px;
	padding:0 35px 0 35px;

}

.rmbnone {

	margin-right:0px;
}

.listAreabox h5 {
	font-size:22px;
	font-weight:bold;
	color:#333;
	width:90%;
	margin:0 auto;
}


.listAreabox p {

	color:#333;
	width:90%;
	margin:0 auto;
}


.listAreabox .cBt {
	width:90%;
	
	height: 45px;
	background:#630 url(./img/common/right_arw.png) no-repeat right;
	padding:10px 0 10px 0;
	text-align:center;
	margin:50px auto 0;


}

.listAreabox .cBt2 {
	position:absolute;
	bottom:-10px;
	padding-left:30px;

}

.listAreabox .bnr_t_1 {
	color:#333;
	font-size:90%;
	font-weight:bold;
	padding-top:15px;
	padding-right:30%;

}

.listAreabox .bnr_t_2 {
	color:#333;
	font-size:80%;
	padding-top:10px;
	padding-right:90px;


}

.listAreabox .bnr_t_3 {
	color:#333;
	font-size:90%;
	padding-top:15px;
	padding-right:0px;
	font-weight:bold;


}

.listAreabox .area_line {
	width:30px;
	height:5px;
	background-color:#6B3818;
	position:absolute;
	top:15px;
	left:10px;
}

.listAreabox .area_line2 {
	width:30px;
	height:5px;
	background-color:#6B3818;
	position:absolute;
	top:20px;
	left:10px;
}

.listAreabox .area_img {
	width:75px;
	height:85px;
	position:absolute;

	bottom:100px;
	right:40px;
}

.listAreabox .area_img2 {
	width:75px;
	height:72px;
	position:absolute;

	bottom:130px;
	right:40px;
}

.listAreabox .area_img3 {
	width:62px;
	height:83px;
	position:absolute;

	bottom:70px;
	right:50px;
}


.ptno {
	padding-top:0;
}







.bottomImage{
    height: 185px;
}





/*** news Style ***/
#news .backFitImage{
    padding-top: 135px;
}




#contArea{
    width: 80%;
    max-width: 1100px;
    margin: 0 auto;
}

.newsContent {
        background: rgba(255,255,255,1);
}

.ticketsContent .mainTtl h2{
    position: relative;
    width: 650px;
    text-align: left;
    padding: 0 110px;
}

.ticketsContent .mainTtl h2 img{
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 30px;
    margin-top: -8.5px;
}

.ticketsContent .mainTtl h2 .fontMiddle{
    font-size: 32px;
    margin-left: 35px;
}

.ticketsContent h3{
    text-align: center;
    font-size: 45px;
    padding: 60px 0 100px;
}

.ticketsContent .tcInfoWrap{
    width: 75%;
    margin: 0 auto;
    color: #0A234D;
    padding-bottom: 100px;
}

.ticketsContent .tcInfo{
    background: #FFFFFF;
    /*margin-bottom: 160px;*/
}

.tcInfo .fl50{
    width: 50%;
    float: left;
}

.infoImage{
    position: relative;
}

.infoArrow{
    position: absolute;
    bottom: 5px;
    right: -10px;
}

.tcInfo .fl60{
    width: 60%;
    float: left;
    padding-right: 5%;
}

.tcInfo .fl40{
    width: 40%;
    float: left;
}

.tcInfo .fl50 img,
.tcInfo .fl40 img,
.tcInfo .fl60 img{
    width: 100%;
}

.tcInfo .fl50 img.move{
    border: 5px solid #FFFFFF;
    margin-top: -20px;
}

.tcInfo .head > div:first-child p{
    text-align: center;
}

.tcInfo .head > div:last-child .txtArea{
    padding: 40px;
}

.tcInfo .textHead{
    width: 100%;
    display: table;
}

.tcInfo .textBottom{
    padding-top: 25px;
}

.tcInfo .textHead > div{
    display: table-cell;
    vertical-align: middle;
}

.tcInfo .textHead > div:last-child .fmOswald{
    font-size: 72px;
}

.tcInfo h4{
    font-size: 2.0em;
    font-weight: bold;
}

span.line{
    display: inline-block;
    width: 40px;
    height: 1px;
    background: #0A234D;
}

span.bottomLine{
    display: block;
    width: 95%;
    height: 5px;
    background: #0A234D;
    margin: 0 auto;
}

.tcInfo table.infoTable{
    margin: 18px auto 0;
}

.tcInfo table.infoTable th{
    font-weight: normal;
    width: 70px;
    vertical-align: middle;
    text-align: center;
    padding: 0 15px;
}

.tcInfo table.infoTable td{
    padding: 5px 15px;
}

.tcInfo .twoBtnArea{
    position: relative;
    top: 30px;
}

.tcInfo .twoBtnArea .btn{
    float: left;
    width: 48%;
    min-width: 160px;
}

.tcInfo .twoBtnArea .btn:first-child{
    margin-right: 2%;
}

.tcInfo .twoBtnArea.bottmBtnArea{
    margin-top: 30px;
    margin-bottom: 0;
    text-align: center;
}

.tcInfo .twoBtnArea.bottmBtnArea .btn{
    float: none;
    display: inline-block;
}

.tcInfo .twoBtnArea.bottmBtnArea .btn:last-child{
    width: auto;
    min-width: 1px;
    padding: 0 20px;
}

.tcInfo .bottom{
    padding: 90px 0 0;
    display: none;
}

.tcInfo .bottom > div{
    padding: 15px 50px 50px;
}

.tcInfo .bottom .infoSection{
    padding-top: 35px;
}

.tcInfo .bottom .infoTable{
    margin-bottom: 15px;
}

.tcInfo .bottom .bottomBtnArea{
    text-align: right;
    margin-top: 25px;
}

.tcInfo .bottomBtnArea .btn{
    width: 230px;
    height: 35px;
    line-height: 35px;
}

.tcInfoWrap .tcEndBtnArea{
    text-align: center;
    padding-bottom: 100px;
}



/*** cationArea style ***/
#cation .backFitImage{
    padding-top:135px;
}

.cationArea {
    width: 90%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 70px 0 100px;
    background: rgba(7, 18, 45, 0.9);
}

.cationArea .cationHead{
    width: 90%;
    margin: 0 auto;
}

.cationArea h2 {
    font-size: 45px;
    line-height: 75px;
    text-align: center;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 40px;
}

.cationArea .cationInfoArea{
    width: 90%;
    margin: 0 auto;
    padding-top: 20px;
}

.cationArea .cationInfoArea .cationTxt{
    margin-bottom: 40px;
}

.cationArea .cationInfoArea table{
    width: 100%;
    border: 1px solid #FFFFFF;
    margin-bottom: 40px;
}

.cationArea .cationInfoArea table th,
.cationArea .cationInfoArea table td{
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    padding: 10px;
    text-align: center;
}

.cationArea .cationInfoArea table tr.blue th,
.cationArea .cationInfoArea table tr.blue td{
    background: #FFFFFF;
    color: #0A234D;
    font-weight: bold;
    border-right: 1px solid #0A234D;
    border-bottom: 1px solid #0A234D;
}

.cationArea .cationInfoArea .agArea{
    text-align: center;
    color: #D21F54;
    font-size: 1.2em;
    background: #fef6f3;
    padding: 40px 0;
}

.cationArea .cationInfoArea .agArea .submitArea{
    margin-top: 20px;
}

.cationArea .cationInfoArea .agArea .submitArea button{
    height: 65px;
    line-height: 65px;
    background: none;
    color: #FFFFFF;
    padding: 0 15px;
    border: none;
    background: #D21F54;
}

/*** footer style ***/



#footer {
	position: relative;
	background-color: rgba(16,53,117,1);
}

#footer .tr_bg {
	position: absolute;
	top:0;
	left: 0;
	width: 14%;
	opacity: 0.2;
	
}

#footer .tr_bg img {
	width: 100%;
	height: auto;
	
}

#footer .inner {
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
	padding: 20px 0px 60px 0px;
}


#footer .inner2 {
	width: 100%;
	
	margin: 0 auto;
	
	padding: 2% 5%;
	background-color: #FFFFFF;
}


#footer .inner .ad_box h5 {
	font-size:100%;
	color:#333333;
	font-weight:bold;
}

#footer .inner .ad_box p {
	font-size:90%;
	color:#333333;
	padding-top:10px;
}




.mrno {
	margin-right:0px;

}







#footer .fTicketBtn{
    background: #6B3818;
    float: right;
    min-width: 275px;
	padding:20px 0 20px 0;
}

#footer .fGoodsBtn{
    background: #1daceb;
    float: left;
    min-width: 275px;
}

#footer .fTicketBtn a,
#footer .fGoodsBtn a{
    display: block;
    color: #FFF;
    padding: 10px 25px;
    line-height: normal;
    width: 100%;
    margin: 0;
	text-align:center;
}


#footer ul.ftopBtn {
	width: 70px;
	margin: 0 auto;
	padding-bottom: 60px;
}

#footer ul.ftopBtn img {
	width: 100%;
	height: auto;
}

#footer ul.ftopBtn a:hover{
    opacity: .7;
}


#footer .footerbox_l{
	
	width: 55%;
	float: left;
}

#footer .footerbox_l h5 {
	
	font-size: 120%;
	padding-bottom: 10px;
	font-weight: bold;
}

#footer .footerbox_l p {
	
	font-size: 85%;
	padding-bottom: 20px;
}

#footer .footerbox_l p.foottxt {
	
	font-size: 100%;
	padding-bottom: 5px;
}









#footer .footerbox_l p a {
	
	font-size: 80%;
	padding-bottom: 0px;
}

#footer .footerbox_l p a:hover {
	text-decoration: underline;
}



#footer .footerbox_r {
	
	width: 45%;
	float: right;
	
}

#footer .footerbox_r p.ft_p_main {
	
	font-size: 140%;
	padding-bottom: 40px;
	
}

#footer .footerbox_r h5 {
	
	font-size: 120%;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 10px;
}



#footer .footlogo {
    
	float: left;
	padding-left: 0%;
	width: 320px;
}

#footer .footlogo img {
	width: 100%;
	height: auto;
}



#footer .copybox {
    font-size: 70%;
	float: right;
	color: #1C1C1C;
	
}


/*作品集　6/21追加分
*******************************************************************************************************************************************************************/

.backFitImageB {
	
	
}


#tab_area{
	width:85%;
	margin:0 auto;
	padding-top:50px;
	padding-bottom:40px;


}

.ins_box{
	width:100%;
	


}
                                                                                                                                                                                     
.g_box{
	
    width: 33.3%;
	max-width: 320px;
	
    margin: 0;
    position: relative;
    float: left;
}

.gImg{
	
	background-color: #BCBCBC;
}

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


.worksWrap {
    width: 100%;
    margin: 0 auto;
    padding: 0px 0 30px 0;
}

.worksWrap article {
    width: 310px;
    margin: 0 15px 1.5% 0;
    position: relative;
    float: left;
}



.worksWrap article:nth-child(3n){
    /*width: 30%;
    margin: 0 0 1.5% 0;*/
    width: 310px;
    margin: 0 0 1.5% 0;
}

.worksWrap .work_boxr {

    /*width: 30%;*/
    width: 310px;
    margin: 0 1.5% 1.5% 0;
    position: relative;
    float: right;
}

.worksWrap article a {
    display:block;
}

.worksWrap article .worksImg {
    overflow: hidden;
    width: 310px;
    height: 207px;
    position: relative;
    
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    overflow:hidden;
}

.worksWrap article .worksImg .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color: rgba(255,255,255,0.7);
	-webkit-transition:	all 0.5s ease;
	transition:		all 0.5s ease;
}

.worksWrap article .worksImg:hover .mask {
	opacity:		1;	/* マスクを表示する */
	padding-top:		50px;	/* ホバーで下にずらす */
}

.worksWrap article .worksImg .caption {
	width:80%;
	margin:0 auto;
	padding:0 0 0 6%;
	
}

.worksWrap article .worksImg .caption h5 {
	font-size:18px;
	padding-bottom:10px;
}

.worksWrap article .worksImg .caption p {
	font-size:80%;
	color: #212121;
	font-weight: bold;
}

.worksWrap article .worksImg img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*max-width: 100%;
    max-height: 100%;*/
    width: 100%;
    height: 100%;
}




.worksWrap article .worksImg2 {
    overflow: hidden;
    width: 310px;
    height: 430px;
    position: relative;
    background-color: #666666;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    overflow:hidden;
}

.worksWrap article .worksImg2 .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color: rgba(255,255,255,0.7);
	-webkit-transition:	all 0.5s ease;
	transition:		all 0.5s ease;
}

.worksWrap article .worksImg2:hover .mask {
	opacity:		1;	/* マスクを表示する */
	padding-top:		80px;	/* ホバーで下にずらす */
}

.worksWrap article .worksImg2 .caption {
	width:80%;
	margin:0 auto;
	padding:0 0 0 35px;
	background:url(./img/top/m_a_white.png) no-repeat 0 0;
}

.worksWrap article .worksImg2 .caption h5 {
	font-size:18px;
	padding-bottom:10px;
}

.worksWrap article .worksImg2 .caption p {
	font-size:90%;
		color: #212121;
	font-weight: bold;
}

.worksWrap article .worksImg2 img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*max-width: 100%;
    max-height: 100%;*/
    width: 100%;
    height: 100%;
}


.worksWrap article .worksImg3 {
    overflow: hidden;
    width: 635px;
    height: 206px;
    position: relative;
    background-color: #666666;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    overflow:hidden;
}

.worksWrap article .worksImg3 .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color: rgba(255,255,255,0.7);
	-webkit-transition:	all 0.5s ease;
	transition:		all 0.5s ease;
}

.worksWrap article .worksImg3:hover .mask {
	opacity:		1;	/* マスクを表示する */
	padding-top:		40px;	/* ホバーで下にずらす */
}

.worksWrap article .worksImg3 .caption {
	width:82%;
	margin:0 auto;
	padding:0 0 0 20px;
	background:url(./img/top/m_a_white.png) no-repeat 0 0;
}

.worksWrap article .worksImg3 .caption h5 {
	font-size:18px;
	padding-bottom:10px;
}

.worksWrap article .worksImg3 .caption p {
	font-size:90%;
		color: #212121;
	font-weight: bold;
}

.worksWrap article .worksImg3 img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*max-width: 100%;
    max-height: 100%;*/
    width: 100%;
    height: 100%;
}












.worksWrap article .worksTag {
    position: absolute;
    top: 0px;
    left: 0px;
	line-height:1.9;
}

.worksWrap .worksTag span {
    font-size: 12px;
    font-weight: bold;
    padding: 10px 12px 10px 12px;
    background-color: #6B3818;

}

ul.insLink {
	width: 80%;
	margin: 30px auto 0;
	max-width: 820px;
}

ul.insLink li {
	text-align: center;
	font-size: 32px;
	
	
	background: url(../image/ins_bt.png) no-repeat 100px 5px  ;
	background-size: 40px;
	padding: 0px 0 10px 0;
}

ul.insLink li a {
	color: #202020;
}



/*
*******************************************************************************************************************************************************************/


#left_box_w {
    width: 700px;

	float:left;
    padding: 0 0 0 50px;
	position:relative;

}

#r_box_w {
	 width: 30%;
	max-width:300px;

	float:right;
    padding: 0 0 0 0;
	margin-top:90px;
	margin-right:20px;

}



#left_box_w .workWrap_entry {
    width: 100%;
	max-width:700px;
    margin: 0 auto;
    padding: 90px 0 30px 0;

}



.workWrap_entry a:hover .newsImg img {
    opacity: 0.6;
    transition: .3s
}

.workWrap_entry  a:hover .newsContent {
    color: #999999;
}



.workWrap_entry  .newsImg {
    overflow: hidden;
    width: 100%;
	max-width:770px;
    height: 450px;
    position: relative;
    background-color: #666666;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    overflow:hidden;
}

.workWrap_entry .newsImg img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*max-width: 100%;
    max-height: 100%;*/
    width: 100%;
    height: 100%;
}

.workWrap_entry .entrytxt{
	padding:30px 0 40px 0;
	color:#333;
	line-height:2;
	font-size:85%;
}



.workWrap_entry .newsTag {
    position: absolute;
    top: 4px;
    left: 0px;
	width:100%;
	height:40px;
}

.workWrap_entry .newsTag span {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 28px 10px 28px;
    background-color: #333333;
	line-height:none;
}

.workWrap_entry .newsTag .red{
    background-color: #FF6600;
    color: #FFFFFF;
}

.workWrap_entry .newsTag .year {
    background-color: #D7DEEC;
	color:#333;

}

.workWrap_entry .newsTag  .brw {
    background: #6B3818;
}

.workWrap_entry .newsContent{
    padding: 35px 0px 40px 0px;

    color: #333333;
	height:220px;

}

.workWrap_entry .newsContent .tagBox2 {

    width: 100%;
    padding: 8px 0;
}

.workWrap_entry .newsContent .tagBox2 span {
    margin: 0 5px 5px 0;
    font-size: 11px;
    float: left;
    line-height: 22px;

       background: #CFCFCF;
	   padding: 0 10px 0 10px;
    color: #6B3818;
}

.workWrap_entry .newsContent .tagBox2 span a {

}


.workWrap_entry .newsContent .date {
    font-size: 12px;
	font-weight:bold;
	float:left;
	width:12em;
	padding:40px 0 40px 0;
	border-left:1px #CCC solid;
	border-right:1px #CCC solid;
	margin-right:40px;
	text-align:center;
}

.workWrap_entry .newsContent .ttl {
    font-size: 30px;
	color:#6B3818;
	float:left;
	width:70%;

}

.workWrap_entry .newsContent .text {
    font-size: 15px;
}


#r_box_w h5 {
	background: url(./img/common/m_a_brown.png) no-repeat 0 3px;
	padding:5px 0 0 40px;
	color:#333;
	font-size:38px;
	line-height:1;

}


ul.m_txt {
	margin-top:20px;

}

ul.m_txt li {
	float:left;
	width:40%;
	color:#333;
	font-size:80%;
}


ul.s_txt {
	margin-top:20px;
	padding-bottom:30px;

}

ul.s_txt li {
	color:#333;
	font-size:80%;
	padding:0 20px 2px 0;
}

.sikiri_brown {
	width:40px;
	height:2px;
	background-color:#6B3818;
	margin:20px 0 0 0;
}



.works_tagBox {
	width:90%;
	background:url(./img/common/dt_gr_bg.png) repeat ;
	padding:10px;
}


.works_tagBox span {
    margin: 0 5px 5px 0;
    font-size: 11px;
	float:left;

       background: #CFCFCF;
	   padding: 5px 10px 5px 10px;
    color: #6B3818;
}



.pic_bt {
	width:100%;
	height:50px;
	background:url(./img/common/dt_brown_bg.png) ;
	margin-top:10px;
	text-align:center;
}


ul.gbt {
	width:70%;
	margin:0 auto;
}

ul.gbt li {
	font-size:70%;
		background: url(./img/common/musimegane.png) no-repeat 30px 12px ;
		padding:15px 0 10px 0;
}



.works_txtArea {
	width:91%;
	margin:30px auto 30px;
	background:url(./img/common/dt_gr_bg.png) ;
	padding:35px;

}

.works_txtArea .title_l {
	width:15%;
	float:left;
	background:url(./img/common/m_a_brown.png) no-repeat 0 0;

}

.works_txtArea h5.w_txt {
	color:#333;

	font-size:110%;
	font-weight:bold;
	padding:0 0 0 40px;

}

.works_txtArea p{
	color:#6B3818;
	font-size:60%;
	padding:0 0 0 40px;

}

.works_txtArea .txt_r {

	width:80%;
	float:right;
	border-left:1px #999 solid;
	padding:0 0 0 60px;

}

.works_txtArea .txt_r p{

	color:#333;
	padding:0 0 0 0px;
	font-size:80%;
	line-height:1.8;
}


/*施工　6/23追加分
*******************************************************************************************************************************************************************/

.backFitImageC {
    background-image: url(./img/project/main_bg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
	background-attachment: fixed;
    padding-bottom: 0px;
	padding-top:60px;
}

.projectWrap {
    width: 85%;
    margin: 0 auto;
    padding: 0px 0 30px 0;
}

.projectWrap article {
    width: 48%;
    margin: 0 1.5% 1.5% 0;
    position: relative;
    float: left;
}

.projectWrap article:nth-child(3n){
    width: 48%;
    margin: 0 1.5% 1.5% 0;
}

.projectWrap article a {
    display:block;
}

.projectWrap article .worksImg {
    overflow: hidden;
    width: 210px;
    height: 135px;
    position: relative;
    background-color: #666666;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    overflow:hidden;
	float:left;
}

.projectWrap article .caption {
	width:50%;
	margin:0 auto;
	padding:0 0 0 20px;
	float:left;
}

.projectWrap article  .caption h5 {
	font-size:18px;
	background: url(./img/top/s_a_brow.png) no-repeat 0 0;
	color:#333333;
	padding:5px 0 0 30px;
}

.projectWrap article .caption p {
	font-size:65%;
	color:#333;
	padding-bottom:10px;
}

.projectWrap article .worksImg img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

.projectWrap article .worksTag {
    position: absolute;
    top: 0px;
    left: 0px;
	line-height:1.9;
}

.projectWrap .worksTag span {
    font-size: 12px;
    font-weight: bold;
    padding: 10px 12px 10px 12px;
    background-color: #6B3818;
}

.projectWrap ul.proj_txt {
	margin-top:10px;
	padding-bottom:10px;
}

ul.proj_txt li {
	width:90%;
	color:#333;
	font-size:70%;
}

ul.s_txt {
	margin-top:20px;
	padding-bottom:30px;
}

ul.s_txt li {
	color:#333;
	font-size:80%;
	padding:0 20px 2px 0;
}

.sikiri_brown {
	width:50px;
	height:4px;
	background-color:#252525;
	margin:20px 0 0 0;
}


.proj_tagBox {
	width:90%;
	padding: 15px 0 0 0;
}

.proj_tagBox span {
    margin: 0 5px 5px 0;
    font-size: 10px;
	float:left;
    background: #CFCFCF;
    padding: 5px 10px 5px 10px;
    color: #6B3818;
}

.proj_tagBox span a {
    color: #6B3818;
}

.proj_text {
    font-size: 80%;
    padding: 5px 10px 25px 0px;
}

#left_box .projWrap_entry {
    width: 85%;
    margin: 0 auto;
    padding: 60px 0 30px 0;
}

.projWrap_entry .newsImg,
.projWrap_entry .newsImg img {
    width: 100%;
}

.projWrap_entry  h5.proj_title {
	background:url(./img/top/m_a_bla.png) no-repeat 0 10px;
	padding:15px 0 30px 40px;
	color:#333;
	font-size:20px;
}

.projWrap_entry .entrytxt{
	padding:30px 0 40px 0;
	color:#333;
	line-height:2;
	font-size:85%;
}

#left_box .projWrap_entry .newsTag {
    position: absolute;
    top: 4px;
    left: 0px;
	width:100%;
	height:40px;
}

.projWrap_entry .newsTag span {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 12px 10px 12px;
    background-color: #333333;
	line-height:none;
}

.projWrap_entry .newsTag .red{
    background-color: #FF6600;
    color: #FFFFFF;
}

.projWrap_entry .newsTag .yellow{
    background-color: #FACD34;
    color: #0A234D;
}

.projWrap_entry .newsTag  .brw {
    background: #6B3818;
}










.projWrap_entry .newsContent{
    padding: 35px 0px 40px 0px;

    color: #333333;
	height:240px;


}

.proj_l_box {

    width: 20%;
    padding: 0 0 0 0;
	float:left;
	margin-right:45px;
}

.proj_r_box {

    width: 70%;
    padding: 0 0 0 0;
	float:left;

}



.pro_sikiri_brown {
    margin: 0 5px 5px 0;
    font-size: 11px;


       background:#6B3818;
	   width:50px;
	   height:2px;
}

.projWrap_entry .newsContent .tagBox2 {

    width: 100%;
    padding: 8px 0;
}

.projWrap_entry .newsContent .tagBox2 span {
    margin: 0 5px 5px 0;
    font-size: 11px;
    float: left;
    line-height: 22px;

       background: #CFCFCF;
	   padding: 0 10px 0 10px;
    color: #6B3818;
}

.projWrap_entry .newsContent .tagBox2 span a {

}



.projWrap_entry .newsContent .date {
    font-size: 12px;
	font-weight:bold;
	float:left;
	width:12em;
	padding:40px 0 40px 0;
	border-left:1px #CCC solid;
	border-right:1px #CCC solid;

	text-align:center;
}

.projWrap_entry .newsContent .ttl {
    font-size: 30px;
	color:#6B3818;

	width:70%;

}

.projWrap_entry .newsContent .text {
    font-size: 15px;
}

.cat_bc_bt2 {
	background:#6B3818 url(./img/common/right_arw.png) no-repeat right;
	margin-top:7px;
	padding:10px 0 0.5em 25px;
	margin-bottom:7px;
	height:45px;

}

.cat_bc_bt2 a {
	font-size:85%;
	color:#fff;

}

.cat_bc_bt2 a:hover{
    opacity: .7;
}


.newsArea .mainTtl_news h2.proj_e_c {
    font-size: 15px;
	font-weight:bold;
	color:#6B3818;
	width:100%;
	padding:20px 0 20px 50px;
	background: url(./img/common/m_a_brown.png) no-repeat 10px 10px;
}



h2#cont_tih2 {
    font-size: 15px;
	font-weight:bold;
	color:#217ECB;
	
	padding:90px 0 30px 0px;
	background: url( ../product/image/pro_ti_bg.png) no-repeat center;
	background-size: 160px;
	text-align: center;
}

h2#cp_tih2 {
    font-size: 15px;
	font-weight:bold;
	color:#217ECB;
	
	padding:90px 0 30px 0px;
	background: url( ../company/img/com_ti.png) no-repeat center;
	background-size: 160px;
	text-align: center;
}

h2#contact_tih2 {
    font-size: 15px;
	font-weight:bold;
	color:#217ECB;
	
	padding:90px 0 30px 0px;
	background: url( ../contact/img/cont_ti.png) no-repeat center;
	background-size: 160px;
	text-align: center;
}


p.ti_p {
    font-size: 14px;
	font-weight:bold;
	color:#212121;
	
	padding:0px 0 90px 0px;

	text-align: center;
	width: 50%;
	margin: 0 auto;
}


.bl_line_2 {
	width: 1px;
	height: 50px;
	background-color: #027FD0;
	margin: 40px auto 40px;
}

.bl_line_s {
	width: 1px;
	height: 50px;
	background-color: #027FD0;
	margin: 0px auto 0px;
}

h3.prodh3ti {
	width: 30%;
	
	
	margin: 0px auto 30px;
}

h3.prodh3ti img {
	width: 100%;
	height: auto;
	
	
}


dl.prof {
  width: 90%;
	max-width: 960px;
	margin: 0 auto 15px;
}

dl.prof dt {
  clear: left;
  float: left;
  width: 30%; 
  margin-bottom: 15px;
  color:#252525;
  font-size:90%;
  line-height:1.4;
  font-weight:bold;
	padding-left: 2em;
}

dl.prof dd {
  margin-left: 5em;
  margin-bottom: 15px;
  zoom: 1;
  line-height:1.4;
  color:#252525;
  font-size:90%;
}

dl.prof dd a{
	color: #6D3919;
	text-decoration:underline;
}

.gr_line {
width: 100%;
	max-width: 960px;
	height: 1px;
	background-color: #DCDCDC;
	margin: 0 auto 15px;
}

/* sdl
================================================== */


.animation {


visibility:hidden;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.logoArea2{
    position: absolute;

    width: 140px;
    
    top: 32px;
    left: 150px;

	margin: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
   
    z-index: 2000;
}

	.logoArea2 img {

    width: 100%;
		height: auto;
    
}

.box960 {
	width: 960px;
	margin: 0 auto;
	
	padding: 0px 0 0px 0;
}

.box960bl {
	width: 960px;
	margin: 0 auto;
	
	padding: 30px 0 30px 0;
}

.box960small {
	width: 100%;
	margin: 0 auto;
	
	padding: 60px 0 30px 40px ;
	background-color: #BFDFF3;
}

.cont_ul_box{
	width: 23%;
	margin-right: 2%;
	float: left;
	position: relative;
}

.cont_ul_box2{
	
	position: relative;
	
	margin-bottom: 30px;
}

.padding-bottomNo{
	
	padding-bottom: 0px;
}

.mgbt_no {
	 margin-bottom:  0px;
	

}



.padding-tpNo_3 {
	
	padding: 0px 0 30px 0;
}


.cont_ul_box3 {
	width: 30%;
	margin-right: 3%;
	float: left;
	position: relative;
}

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

.box_half{
	width: 50%;
	float: left;
	padding: 2%;
	background-color: #FFFFFF;
	height: 320px;
}
.box_half2{
	width: 50%;
	float: left;
	background-color: #103575;
	height: 320px;
}

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


.box_half_nh{
	width: 50%;
	float: left;
	padding: 2%;
	background-color: #FFFFFF;
	
}
.box_half_nh_v2{
	width: 50%;
	float: left;
	
	background-color: #FFFFFF;
	
}


.box_half_nh2{
	width: 50%;
	float: left;
	background-color: #e0eff9;
	margin-top: 60px;
	padding: 50px;
	position: relative;
}

.box_full_nh {
	width: 100%;
	
	background-color: #e0eff9;
	margin-top: 0px;
	padding: 50px;
	position: relative;
}

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

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

h3.h3_ti {
		padding: 0px 0 20px 0;
	
	color: #103575;
	
	font-size: 180%;
	font-weight: bold;
}
p.txt_blue {
	color: #103575;
	font-size: 100%;
}

p.txt_blue2 {
	color: #103575;
	font-size: 120%;
	text-align: center;
	font-weight: bold;
	margin: 0 auto;
	width: 100%;
	
}

.center_at_ti {
	margin: 0 auto;
	padding: 0px 0 30px 0;
	width: 75%;
}


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

.center_img {
	margin: 0 auto;
	padding: 0px 0 0px 0;
	width: 100%;
}

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


.pdbt_20_2 {
	padding:30px 0 30px 0;
	

}

.pdbt_30w {
	padding:30px 30px 30px 30px;
	

}

.pdtp_20_2 {
	padding:20px 0 0px 0;
	

}

.pdtp_20_3 {
	padding:0px 0 0px 0;
	

}

.center_img_v2 {
	margin: 0 auto;
	padding: 0px 0 0 0;
	width: 80%;
}

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




h4.h4_co_ti {
	padding: 0px 0 5px 0;
	
	color: #103575;
	
	font-size: 130%;
	font-weight: bold;
	
}

		
h4.h4_co_ti_sys {
	padding: 0px 0 18px 0;
	
	color: #103575;
	background: url(../product/image/blue_line.png) no-repeat left bottom;
	background-size: 7%;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 15px;
}
.box_full_nh .sys_num {
	position: absolute;
	top: 0;
	left:0;
	width: 40px;
}
.box_full_nh .sys_num img {
	
	width: 100%;
	height: auto;
}
 
.box_half_nh2 .num {
	position: absolute;
	top: 0;
	left:0;
	width: 40px;
}


.box_half_nh2 .num img {
	
	width: 100%;
	height: auto;
}


h5.h5_ti{
	width: 300px;
	margin: 0 auto;
	padding: 30px 0 20px 0;
}
h5.h5_ti img {
	width: 100%;
	height: auto;
}

p.txt_white{
	color: #FFFFFF;
	padding: 0 40px 0 40px;
}

h5.blue_l_txt {
	color:  #103575;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	font-size: 120%;
	padding-top: 30px;
}

.sq {
	position: absolute;
	left: 0;
	top: -45px;
	width: 30px;
	display: none;
}

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

.sq2 {
	position: absolute;
	left: 0;
	top: -15px;
	width: 20px;
}

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




h4.h4_ti {
	color: #103474;
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 20px;
}
p.cont_l {
	
}

p.cont_l img {
	width: 100%;
	height: auto;
	
}

.blue_box {
	background-color: #e0eff9;
	width: 100%;
	max-width: 960px;
	margin: 0px auto 30px;
	
	
}

.blue_box2 {
	background-color: #e0eff9;
	width: 100%;
	max-width: 960px;
	margin: 30px auto 0px;
	padding: 40px;
	
	
}

.blue_box2_mg {
	
	margin: 0px auto 30px;
	
	
	
}


.blue_box3 {
	background-color: #e0eff9;
	width: 100%;
	margin: 30px auto 0px;
	padding: 40px;
	
	
}

.l50box {
	width: 50%;
	float: left;
	padding: 40px;
}

.l50box2 {
	width: 50%;
	float: left;
	padding: 40px 0 40px 40px;
}
.l50box22 {
	width: 50%;
	float: left;
	padding: 40px 40px 40px 0px;
}

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

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

.r50box{
	width: 50%;
	float: left;
	padding: 40px;
	
}

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

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

.pd_a_20 {
	padding: 20px;
}

h4.h4_co_ti_1 {
	padding: 0px 0 18px 0;
	
	color: #103575;
	
	
	font-size: 130%;
	font-weight: bold;
	
}

h4.h4_co_ti_2 {
	padding: 0px 0 30px 0;
	
	color: #103575;
	
	font-size: 130%;
	font-weight: bold;
	
}

h4.h4_co_ti_3 {
	padding: 0px 0 0px 0;
	
	color: #103575;
	
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 15px;
}


h4.h4_co_ti_3 a {
	
	color: #103575;
	text-decoration: none;
	
	
}

h4.h4_co_ti_3 a:hover {
	
	color: #103575;
	text-decoration: underline;
	
	
}


h4.h4_co_ti_4 {
	padding: 0px 0 0px 0;
	
	color: #103575;
	
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 60px;
}

h4.h4_co_ti_4 a {
	
	color: #103575;
	text-decoration: none;
	
	
}

h4.h4_co_ti_4 a:hover {
	
	color: #103575;
	text-decoration: underline;
	
	
}

.ul_sikiri_line {
	width: 100%;
	height: 1px;
	background-color: #E1E1E1;
	margin-bottom: 15px;
}

.l500box {
	width: 500px;
	float: left;
	margin: 0px 0 30px 0;
}

.l500box1 {
	width: 522px;
	float: left;
	margin: 0px 0 0px 0;
}
	

.r385box {
	width: 385px;
	float: right;
	margin: 0px 0 30px 0;
	
}

.r330box {
	width: 330px;
	float: left;
	margin: 30px 0 30px 50px;
	
}

.r330box1 {
	
	max-width: 360px;
	float: right;
	margin: 0px 0 0px 0px;
	
}


.l500box img,.l500box1 img,.r385box img ,.r330box img ,.r330box1 img {
	width: 100%;
	height: auto;
	
}

h4.l_line_ti {
	background: url(../product/image/blue_line.png) left center no-repeat;
	background-size: 35px;
	color: #103575;
	font-size: 180%;
	padding: 0 0 0 48px;
	font-weight: bold;
	margin-bottom: 10px;
}


.co_img{
	padding: 20px 0 0 0;
	
}


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




/*1370スタイル
*******************************************************************************************************************************************************************/
@media screen and (max-width: 1370px) {

	
	
	/*** header style ***/
#header{
    width: 100%;
	height: 120px;
	
}
	
	
	
	
	
	
	
	
}

/*1280スタイル
*******************************************************************************************************************************************************************/
@media screen and (max-width: 1279px) {
	
.menu {
    position: relative;
    width: 50%;
    height: 50px;
    max-width: 780px;
    margin: 25px 300px 0 auto;
}
	
.logoArea{
    position: absolute;

    width: 220px;
    
    top: 110px;
    left: 0;
	right:0;
	
	margin: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
   
    z-index: 2000;
}
	
	

	
	
}

/*1200スタイル
*******************************************************************************************************************************************************************/
@media screen and (max-width: 1199px) {
	
.logoArea2{
    position: absolute;

    width: 120px;
    
    top: 32px;
    left: 120px;

	margin: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
   
    z-index: 2000;
}
	
	.menu {
    position: relative;
    width: 50%;
    height: 50px;
    max-width: 780px;
    margin: 25px 250px 0 auto;
}
	
.menu > li {
    float: left;
    width: 18%; /* グローバルナビ4つの場合 */
    height: 47px;
    line-height: 50px;
   
}
.menu > li a {
    display: block;
    color: #000;
	font-size:80%;
	font-weight: bold;
}

	
}

/*959スタイル
*******************************************************************************************************************************************************************/
@media screen and (max-width: 959px) {

		.pc2 {
    display: none;
}
	
	
	
	
	#header .inner{
    position: relative;
    display: inline-block;
    padding: 0 0px 0 0px;
}
	
	.menu {
		display: none;
}
	
#overLay_tri {
    position: fixed;
    width: 100%;
    height: 120%;
   
	
	background-position: 0px 0;
  
  padding-top:60px;
	margin-bottom: 0px;
    top: -100px;
    left: 0px;
    z-index: -1;
}


	.topSlider .mainTxtArea {
    padding-top: 85px;
	padding-bottom:65px;
    color: #FFFFFF;
	width:960px;
	margin:0 auto;
	position:relative;
}


.topSlider .mainTxtArea h2{
    display: inline-block;
    font-size: 75px;
    letter-spacing: 0.05em;
    margin-bottom: 25px;
    line-height: 1.3;
	width:620px;
	float:right;
	display:inline;

}

.topSlider .mainTxtArea .copybox{
    display: inline-block;
    font-size: 130%;
    letter-spacing: 0.09em;

    line-height: 2.5em;
	width:15%;
	float:right;
	display:inline;
	-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
		  margin-right:60px;
		  padding-top:20px;

}

.topSlider .ticketLink {
    width: 65%;

    max-width: 640px;
    float: left;
	background:#FFF;
	position:relative;
	padding:9px;
	height:86px;
}



.topSlider .ticketLink h4.top_e_ti {

    width: 25%;
    max-width: 180px;
	float: left;
	color:#333333;
	padding-top:20px;
	padding-left:35px;
	padding-right:10px;
	margin-left:9px;
	font-size:95%;
	font-weight:bold;
	height:60px;
	background:url(./img/top_e_bg_a.png) no-repeat 3px 10px;

}

.topSlider .ticketLink .top_e_sCat {

    width: 180px;
	height:27px;
	background-color:#FF6600;
	text-align:center;
	position:absolute;
	left:0;
	top:-27px;


}
.topSlider .ticketLink .top_e_txt {

    width: 50%;
    max-width: 350px;
	float: left;
	color:#333333;
	font-weight:bold;
	padding-top:10px;
height:60px;
font-size:90%;

}


.lar_max {
	width:960px;
	margin:0 auto;
	padding-top:40px;
	height:300px;
}

ul.cube_bnr {
	width:850px;
	margin:0 auto;
	padding-top:60px;
	text-align:left;
	padding-left:0px;
	padding-right:70px;

}

ul.cube_bnr img {
	width:100%;
	height:100%;

}

.listAreabox {

	float:left;
	position:relative;
	text-align:left;
	height:250px;
	margin-right:20px;
	padding:0 15px 0 15px;
}

.listAreabox .area_img2 {
	width:75px;
	height:72px;
	position:absolute;

	bottom:100px;
	right:10px;
}

.listArea2 {
	margin-top:10px;
	height:500px;
}


.listAreabox .area_line {
	width:30px;
	height:5px;
	background-color:#6B3818;
	position:absolute;
	top:15px;
	left:-10px;
}

.listAreabox .area_line2 {
	width:30px;
	height:5px;
	background-color:#6B3818;
	position:absolute;
	top:20px;
	left:-10px;
}

#footer .fBtnArea {
    position: absolute;
    top: 0;
    right: 40px;
}

#footer .inner2 .ft_p_main {
	font-size:20px;
	color:#333333;
	padding-top:5px;
	padding-bottom:3px;
	font-weight:bold;
	
}
#footer .inner2 .ft_p_main a {
	font-size:18px;
	color:#333333;
	padding-top:5px;
	padding-bottom:3px;
	font-weight:bold;

}



.topSlider .sliderFilter{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 60px;
    background-image: url(./img/slider/slider_filter.png);
}




.topSlider .slider .sliderList{
    width: 100%;
    height: 750px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

 /*　baseから　>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

	#renew {
  
  width:90%;
  
   
 
}

#renew h3.cont_name {
	font-size:280%;
	font-weight:bold;
	color: #fff;
position: absolute;
	top:100px;
	left:10%;
	width: 100%;
	z-index: 1;
}

h3.cont_name2 {
	font-size:40px;
	font-weight:bold;
	color: #212121;
	z-index: 1;
}

	
.renew_rbox h4.sti2 {
	
	font-size:120%;
	font-weight:bold;
	color: #212121;
	padding: 60px 60px 0 0;
	
	
 
}

.renew_rbox span {
	
	color: #212121;
	font-size:20px;
	font-weight:bold;
	border-bottom:  #171717 5px solid;
	padding-bottom: 10px;
	margin-bottom: 10px;
 
}



.renew_rbox p.mainTxt {
	
	color: #212121;
	font-size:15px;
	line-height:1.8;
	padding:40px 40px 0px 0;

}

	
.sub_innner {

  padding-top:60px;
	margin-bottom: 60px;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	





 /*　追加*/
	
	.sub_box_f {
	width:100%;
	max-width: 765px;
	margin: 0 auto;
}

.worksWrap article {

    width: 250px;
    margin: 0 5px 5px 0;
    position: relative;
    float: left;
}

.worksWrap article:nth-child(3n){
    /*width: 30%;
    margin: 0 0 1.5% 0;*/
    width: 250px;
    margin: 0 5px 5px 0;
}



.worksWrap article a {
    display:block;
}


.worksWrap article .worksImg {
    overflow: hidden;
	width: 250px;
    
    
	max-height: 167px;
	
    position: relative;
    
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    overflow:hidden;
}


.worksWrap article .worksImg .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.5);
	-webkit-transition:	all 0.5s ease;
	transition:		all 0.5s ease;
}
.worksWrap article .worksImg:hover .mask {
	opacity:		1;	/* マスクを表示する */
	padding-top:		80px;	/* ホバーで下にずらす */

}

.worksWrap article .worksImg .caption {
	width:80%;
	margin:0 auto;
	padding:0 0 0 35px;
	background:url(./img/top/m_a_white.png) no-repeat 0 0;
}


.worksWrap article .worksImg .caption h5 {
	font-size:16px;
	padding-bottom:10px;
}

.worksWrap article .worksImg .caption p {
	font-size:65%;
}


.worksWrap article .worksImg img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*max-width: 100%;
    max-height: 100%;*/
    width: 100%;
    height: 100%;
}


	
	
	

.worksWrap article .worksImg2 {
    overflow: hidden;
    width: 250px;
    height: 334px;
    position: relative;
    background-color: #666666;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    overflow:hidden;
}

.worksWrap article .worksImg2 .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color: rgba(255,255,255,0.7);
	-webkit-transition:	all 0.5s ease;
	transition:		all 0.5s ease;
}

.worksWrap article .worksImg2:hover .mask {
	opacity:		1;	/* マスクを表示する */
	padding-top:		80px;	/* ホバーで下にずらす */
}

.worksWrap article .worksImg2 .caption {
	width:80%;
	margin:0 auto;
	padding:0 0 0 35px;
	background:url(./img/top/m_a_white.png) no-repeat 0 0;
}

.worksWrap article .worksImg2 .caption h5 {
	font-size:18px;
	padding-bottom:10px;
}

.worksWrap article .worksImg2 .caption p {
	font-size:90%;
		color: #212121;
	font-weight: bold;
}

.worksWrap article .worksImg2 img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*max-width: 100%;
    max-height: 100%;*/
    width: 100%;
    height: 100%;
}


.worksWrap article .worksImg3 {
    overflow: hidden;
    width: 505px;
    height: 162px;
    position: relative;
    background-color: #666666;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    overflow:hidden;
}

.worksWrap article .worksImg3 .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color: rgba(255,255,255,0.7);
	-webkit-transition:	all 0.5s ease;
	transition:		all 0.5s ease;
}

.worksWrap article .worksImg3:hover .mask {
	opacity:		1;	/* マスクを表示する */
	padding-top:		40px;	/* ホバーで下にずらす */
}

.worksWrap article .worksImg3 .caption {
	width:82%;
	margin:0 auto;
	padding:0 0 0 20px;
	background:url(./img/top/m_a_white.png) no-repeat 0 0;
}

.worksWrap article .worksImg3 .caption h5 {
	font-size:18px;
	padding-bottom:10px;
}

.worksWrap article .worksImg3 .caption p {
	font-size:90%;
		color: #212121;
	font-weight: bold;
}

.worksWrap article .worksImg3 img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*max-width: 100%;
    max-height: 100%;*/
    width: 100%;
    height: 100%;
}

	
	ul.insLink {
	width: 80%;
	margin: 30px auto 0;
	max-width: 820px;
}

ul.insLink li {
	text-align: center;
	font-size: 32px;
	
	
	background: url(../image/ins_bt.png) no-repeat 10% 5px  ;
	background-size: 40px;
	padding: 0px 0 10px 0;
}

ul.insLink li a {
	color: #202020;
}




#left_box_w {
    width: 600px;

	float:left;
    padding: 0 0 0 50px;
	position:relative;

}

#r_box_w {
	 width: 30%;
	max-width:300px;

	float:left;
    padding: 0 0 0 35px;
	margin-top:90px;
	margin-right:0px;

}




#r_box_w h5 {
	background: url(./img/common/m_a_brown.png) no-repeat 0 3px;
	padding:5px 0 0 40px;
	color:#333;
	font-size:30px;
	line-height:1;

}


ul.m_txt {
	margin-top:20px;

}

ul.m_txt li {
	float: none;
	width:80%;
	color:#333;
	font-size:80%;
}

#left_box_w .workWrap_entry {
    width: 100%;
	max-width:600px;
    margin: 0 auto;
    padding: 90px 0 30px 0;

}



.workWrap_entry a:hover .newsImg img {
    opacity: 0.6;
    transition: .3s
}

.workWrap_entry  a:hover .newsContent {
    color: #999999;
}



.workWrap_entry  .newsImg {
    overflow: hidden;
    width: 100%;
	max-width:600px;
    height: 400px;
    position: relative;
    background-color: #666666;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    overflow:hidden;
}

.workWrap_entry .newsImg img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*max-width: 100%;
    max-height: 100%;*/
    width: 100%;
    height: 100%;
}

.workWrap_entry .entrytxt{
	padding:30px 0 40px 0;
	color:#333;
	line-height:2;
	font-size:85%;
}



.workWrap_entry .newsTag {
    position: absolute;
    top: 4px;
    left: 0px;
	width:100%;
	height:40px;
}



.pic_bt {
	width:100%;
	height:50px;
	background:url(./img/common/dt_brown_bg.png) ;
	margin-top:10px;
	text-align:center;
}


ul.gbt {
	width:70%;
	margin:0 auto;
}

ul.gbt li {
	font-size:70%;
		background: url(./img/common/musimegane.png) no-repeat 0px 12px ;
		padding:15px 0 10px 0;
}

ul.gbt li a {
    color: #fff;
}

.snsArea{
    width: 70%;
	max-width:700px;
	margin:0 auto;
	padding:40px 0 40px 0;

}

/*6/23　追加  *****************************************************/
.projectWrap article .worksImg {
   overflow: hidden;
   width: 180px;
   height: 116px;
   position: relative;
   background-color: #666666;
   backface-visibility:hidden;
   -webkit-backface-visibility:hidden;
   overflow:hidden;
   float:left;
}

}

@media screen and (max-width: 823px) {
	
	
#renew {
    width: 90%;
    max-width: 960px;
    margin: 0px auto 60px;
    position: relative;
    padding: 60px 0 0px 0;
}
	
dl.prof dt {
    clear: left;
    float: left;
    width: 38%;
    margin-bottom: 15px;
    color: #252525;
    font-size: 90%;
    line-height: 1.4;
    font-weight: bold;
    padding-left: 2em;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	ul.slider{
		width: 85%;
		margin: 0 auto;
	}

	
.slider li {
  position: relative;
  width: 32%;
  max-width:280px;
  
  margin: 0 2% 0 0;
  padding:0px;
 
  float:left;
	border-bottom: 1px solid #DBDBDB;
}
	
.slider li.thr {
  position: relative;
  width: 32%;
  max-width:280px;
  
  margin: 0 0 0 0;
  padding:0px;
 
  float:left;
	border-bottom: 1px solid #DBDBDB;
}
	
	
	
	
	
	
	
	
	
	h2.topti2 {
    max-width: 300px;
    width: 50%;
    margin: 0 auto;
    padding: 0px 0 30px 0;
}
	
.top-work {
    width: 100%;
    margin: 0 auto 60px;
    padding-bottom: 50px;
    padding-left: 0%;
    padding-right: 0%;
    padding-top: 50px;
    background-color: rgba(16,53,117,1);
}
	
	#contents {
    padding-top: 170px;
}
	
	
	#footer .inner {
    
    margin: 20px auto 0;
    
}
	
	h3.h3_ti {
    
    font-size: 170%;
    
}
	
.box_half_nh2 {
    
    padding: 40px;
    
}
	
p.txt_blue2 {
    
    font-size: 110%;
    text-align: left;
}
	
	
	
	
	.l500box {
    width: 50%;
    float: left;
    margin: 30px 0 30px 0;
}
	
.r385box {
    width: 40%;
    float: right;
    margin: 30px 0 30px 0;
}
	
ul.cont_inner_ul {
    width: 80%;
    padding: 30px 0 0px 0;
}
	
	
.l500box1 {
    width: 58%;
    float: left;
    margin: 0px 0 0px 0;
}
.r330box1 {
    max-width: 40%;
    float: right;
    margin: 0px 0 0px 0px;
}
	
	
	.pc2 {
    display: none;
}
	
			.pc3 {
    display: none;
}
	
.ip2 {
    display: block;
}

.navGlobal {
	display:none;
}

.topSlider .arrow{
    position: absolute;
    bottom: 250px;
    left: -150px;
	width:40%;

}

.topSlider .arrow img {
	width:100%;
	height:100%;

}

	.topSlider .mainTxtArea {
    padding-top: 85px;
	padding-bottom:65px;
    color: #FFFFFF;
	width:80%;
	margin:0 auto;
	position:relative;
}


.topSlider .mainTxtArea h2{
    display: inline-block;
    font-size: 55px;
    letter-spacing: 0.05em;
    margin-bottom: 25px;
    line-height: 1.3;
	width:400px;
	float:right;
	display:inline;

}

.topSlider .mainTxtArea .copybox{
    display: inline-block;
    font-size: 110%;
    letter-spacing: 0.09em;

    line-height: 2.5em;
	width:15%;
	float:right;
	display:inline;
	-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
		  margin-right:50px;
		  padding-top:20px;

}

.topSlider .ticketLink {
    width: 100%;

    max-width: 640px;
    float: none;
	background:#FFF;
	position:relative;
	padding:9px;

}



.topSlider .ticketLink h4.top_e_ti {

    width: 25%;
    max-width: 180px;
	float: left;
	color:#333333;
	padding-top:20px;
	padding-left:35px;
	padding-right:10px;
	margin-left:9px;
	font-size:95%;
	font-weight:bold;
	height:60px;
	background:url(./img/top_e_bg_a.png) no-repeat 3px 10px;

}

.topSlider .ticketLink .top_e_sCat {

    width: 180px;
	height:27px;
	background-color:#FF6600;
	text-align:center;
	position:absolute;
	left:0;
	top:-27px;


}
.topSlider .ticketLink .top_e_txt {

    width: 50%;
    max-width: 350px;
	float: left;
	color:#333333;
	font-weight:bold;
	padding-top:10px;
height:60px;
font-size:90%;

}

.topSlider .goodsLink {
    width: 40%;
    max-width: 320px;
    float: none;
	margin:40px auto 0;
}


.topSlider .goodsLink img{
    width: 100%;
}

.newsArea .mainTtl h2 {
    position: relative;
    width: 50%;
    text-align: left;
    padding: 0 0 0 15px;
    float: right;
	height:100%;
}

.newsArea .mainTtl h2.Tnews {
    position: absolute;
    width: 340px;
    text-align: left;
    padding: 0 0 0 70px;
	background: #333333 url(./img/common/icon_top_news.png) no-repeat 20px 22px;

	left:20px;
	top:-20px;
	z-index:2001;
	height:90px;

}

.newsArea .mainTtl h2.Tseko {

	height:90px;

}

.newsArea .mainTtl h2.blue2 {
    font-size: 16px;
	background-color:#E0E0E0;
	color:#000;
	height:65px;
	width:50%;
}


.probtnArea {
    position: fixed;
    display: inline-block;
    width: 140px;
    top: 130px;
    right: 2%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rgba(16,53,117,1);
    z-index: 2000;
}

.box960 {
    width: 90%;
    
}

.box960bl {
	width: 90%;
	margin: 0 auto;
	
	padding: 30px 0 30px 0;
}
	
	
	
	
	
	
	
.cont_ul_box {
    width: 48%;
    margin-right: 2%;
    float: left;
    position: relative;
	margin-bottom: 20px;
}
	
	
h4.h4_ti {
    
    font-size: 130%;
   
}
	
.sub_contents {
    width: 90%;
    max-width: 960px;
    margin: 0 auto;
}
	

.box_half {
    width: 80%;
    float: none;
    padding: 2%;
    background-color: #FFFFFF;
    height: auto;
	margin: 0 auto;
}
	
.box_half2 {
width: 80%;
    float: none;
    background-color: #103575;
    height: auto;
	margin: 0 auto;
	padding-bottom: 30px;
}
	
	
	
	
	
	
	

.newsArea .mainTtl h2 .ttl {
    position: relative;
    float: left;
    width: 30%;
    margin: 0 0 0 0;
}

.newsArea .mainTtl h2 .ttl2 {
    position: relative;
    float: left;
    width: 6em;
    margin: 0 0 0 0;
	line-height:65px;
}



.newsArea .mainTtl .tagBox {
    float: left;
    width: 70%;
    padding: 20px 2%;
}


.backFitImage{
    background-image: url(./img/slider/dada_main_v2.jpg);
    background-repeat: no-repeat;

    background-size: 100%;
	background-attachment: fixed;
    padding-bottom: 0px;
	border-bottom:#CCC 1px solid;

}


.bl_line_2 {
	width: 1px;
	height: 50px;
	background-color: #027FD0;
	margin: 40px auto 40px;
}



.lar_max {
	width:90%;
	margin:0 auto;
	padding-top:40px;
	height:auto;
}

ul.cube_bnr {
	width:80%;
	margin:0 auto;
	padding-top:40px;
	text-align:left;
	padding-left:0px;
	padding-right:30px;
	padding-bottom:40px;

}

ul.cube_bnr img {
	width:100%;
	height:100%;

}

.listAreabox {

	float: left;
	position:relative;
	text-align:left;
	height:250px;
	margin-right:20px;
	padding:0 0px 0 15px;
	width:50%;
	max-width:320px;
}

.listAreabox .area_img2 {
	width:75px;
	height:72px;
	position:absolute;

	bottom:100px;
	right:10px;
}

.listArea2 {
	margin-top:10px;
	height:500px;
}


.listAreabox .area_line {
	width:30px;
	height:5px;
	background-color:#6B3818;
	position:absolute;
	top:15px;
	left:-10px;
}

.listAreabox .area_line2 {
	width:30px;
	height:5px;
	background-color:#6B3818;
	position:absolute;
	top:20px;
	left:-10px;
}


.listArea1 {

	margin-top:60px;
	height:auto;
}

.listArea2 {
	margin-top:0px;
	height:auto;
}


.rmbnone {

	margin-right:0px;
	margin-top:40px;
}



.snsArea{
    width: 80%;
	max-width:600px;
	margin:0 auto;
	padding:40px 0 40px 0;

}

.snsArea ul li{
	float:left;
	width:15%;
	max-width:80px;
	margin-right:20px;
	color:#333;
	font-weight:bold;

}

.snsArea ul li.sns_title {
	float:left;
	width:20%;
	max-width:100px;
	margin-right:40px;
	color:#333;
	font-weight:bold;

}


h3.prodh3ti {
	width: 40%;
	
	
	margin: 0px auto 30px;
}



.topSlider .sliderFilter{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 60px;
    background-image: url(./img/slider/slider_filter.png);
}




.topSlider .slider .sliderList{
    width: 100%;
    height: 750px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}



.mrno {
	margin-right:0px;

}





.menuList{
    position: relative;
}

.menuList ul li {
    height: 35px;
    padding-left: 75px;

	
}

.menuLang{
    margin-top: 40px;
    line-height: 1;
}

.menuSns{
    margin-top: 40px;
}











#content_box .bgA {
	position:absolute;
	left:-20px;
	top:20px;
	width:180px;


}

#content_box .bgA img {
	width:100%;
	height:100%


}



#left_box {
    width: 90%;
	max-width:700px;
	float: none;
    padding: 0 0 0 0;
	position:relative;

}

#r_box {
	 width: 90%;
	max-width:450px;

	float: none;
    padding: 0 0 0 56px;
	margin-top:0px;

}






 /*6/21　追加******************************************/


.newsArea .mainTtl h2.blue3 {
	display:none;
}




#tab_area{
	width:80%;
	margin:0 auto;
	padding-top:100px;
	padding-bottom:40px;


}


.worksWrap {
    width: 100%;
    margin: 0 auto;
    padding: 0px 0 30px 0;
}





#left_box_w {
    width: 600px;

	float: none;
    padding: 0 0 0 0px;
	position:relative;
	margin:0 auto;

}

#r_box_w {
	 width: 600px;
	max-width:600px;

	float: none;
    padding: 0 0 0 0px;
	margin-top:90px;
	margin-right:0px;
	margin:0 auto;

}




#r_box_w h5 {
	background: url(./img/common/m_a_brown.png) no-repeat 0 3px;
	padding:5px 0 15px 40px;
	color:#333;
	font-size:30px;
	line-height:1;

}


ul.m_txt {
	margin-top:20px;

}

ul.m_txt li {
	float: none;
	width:80%;
	color:#333;
	font-size:80%;
}

#left_box_w .workWrap_entry {
    width: 100%;
	max-width:600px;
    margin: 0 auto;
    padding: 90px 0 30px 0;

}



.workWrap_entry a:hover .newsImg img {
    opacity: 0.6;
    transition: .3s
}

.workWrap_entry  a:hover .newsContent {
    color: #999999;
}



.workWrap_entry  .newsImg {
    overflow: hidden;
    width: 100%;
	max-width:600px;
    height: 400px;
    position: relative;
    background-color: #666666;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    overflow:hidden;
}

.workWrap_entry .newsImg img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*max-width: 100%;
    max-height: 100%;*/
    width: 100%;
    height: 100%;
}

.workWrap_entry .entrytxt{
	padding:30px 0 40px 0;
	color:#333;
	line-height:2;
	font-size:85%;
}



.workWrap_entry .newsTag {
    position: absolute;
    top: 4px;
    left: 0px;
	width:100%;
	height:40px;
}



.pic_bt {
	width:100%;
	height:50px;
	background:url(./img/common/dt_brown_bg.png) ;
	margin-top:10px;
	text-align:center;
}


ul.gbt {
	width:70%;
	margin:0 auto;
}

ul.gbt li {
	font-size:70%;
		background: url(./img/common/musimegane.png) no-repeat 0px 12px ;
		padding:15px 0 10px 0;
}


.snsArea{
    width: 80%;
	max-width:700px;
	margin:0 auto;
	padding:40px 0 40px 0;

}


.works_txtArea {
	width:80%;
	margin:30px auto 30px;
	background:url(./img/common/dt_gr_bg.png) ;
	padding:35px;

}


.works_txtArea .title_l {
	width:15%;
	float: none;
	background:url(./img/common/m_a_brown.png) no-repeat 0 0;

}

.works_txtArea h5.w_txt {
	color:#333;

	font-size:110%;
	font-weight:bold;
	padding:0 0 0 40px;

}

.works_txtArea p{
	color:#6B3818;
	font-size:60%;
	padding:0 0 0 40px;

}

.works_txtArea .txt_r {

	width:100%;
	float: none;
	border-left: none;
	padding:30px 0 0 0px;

}

.works_txtArea .txt_r p{

	color:#333;
	padding:0 0 0 0px;
	font-size:80%;
	line-height:1.8;
}


/*6/23　追加*******************************************************************************************/

.projectWrap article .worksImg {
   overflow: hidden;
   width: 180px;
   height: 116px;
   position: relative;
   background-color: #666666;
   backface-visibility:hidden;
   -webkit-backface-visibility:hidden;
   overflow:hidden;
   float:none;
}



.projectWrap article .caption {
   width:80%;
   margin:0 0;
   padding:20px 0 0 0px;

   float: none;
}


.projectWrap article  .caption h5 {
   font-size:18px;
   background: url(./img/top/s_a_brow.png) no-repeat 0 0;
   color:#333333;
   padding:5px 0 0 30px;
}

.projectWrap article .caption p {
   font-size:65%;
   color:#333;
   padding-bottom:10px;
}
	
	

	


	
	ul.insLink li {
	text-align: center;
	font-size: 32px;
	
	
	background: url(../image/ins_bt.png) no-repeat 30px 5px  ;
	background-size: 40px;
	padding: 0px 0 10px 0;
}
	
	

	
	
	
	
	
	
.sub_innner {
  padding-top:0px;
	margin-bottom: 30px;
}

	.sub_innner2 {
    padding-bottom: 30px;
}

.worksWrap article {
    width: 310px;
    margin: 0 15px 15px 0;
    position: relative;
    float: left;
}



.worksWrap article:nth-child(3n){
    /*width: 30%;
    margin: 0 0 1.5% 0;*/
    width: 310px;
    margin: 0 15px 15px 0;
}

.worksWrap .work_boxr {

    /*width: 30%;*/
    width: 310px;
    margin: 0 1.5% 1.5% 0;
    position: relative;
    float: right;
}

.worksWrap article a {
    display:block;
}

.worksWrap article .worksImg {
    overflow: hidden;
    width: 310px;
    height: 207px;
	max-height: 207px;
    position: relative;
    
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    overflow:hidden;
}

.worksWrap article .worksImg .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color: rgba(255,255,255,0.7);
	-webkit-transition:	all 0.5s ease;
	transition:		all 0.5s ease;
}

.worksWrap article .worksImg:hover .mask {
	opacity:		1;	/* マスクを表示する */
	padding-top:		50px;	/* ホバーで下にずらす */
}

.worksWrap article .worksImg .caption {
	width:80%;
	margin:0 auto;
	padding:0 0 0 6%;
	
}

.worksWrap article .worksImg .caption h5 {
	font-size:18px;
	padding-bottom:10px;
}

.worksWrap article .worksImg .caption p {
	font-size:80%;
	color: #212121;
	font-weight: bold;
}

.worksWrap article .worksImg img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*max-width: 100%;
    max-height: 100%;*/
    width: 100%;
    height: 100%;
}




.worksWrap article .worksImg2 {
    overflow: hidden;
    width: 310px;
    height: 430px;
    position: relative;
    background-color: #666666;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    overflow:hidden;
}

.worksWrap article .worksImg2 .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color: rgba(255,255,255,0.7);
	-webkit-transition:	all 0.5s ease;
	transition:		all 0.5s ease;
}

.worksWrap article .worksImg2:hover .mask {
	opacity:		1;	/* マスクを表示する */
	padding-top:		80px;	/* ホバーで下にずらす */
}

.worksWrap article .worksImg2 .caption {
	width:80%;
	margin:0 auto;
	padding:0 0 0 35px;
	background:url(./img/top/m_a_white.png) no-repeat 0 0;
}

.worksWrap article .worksImg2 .caption h5 {
	font-size:18px;
	padding-bottom:10px;
}

.worksWrap article .worksImg2 .caption p {
	font-size:90%;
		color: #212121;
	font-weight: bold;
}

.worksWrap article .worksImg2 img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*max-width: 100%;
    max-height: 100%;*/
    width: 100%;
    height: 100%;
}


.worksWrap article .worksImg3 {
    overflow: hidden;
    width: 635px;
    height: 206px;
    position: relative;
    background-color: #666666;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    overflow:hidden;
}

.worksWrap article .worksImg3 .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color: rgba(255,255,255,0.7);
	-webkit-transition:	all 0.5s ease;
	transition:		all 0.5s ease;
}

.worksWrap article .worksImg3:hover .mask {
	opacity:		1;	/* マスクを表示する */
	padding-top:		40px;	/* ホバーで下にずらす */
}

.worksWrap article .worksImg3 .caption {
	width:82%;
	margin:0 auto;
	padding:0 0 0 20px;
	background:url(./img/top/m_a_white.png) no-repeat 0 0;
}

.worksWrap article .worksImg3 .caption h5 {
	font-size:18px;
	padding-bottom:10px;
}

.worksWrap article .worksImg3 .caption p {
	font-size:90%;
		color: #212121;
	font-weight: bold;
}

.worksWrap article .worksImg3 img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*max-width: 100%;
    max-height: 100%;*/
    width: 100%;
    height: 100%;
}




	
#footer .footerbox_l{
	
	width: 100%;
	float: none;
}

#footer .footerbox_l h5 {
	
	font-size: 120%;
	padding-bottom: 10px;
	font-weight: bold;
}

#footer .footerbox_l p {
	
	font-size: 90%;
	padding-bottom: 10px;
}

#footer .footerbox_l p a {
	
	font-size: 80%;
	padding-bottom: 0px;
}

#footer .footerbox_l p a:hover {
	text-decoration: underline;
}



#footer .footerbox_r {
	
	width: 100%;
	float: none;
	text-align: left;
}

#footer .footerbox_r p.ft_p_main {
	
	font-size: 140%;
	padding-bottom: 40px;
	
}

#footer .footerbox_r h5 {
	
	font-size: 120%;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 10px;
}






#footer .copybox {
    font-size: 70%;
	
}


.modal .modal-wrap.small{
  width: 60%;
}






}

/*スマホ用スタイル
*******************************************************************************************************************************************************************/


/*add style*/
#mask {
    position: fixed;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 1
}

.closeBtn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.closeBtn::before {
    content:"";
	position:absolute;
	display:inline-block;
    top: 0;
    left: 11px;
    width:4px;
	height:25px;
	border:0;
	margin:0;
	padding:0;
	background-color:#000000;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

.closeBtn::after {
    content:"";
	position:absolute;
	display:inline-block;
    top: 0;
    left: 11px;
    width:4px;
	height:25px;
	border:0;
	margin:0;
	padding:0;
	background-color:#000000;
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}


#galleryArea {
    position: absolute;
    top: 250px;
    left: 50%;
    background: #FFFFFF;
    width: 80%;
    margin-left: -40%;
    display: none;
    z-index: 1;
}

#galleryArea .inner {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 35px 100px;
}

#galleryArea .sliderWrapper {
    position: relative;
}

.gallerySlider {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.gallerySlider .trim {
    overflow: hidden;
    width: 100%;
    height: 600px;
    position: relative;
}

.gallerySlider img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
}

.gallerySlider.slick-initialized .slick-slide:focus {
    outline: none;
}

#slider-nav {
    padding-top: 15px;
}

#slider-nav.slick-slider .slick-track {
    width: 100% !important;
    left: 0 !important;
}

#slider-nav.slick-initialized .slick-slide {
    width: 11.975% !important;
    margin-right: 0.6%;
    margin-bottom: 10px;
    border: 1px solid #000000;
}

#slider-nav.slick-initialized .slick-slide:focus {
    outline: none;
}

#slider-nav.slick-initialized .slick-slide.slick-current {
    border: 1px solid #ff0000;
}

#slider-nav.slick-initialized .slick-slide:nth-child(8n) {
    margin-right: 0;
}

#slider-nav .thumb_trim {
    overflow: hidden;
    width: 100%;
    height: 60px;
    position: relative;
}

#slider-nav .thumb_trim img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
}

.slick-prev, .slick-next {
    width: 41px !important;
    height: 35px !important;
}

.slick-prev {
    left: -60px !important;
}

.slick-next {
    right: -60px !important;
}

.slick-prev:before, .slick-next:before {
    position: absolute;
    content: "" !important;
    width: 41px;
    height: 35px;
}

.slick-next:before {
    background: url(img/common/slider_arrow_right.png);
    top: 0;
    left: 0;
}

.slick-prev:before {
    background: url(img/common/slider_arrow_left.png);
    top: 0;
    right: 0;
}

.topSlider .ticketLink .top_e_txt a {
    color: #333333;
}

.topSlider .ticketLink .top_e_txt a:hover {
    text-decoration: underline;
}

.head_link_wrap {
    display: block;
    position: relative;
    z-index: 2;
}

.head_link_wrap:hover {
    opacity: .9;
}

.newsWrap .post_box > a:hover .newsContent .ttl {
    opacity: .6;
}


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



	

	
	.slider__ttl {
  color: #fff;
  font-weight: bold;
	margin-bottom: 4px;
		font-size: 85%;
}

	
.renew_rbox {
	position: relative;
  width:59%;
  float:right;
padding:0px 0 60px 0;
 
 
}

	.renew_rbox p.mainTxt {
	
	color:#212121;
	font-size:15px;
	line-height:1.8;
	padding: 0px 0px 0 0px;

}
	
	
	
	
	
	
	
	
	
	
	
		
	}

@media screen and (max-width: 499px) {
	
	.slider li.thr {
        position: relative;
    width: 100%;
    max-width: 400px;
    margin: 0 auto 10px;
    padding: 7px;
    float: none;
    border-bottom: 1px solid #DBDBDB;
}

.telArea h5 {
 font-size: 110%;
	color: #FFFFFF;
	padding: 0px 0 0 70px;
	text-align: left;
	font-weight: bold;
}
.telArea p {
 font-size: 70%;
	color: #FFFFFF;
	padding: 20px 0 0 70px;
	text-align: left;
}
	
#contents{
	padding-top: 120px;
}
	
h2.topti {
    max-width: 465px;
    width: 85%;
    margin: 0 auto;
    padding: 30px 0 15px 0;
}
	
.sub_innner {
        margin-bottom: 25px;
}
	
.top-work {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 60px;
    padding-bottom: 30px;
	    padding-left: 0%;
    padding-right: 0%;
    padding-top: 28px;
    background-color: rgba(16,53,117,1);
}
	
.slider li {
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: 0 auto 10px;
    padding: 7px;
   
    float: none;
}
	
.slider__ttl {
    color: #fff;
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 110%;
}
	
.slider__txt {
  font-size: 90%;
  color: #fff;
  padding-bottom:30px;
}
	
h2.topti2 {
     max-width: 465px;
    width: 65%;
    margin: 0 auto;
    padding: 0px 0 15px 0;
}
	

#renew {
        width: 90%;
    margin: 0px auto 0px;
    position: relative;
    padding: 37px 0 40px 0;
}
	
	
	.renew_rbox p.mainTxt {
	
	color:#212121;
	font-size:14px;
	line-height:1.8;
	padding:30px 0 0px 0;
	width:90%;
	margin:0 auto;

}
	
h2.topti3 {
    max-width: 380px;
    width: 70%;
    margin: 0 auto;
    padding: 0px 0 15px 0;
}
	
		#sub_contents {
	width:90%;
	max-width: 960px;
	margin: 0 auto;
	
}
ul.cont_link li {
    width: 100%;
    float: none;
	margin-bottom: 3px;
}
	
	
#footer .inner {
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 20px 0px 40px 0px;
}
	
	#footer .footerbox_l {
    width: 100%;
    float: none;
		margin: 0 auto;
}
	
	#footer .footerbox_r {
    width: 100%;
    float: none;
		margin: 0 auto;
}
	
#footer .footlogo {
    float: none;
    padding-left: 0%;
    width: 80%;
	margin: 0 auto;
}
	

#footer .inner2 {
   
    padding: 5% 5%;
    
}
	
#footer .copybox {
    width: 100%;
    padding: 10px 0px 0 0;
    text-align: center;
    font-size: 70%;
    color: #333;
	margin: 0 auto;
}
	
.modal .modal-wrap {
    padding: 0px 0px;
    width: 80%;
    margin: 20px auto;
    align-self: flex-start;
    border-radius: 2px;
    transition: all 0.5s ease;
    position: relative;
}

	
	.topSliderBox {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	
	
	
	
}

dl.prof {
    width: 100%;
    margin: 0 auto 15px;
}
	
dl.prof dt {
  
  float: none;
  width: 100%; 
  margin-bottom: 7px;
  color:#252525;
  font-size:90%;
  line-height:1.4;
  font-weight:bold;
	padding-left: 2em;
	
}

dl.prof dd {
  margin-left: 0em;
  margin-bottom: 15px;
  zoom: 1;
  line-height:1.4;
  color:#252525;
  font-size:90%;
	padding-left: 2em;
	padding-right:  2em;
}
	
.pc {
    display:none;
}
	
.sub_contents {
    width: 90%;
   
}

	#header {
    width: 100%;
    height: 140px;
}
	
.logoArea2 {
    
    top: 90px;
    left: 20px;
  
}

.cont_ul_box {
    width: 90%;
    margin-right: 0%;
    float: none;
    position: relative;
	margin-bottom: 0px;
	margin: 0 auto 20px;
}
	
	
.box960 {
    width: 90%;
	padding: 0% 0 5% 0;
}

.box960bl {
	width: 90%;
	margin: 0 auto;
	
	padding: 30px 0 20px 0;
}
	
.box960_atbl100 {
    width: 100%;
	
}
	
	
	
	
	
	
h2.sec_ti {
    
    width: 70%;
    padding: 0px 0 30px 0;
}

h2.sec_ti2 {
    
    padding: 0px 0 20px 0;
   
    font-size: 200%;
   
}
	
h2.h2font180 {
   
   
    font-size: 170%;
   
}
	
	h2.pdbt10 {
   
padding: 0px 0 0px 0;
   
}
	
h4.h4_ti {
    font-size: 130%;
	padding-bottom: 10px;
}
	
	
	
	
	
.probtnArea {
    position: fixed;
    display: inline-block;
    width: 140px;
    top: 90px;
    right: 2%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rgba(16,53,117,1);
    z-index: 2000;
}
	
.box960small {
    width: 100%;
    margin: 0 auto;
    padding: 60px 10px 30px 10px;
    background-color: #BFDFF3;
}
	
.cont_ul_box3 {
    width: 100%;
    margin-right: 0%;
    float: none;
	padding-bottom: 10px;
   
}
	
.sq2 {
   display: none;
}

	
.box_half {
    width: 100%;
    float: none;

}
	
.box_half2 {
 width: 100%;
    float: none;
	padding: 0 20px 20px 20px;
}
	
	h5.h5_ti {
    width: 100%;
    
}
	
p.txt_white {
    color: #FFFFFF;
    padding: 0 0px 0 0px;
}
	
h5.blue_l_txt {
    color: #103575;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    font-size: 110%;
    padding-top: 0px;
}
	
	
	
	p.ti_sub_txt {
    width: 90%;
		margin: 0 auto;
}

		p.pdbt_10 {
    padding: 0px 0 20px 0;
}
	

.box_half_nh_v2 {
    width: 100%;
    float: none;
    
}
	
.box_half_nh2 {
    width: 100%;
    float: none;
    background-color: #e0eff9;
    margin-top: 0px;
    padding: 60px 20px 20px 20px ;
    position: relative;
	
}
	
.l50box {
    width: 100%;
    float: none;
    padding: 20px ;
}
	
.r50box {
    width: 100%;
    float: none;
    padding: 0px 20px 20px 20px;
}
	
.l500box {
    width: 100%;
    float: none;
    margin: 30px 0 0px 0;
}
	
.r385box {
    width: 100%;
    float: none;
    margin: 0px 0 30px 0;
}
	
.blue_box2 {
    background-color: #e0eff9;
    
    margin: 0px auto 30px;
    padding: 10px;
}

.pd20 {
    
    padding: 20px;
}
	
	
	
	
	
	
.center_img_v2 {
 
    width: 100%;
}
	
h5.op_mess img {
    width: 100%;
	height: auto;
}
	
.l500box1 {
    width: 100%;
    float: none;
    margin: 0px 0 0px 0;
}
	
.r330box1 {
    max-width: 100%;
    float: none;
    margin: 0px 0 0px 0px;
}
	
.r_box {
   
    padding: 20px;
 
}
	
.blue_box3 {
    background-color: #e0eff9;
    width: 100%;
    margin: 30px auto 0px;
    padding: 20px;
}
	
.sp {
    display: block;
}
	
.box_half_nh {
    width: 100%;
    float: none;
    padding: 0%;
    background-color: #FFFFFF;
	margin: 0 auto;
}

.box_full_nh {
    width: 100%;
    background-color: #e0eff9;
    margin-top: 0px;
    padding: 50px 9% 9% 9%;
    position: relative;
}
	
.olsys {
		margin: 1em 0;
	padding-left: 40px;
	list-style-type: decimal;
	}
	
.olsys li {
		color: #103575;
			padding-bottom: 5px;
	display: list-item;
  list-style: decimal;
			
	}
	
p.txt_blue2 {
    
    font-size: 100%;
    text-align: left;
	padding: 0px 10px 0px 10px;
}
	
	p.txt_blue2sp {
    color: #103575;
    font-size: 110%;
    text-align: center;
	padding: 10px 10px 10px 10px;
		font-weight: bold;
}

p.txt_blue2PDBT {

	padding: 0px 10px 15px 10px;
}
	
	
	
	
.cont_ul_box2 {
    padding-bottom: 0px;
}
	

	
#footer .footerbox_l p {
    font-size: 80%;
    padding-bottom: 20px;
}
	
#footer .footerbox_l p a {
    font-size: 100%;
    padding-bottom: 0px;
}
	
ul.cont_link {
    margin-bottom: 0px;
    width: 100%;
   
}
	
.sub_innner2 {
    
}
	
h3.h3_ti {
    font-size: 150%;
	padding: 0px 0 10px 0;
}
	
h4.h4_co_ti {
    padding: 0px 0 10px 0;
  
    font-size: 110%;
    
}
	
h4.h4_co_ti_1 {
    padding: 0px 0 10px 0;

    font-size: 110%;
    
}
	
	h4.h4_co_ti_2 {
    padding: 0px 0 10px 0;

    font-size: 100%;
}

h4.l_line_ti {
    background: url(../product/image/blue_line.png) left center no-repeat;
    background-size: 20px;
    color: #103575;
    font-size: 140%;
    padding: 0 0 0 30px;
    font-weight: bold;
    margin-bottom: 10px;
}
	
.r_box2 {
   
    margin: 0 auto 10px;
}
	
	
.pdtp_20_3 {
    padding: 0px 0 10px 0;
}
	
	
.mgbt_no {
    margin-bottom: 0px;
}
	
.pdbt_20 {
    padding-bottom: 20px;
}
	
.l50box2 {
    width: 100%;
    float: none;
    padding: 20px 20px 0px 20px;
}
	
.l50box22 {
     width: 100%;
    float: none;
    padding: 0px 20px 20px 20px ;
}
	
	
.pdtop_no3 {

  padding-top:0px;
	margin-bottom: 30px;
	max-width: 90%;
	margin: 0 auto;

}
	
	
	
	
	
	
	}

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

	.telArea h5 {
 font-size: 80%;
	color: #FFFFFF;
	padding: 0px 0 0 115px;
	text-align: left;
	font-weight: bold;
}
.telArea p {
 font-size: 60%;
	color: #FFFFFF;
	padding: 21px 0 0 115px;
	text-align: left;
}
	

	
	
	}