@charset "UTF-8";

body{
    width:1280px;
    margin-right:auto;
    margin-left:auto;
    text-align:left;
	font-family:ＤＦＰＵＤ丸ゴシック体W4;
	background:#00001D;
	background-image:url("");
}

/***　 ***/
.contener01 {
    float:none;
    width:1280px;
    height:150px;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:0;
	background-image: url("");
}

/***　 ***/
#image-bar{
    display: inline-block;
    float:right;
	width:468px;
	height:150px;
}

/***　 ***/
#toiawase{
    float:none;
    line-height:8pt;
    font-size:13pt;
    text-align:center;
    margin:0;
    width:320px;
    height:150px;
    color:white;
}

/***　 ***/
.image-bar{
    display: inline-block;
    float:right;
	width:468px;
	height:150px;
}


/***　 ***/
.image-bar01{
    display: inline-block;
    float:right;
	width:468px;
	height:150px;
}

/***　 ***/
.tag{
    margin-top:0;
    margin-left:30px;

}
.tag-img{
    height:50%;
	margin-right:20px;
	margin-top:10px;
}

.tag p{
    margin:0;
    display:table-cell;
    vertical-align:middle;
     font-family:ＤＦＰＵＤ丸ゴシック体W4;
	font-size:19pt;
}

/*for IE6 */
* html .tag p {
display: inline;
zoom: 1;
}

/*for IE7 */
*:first-child+html .tag p {
display: inline;
zoom: 1;
}

/***　 ***/
.contener02 {
    float:none;
    width:1280px;
    margin-top:0;
    margin-right:auto;
    margin-left:auto;
	background-image: url("");
}

/***　 ***/
.album {
    float:right;
    margin-right:auto;
    margin-left:auto;
	width:940px;
	height:auto;
	position: relative;
}

.album img {
	animation-name: album;
	-webkit-animation-name: album;
	animation-duration: 70s;
	-webkit-animation-duration: 70s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	opacity: 0;
}

.album .img1 {
	width:940px;
	height:auto;
	display: block;
	margin: 0 auto;
}

.album .img2 {
	width:940px;
	height:auto;
	animation-delay:40s;
	-webkit-animation-delay:40s;
	position: absolute;
	top: 0;
	left:;
}

.album .img3 {
	width:940px;
	height:auto;
	animation-delay:50s;
	-webkit-animation-delay:50s;
	position: absolute;
	top: 0;
	left:;
}

.album .img4 {
	width:940px;
	height:auto;
	animation-delay:60s;
	-webkit-animation-delay:60s;
	position: absolute;
	top: 0;
	left:;
}
.album .img5 {
	width:940px;
	height:auto;
	animation-delay:70s;
	-webkit-animation-delay:70s;
	position: absolute;
	top: 0;
	left:;
}

@keyframes album {
	0% {
		opacity: 0;
	}
	
	6% {
		opacity: 1;
	}

	13% {
		opacity: 1;
	}
	20% {
		opacity: 0;
	}
}

@-webkit-keyframes album {
	0% {
		opacity: 0;
	}
	
	6% {
		opacity: 1;
	}

	13% {
		opacity: 1;
	}
	20% {
		opacity: 0;
	}
}

/***　 ***/
#menu{
	margin:0px;
	width:320px;
	color:white;
}
.menu-icon{
    font-family:"FOT-スーラ Pro DB";
    font-size:18pt;
    margin-left:20px;
    margin-right:20px;
    line-height:200px;
	list-style-type:none;
}
.circle_spread_btn {
	display: inline-block;
	position: relative;
	width: 120px;
	height: 120px;
	line-height: 140px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #00001D;
	border-radius: 50%;
}
.circle_spread_btn:hover {
	 cursor: pointer;
	 text-decoration: none;
	text-align: center;
	 transition: transform .3s;
	transform-origin: center;
	transform: scale(0.9, 0.9);
	opacity: 0.7;
}
.circle_spread_btn::after {
    display: inline-block;
    content: "";
    width: 119px;
    height: 119px;
    position: absolute;
	 border-radius: 50%;
	color:#fff;
	 top: -0.5px;
	 left: -0.5px;
    border: 2px solid #fff;
	 transition: transform .5s ease;
	visibility: hidden;
}
.circle_spread_btn:hover::after {
	 cursor: pointer;
	 text-decoration: none;
	 transition: transform .5s ease;
	transform-origin: center;
	transform: scale(1.4, 1.4);
	opacity: 0.7;
	visibility: visible;
}
.btn1 {
    margin:0;
}
.btn2{
	float:right;
	margin-top:-90px;
}
.circle_spread_btn_none{
	display: inline-block;
	position: relative;
	width: 120px;
	height: 120px;
	line-height: 137px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #182f60;
	border-radius: 50%;
}

/***　 ***/
.contener03 {
    float:none;
    width:1280px;
    margin-right:auto;
    margin-left:auto;
	background-image: url("");
}

/***　 ***/
.info{
    float:right;
	width:940px;
	display:flex;
}

.info-icon {
    float:right;
	width:940px;
	margin-top:20px;
	height:auto;
}

/***　 ***/
.footer {
    width:320px;
    margin:0;
}

.footer-p{
    width:320px;
    clear:both;
    margin:0;
	text-align:center;
    color:silver;
}

/***　 ***/
.enkakugaiyou{
  margin-left:30px;
  width:910px;
}

.enkakugaiyou table{
  width:890px;
  border-collapse: collapse;
}

/***　 ***/
.kaishagaiyou{
  position: relative;
  text-align: center;
  background-color:white;
  color:#00001D;
  width: 10%;
}

/***　 ***/
table tr{
  border-bottom-width:2px;
  border-color:white;
}

table tr:last-child{
  border-bottom-width:2px;
  border-color:white;
}

table th{
  border-left: 1px solid #a8b7c5;
  border-top: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-right: 1px solid #a8b7c5;
  width: 10%;
  color:white;
  text-align:center;
  padding: 10px 0;
}

table td{
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top: 1px solid #a8b7c5;
  border-right: 1px solid #a8b7c5;
  text-align: left;
  word-wrap: break-word;
  width: 80%;
  padding: 10px 0;
}

/***　 ***/
.enkaku{
    margin-top:20px;
    margin-left:30px;
}

.enkaku-img{
    height:200px;
	margin-right:20px;
}

.enkaku p{
    margin:0;
    display:table-cell;
    vertical-align:middle;
    font-family:ＤＦＰＵＤ丸ゴシック体W4;
	font-size:12.5pt;
}

/***　 ***/
.aisatsu{
	float:right;
	width:940px;
	height:auto;
	color:white;
}

.hyodai1{
	width:865px;
    font-family:"FOT-ロダン Pro EB";
	font-size:28pt;
	margin:10px auto 0 35px;
}

.hyodai2{
	width:865px;
	height:60px;
    font-family:"FOT-ロダン Pro B";
    font-size:22pt;
    text-align:right;
	margin:0px auto 20px 35px;
	border-bottom-color:white;
	border-bottom-width:3px;
	border-bottom-style:double;
}

.bunsho{
	margin-top:5px;
	margin-left:35px;
	font-size:15pt;
    line-height:28pt;
	text-align: justify;
    text-justify: inter-ideograph;
}

.daihyo{
	margin-top:13px;
    margin-right:40px;
    margin-left:28px;
    float:right;
	width:280px;
	height:auto;
	
}

/***　 ***/
.seihin{
	float:right;
	width:940px;
	height:auto;
	color:white;
}

/***　おしゃれテーブル2　Chromeカラー ***/ 
.osare2-table {
 width:100%;
 table-layout: fixed;
 border: none !important;
 border-collapse: separate;
 border-spacing: 7px 0px;
 margin-bottom:5px;
}

.osare2-table tfoot td {
 border-radius: 0 0 10px 10px;
}

.osare2-table th {
 border: none !important;
 border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
}

.osare2-table tbody td {
 border: none !important;
 background-color:#FFF9FF !important;
 border-bottom: solid 2px #f9f9f9 !important;
 color:navy;
 padding:0 6px 3px 6px;
 }

/* ヘッダー */
.osare2-table thead th {
 font-weight: bold;
}

/* ボディ項目・フッター項目 */
.osare2-table tbody th,
.osare2-table tfoot th {
 background:#FFF;
 font-weight: bold;
 border-bottom: solid 2px #f9f9f9 !important;
 line-height:4.5em;
}

/* ボディデータ・フッターデータ */
.osare2-table tbody td,
.osare2-table tfoot td {
 font-family:ＤＦＰＵＤ丸ゴシック体W6;
 font-size:10.5pt;
 text-align:justify;
}
 
/* ヘッダー行　１列ごとの色変え */ 
.osare2-table thead th:nth-child(1)  {
 background: #1DA462;
}
.osare2-table thead th:nth-child(2)  {
 background: #DD5144;
}
.osare2-table thead th:nth-child(3)  {
 background: #FFCD46;
}
.osare2-table thead th:nth-child(4)  {
 background: #4C8BF5;
}

/* 最終行のボーダーをなくす */
.osare2-table tbody tr:last-child th,
.osare2-table tbody tr:last-child td,
.osare2-table tfoot tr:last-child th{
 border-bottom:none !important;
}

/* スマホ調整 */
@media (max-width: 767px) {
    .osare2-table thead th,
    .osare2-table tbody th {
            padding:0;
    }
    .osare2-table tfoot td {
    padding:0;
    font-size:0.9em;
    }
.osare2-table tfoot td:nth-child(2) {
     font-size:1em;
    }
    
}

/*（共通）　項目の多いテーブルの幅を調整*/
@media (max-width: 767px) {
 .col6t th,
 .col6t td{
 font-size:0.4em;
 padding: 10px 0px;
 }
 .col5t th,
 .col5t td{
 font-size:0.5em;
 padding: 10px 0px;
 }
 .col4t th,
 .col4t td{
 font-size:0.7em;
 padding: 10px 5px;
 }
 .col3t th,
 .col3t td{
 font-size:0.8em;
 padding: 10px 10px;
 }
}

/***　 ***/
.seihinall-img{
	width:180px;
	height:110px;
	margin-left:21px;
	margin-right:auto;
}

.seihin0{
    float:right;
    margin-right:auto;
    margin-left:auto;
	width:940px;
	height:auto;
}

.seihin01{
	width:940px;
	height:auto;
	margin:5px auto;
}

/***　 ***/
.access{
	float:right;
	width:940px;
	height:auto;
	color:white;
}

/***　 ***/
.map{
     float:none;
	 width:800px;
	 height:400px;
	 margin-top:10px;
	 margin-left:70px;
	 frameborder:0;
	 border-bottom-style:none;
	 allowfullscreen:;
	 aria-hidden:false;
	 tabindex:0;
}

/***　 ***/
.ekikara{
	width:870px;
	font-family:"FOT-ロダン Pro B";
    font-size:20pt;
    line-height:23pt;
    text-align:right;
}

/***　 ***/
.tutorial01{
	float:none;
    width:600px;
    margin-right:auto;
    margin-left:auto;
}

.tutorial-img{
	width:600px;
	margin-right:auto;
    margin-left:auto;

}

/***　 ***/
.tutorial02{
    width:600px;
    font-family:"FOT-スーラ Pro DB";
    font-size:18pt;
    margin-left:auto;
    margin-right:auto;
    line-height:180px;
	list-style-type:none;
}

/***　 ***/
.novelty01{
	float:none;
    width:600px;
    margin-right:auto;
    margin-left:auto;
}

.novelty-img{
	width:600px;
	margin-right:auto;
    margin-left:auto;

}

/***　 ***/
.novelty02{
    width:600px;
    font-family:"FOT-スーラ Pro DB";
    font-size:18pt;
    margin-left:auto;
    margin-right:auto;
    line-height:180px;
	list-style-type:none;
}

/***　 ***/
.iten01{
	float:none;
    width:600px;
    margin-right:auto;
    margin-left:auto;
}

.iten-img{
	width:600px;
	margin-right:auto;
    margin-left:auto;

}

/***　 ***/
.iten02{
    width:600px;
    font-family:"FOT-スーラ Pro DB";
    font-size:18pt;
    margin-left:auto;
    margin-right:auto;
    line-height:180px;
	list-style-type:none;
}