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

.fujimi_section1{
	background:url(../../fujimi/images/section1_bg.jpg);
	margin:0px 0 0 0;
}
.fujimi_section1 .fujimili{
	padding:40px 10px;
	display: table;
	margin: 0 auto;
}
.fujimi_section1 .fujimili ul{
	width: 100%;
	display: flex;
}
.fujimi_section1 .fujimili h2{ font-size:36px; color:#FFFFFF; text-align:center; margin:50px 0 30px;}
.fujimi_section1 .fujimili p{ text-align:center; color:#FFFFFF; line-height:1.6em;}
.fujimi_section1 .fujimili ul li{ width:15%; margin:0 10px;}
.fujimi_section1 .fujimili ul li:nth-child(1){ margin:0 10px 0 0px;}
.fujimi_section1 .fujimili ul li:nth-child(6){ margin:0 0px 0 10px;}
.fujimi_section1 .fujimili ul li span{text-align: center; color: #FFFFFF; display: block; margin-top: 10px;}
.fujimi_section1 .fujimili ul li a{border: none; text-decoration: none;}

.enjoyArea{}

.enjoyArea ul{}
.enjoyArea ul li{ width:25%; text-align:center; float:left;}
.enjoyArea ul li a p{margin-top: 15px; font-size: 16px;}
	

#main {
	padding-top: 0;
	clear: both;
	margin:0;
}


#main h2, #main h3 {
	text-align: center;
}
#main .mainH2{margin-bottom:20px; }
#main .mainH2 h2{
	color:#595757;
	font-size:36px;
	font-size:3.6rem;
	background-image:url(../images/mainh2_bg.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	margin-top:40px;
	padding-bottom:25px;
}


#main .mainH2 p{ color:#595757; text-align:center; margin-top:20px; font-size: 1.4em;}
	 
#main .mainImg {
	margin-bottom: 33px;
	height: 520px;
	overflow: hidden;
	position: relative;
}

#main .spMainImg {
	display: none;
}
p.index_planbtn{
	border: 1px solid #FFFFFF;
	padding: 10px;
	margin:  0px 50px;
}
#main .mainImg img {
	transition: transform 5.5s;
	-moz-transition: transform 5.5s;
	-webkit-transition: -webkit-transform 5.5s;
	transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-webkit-transition-timing-function: linear;
}

#main .mainImg .img0.active {
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
}

#main .mainImg .img1 {
	transform: scale(1.2);
    -moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
}

#main .mainImg .img1.active {
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
}

#main .mainImg .img2 {
	left: 0 !important;
}

#main .mainImg .img2.active {
	transform: translate3d(-150px, 0, 0);
    -moz-transform: translate3d(-150px, 0, 0);
	-webkit-transform: translate3d(-150px, 0, 0);
}

#main .notice {
	margin: 0 32px 107px;
	font-size: 13px;
	color: #fff;
}

#main .notice .time {
	margin: 0 15px 0 20px;
}

#main .notice a {
	color: #fff;
	position: relative;
	display: inline-block;
}

#main .notice a:after {
	position: absolute;
	bottom: -2px;
	left: 50%;
	content: '';
	width: 0;
	height: 1px;
	background-color: #fff;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.ie8 #main .notice a:after,
.ie9 #main .notice a:after {
	left: 0;
}

#main .notice a:hover:after {
	width: 100%;
}

#main .textImg {
	text-align: center;
	text-shadow: 1px 1px 3px #000; 
}

#main .textImg p {
	margin-top: 10px;
	color: #fff;
	font-size: 14px;
	line-height: 2.0em;
	font-family: "ipaexm","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

#main .textImg p:first-child {
	margin-top: 0;
}

#main .link {
	position: relative;
	text-align: center;
}

#main div a{
	text-decoration:none;
}

#main .link a {
	display: inline-block;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

#main .link a:before {
	position: absolute;
	z-index: -2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
    box-sizing: border-box;
	content: "";
	background-color: transparent;
}

#main .link a:after {
	position: absolute;
	display: block;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	content: "";
    box-sizing: border-box;
    transition: all 0.3s ease 0s;
}

#main .link a:hover:after {
	left: 0;
	background-color: #eee;
}

.bluebox{border: 10px #002b69 solid;}
.braunbox{border: 10px #5d4248 solid;}
.bluebox2{border: 10px #036eb7 solid;}
.braunbox2{border: 10px #604c3f solid;}
.enbibox{border: 10px #5d4248 solid;}
.glaybox{border: 10px #ccc solid; padding: 10px;}
.fujimi_br{border: 10px #5d4248 solid;}
.fujimi_yerrow{border: 10px #b28146 solid;}
.fujimi_enbi{border: 10px #5d4248 solid;}
.fujimi_green{border: 10px #4d5c25 solid;}
.fujimi_blue{border: 10px #002c3f solid;}
.fujimi_red{border: 10px #602d37 solid;}
.fujimi_puple{border: 10px #543b41 solid;}

#main .section03{}

#main .section02 .wow,
#main .section04 .wow,
.ryugu-top #main .section03 .wow{
	background-color:#002b69;
}
#main .section03 .wow,
.ryugu-top #main .section02 .wow{
	background-color:#5d4248;
}

#main .section05 .wow{
	background-color:#036eb7;
}
#main .section06 .wow{
	background-color:#604c3f;
}
#main .section07 .wow{
	background-color:#5d4248;
}
#main .section02 ul.innerUl,
#main .section03 ul.innerUl,
#main .section04 ul.innerUl,
#main .section05 ul.innerUl,
#main .section06 ul.innerUl,
#main .section07 ul.innerUl,
#main .section08 ul.innerUl{
	margin:0px;
	width:100%;
	clear:both;
    
}
#main ul.innerUl li {
	width: 50%;
	position: relative;
	overflow:hidden;
	height:350px;
}

#main ul.innerUl li.wow_L {
	width: 100%;
	position: relative;
	overflow:hidden;
	height:350px;
}

#main .section02 ul.innerUl li,
#main .section04 ul.innerUl li,
#main .section06 ul.innerUl li,
#main .section08 ul.innerUl li{
		float: left;
}
#main .section03 ul.innerUl li,
#main .section05 ul.innerUl li,
#main .section07 ul.innerUl li{
		float: right;
}

#main ul.innerUl li.textbox{
	position:relative;
}
#main .section02 ul.innerUl li.textbox .h_ptex,
#main .section03 ul.innerUl li.textbox .h_ptex{
	width: 100%;
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}
#main .section04 ul.innerUl li.textbox .h_ptex,
#main .section05 ul.innerUl li.textbox .h_ptex,
#main .section06 ul.innerUl li.textbox .h_ptex,
#main .section07 ul.innerUl li.textbox .h_ptex,
#main .section08 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section02 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section03 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section04 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section05 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section06 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section07 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section08 ul.innerUl li.textbox .h_ptex{
	position:absolute;
	top: 25%;
	left:25%;
}
#main .section04 ul.innerUl li.textbox .h_ptex{left:30%; top:25%;}
#main .section05 ul.innerUl li.textbox .h_ptex{left:30%; top:30%;}
#main .section06 ul.innerUl li.textbox .h_ptex{left:25%; top:30%;}
#main .section07 ul.innerUl li.textbox .h_ptex{left:30%; top:30%;}
#main .section08 ul.innerUl li.textbox .h_ptex{left:30%; top:30%;}
.fujimiContents #main .section02 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section03 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section04 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section05 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section06 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section07 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section08 ul.innerUl li.textbox .h_ptex{
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}

.fujimiContents #main .section02 ul.innerUl li.textbox h2,
.fujimiContents #main .section03 ul.innerUl li.textbox h2,
.fujimiContents #main .section04 ul.innerUl li.textbox h2,
.fujimiContents #main .section05 ul.innerUl li.textbox h2,
.fujimiContents #main .section07 ul.innerUl li.textbox h2,
.fujimiContents #main .section08 ul.innerUl li.textbox h2
{

	line-height:1.2em;
	font-size:3.6rem;
	font-size:36px;
	text-align:center;
}
  
.ryugu-top #main .section04 .innerUl li.textbox{
	background:url(../../ryugu/images/ryugu_main03bg.jpg) no-repeat ;
}
.ryugu-top #main .section05 .innerUl li.textbox{
	background:url(../../ryugu/images/ryugu_main04bg.jpg) no-repeat  ;
}
.fujimiContents #main .section02 .innerUl li.textbox{
	background:url(../../fujimi/images/fujimi_main02bg.png);
}
.fujimiContents #main .section03 .innerUl li.textbox{
	background:url(../../fujimi/images/fujimi_main03bg.png);
}
.fujimiContents #main .section04 .innerUl li.textbox,
.fujimiContents #main .section08 .innerUl li.textbox{
	background:url(../../fujimi/images/fujimi_main04bg.png);
}
.fujimiContents #main .section05 .innerUl li.textbox{
	background:url(../../fujimi/images/fujimi_main05bg.png);
}
.fujimiContents #main .section06 .innerUl li.textbox{
	background:url(../../fujimi/images/fujimi_main06bg.png);
}
.fujimiContents #main .section07 .innerUl li.textbox{
	background:url(../../fujimi/images/fujimi_main07bg.png);
}

#main .innerUl li > img {
	width: 100%;
	height:100%;
}

#main .pho img {
	width: 100%;
}

#main .section01 {
	padding-bottom: 112px;
}

#main .section01 h2 {
	margin-bottom: 20px;
	
}

#main .section01 .textImg {
	margin-bottom: 32px;
}

#main .section01 .textImg01 {
	margin-bottom: 40px;
}


#main h2 {
	font-size:2.0em;
	color:#FFFFFF;
	padding-bottom:10px;
	background-image:url(../images/main_h2border.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}
#main h3{
	margin: 0% 0 2%;
	font-size:1.3em;
	color:#FFFFFF;
	padding: 10px 0 15px;
	line-height:1.8em;
	background-image:url(../images/main_h2border.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}

h2.r_h2{
	text-align: center;
	color:#000000!important;
	margin-top: 20px!important;
}

h3.r_h3{
	text-align: center;
	color:#000000!important;
	padding-bottom: 0!important;
	margin-bottom: 10px!important;
}
p.r_p{
	text-align: center;
	line-height: 1.6em;
	margin-bottom: 25px;
}

#main .section02 .textImg {
	margin:  10px 50px;
}

#main .section02 .textImg p {
	color: #FFF;

}

#main .stayLink{ margin-bottom: 30px;}

#main .stayLink h2{color:#595757; margin:90px 0 0;}
#main .stayLink ul{
	}

#main .stayLink ul li{ text-align:center; width:20%; padding:10px; float:left;}
#main .stayLink ul li h3{color:#000000; font-size:18px; font-size:1.8rem; border-bottom:solid 1px #000000;}
#main .stayLink ul li div.stayTex p{ margin-top:15px; font-size:12px; line-height:1.6em;}
.fujimiContents #main .stayLink ul li{ text-align:center; width:25%; padding:10px; float:left;}

/*------------------------------------------------------------
	comBottomBox
------------------------------------------------------------*/
#main .comBottomBox {
	padding: 135px 0 0;
	clear: both;
}

#main .comBottomBox .topImg {
	margin-bottom: 38px;
	position: relative;
	text-align: center;
}

#main .comBottomBox .topImg p {
	color: #fff;
	font-size: 18px;
	font-family: "ipaexm","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 2.17;
}

#main .comBottomBox .topImg01 {
	margin-bottom: 42px;
}

#main .comBottomBox .topImg01 .open {
	font-size: 19px;
	color: #B99257;
	letter-spacing: 0.06em;
	margin-bottom: -4px;
}

#main .comBottomBox .topImg01 .address {
	padding-top: 24px;
}

#main .comBottomBox .topImg01 p {
	font-size: 14px;
	line-height: 2.3;
}

#main .comBottomBox .topImg01 p span {
	margin: 5px 0 15px;
	display: block;
	font-size: 12px;
	line-height: 2.1;
}

#main .comBottomBox .linkUl {
	margin: 0 auto;
	/*width: 500px;*/
	width: 250px;
	position: relative;
}

#main .comBottomBox .linkUl li {
	float: left;
	position: relative;
}

#main .comBottomBox .linkUl .rLi {
	float: right;
}

#main .comBottomBox .linkUl li a {
	display: block;
	position: relative;
	overflow: hidden;
}

#main .comBottomBox .linkUl li a:before {
	position: absolute;
	z-index: -2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: #fff;
}

#main .comBottomBox .linkUl li a:after {
	position: absolute;
	display: block;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	content: "";
    box-sizing: border-box;
    transition: all 0.3s ease 0s;
}

#main .comBottomBox .linkUl li a:hover:after {
	left: 0;
	background-color: #F4ECDF;
}

#main .comBottomBox .linkUl li.rLi a:before {
	background-color: #C99E61;
}

#main .comBottomBox .linkUl li.rLi a:hover:after {
	background-color: #E9B366;
}

#main .comBottomBox .pageLink {
	display: none;
}
/*------------------------------------------------------------
	comTopNavi
------------------------------------------------------------*/
#main .comTopNavi {
	margin: 0 0 49px 15px;
	position: relative;
	text-align: center;
}

#main .comTopNavi li {
	margin: 0 10px;
	display: inline;
	color: #fff;
}

#main .comTopNavi li a {
	margin-right: 20px;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 1;
}

#main .comTopNavi li a:after {
	position: absolute;
	bottom: -2px;
	left: 50%;
	content: '';
	width: 0;
	height: 1px;
	background-color: #A9A9A9;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.ie8 #main .comTopNavi li a:after,
.ie9 #main .comTopNavi li a:after {
	left: 0;
}

.mobile #main .comTopNavi li a:hover:after {
	display: none;
}

#main .comTopNavi li a:hover:after {
	width: 100%;
}
/*------------------------------------------------------------
	comBdBox
------------------------------------------------------------*/
#main .comBdBox {
	margin: 0 auto 98px;
	padding: 70px 0 60px;
	width: 1000px;
	border: 1px solid #806744;
}

#main .comBdBox p {
	margin-top: 30px;
	color: #fff;
	font-family: "ipaexm","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 14px;
	line-height: 2.45;
	text-align: center;
}

#main .comBdBox p:first-child {
	margin-top: 0;
}
/*------------------------------------------------------------
	comTtl
------------------------------------------------------------*/
#main .comTtl {
	margin-bottom: 50px;
	padding-top: 45px;
	color: #fff;
	font-size: 24px;
	line-height: 1.2;
	text-align: center;
	font-family: "ipaexm","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
/*------------------------------------------------------------
	comInner
------------------------------------------------------------*/
#main .comInner {
	margin: -50px auto 60px;
	width: 1000px;
}

#main .comInner li {
	margin: 50px 0 0 0;
	width: 50%;
	float: left;
}

#main .comInner dl {
	margin-left: 25px;
	color: #B9B9B9;
	font-size: 12px;
	line-height: 1.7;
}

#main .comInner dt {
	margin-bottom: 15px;
	font-family: "ipaexm","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 18px;
	font-weight: bold;
}

#main .comInner dt span {
	display: block;
	font-size: 16px;
}
.pcnone{display:none;}
.spnone{display:block;}

@media all and (min-width: 0px) and (max-width: 768px) {
	
	#main .mainH2 h2{
	color:#595757;
	font-size:24px;
	font-size:2.4rem;
	background-image:url(../images/mainh2_bg.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	margin-top:20px;
	padding-bottom:25px;
}
	
p.index_planbtn{

	margin:  0px 10px;
}	
.enjoyArea{}

.enjoyArea ul{}
.enjoyArea ul li{ width:50%; text-align:center; float:left; padding:10px;}


	.fujimi_section1{ display:none;}

#main .section02 ul.innerUl li.textbox 
#main .section02 ul.innerUl li.textbox .h_ptex,
#main .section03 ul.innerUl li.textbox .h_ptex{
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
	width: 100%;
}

#main .section04 ul.innerUl li.textbox .h_ptex,
#main .section05 ul.innerUl li.textbox .h_ptex,
#main .section06 ul.innerUl li.textbox .h_ptex,
#main .section07 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section02 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section03 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section04 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section05 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section06 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section07 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section08 ul.innerUl li.textbox .h_ptex{
	width: 100%;
position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}
.fujimiContents #main .section02 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section03 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section04 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section05 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section06 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section07 ul.innerUl li.textbox .h_ptex,
.fujimiContents #main .section08 ul.innerUl li.textbox .h_ptex{
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
	}

#main .stayLink h2{color:#595757; margin:40px 0 0;}
#main .stayLink ul{}
#main .stayLink ul li{ text-align:left; width:100%; padding:0px;float:none;}
#main .stayLink ul li h3{color:#000000; font-size:18px; font-size:1.8rem; border-bottom:solid 1px #000000; text-align:center; margin:10px;}
#main .stayLink ul li div.stayTex p{ margin:0px 0 20px 0; font-size:12px; line-height:1.6em; text-align: center;}

	#main .mainImg {
		margin-bottom: 53px;
	}
		
	#main .textImg p {
		font-size: 10px;
	}
	
	#main .notice {
		margin: 0 20px 41px;
	}
	
	#main .notice .time {
		margin: 3px 0 0;
		display: block;
	}
	
	#main .section02 ul.innerUl,
#main .section03 ul.innerUl,
#main .section04 ul.innerUl,
#main .section05 ul.innerUl,
#main .section06 ul.innerUl,
#main .section07 ul.innerUl{
	margin:0px;
    display:block;
	
	
}
#main .innerUl li > img {
	width:100%;
}

	#main .section01 {
		padding-bottom: 57px;
	}
	
	#main .section01 .textImg {
		margin-bottom: 28px;
	}
	
	#main .section01 .textImg01 {
		margin-bottom: 36px;
	}
	
	#main .section02 {
		padding: 4px 0 0;
	}
	
	#main .section02 h2 {
		margin: 0 0 10px;
	}
		
	#main .section02 .textImg {
	}
		
	#main .section02 .textImg01 {
	}
	
	#main ul.innerUl li {
	width: 100%;
	float: none;
	min-height: auto !important;
	height:250px;
		
}
	#main ul.innerUl li.wow{
		position: relative;
		
	}
	#main ul.innerUl li.wow_L{
		height:100%;
		background:none;
	}
	
	#main .section03 h2 {
		margin: 0 0 10px;
	}
	
	#main .section03 .textImg {
		margin-bottom: 22px;
	}
	
	#main .section03 .link {
		padding-bottom: 50px;
	}
	
	#main .section04 {
		padding: 0px 0 0;
	}
	
	#main .section04 h2 {
	}
	
	#main .section04 .textImg {
	}
		
	
	#main .section05 {
		padding: 40px 0 0;
	}
	
	#main .section05 h2 {
	}
	
	#main .section05 .textImg {
		margin-bottom: 22px;
	}
	
	#main .section05 .link {
		margin: 0 0 50px;
	}
	
	#main .section06 {
	}
	
	#main .section06 h2 {
		margin: 0;
	}
	
	#main .section06 .textImg {
		margin-bottom: 23px;
	}
	
	#main .section06 .link {
		margin-bottom: 0;
		padding-bottom: 44px;
	}
	
	#main .section06 .innerUl {
		width: auto;
	}
	
	
	#main .mainImg {
		height: 270px;
	}
		
	#main .pcMainImg {
		display: none;
	}
	
	#main .spMainImg {
		display: block;
	}
	
	.stayPho{
		text-align:center;
	}
	.pcnone{display:block;}
	.spnone{display:none;}

	/*------------------------------------------------------------
		h3
	------------------------------------------------------------*/
	#main h3 {
		margin-bottom: 10px;
		text-align: center;
		font-size:16px;
	}
	/*------------------------------------------------------------
		comBottomBox
	------------------------------------------------------------*/
	#main .comBottomBox {
		padding: 50px 0 60px;
	}
	
	#main .comBottomBox .topImg {
		margin-bottom: 24px;
		text-align: center;
	}

	#main .comBottomBox .topImg p {
		font-size: 14px;
	}

	#main .comBottomBox .topImg01 {
		margin-bottom: 35px;
	}
	
	#main .comBottomBox .topImg01 p {
		font-size: 11px;
		line-height: 1.7;
	}
	
	#main .comBottomBox .topImg01 p span {
		font-size: 9px;
		line-height: 2.1;
	}
	
	
	#main .comBottomBox .linkUl {
		margin: 0 auto 70px;
		width: 74%;
	}

	#main .comBottomBox .linkUl li {
		margin-bottom: 20px;
		float: none;
		text-align: center;
	}
	
	#main .comBottomBox .linkUl li:last-child {
		margin-bottom: 0;
	}
	
	#main .comBottomBox .linkUl li img {
		width: 100%;
	}
	
	#main .comBottomBox .linkUl .rLi {
		float: none;
	}
	
	#main .comBottomBox .linkUl li a:before,
	#main .comBottomBox .linkUl li a:after {
		display: none;
	}

	#main .comBottomBox .pageLink {
		margin: 0 auto;
		width: 290px;
		display: block;
	}
	
	#main .comBottomBox .pageLink li {
		margin: 15px 0 0;
		width: 50%;
		float: left;
	}

	#main .comBottomBox .pageLink li:nth-child(-n+2) {
		margin-top: 0;
	}
	
	#main .comBottomBox .pageLink li img {
		width: 100%;
	}
	
	#main .comBottomBox .topImg01 .open {
		font-size: 16px;
		margin-bottom: 5px;
	}
	/*------------------------------------------------------------
		comTopNavi
	------------------------------------------------------------*/	
	#main .comTopNavi {
		margin: 0 0 29px 20px;
		text-align: center;
	}
	
	#main .comTopNavi li {
		font-size: 9px;
	}
	
	#main .comTopNavi li a {
		font-size: 9px;
	}
	
	#main .comTopNavi li a img {
		width: auto;
		height: 15px;
	}
	
	/*------------------------------------------------------------
		comBdBox
	------------------------------------------------------------*/
	#main .comBdBox {
		margin: 0 20px 69px;
		padding: 25px 25px 20px;
		width: auto;
		border: 1px solid #806744;
	}
	
	#main .comBdBox p {
		margin-top: 15px;
		color: #fff;
		font-size: 11px;
		text-align: left;
		line-height: 1.7;
	}
	/*------------------------------------------------------------
		comTtl
	------------------------------------------------------------*/
	#main .comTtl {
		margin-bottom: 28px;
		padding-top: 10px;
		font-size: 16px;
	}
	/*------------------------------------------------------------
		comInner
	------------------------------------------------------------*/
	#main .comInner {
		margin: 0 25px 30px;
		width: auto;
	}
	
	#main .comInner li {
		margin: 33px 0 0;
		width: auto;
		float: none;
	}
	
	#main .comInner li:first-child {
		margin-top: 0;
	}
	
	#main .comInner dl {
		margin: 0;
		font-size: 11px;
		line-height: 1.7;
	}
		
	#main .comInner dt {
		margin-bottom: 9px;
		font-size: 13px;
		line-height: 1.9;
	}
		
	#main .comInner dt span {
		font-size: 13px;
	}
}

/** Modal **/
div.modal {
	position: absolute;
	display:none;
	z-index:99999;
	max-width:720px;
	max-height:480px;
	left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
	padding:0;
	text-align:center;
}
div.modal .pr_box {
	max-width:720px;
	height:auto;
	box-shadow:10px 10px 10px rgba(0,0,0,0.4);
	padding:6px;
	background:#FFFFFF;
}
.pr_box img {
	max-width:100%;
	margin:0 auto;
}
.close_modal2 {
	width:100px;
	height:30px;
	margin:10px auto;
	border-radius:4px;
	background-color: #666;
}
.close_modal2 a {
	display:block;
	width:100px;
	height:30px;
	border-radius:4px;
	font-weight:bold;
	color:#ffffff;
	line-height:30px;
	text-decoration:none;
	font-size:16px;
}
.close_modal2 a:hover {
	background: #999;
}

@media (max-width: 667px) {
div.modal {
	width:96%;
	height:auto;
}
div.modal .pr_box {
	max-width:100%;
	height:auto;
}
}