*{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
	font-size:14px;
	letter-spacing:1px;
	line-height:1.5em;
	color:#fff;
	word-break:break-all;
	font-family: "メイリオ",Meiryo,"MS PGothic","MS UI Gothic",Arial,sans-serif;
//	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
//	font-family:"HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro";
}

br {
	line-height:1em;
}

img{
	vertical-align:top;
}


html,body {
	height:100%;
}

a {
	color:#247de9;
	text-decoration:none;
}
a:hover{
	color:#ff0000;
	text-decoration:none;
	cursor: pointer;
}

a.lnk {
	color:#00477f;
//	text-decoration:underline;
}
a.lnk:hover{
	color:#ff0000;
	cursor: pointer;
}

.km {
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	border-radius:20px;
}
.km5 {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
}

#page-top {
	position: fixed;
	top:130px;
	left:0;
	z-index:99;
}

.pagetop {
    display: none;
    position: fixed;
//	top:100px;
//	left:0;
    bottom: 5px;
    right: 5px;
	z-index:999;
	transition: all 300ms ease-out 0s;
}
.pagetop:hover {
//	opacity: 0.5;
}

.opa05 {
transition: all 300ms ease-out 0s;
}
.opa05:hover {
	opacity: 0.5;
}

.clear {
	clear:both;
}

.w100 {
	width:100%;
}

.h100 {
	height:100%;
}

.center-100 {
	height:100%;
//	border:1px solid #000;
}

.red {
	color:#ff0000;
}

.hi5 {
	height:5px;
}
.hi10 {
	height:10px;
}
.hi20 {
	height:20px;
}
.hi30 {
	height:30px;
}
.hi40 {
	height:40px;
}
.hi50 {
	height:50px;
}
.hi60 {
	height:60px;
}
.hi70 {
	height:70px;
}
.hi80 {
	height:80px;
}
.hi90 {
	height:90px;
}
.hi100 {
	height:100px;
}

/*-----------------------------------------------------------------
	-design-
-----------------------------------------------------------------*/

#wrapper{
	display:block;
}
#smart_wrapper{
	display:none;
}
#smart_footer{
	display:none;
}
/*以下は画像などの表示制御クラス*/

.pc_img_class{
	display:inline;
}
.smart_img_class{
	display:none;
}

.left {
	float:left;
}
.right {
	float:right;
}

.link-a {
	margin-top:-60px;
	padding-top:60px;
}

/*---------------------------------------------------*/

/* animation */
@-webkit-keyframes passing-bar{
	0% {
		left: 0;
		right: auto;
		width: 0;
	}
	50% {
		left: 0;
		right: auto;
		width: 100%;
	}
	51% {
		left: auto;
		right: 0;
		width: 100%;
	}
	100% {
		left: auto;
		right: 0;
		width: 0;
	}
}
@keyframes passing-bar{
	0% {
		left: 0;
		width: 0;
	}
	50% {
		left: 0;
		width: 100%;
	}
	51% {
		left: 0;
		width: 100%;
	}
	100% {
		left: 100%;
		width: 0;
	}
}
@-webkit-keyframes passing-txt{
	0% { opacity: 0; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes passing-txt{
	0% { opacity:0; }
	50% { opacity:0; }
	100% { opacity:1; }
}
/* css */
.passing .passing-box {
	display: block;
	text-align: center;
}
.passing .passing-box2 {
	text-align: left;
}
.passing .passing-box3 {
	text-align: right;
}

.passing .passing-bar {
	position: relative;
	display: inline-block;
	/*　後ほど解説　*/
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.passing .passing-bar:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	/* 任意の値 */
	background: #000;
}
.passing .passing-bar2:before {
	background: #fff;
}

.passing 
.passing-txt {
	opacity: 0;
	/* 後ほど解説 */
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	/* 任意の値 */
//	font-size: 3.0rem;
//	font-weight: bold;
//	line-height: 1.5;
}
.passing.move 
.passing-bar:before {
	-webkit-animation: passing-bar 1s ease 0s 1 normal forwards;
	animation: passing-bar 1s ease 0s 1 normal forwards;
}
.passing.move .passing-txt {
	-webkit-animation: passing-txt 0s ease .5s 1 normal forwards;
	animation:passing-txt 0s ease .5s 1 normal forwards;
}

/*---------------------------------------------------*/

.slide {
  background: #fff;
  color: #000;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.slide::after {
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}
.slide:hover {
  color: #fff;
}
.slide:hover::after {
  transform: scale(1, 1);
}

/*---------------------------------------------------*/

.fadeIn {
	-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: fadeIn;
	animation-name: fadeIn;
	visibility: visible !important;
}
@-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
}

.fadeInUp {
	-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: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
	0% { opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInUp {
	0% { opacity:0; transform: translateY(30px); }
	100% { opacity:1; transform: translateY(0); }
}

.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(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInDown {
	0% { opacity:0; transform: translateY(-30px); }
	100% { opacity:1; transform: translateY(0); }
}

.fadeInLeft {
	-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: fadeInLeft;
	animation-name: fadeInLeft;
	visibility: visible !important;
}
@-webkit-keyframes fadeInLeft {
	0% { opacity: 0; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); }
	100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInLeft {
	0% { opacity:0; transform: translateX(30px); }
	100% { opacity:1; transform: translateX(0); }
}

.fadeInRight {
	-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: fadeInRight;
	animation-name: fadeInRight;
	visibility: visible !important;
}
@-webkit-keyframes fadeInRight {
	0% { opacity: 0; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); }
	100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInRight {
	0% { opacity:0; transform: translateX(-30px); }
	100% { opacity:1; transform: translateX(0); }
}

.zoomIn {
	-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: zoomIn;
	animation-name: zoomIn;
	visibility: visible !important;
}
@-webkit-keyframes zoomIn {
	0% { opacity: 0; transform: scale(0.8); }
	100% { opacity: 1; transform: scale(1); }
}
@keyframes zoomIn {
	0% { opacity:0; transform: scale(0.8); }
	100% { opacity:1; transform: scale(1); }
}

.zoomOut {
	-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: zoomOut;
	animation-name: zoomOut;
	visibility: visible !important;
}
@-webkit-keyframes zoomOut {
	0% { opacity: 0; transform: scale(1.2); }
	100% { opacity: 1; transform: scale(1); }
}
@keyframes zoomOut {
	0% { opacity:0; transform: scale(1.2); }
	100% { opacity:1; transform: scale(1); }
}



.fadeInDown2 {
	-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;
//	animation-delay: 1s;
}



.ani-a-01 {
	animation-fill-mode:both;
	animation-name: fadeInDown;
	visibility: visible !important;
	animation-duration:1s;
	animation-delay: 0s;
}
.ani-a-02 {
	animation-fill-mode:both;
	animation-name: fadeInDown;
	visibility: visible !important;
	animation-duration:1s;
	animation-delay: 0.3s;
}
.ani-a-03 {
	animation-fill-mode:both;
	animation-name: fadeInDown;
	visibility: visible !important;
	animation-duration:1s;
	animation-delay: 0.6s;
}
.ani-a-04 {
	animation-fill-mode:both;
	animation-name: fadeInDown;
	visibility: visible !important;
	animation-duration:1s;
	animation-delay: 0.9s;
}
.ani-a-05 {
	animation-fill-mode:both;
	animation-name: fadeInDown;
	visibility: visible !important;
	animation-duration:1s;
	animation-delay: 1.2s;
}
.ani-a-06 {
	animation-fill-mode:both;
	animation-name: fadeInDown;
	visibility: visible !important;
	animation-duration:1s;
	animation-delay: 1.5s;
}
.ani-a-07 {
	animation-fill-mode:both;
	animation-name: fadeInDown;
	visibility: visible !important;
	animation-duration:1s;
	animation-delay: 1.8s;
}
.ani-a-08 {
	animation-fill-mode:both;
	animation-name: fadeInDown;
	visibility: visible !important;
	animation-duration:1s;
	animation-delay: 2.1s;
}
.ani-a-09 {
	animation-fill-mode:both;
	animation-name: fadeInDown;
	visibility: visible !important;
	animation-duration:1s;
	animation-delay: 2.4s;
}
.ani-a-10 {
	animation-fill-mode:both;
	animation-name: fadeInDown;
	visibility: visible !important;
	animation-duration:1s;
	animation-delay: 2.7s;
}


.ani-n-01 {
	animation-fill-mode:both;
	animation-name: fadeInLeft;
	visibility: visible !important;
	animation-duration:1s;
	animation-delay: 0s;
}
.ani-n-02 {
	animation-fill-mode:both;
	animation-name: fadeInLeft;
	visibility: visible !important;
	animation-duration:1s;
	animation-delay: 0.3s;
}
.ani-n-03 {
	animation-fill-mode:both;
	animation-name: fadeInLeft;
	visibility: visible !important;
	animation-duration:1s;
	animation-delay: 0.6s;
}



.aniUp {
	opacity:0;
}
.aniDown {
	opacity:0;
}
.aniLeft {
	opacity:0;
}
.aniRight {
	opacity:0;
}

.ani-news01 {
	opacity:0;
}
.ani-news02 {
	opacity:0;
}
.ani-news03 {
	opacity:0;
}

.ani-m01 {
	opacity:0;
}
.ani-m02 {
	opacity:0;
}
.ani-m03 {
	opacity:0;
}

/*---------------------------------------------------*/

.top-ani-S00 {
	animation-fill-mode:both;
	animation-name: top-ani-S00;
	visibility: visible !important;
	animation-duration:2s;
//	animation-delay: 0s;
}
@keyframes top-ani-S00 {
	0% { opacity:0; }
	100% { opacity:1; }
}

.top-ani-S01 {
	animation-fill-mode:both;
	animation-name: top-ani-S01;
	visibility: visible !important;
	animation-duration:0.5s;
	animation-delay: 1s;
}
@keyframes top-ani-S01 {
	0% { opacity:0; translateY(-50px); }
	100% { opacity:1; translateY(0); }
}

.top-ani-S02 {
	animation-fill-mode:both;
	animation-name: move;
	visibility: visible !important;
	animation-duration:1s;
	animation-delay: 1.5s;
}

.top-S00 {
	opacity:0;
}
.top-S01 {
	opacity:0;
}
.top-S03 {
	opacity:0;
}
.top-S04 {
	opacity:0;
}
.top-S05 {
	opacity:0;
}


/*---------------------------------------------------*/
/* 固定 */
.fixed {
	z-index:10;
	position:fixed;
	top: 0px;
	width:100%;
	padding:0;
}

header {
	z-index:10;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:60px;
	padding: 0 20px 0 20px;
//	text-align:center;
	background-color:#c82c60;
//	border-bottom:1px solid #000;
}

/*---------------------------------------------------*/
/*----------------------------------------*/

.fix-header {
//	opacity:1;/* 最初読み込んだときは透過 */
	z-index:100;

	position: fixed;
//	position: relative;

//	top: 550px;
	left: 0;

//	min-width:1100px;
	width: 100%;
	height:60px;
//	height:70px;
	margin: 0 auto;
	padding:0px 0px 5px 0px;

	color: #fff;
	text-align:center;
//	line-height: 66px;
	border-bottom:1px solid #fff;
	background-color:#153552;

//	background-color:rgba(255,255,255,0.7);
//	border-bottom:1px solid #000;
//	background-image: url("../images/back-h.jpg");
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: top left;

	transition: all 300ms ease-out 0s;
}
.fix-header-s {
	top: -60px;
}
@media screen and (max-width:480px){
.fix-header {
	min-width:1px;
}
}

.logo-p2 {
	position:absolute;
	top:0px;
	left:0px;
	width:170px;
}
.logo-p2w {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:170px;
}



.t-menu-waku {
	z-index: 100;
	position: fixed;
//	min-width:1000px;
	width:100%;
	height:60px;
//	padding:15px 10px 0 10px;
	text-align:center;
	background-color:#fff;
//	background-image: url("../images/back-h.png");
	background-position: left bottom;
	border-bottom:1px solid #999;
}

.menu-waku {
	position:relative;
	min-width:1100px;
//	width:1100px;
	width:100%;
	max-width:1100px;
	height:70px;
	padding:0px 0px 0 0px;
	text-align:left;
//	border:1px solid #999;
}
.menu-aaa {
	display:inline-block;
	position:relative;
	width:204px;
	height:40px;
	margin:10px 0 0 20px;
//	border:1px solid #000;

	background-color:#153552;
	background-image: url("../images/logo.png");
	background-repeat: no-repeat;
//	background-size: cover;
	background-size: contain;
	background-position: left center;
}
.menu-aaa2 {
	padding:8px 0 0 5px;
	font-size:15px;
	font-weight: bold;
}
@media screen and (max-width:480px){
.menu-aaa {
	width:180px;
	height:40px;
	margin:10px 0 0 0px;
}
.menu-aaa2 {
	padding:21px 0 0 5px;
	font-size:15px;
	font-weight: bold;
}
}


.menu-000 {
	display:table;
//	display:inline-block;
	margin:10px 0 0 0;
//	border:1px solid #999;
}
.menu-001 {
	display:table-cell;
	display:inline-block;
//	width:150px;
//	width:100px;

	height:20px;
	margin:0 0 0 -1px;
	padding:10px 30px 27px 30px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
//	text-decoration:underline;
	letter-spacing:2px;
	line-height:1.0em;
text-align:center;
vertical-align:middle;
	word-break:normal;
	border-left:1px solid #555;
	border-right:1px solid #555;
//	border:1px solid #000;
	transition:0.5s;
//	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.menu-001:hover {
	color:#000;
	background-color:#999;
}

.menu-001a {
	display:inline-block;
	padding:3px 0 1px 5px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	letter-spacing:2px;
	line-height:1.0em;
	border-left:3px solid #dd0000;
}

.menu-001_0 {
	position:relative;
	width:137px;
	height:40px;
}
.menu-001_1_1 {
	z-index:2;
	position:absolute;
	top:0px;
	left:0px;
//	display:table-cell;
	width:137px;
//	width:100%;
	height:41px;
	font-size:16px;
	color:#000;
	background-color:#fff;
	letter-spacing:0px;
	line-height:1.0em;
	text-align:center;
	vertical-align:middle;
	transition:0.5s;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
//border:1px solid #000;
}
.menu-001_1_1:hover {
//	display:none;
//	visibility:hidden;
	color:rgba(0,0,0,0);
	background-color:rgba(0,0,0,0);
}

.menu-001_1_2 {
	z-index:1;
	position:absolute;
	top:0px;
	left:0;
//	display:table-cell;
	width:137px;
//	width:100%;
	height:41px;
	font-size:13px;
	color:#fff;
	background-color:#555;
	letter-spacing:0px;
	line-height:1.0em;
	text-align:center;
	vertical-align:middle;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.menu-001_1_p1 {
	padding:12px 0 0 0;
}
.menu-001_1_p2 {
	padding:14px 0 0 0;
}
.menu-001_1_p3 {
	padding:5px 0 0 0;
}

.menu-002 {
	width:180px;
	height:60px;
	margin:-11px 0 0 10px;
	padding:24px 0 0 65px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
//	text-decoration:underline;
	letter-spacing:2px;
	line-height:1.0em;
	background-color:#000;

	background-image: url("../images/kami.png");
	background-repeat: no-repeat;
	background-size: 26px auto;
//	background-size: cover;
//	background-size: contain;
	background-position: left 25px center;
}

@media screen and (max-width:1000px){
.menu-001 {
//	display:inline-block;
//	min-width:1px;
}
}


.btn-aaa {
	display:block;
	padding:10px 0 10px 0;
	font-size:13px;
//	color: #000;
	color: #4c4c4c;
	font-weight: bold;
	border-bottom:1px solid #aaa;
}

.btn-aaa_0 {
	position:relative;
	display:block;
//	width:200px;
	width:100%;
	height:41px;
	border-bottom:1px solid #aaa;
}
.btn-aaa_1 {
	z-index:2;
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:100%;
	height:40px;
	padding:10px 0 10px 0;
	font-size:13px;
//	color: #000;
	color: #4c4c4c;
	background-color:#fff;
	font-weight: bold;
}
.btn-aaa_1:hover {
	color:rgba(0,0,0,0);
	background-color:rgba(0,0,0,0);
}

.btn-aaa_2 {
	z-index:1;
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:100%;
	height:40px;
	padding:10px 0 10px 0;
	font-size:13px;
//	color: #000;
	color: #4c4c4c;
	font-weight: bold;
}



/*----------------------------------------*/

body {
	min-width:1100px;
	background-color:#000;
}
.body2 {
	min-width:1100px;
	background-color:#fff;
}


/*---------------------------------------------------*/
.head {
	transition: all 1s 0s ease;
	background-color:#000;
}
.head2 {
	background-color:#000;
}

.heads {
	width:100%;
	max-width:1200px;
	height:60px;
	border-bottom:1px solid #888;
}
.js-fade {
	transition: all 1s 0s ease;
	background-color:#000;

}

.title {
//	position:absolute;
	top:5px;
	left:15px;
//	width:300px;
//	display:inline-block;
	padding:16px 0 0 2px ;
	font-size:28px;
	color:#fff;
	font-weight: bold;
	text-align:left;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

.top-menu01 {
	position:absolute;
	top:0;
	right:0;
	width:60px;
	height:59px;
	background-color:#000;
}

.tops-button {
	position:absolute;
//	position:fixed;
	z-index:100;
	top:0;
	right:0;

	width:60px;
	height:60px;
	padding:25px 0 0 0;
	background-color:#00337f;

	background-image: url("");
	background-repeat: repeat-x;
//	background-size: cover;
	background-size: contain;
	background-position: center bottom -2px;
	transform: translateY(-90px);
	cursor: pointer;
}

.tops-button00 {
	width:26px;
	height:3px;
	background-color:#fff;
}
.tops-button01 {
	position:absolute;
	top:18px;
	left:17px;
	transition: 0.2s; /* アニメーション */
}
.tops-button02 {
	position:absolute;
	top:28px;
	left:17px;
	transition: 0.2s; /* アニメーション */
}
.tops-button03 {
	position:absolute;
	top:38px;
	left:17px;
	display:block;
	transition: 0.2s; /* アニメーション */
}

.btn-aaa {
	padding:15px 0 15px 0;
	font-size:13px;
	color: #000;
	font-weight: bold;
	border-bottom:1px solid #aaa;
	transition: all 0.5s 0s ease;
}
.btn-aaa:hover {
	color: #fff;
	background-color: #000;
}
.btn-bbb {
	padding:15px 0 15px 0;
	font-size:16px;
	color: #000;
	font-weight: bold;
	border-bottom:1px solid #aaa;
	transition: all 0.5s 0s ease;
}

.heads2 {
//	padding:15px 0 0 0;
}

.search01 {
	width:250px;
	height:30px;
	margin:15px 0 0 0;
	padding:5px 0;
	text-align:left;
	border:1px solid #999;
	background-color:#000;
}
.search01a {
	width:230px;
	margin:0 0 0 0;
}
.search02 {
	width:70px;
	height:20px;
	padding:1px 0px 0 0px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	border-right:1px solid #999;
}
.search03 {
	width:20px;
	height:20px;
	padding:1px 0 0 0;
}
.search04 {
	width:150px;
	height:20px;
	padding:0 0 0 2px;
	color:#fff;
	border:1px solid #000;
	background-color:#000;
}
.search04a {
	width:200px;
}
.search01-p {
	width:14px;
}

.lgin01 {
	width:80px;
	height:30px;
	margin:15px 0 0 10px;
	padding:6px 0px 0 10px;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	border:1px solid #999;
	background-repeat:no-repeat;
//	background-size:cover;
//	background-size:contain;
	background-position: right center;
}
.lgin01-b1 {
	background-image: url(../images/i01.png);
	background-position: right 4px center;
}
.lgin01-b2 {
	padding:6px 0px 0 13px;
	background-color:#000;
	background-image: url(../images/i02.png);
	background-position: right 5px top 5px;
}



/*----------------------------------------*/

.top {
	overflow:hidden;
	position:relative;
	height:600px;
//	background-image: url(../images/top.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
	background-position: center top;

}

.aaaaa2-1 {
	z-index:0;
	position:absolute;
	top:100%;
	left:0;
	right:0;
	margin:auto auto;
	width:100%;
	min-height:600px;
//	width:1200px;
//	height:600px;
	margin-top: -50%;
//	border:1px solid #f00;
}

.top-01 {
	position:absolute;
	top:140px;
	left:0;
	right:0;
	width:80px;
	height:400px;
	margin:0 auto;
	padding:0 20px 0 0;
	font-size:24px;
	font-weight:bold;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-align:left;
//	border:1px solid #000;
	text-shadow:0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
.top-y {
	position:relative;
}
.top-yp {
	position:absolute;
	top:-25px;
	left:0;
	right:0;
	margin:0 auto;
}


.main {
	min-height:100%;
	position:relative;
	padding:0 20px;
	background-image: url(../images/back.png);
	background-repeat:repeat-y;
	background-size:cover;
//	background-size:contain;
	background-position: center top;
}

.main2 {
	position:relative;
//	padding:0 20px;
}


.inst02p {
	width:100%;
	max-width:1200px;
}

/*----------------------------------------*/

.content-01 {
	max-width:1010px;
}
.content-01-00 {
	padding:0 5px;
}
.content-01-01 {
	padding:10px 0;
	line-height:1.0em;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

.new-p {
	height:12px;
}

/*----------------------------------------*/

.content-A {
	max-width:1010px;
//	margin:20px 0 0 0;
//	border:1px solid #fff;
}

.content-A-00 {
	width:33.33%;
	padding:0 5px;
//	border:1px solid #fff;
}
.content-A-01 {
	color: #000;
    background-color: #fff;
	border:1px solid #fff;
}
.content-A-02 {
	height:250px;
//	background-image: url(../images/xxxx.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
	background-position: center center;
}
.content-A-03 {
	padding:5px 10px;
	color:#000;
	font-weight: bold;
	text-align:left;
}
.content-A-04 {
	height:20px;
	padding:0 10px;
	text-align:right;
}
.check-p {
	width:80px;
}

.more-p {
	margin:19px 5px 0 0;
}
.more2-p {
	margin:0px 10px 0 0;
}

/*----------------------------------------*/

.content-02 {
	max-width:1020px;
}
.content-02-00 {
	padding:0 10px;
}

/*----------------------------------------*/

.content-B {
	max-width:1020px;
	margin:20px 0 0 0;
//	border:1px solid #fff;
}

.content-B-00 {
	position:relative;
	width:50%;
	height:395px;
	padding:0 10px 0 10px;
//	border:1px solid #fff;
}
.content-B-01 {
	position: absolute;
	top:35px;
	left:10px;
	width:475px;
	height:340px;
	background-color: #fff;
}
.check2-p {
	position: absolute;
	top:20px;
	left:10px;
	height:170px;
}
.content-B-02 {
	z-index:1;
	position: absolute;
	top:0;
	right:10px;
	width:455px;
	height:230px;
	border:1px solid #fff;
//	background-image: url(../images/xxxx.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
	background-position: center center;
}

.content-B-03 {
	position: absolute;
	top:215px;
	left:60px;
//	right:0;
	width:370px;
//	margin:0 auto;
	font-size:12px;
	color:#000;
	text-align:left;
}
.content-B-04 {
	padding:0 0 2px 0;
	color:#000;
	font-weight: bold;
	text-align:left;
}
.content-B-05 {
	padding:0 0 5px 0;
	color:#000;
	font-weight: bold;
	text-align:right;
}

/*----------------------------------------*/

.content-03 {
	width:780px;
	height:190px;
	padding:20px 60px 20px 60px;
	background-color: #fff;

	background-image: url(../images/howto2.png);
	background-repeat:no-repeat;
//	background-size:cover;
//	background-size:contain;
//	background-size:auto 170px;
	background-position: left 10px top 10px;
}
.content-03-01 {
	padding:10px 0;
	line-height:1.0em;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.content-03-02 {
	margin:15px 0 15px 0;
	padding:17px 20px 17px 20px;
	margin:0 auto;
	font-size:12px;
	color:#000;
	text-align:left;
//	border:1px solid #000;
}

.content-03-03 {
	width:290px;
	height:34px;
	padding:7px 10px 0px 10px ;
	color:#fff;
	text-align:left;
	background-color: #000;
//	background-image: url(../images/howto3.png);
	background-repeat:no-repeat;
//	background-size:cover;
//	background-size:contain;
	background-size:auto 20px;
	background-position: right 8px top 7px;
}
.search03h {
	width:20px;
	height:20px;
	padding:1px 0 0 0;
}
.search04h {
	width:240px;
	height:20px;
	padding:0 0 0 0px;
	color:#fff;
	border:1px solid #000;
	background-color:#000;
}
.search01h-p {
	width:20px;
}



.content-03-03w {
	width:290px;
	height:34px;
	padding:7px 10px 0px 10px ;
	color:#000;
	text-align:left;
	border:1px solid #000;
	background-color: #fff;
//	background-image: url(../images/howto3w.png);
	background-repeat:no-repeat;
//	background-size:cover;
//	background-size:contain;
	background-size:auto 20px;
	background-position: right 8px top 7px;
}

/*----------------------------------------*/

.footer {
	padding:60px 0 40px 0;
	line-height:1.8em;
}
.footer-01 {
	margin:0 0 5px 0;
	font-size:18px;
	letter-spacing:1px;
	line-height:1.0em;
	font-weight: bold;
}
.footer-b {
	color:#000;
}

/*----------------------------------------*/

/*----------------------------------------
	スライダー
----------------------------------------*/

.slider {
	max-width:1010px;
}
.gallery {
	max-width:1010px;
	margin:20px 0 0 0;
}
.gallery-cell {
	width:33.33%;
	padding:0 5px;
//	border:1px solid #fff;
}

/* smaller, dark, rounded square */
.slider .flickity-prev-next-button {
	width: 20px;
	height: 40px;
//	border: 2px solid #ffffff;
	border-radius:0px;
	background-color: #fff;
//	background-image: url(../images/slider-y.png);
}
.slider div.flickity-prev-next-button:hover {
//	background: #f5a100;
}
/* arrow color */
.slider div.flickity-prev-next-button .arrow {
//	fill: white;
}
.slider div.flickity-prev-next-button.no-svg {
//	color: white;
}

/* position outside */
.slider .flickity-prev-next-button.previous {
	top:0px;
	bottom:0px;
	left:-20px;
	right:auto;
	margin:auto 0;
//	background-image: url(../images/slider-y2.png);
}
.slider .flickity-prev-next-button.next {
	top:0px;
	bottom:0px;
	left:auto;
	right:-20px;
	margin:auto 0;
//	background-image: url(../images/slider-y.png);
}
/* arrow color */
.slider .flickity-prev-next-button.arrow {
	fill: white;
}

.slider div.flickity-page-dots {
//  bottom: 10px;
}
.slider div.flickity-page-dots .dot {
 // background: #3e2416;
}


/*----------------------------------------
	スライダー2
----------------------------------------*/

.slider2 {
	width:500px;
}
.gallery2 {
	width:500px;
}
.gallery-cell2 {
	width:500px;
	padding:0 0;
//	border:1px solid #fff;
}

.content-G2 {
	height:360px;
//	background-image: url(../images/xxxx.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
	background-position: center center;
}

/* smaller, dark, rounded square */
.slider2 .flickity-prev-next-button {
	width: 20px;
	height: 40px;
//	border: 2px solid #fff;
	border-radius:0px;
	background-color: #fff;
//	background-image: url(../images/slider-y.png);
}
.slider2 div.flickity-prev-next-button:hover {
//	background: #f5a100;
}
/* arrow color */
.slider2 div.flickity-prev-next-button .arrow {
//	fill: white;
}
.slider2 div.flickity-prev-next-button.no-svg {
//	color: white;
}

/* position outside */
.slider2 .flickity-prev-next-button.previous {
	top:0px;
	bottom:0px;
	left:0px;
	right:auto;
	margin:auto 0;
//	background-image: url(../images/slider-y2.png);
}
.slider2 .flickity-prev-next-button.next {
	top:0px;
	bottom:0px;
	left:auto;
	right:0px;
	margin:auto 0;
//	background-image: url(../images/slider-y.png);
}
/* arrow color */
.slider2 .flickity-prev-next-button.arrow {
	fill: white;
}

.slider2 div.flickity-page-dots {
//  bottom: 10px;
}
.slider2 div.flickity-page-dots .dot {
 // background: #3e2416;
}


/*----------------------------------------
	カルーセル
----------------------------------------*/
/* external css: flickity.css */

.carousel {
	width: 500px;
	margin-bottom: 5px;
}

.carousel-cell {
	width: 100%;
	height: 250px;
	margin-right: 5px;
	background-color: #222;
//	border-radius: 5px;
	counter-increment: carousel-cell;
}

/* cell number */
/*----
.carousel-cell:before {
	display: block;
	text-align: center;
	content: counter(carousel-cell);
	line-height: 200px;
	font-size: 80px;
	color: #ccc;
}
----*/

.carousel-nav .carousel-cell {
	width: 170px;
	height: 90px;
}

.carousel-nav .carousel-cell:before {
	font-size: 50px;
	line-height: 80px;
}

.carousel-nav .carousel-cell.is-nav-selected {
	background-color: #fff;
	transition: background-color 0.5s 0s ease;
}

.carousel-nav .carousel-cell.is-nav-selected div{
	opacity: 1;
	transition: all 0.5s 0s ease;
}


.carousel .flickity-prev-next-button {
	width: 20px;
	height: 40px;
//	border: 2px solid #fff;
	border-radius:0px;
	background-color: #fff;
//	background-image: url(../images/slider-y.png);
}

.carousel .flickity-prev-next-button.previous {
	left:0px;
}
.carousel .flickity-prev-next-button.next {
	right:0px;
}

/*----------------------------------------*/

.title-01 {
	width:540px;
	padding:10px 0;
	line-height:1.0em;
	background-color: #fff;
}
.title-01a {
	padding:14px 0 10px 0;
	font-size:20px;
	color:#000;
	font-weight: bold;
}

.title01-p {
	height:16px;
}

/*----------------------------------------*/

.content-C {
	max-width:1000px;
}

.content-C-00 {
	width:1000px;
	margin:0 0 100px 0;
}
.content-C-00a {
	width:500px;
}


.content-C-00txt {
	padding:15px;
	font-size:18px;
	color:#fff;
	font-weight: bold;
	border:1px solid #fff;
}
.content-C-00txt-a {
	width:980px;
	padding:7px;
	color: #000;
	background-color: #fff;
}
@media screen and (max-width:480px){
.content-C-00txt {
	padding:5px;
	font-size:14px;
}
.content-C-00txt-a {
	width:100%;
}
}


.content-C-01 {
	color: #000;
    background-color: #fff;
	border:1px solid #fff;
}
.content-C-02 {
	height:250px;
    background-color: #000;
//	background-image: url(../images/xxxx.jpg);
	background-repeat:no-repeat;
//	background-size:cover;
	background-size:contain;
	background-position: center center;
}
.content-C-02s {
	height:90px;
    background-color: #000;
//	background-image: url(../images/xxxx.jpg);
	background-repeat:no-repeat;
//	background-size:cover;
	background-size:contain;
	background-position: center center;
	opacity: 0.3;
}

.content-C-03 {
	position:relative;
	width:495px;
//	height:252px;
	min-height:345px;
	padding:30px 30px 80px 30px;
	color: #787878;
	text-align:left;
    background-color:rgba(220,220,220,0.5);
	border:1px solid #787878;
}
.content-C-03-0 {
	margin:0 0 20px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #fff;
}
.content-C-03-1 {
	font-size:16px;
	font-weight:bold;
}
.content-C-03-2 {
	font-size:16px;
	font-weight:bold;
	text-align:right;
}
.content-C-03-3 {
	font-size:12px;
	line-height:1.8em;
}
.content-C-03-4 {
	position:absolute;
	bottom:30px;
	right:30px;
	padding:15px 20px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	line-height:1.0em;
    background-color:#000;
	border:1px solid #fff;
	transition: all 0.5s ease;
}
.content-C-03-4:hover {
	color:#000;
    background-color:#fff;
}

/*----------------------------------------*/

.syosai-top {
	overflow:hidden;
	position:relative;
	height:600px;
//	background-image: url(../images/main.jpg);
	background-image: url(../images/back-c.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
//	background-position: center center;
	background-position: center right;
}

.syosai-top01p {
	position: absolute;
	top: 55px;
	left: 10px;
	height:480px;
}
.title01-pp {
	z-index:1;
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0;
	right: 0;
	height:500px;
	margin:auto;
}
.syosai-top-p1 {
	z-index:0;
	position: absolute;
	top: 50px;
	left: 0;
	right: 680px;
	width:270px;
	margin:0 auto;
	opacity:0.4;
}
.syosai-top-p2 {
	z-index:0;
	position: absolute;
	bottom: 60px;
	left: 650px;
	right: 0;
	width:250px;
	margin:0 auto;
	opacity:0.4;
}
.syosai-top-p3 {
	z-index:0;
	position: absolute;
	top: 200px;
	left: 10px;
	width:270px;
	opacity:0.4;
}
.syosai-top-p4 {
	z-index:0;
	position: absolute;
	bottom: 250px;
	right: 100px;
	width:250px;
	opacity:0.4;
}
.syosai-top-p5 {
	z-index:0;
	position: absolute;
	top: 270px;
	left: 140px;
	width:200px;
	opacity:0.4;
}
.syosai-top-p6 {
	z-index:0;
	position: absolute;
	bottom: 150px;
	right: 90px;
	width:220px;
	opacity:0.4;
}
.syosai-top-p7 {
	z-index:0;
	position: absolute;
	bottom: 120px;
	left: 40px;
	width:200px;
	opacity:0.4;
}
.syosai-top-p8 {
	z-index:0;
	position: absolute;
	top: 80px;
	right: 70px;
	width:220px;
	opacity:0.4;
}
.syosai-top-p9 {
	z-index:0;
	position: absolute;
	top: 170px;
	right: -50px;
	width:270px;
	opacity:0.4;
}
.syosai-top-p10 {
	z-index:0;
	position: absolute;
	top: 320px;
	left: 20px;
	width:200px;
	opacity:0.4;
}
@media screen and (max-width:480px){
.syosai-top-p1 {
	z-index:0;
	position: absolute;
	top: 10px;
	left: 0;
	right: 190px;
	width:140px;
	margin:0 auto;
	opacity:0.4;
}
.syosai-top-p2 {
	z-index:0;
	position: absolute;
	bottom: 10px;
	left: 250px;
	right: 0;
	width:140px;
	margin:0 auto;
	opacity:0.4;
}
.syosai-top-p3 {
	z-index:0;
	position: absolute;
	top: 100px;
	left: -90px;
	width:150px;
	opacity:0.4;
}
.syosai-top-p4 {
	z-index:0;
	position: absolute;
	bottom: 70px;
	right: 20px;
	width:130px;
	opacity:0.4;
}
.syosai-top-p5 {
	z-index:0;
	position: absolute;
	top: 140px;
	left: 30px;
	width:90px;
	opacity:0.4;
}
.syosai-top-p6 {
	z-index:0;
	position: absolute;
	bottom: 130px;
	right: -10px;
	width:110px;
	opacity:0.4;
}
.syosai-top-p7 {
	z-index:0;
	position: absolute;
	bottom: 15px;
	left: 20px;
	width:90px;
	opacity:0.4;
}
.syosai-top-p8 {
	z-index:0;
	position: absolute;
	top: 23px;
	right: 10px;
	width:90px;
	opacity:0.4;
}
.syosai-top-p9 {
	z-index:0;
	position: absolute;
	top: 170px;
	right: -50px;
	width:170px;
	opacity:0.4;
}
.syosai-top-p10 {
	z-index:0;
	position: absolute;
	top: 320px;
	left: 20px;
	width:100px;
	opacity:0.4;
}
}


.syosai-top1 {
	position:relative;
	width:800px;
	height:280px;
	margin:140px 0 0 0;
//	border:1px solid #fff;
}
.syosai-top2 {
	width:340px;
	height:280px;
	padding:20px;
	background:rgba(0,0,0,0.5);
//	border:1px solid #fff;
}
.syosai-top3 {
	margin:30px 0 0 0;
	padding:15px 0;
	font-size:18px;
	font-weight: bold;
	line-height:1.0em;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
//	text-shadow:0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000;
}
.syosai-top3a {
	font-size:18px;
	font-weight: bold;
}

.syosai-top4 {
	margin:5px 0 30px 0;
	font-size:18px;
	font-weight: bold;
	text-align:right;
//	text-shadow:0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000;
}
.syosai-top4a {
	display:inline-block;
	font-size:18px;
	font-weight: bold;
}

.syosai-top5 {
	position:relative;
	width:230px;
	height:40px;
	margin:5px 0 0 0;
	padding:9px;
	font-size:14px;
	font-weight: bold;
	text-align:center;
    background-color:#e77838;
	border:1px solid #e77838;
	transition: all 0.5s 0s ease;
}
.syosai-top5:hover {
	color:#e77838;
    background-color:#fff;
}


.title-b-p {
	height:40px;
}

.syosai-midashi {
	display:inline-block;
	min-width:300px;
	margin:0 0 30px 0;
}
.syosai-midashi-01 {
	font-size:28px;
	color:#000;
	font-weight: bold;
	line-height:1.1em;
}
.syosai-midashi-02 {
//	height:12px;
	height:9px;
	margin:3px 0 0 0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.syosai-midashi-03 {
	margin:9px 0 0 0;
	font-size:15px;
	color:#000;
	font-weight: bold;
	line-height:1.1em;
}



.title-yn01 {
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-size:14px;
	font-weight:bold;
}
.title-yn01:before {
	content: '';
	position: absolute;
	left: 0px;
	bottom: -5px;/*線の上下位置*/
	display: inline-block;
	width: 30px;/*線の長さ*/
	height: 2px;/*線の太さ*/
//	-webkit-transform: translateX(-50%);
//	transform: translateX(-50%);/*位置調整*/
	background-color: #0697d8;/*線の色*/
}
.title-yn01a:before {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
}
.title-yn01w {
	color:#fff;
}

.title-yn02 {
	margin:20px 0 0px 0;
	font-size:22px;
	font-weight:bold;
}
.title-yn02a {
	margin:0px 0 0px 0;
}



.syosai-table {
//	width:100%;
	border-collapse: collapse;
}
.syosai-table td {
	padding:0;
	font-size:12px;
	line-height:1.8em;
	vertical-align:top;
}

.syosai-cont-01 {
	background-image: url(../images-syosai/back-01.png);
	background-repeat:no-repeat;
//	background-size:cover;
//	background-size:contain;
	background-position: center center;
}
.syosai-cont-01-1 {
	width:920px;

}
.syosai-cont-01-2 {
	width:320px;
//	margin:50px 0 0 0;
	font-size:15px;
	color:#000;
	text-align:left;
	letter-spacing:1px;
	line-height:1.8em;
}

.syosai-cont-02 {
	width:990px;
}

.syosai-cont-02-0 {
	width:320px;
	margin:0 5px;
}
.syosai-cont-02-1 {
	height:240px;
//	border:1px solid #000;
	border:1px solid #fff;
	border-radius:30px 30px 0 0;
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
	background-position: center center;
}
.syosai-cont-02-2 {
//	min-height:160px;
	padding:15px;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#fff;
}
.syosai-cont-02-3 {
	font-size:16px;
	color:#000;
	font-weight: bold;
	line-height:1.1em;
}
.syosai-cont-02-4 {
//	height:6px;
//	margin:5px 0 10px 0;
//	border-top:1px solid #000;
//	border-bottom:1px solid #000;

	display: inline-block;
	width: 30px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	margin:5px 0 10px 0;
	background-color: #0697d8;/*線の色*/
}
.syosai-cont-02-5 {
	width:285px;
	height:55px;
	font-size:16px;
	color:#000;
	text-align:center;
	line-height:1.5em;
//	border:1px solid #000;
}
.syosai-cont-02-5 ruby{
	font-size:16px;
	color:#000;
	line-height:1.5em;
}
.syosai-cont-02-5 rt{
	font-size:12px;
	color:#ff6a0e;
	font-weight: bold;
	line-height:1.0em;
}
.syosai-cont-02-5b {
	display:inline-block;
	font-size:16px;
	color:#ff6a0e;
	font-weight: bold;
}
@media screen and (max-width:480px){
.syosai-cont-02-5 {
	width:300px;
	height:auto;
}
}

.syosai-cont-03 {
	position:relative;
	width:980px;
	padding:30px;
	background-color: #7f7f7f;
	overflow:hidden;
}
.back-02a {
	position:absolute;
	top:0;
	right:100px;
	width:300px;
	opacity:0.7;
	transform:rotateX(180deg);
}
.back-02b {
	position:absolute;
	bottom:0;
	right:100px;
	width:300px;
	opacity:0.7;
}


.syosai-cont-03-1 {
	z-index:2;
	position:relative;
	width:450px;
	height:360px;
	border:2px solid #fff;
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
	background-position: center center;
}

.syosai-cont-03-2 {
	z-index:2;
	position:relative;
	width:450px;
	height:360px;
	padding:15px 0 100px 0;
}
.syosai-cont-03-2-1 {
//	width:380px;
	width:400px;
}
.syosai-cont-03-2-2 {
	width:360px;
}
.syosai-cont-03-2-3 {
	padding:5px 0 0 0;
}
.syosai-cont-03-2-4 {
	width:90px;
	height:30px;
	padding:0 0 0 10px;
	border:1px solid #fff;
	background-color: #7f7f7f;
}
.syosai-cont-03-2-4a {
	margin:0 15px 10px 0;
}

.btn01 {
	width:180px;
	height:40px;
	padding:0 0 0 0;
	font-size:13px;
	border:1px solid #fff;
	background-color: #7f7f7f;
	transition: all 0.5s 0s ease;
}
.btn01:hover {
	color:#666;
	background-color: #fff;
}

.syosai-cont-03-2-5 {
	width:380px;
	margin:20px 0 0 0;
	font-size:12px;
	color:#fff;
	text-align:left;
	line-height:1.8em;
}

.syosai-cont-03-2-6 {
	width:400px;
	margin:30px 0 0 0;
//	border:1px solid #000;
}
.syosai-cont-03-2-6-1 {
	width:50%;
	padding:0 0 2px 0;
	font-size:13px;
	color:#000;
	font-weight: bold;
	border-bottom:2px solid #000;
}
.syosai-cont-03-2-6-1a {
	width:100%;
//	margin: 0 0 0 10px;
	font-size:14px;
	color:#fff;
	text-align:left;
	border-bottom:1px solid #fff;
}
@media screen and (max-width:480px){
.syosai-cont-03-2-6 {
	width:100%;
//	margin:30px 0 0 0;
}
.syosai-cont-03-2-6-1a {
	width:100%;
//	margin: 0 0 0 10px;
	font-size:14px;
	color:#fff;
	text-align:left;
	border-bottom:1px solid #fff;
}
}

.syosai-cont-03-2-6-2 {
	width:50%;
	padding:0 0 2px 0;
	font-size:13px;
	color:#fff;
	font-weight: bold;
	border-bottom:2px solid #fff;
}

.syosai-cont-03-3 {
	width:820px;
	margin:20px 0 0 0;
}
.syosai-cont-03-3-1 {
	width:400px;
	padding:10px 0;
	font-size:14px;
	color: #fff;
	font-weight: bold;
	background-color: #000;
	border:1px solid #fff;
	transition: all 0.5s 0s ease;
}
.syosai-cont-03-3-1:hover {
	color: #000;
	background-color: #fff;
}
.syosai-cont-03-3-2 {
	position:absolute;
	bottom:10px;
	left:0px;
	right:0px;
	width:400px;
	margin:0 auto;
	padding:10px 0;
	font-size:14px;
	color: #000;
	font-weight: bold;
	background-color: #fff;
	border:1px solid #fff;
	transition: all 0.5s 0s ease;
}
.syosai-cont-03-3-2:hover {
	color: #fff;
	background-color: #000;
}



.syosai-cont-06 {
	width:990px;
	background-color:#fff;
}

.syosai-cont-06-w {
	margin:-40px 0 0 0;
//	background-color:#000;
	background-color:#153552;
}
@media screen and (max-width:480px){
.syosai-cont-06-w {
	margin:0px 0 0 0;
}
}


.syosai-cont-06-0 {
	width:100%;
	margin:-1px 0 0 0;
	padding:10px;
	border:1px solid #000;
}
.syosai-cont-06-1 {
	width:350px;
	height:240px;
//	border:1px solid #000;
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
	background-position: center center;
}
.syosai-cont-06-2 {
	width:610px;
//	min-height:160px;
	padding:15px 0px 15px 15px;
//	border-bottom:1px solid #000;
//	border-left:1px solid #000;
//	border-right:1px solid #000;
	background-color:#fff;
}
.syosai-cont-06-3 {
	font-size:16px;
	color:#000;
	font-weight: bold;
	text-align:left;
	line-height:1.1em;
}
.syosai-cont-06-4 {
//	height:6px;
//	margin:5px 0 10px 0;
//	border-top:1px solid #000;
//	border-bottom:1px solid #000;

	float:left;
	display: inline-block;
	width: 30px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	margin:5px 0 10px 0;
	background-color: #0697d8;/*線の色*/
}


.syosai-cont-06-5 {
//	height:75px;
	font-size:14px;
	color:#000;
	text-align:left;
	line-height:1.5em;
}
@media screen and (max-width:480px){
.syosai-cont-06 {
	width:100%;
}
.syosai-cont-06-0 {
	margin:-1px 0 0 0;
}
.syosai-cont-06-1 {
	width:100%;
	height:240px;
}
.syosai-cont-06-2 {
	width:100%;
	padding:10px 0px 0 0;
}
.syosai-cont-06-3 {
	font-size:16px;
	color:#000;
	font-weight: bold;
	text-align:left;
	line-height:1.1em;
}
.syosai-cont-06-4 {
//	height:6px;
//	margin:5px 0 10px 0;
//	border-top:1px solid #000;
//	border-bottom:1px solid #000;
}
.syosai-cont-06-5 {
	height:auto;
	font-size:12px;
}
}


.main3-01 {
//	width:320px;
//	height:320px;
	width:237px;
	height:237px;
	margin:0 5px 10px 5px;
	overflow: hidden;
//	background-color:#eee;
	background-color:#fff;
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
	background-position: center center;
}

.pln-button {
	width:400px;
	margin:35px 0 0 0;
}
@media screen and (max-width:480px){
.pln-button {
	width:100%;
}
}
.pln-button input {
	display: none;
}
.pln-button label{
	display: block;
	float: left;
	cursor: pointer;
	transition: .2s;

	width:50%;
	padding:0 0 2px 0;
	font-size:13px;
	color:#000;
	font-weight: bold;
	border-bottom:2px solid #000;
}
.pln-button label:hover{
	background-color:#999;
}
.pln-button input[type="radio"]:checked + .switch-on {
	color:#fff;
	border-bottom:2px solid #fff;
}
.pln-button input[type="radio"]:checked + .switch-off {
	color:#fff;
	border-bottom:2px solid #fff;
}


.syosai-cont-04 {
	display:table;
	position:relative;
	width:980px;
//	margin:30px 0 0 0;
}
.syosai-cont-04-1 {
	display:table-cell;
	width:500px;
	padding:0 20px 0 0;
//	border:1px solid #000;
	vertical-align:middle;
}
.movie-pp {
	width:100%;
	border:1px solid #fff;
}
.movie-ppa {
	width:100%;
	height:270px;
//	width:480px;
//	height:320px;
	border:1px solid #fff;
}

.syosai-cont-04-2 {
	display:table-cell;
	width:480px;
//	padding:30px 0 0 0;
	vertical-align:middle;
}
.syosai-cont-04-2-1 {
	margin:-1px 0 0 0;
	padding:15px 20px 12px 20px;
	color:#000;
	line-height:1.0em;
	border:1px solid #000;
	background-color:#fff;
}
.syosai-cont-04-2-1a {
	font-size:16px;
	color:#000;
	font-weight: bold;
	line-height:1.0em;
}
.syosai-cont-04-2-2 {
//	height:6px;
//	margin:10px 0 10px 0;
//	border-top:1px solid #000;
//	border-bottom:1px solid #000;

	float:left;
//	display: inline-block;
	width: 30px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	margin:10px 0 10px 0;
	background-color: #0697d8;/*線の色*/
}
.syosai-cont-04-2-3 {
	font-size:12px;
	color:#000;
	text-align:left;
}
.syosai-cont-04-A:hover {
//	background-color:#bbb;
}

/*----------------------------------------*/

.item-box3 {
	text-align:left;
	font-size:14px;
	padding:0 20px;
}

.item-text01 {
	margin:30px 0 10px 0;
	padding:0 0 2px 0;
	font-size:15px;
	font-weight:bold;
	border-bottom:1px solid #fff;
}
.item-text02 {
	padding:0 0 0 15px;
	font-size:14px;
}
.item-text02 a {
	font-size:14px;
}
.itx2lk {
	font-size:14px;
	color:#ffff00;
}

.item-text02-1 {
	font-size:15px;
	font-weight:bold;
}

.item-text02c {
	display:inline-block;
	margin:5px 0 5px 0;
	padding:5px;
	background-color:#fff;
	border-radius:5px;
}

.item-box4 {
//	width:580px;
	width:905px;
	margin:0 0 5px 0;
//border:1px solid #000;
}

.table-fotter {
	margin:0 0 0 -1px;
	border-collapse: collapse;
}
.table-fotter td.foot-ww {
	width:180px;
	text-align:center;
	line-height:1.0em;
	border:1px solid #fff;
}
.futter-txt {
	padding: 7px 0px;
	font-size:12px;
	line-height:1.0em;
}
.futter-txt:hover {
	color:#000;
	background-color:#fff;
}

/*----------------------------------------*/

.futter-a {
	padding:30px 0 25px 0;
	font-size:12px;
	color:#fff;
	background-color:#000;
}

/*----------------------------------------*/



.kingaku-table {
	border-collapse: collapse;
}
.kingaku-table-w100 {
//	width:100%;
//	max-width:1000px;
}
.kingaku-table td {
	padding:12px 10px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	background-color:#fff;
	border:1px solid #555;
}
.kingaku-table td a {
	font-size:12px;
}
.kingaku-table td b {
	font-size:12px;
}

.kingaku-table td.kintd003 {
	width:210px;
	color:#000;
	background-color:#ddd;
}
.kingaku-table td.kintd004 {
	color:#000;
	text-align:left;
}
.kingaku-table td.kintd004a {
	text-align:left;
	width:500px;
}
.kingaku-table td.kintd004b {
	text-align:left;
	width:210px;
}
.kingaku-table td.kintd004 b {
	color:#000;
	text-align:left;
}

.kintd003-red {
	display:inline-block;
	font-size:12px;
	color:#ff0000;
	font-weight:bold;
}

.table {
	border-collapse: collapse;
}
.table td.m-right {
	vertical-align:top;
//border:1px solid #000;
}
.table td.m-right100 {
	width:100%;
}
.table td.notll {
	border:0px;
	padding:0;
	font-size:10px;
	color:#000;
	text-align:left;
}
.item-text02r {
	font-size:12px;
	color:#ff0000;
}
.item-text02r-a {
	font-size:12px;
	color:#fff;
}

/*----------------------------------------*/



/*-----------------------------------------------------------------
	-smart-
-----------------------------------------------------------------*/
@media screen and (max-width:480px){

#wrapper{
	display:none;
}
#smart_wrapper{
	display:block;
}
#footer{
	display:none;
}
/*以下は画像などの表示制御クラス*/
.pc_img_class{
	display:none;
}
.smart_img_class{
	display:inline;
}

*{
	font-size:12px;
}

.clear-p {
	clear:none;
}
.clear-s {
	clear:both;
}

.left {
	float:none;
}
.right {
	float:none;
}

.left-s {
	float:left;
}
.right-s {
	float:right;
}

.gotop {
	width:45px
}

html,body {
	min-width:1px;
}
.body2 {
	min-width:1px;
}


/*----------------------------------------------*/

header {
	padding: 0 10px 0 10px;
	background-color:#000;
	border-bottom:1px solid #999;
}

.top {
	overflow:hidden;
	position:relative;
	height:400px;
}

.aaaaa2-1 {
	z-index:0;
	position:absolute;
	top:-120px;
	left:-300px;
	right:0;
	margin:auto auto;
	width:1000px;
	height:400px;
//	border:1px solid #f00;
}

.top-01 {
	position:absolute;
	top:75px;
	left:0;
	right:0;
	width:36px;
	height:400px;
	font-size:16px;
}

.top-yp {
	top:-15px;
	height:35px;
}

.main {
	position:relative;
	padding:0 10px;
	background-image: none;
}

/*----------------------------------------------*/

.content-A {
	max-width:1010px;
	margin:10px 0 0 0;
//	border:1px solid #fff;
}
.content-A-00 {
	width:100%;
	padding:0 5px 10px 5px;
//	border:1px solid #fff;
}

.more-p {
	margin:5px 5px 0 0;
}
.more2-p {
	margin:0px 10px 0 0;
}

/*----------------------------------------*/

.content-02 {
	max-width:1020px;
}
.content-02-00 {
	padding:0 5px;
}

/*----------------------------------------*/

.content-B {
	margin:10px 0 0 0;
//	border:1px solid #fff;
}

.content-B-00 {
	position:relative;
	width:100%;
	height:340px;
	padding:0 0px 0px 0px;
//	border:1px solid #fff;
}
.check2-p {
	position: absolute;
	top:35px;
	left:7px;
	height:130px;
}
.content-B-01 {
	position: absolute;
	top:15px;
	left:5px;
	width:93%;
	height:310px;

	background-color: #fff;
}
.content-B-02 {
	z-index:1;
	position: absolute;
	top:0;
	right:5px;
	width:90%;
	height:180px;
}

.content-B-03 {
	position: absolute;
	top:180px;
	left:0px;
//	right:0;
	width:100%;
//	margin:0 auto;
	padding:0 10px 0 15px;
	font-size:12px;
	color:#000;
	text-align:left;
}

/*----------------------------------------*/

.content-03 {
	width:100%;
	height:auto;
	padding:20px 10px 20px 10px;
	background-color: #fff;
	background-image: url(../images/howto2.png);
	background-repeat:no-repeat;
//	background-size:cover;
//	background-size:contain;
	background-size:auto 100px;
	background-position: left 10px bottom 35px;
}
.content-03-02 {
	margin:15px 0 15px 0;
	padding:10px 30px 10px 30px;
	margin:0 auto;
	font-size:12px;
	color:#000;
	text-align:left;
//	border:1px solid #000;
}

.content-03-03 {
	width:260px;
	height:32px;
	padding:8px 10px 0px 10px ;
	color:#fff;
	text-align:left;
	background-color: #000;
//	background-image: url(../images/howto3.png);
	background-repeat:no-repeat;
//	background-size:cover;
//	background-size:contain;
	background-size:auto 20px;
	background-position: right 8px top 7px;
}
.search04h {
	width:210px;

}

/*----------------------------------------*/

.footer {
	padding:40px 0 20px 0;
	line-height:1.8em;
}

/*----------------------------------------*/

/*----------------------------------------
	スライダー
----------------------------------------*/

.gallery-cell {
	width:100%;
	padding:0 5px;
//	border:1px solid #fff;
}

/* position outside */
.slider .flickity-prev-next-button.previous {
	left:-5px;

}
.slider .flickity-prev-next-button.next {
	right:-5px;
}

/*----------------------------------------*/

.title-01 {
	width:100%;
	padding:10px 0;
	line-height:1.0em;
	background-color: #fff;
}
.title01-p {
	height:16px;
}

/*----------------------------------------*/

.content-C {
	max-width:100%;
}

.content-C-00 {
	max-width:100%;
	margin:0 0 30px 0;
}
.content-C-00a {
	max-width:100%;
}

.content-C-02 {
	height:200px;
}

.content-C-03 {
	width:100%;
	min-height:1px;
	height:auto;
	padding:10px 10px 50px 10px;
}
.content-C-03-0 {
	margin:0 0 10px 0;
	padding:0 0 5px 0;
}
.content-C-03-1 {
	font-size:14px;
}
.content-C-03-2 {
//	margin:0 0 10px 0;
	font-size:14px;
//	border:1px solid #000;
}
.content-C-03-3 {
	font-size:12px;
	line-height:1.5em;
}

.content-C-03-4 {
	position:absolute;
	bottom:10px;
	right:10px;
	padding:10px 10px;
	font-size:13px;
	color:#fff;
	font-weight:bold;
	line-height:1.0em;
    background-color:#000;
	border:1px solid #fff;
	transition: all 0.5s ease;
}

/*----------------------------------------*/
/*----------------------------------------
	カルーセル
----------------------------------------*/
/* external css: flickity.css */

.carousel {
	width: 100%;
}
.carousel-cell {
	width: 100%;
	height: 200px;
}
.carousel-nav .carousel-cell {
	width: 33%;
	height: 90px;
}

/*----------------------------------------*/

.syosai-top {
//	height:500px;
	height:300px;
	background-position: right top;
}

.syosai-top01p {
	top: 245px;
	left:0;
	right:0;
	width:200px;
	height:auto;
	margin:0 auto;
}
.title01-pp {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width:290px;
	height:auto;
	margin:auto;
}


.syosai-top1 {
	width:100%;
	height:280px;
	margin:120px 0 0 0;
	padding:0 10px;
}
.syosai-top2 {
	width:200px;
	padding:10px;
	height:auto;
}
.title-b-p {
	height:22px;
}

.syosai-top3 {
	margin:10px 0 0 0;
	padding:10px 0;
	font-size:14px;
}
.syosai-top4 {
	margin:5px 0 15px 0;
	font-size:14px;
	text-align:center;
}

.syosai-top5 {
	z-index:2;
	width:94%;
	height:50px;
	margin:-25px 0 0 0;
	padding:12px 0 0 0;
	font-size:17px;

}


.syosai-midashi {
	display:inline-block;
	min-width:180px;
	margin:0 0 20px 0;
}
.syosai-midashi-01 {
	font-size:20px;
}
.syosai-midashi-02 {
	height:7px;
	margin:3px 0 0 0;
}
.syosai-midashi-03 {
	margin:9px 0 0 0;
	font-size:13px;
}


.syosai-cont-01 {
	background-image: none;
}
.syosai-cont-01-1 {
	width:100%;
}

.syosai-cont-01-2 {
	width:100%;
//	margin:20px 0 0 0;
	padding:20px 30px;
	font-size:12px;
	line-height:1.5em;
	background-image: url(../images-syosai/back-01.png);
	background-repeat:no-repeat;
//	background-size:cover;
	background-size:contain;
	background-size:450px auto;
	background-position: center center;
}

/*----------------------------------------
	スライダー2
----------------------------------------*/

.slider2 {
	width:100%;
	padding:0 10px;
}
.gallery2 {
	width:100%;
}
.gallery-cell2 {
	width:100%;
}
.content-G2 {
	height:240px;
}

/*----------------------------------------*/

.syosai-cont-02 {
	width:100%;
	padding:0 10px;
}
.syosai-cont-02-0 {
	width:100%;
	margin:0 0;
}
.syosai-cont-02-1a {
	margin:-1px 0 0 0;
	border-radius:0;
}
.syosai-cont-02-2a {
	border-radius: 0 0 30px 30px;
}


.syosai-cont-03 {
	width:100%;
	padding:30px;
}

.back-02a {
	position:absolute;
	top:410px;
	left:-90px;
	right:auto;
	width:200px;
	opacity:0.7;
	transform:rotate(90deg);
//	border:1px solid #000;
}
.back-02b {
	position:absolute;
	top:410px;
	bottom:auto;
	left:auto;
	right:-90px;
	width:200px;
	opacity:0.7;
	transform:rotate(270deg);
}

.content-C-03-0 {
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #fff;
}
.content-C-03-1 {
	font-size:16px;
	font-weight:bold;
}
.content-C-03-2 {
	margin:0 0 10px 0;
	font-size:16px;
	text-align:center;
}

.syosai-cont-03-1 {
	width:100%;
	height:280px;
}
.syosai-cont-03-2 {
	width:100%;
	height:auto;
	padding:35px 0 80px 0;
}
.syosai-cont-03-2-1 {
	width:100%;
}
.syosai-cont-03-2-2 {
	width:100%;
}
.syosai-cont-03-2-3 {
	padding:0px 0 15px 0;
	font-size:17px;
}

.syosai-cont-03-2-4a {
	margin:0 0 0 0;
}

.syosai-cont-03-2-5 {
	width:100%;
	margin:20px 0 0 0;
	font-size:12px;
	color:#fff;
	text-align:left;
	line-height:1.8em;
}

.syosai-cont-03-3 {
	width:100%;
	margin:30px 0 0 0;
}
.syosai-cont-03-3-1 {
	width:200px;
	margin:10px 0 0 0;
	padding:10px 0;
	font-size:12px;
}
.syosai-cont-03-3-2 {
//	width:200px;
	width:100%;
	margin:10px 0 0 0;
	padding:10px 0;
	font-size:12px;
}



.syosai-cont-04 {
	display:block;
	width:100%;
	margin:20px 0 0 0;
	padding:0 10px;
}
.syosai-cont-04-1 {
	display:block;
	width:100%;
	padding:0 0 0 0;
}
.syosai-cont-04-2 {
	display:block;
	width:100%;
	padding:10px 0 0 0;
}


.main3-01 {
//	width:320px;
//	height:320px;
	width:47%;
	height:200px;
	margin:0 5px 10px 5px;
}



.syosai-cont-06 {
	width:100%;
	padding:0 10px;
}
.syosai-cont-06-0 {
	width:100%;
	margin:0 0;
}
.syosai-cont-06-1a {
	margin:-1px 0 0 0;
	border-radius:0;
}
.syosai-cont-06-2a {
	border-radius: 0 0 30px 30px;
}

/*----------------------------------------*/

.kingaku-table td.kintd003 {
	display:block;
	width:100%;
	margin:-1px 0 0 0;
}
.kingaku-table td.kintd004 {
	display:block;
	width:100%;
	margin:-1px 0 0 0;
}

/*----------------------------------------*/

.item-box4 {
	width:100%;
	margin:0 0 5px 0;
//border:1px solid #000;
}
.table-fotter-100 {
	width:100%;
}

.futter-txt {
	font-size:11px;
}

/*----------------------------------------*/

.item-box3 {
	text-align:left;
	font-size:12px;
	padding:0 0px;
}

.item-text01 {
	margin:20px 0 10px 0;
	padding:0 0 2px 0;
	font-size:14px;
}
.item-text02 {
	padding:0;
	font-size:12px;
}
.item-text02 a {
	font-size:12px;
}

.item-text02-1 {
	font-size:14px;
	font-weight:bold;
}

.itx2lk {
	font-size:12px;
	color:#ffff00;
}


.pay01-p {
	width:100%;
}

/*----------------------------------------*/


/*----------------------------------------------*/
}