@charset "utf-8";

/*レスポンシブ設定*/
@media screen and (max-width: 640px) {

.pc {display:none;}
.sp {display:block;}

#offcanvas ul li.sp.home {display:none;}

#home #offcanvas ul li.sp.second {display:none;}
#home #offcanvas ul li.sp.home {display:block;}

img {
	width:100% !important;
	height: auto;
	width /***/:auto;/*IE8のみ*/
}

#conbox .f_left {float:none;}
#conbox .f_right {float:none;}
.alignleft {float:none;}
.alignright {float:none;}
.wp-caption {width:auto;}


#conbox .table_sp01 {
	margin:0;
	}

#conbox .table_sp01 tr {
	border-bottom:1px dotted #CCC;
	}

#conbox .table_sp01 th {
	float:left;
	width:100% !important;
	font-weight:bold;
	padding:5px 0 0;
	}

#conbox .table_sp01 th.border_r {
	border:none !important;
	}

#conbox .table_sp01 td {
	float:left;
	width:100% !important;
	border:none;
	padding:0;
	}

#conbox .table_sp01 td:last-child {
	padding:0 0 5px;
	}


#conbox .table_sp02 {}

#conbox .table_sp02 th {
	float:left;
	width:100% !important;
	height:auto !important;
	}

#conbox .table_sp02 th br {
	display:none;
	}

#conbox .table_sp02 th.border_r {
	border:none !important;
	}

#conbox .table_sp02 td {
	float:left;
	width:100% !important;
	}

#conbox .table_sp_w600 {
	width:450px;
	}

#conbox .table_sp_w600 .item{
	width:100px;
	}

}




@media only screen and (max-width:768px) and (orientation:landscape) {

.pc {display:none;}
.sp {display:block;}

img {
	width:100% !important;
	height: auto;
	width /***/:auto;/*IE8のみ*/
}

#conbox .f_left {float:none;}
#conbox .f_right {float:none;}
.alignleft {float:none;}
.alignright {float:none;}
.wp-caption {width:auto;}


#conbox .table_sp01 {
	margin:0;
	}

#conbox .table_sp01 tr {
	border-bottom:1px dotted #CCC;
	}

#conbox .table_sp01 th {
	float:left;
	width:100% !important;
	font-weight:bold;
	padding:5px 0 0;
	}

#conbox .table_sp01 th.border_r {
	border:none !important;
	}

#conbox .table_sp01 td {
	float:left;
	width:100% !important;
	border:none;
	padding:0;
	}

#conbox .table_sp01 td:last-child {
	padding:0 0 5px;
	}


#conbox .table_sp02 {}

#conbox .table_sp02 th {
	float:left;
	width:100% !important;
	height:auto !important;
	}

#conbox .table_sp02 th br {
	display:none;
	}

#conbox .table_sp02 th.border_r {
	border:none !important;
	}

#conbox .table_sp02 td {
	float:left;
	width:100% !important;
	}

#conbox .table_sp_w600 {
	width:100%;
	}
	
#conbox .table_sp_w600 .item{
	width:auto;
	}

}




@media screen and (max-width: 640px) {
	
/*グローバルナビゲーションの設定
----------------------------------------------------------------*/

#toggle {
	background:url(../img/btn-sp.png) no-repeat left top;
	display:block;
	position:fixed;
	top:10px;
	right:10px;
	font-weight:bold;
	cursor:pointer;
	font-size:4em;
	text-align:center;
	margin:0;
	padding:0;
	width:40px;
	height:40px;
	z-index:10;
	text-indent:-9999px;
	}

#globalnav_inner {display:none;}

#globalnav_s {
	background-color:#4b9eda;
	font-size:1.4em;
	text-align:left;
	width:100%;
	position: absolute;
    left: 0;
    top:80px;
    padding: 0;
	z-index:999;
	
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
   box-sizing:border-box;
}

#globalnav_s ul {}

#globalnav_s ul li {}

#globalnav_s ul li a {
	display:block;
	padding:10px;
	color:#FFF;
	text-decoration:none;
	border-bottom:1px solid #FFF;
	}

#globalnav_s ul li ul li a {
	padding:10px 10px 10px 20px;
	}


/*フッターエリア
----------------------------------------------------------------*/

#pagetop {
	position: absolute;
	top:-30px;
	left:50%;
	margin-left:-30px;
	z-index:100;
	width:60px !important;
	height:60px !important;
	}


/*お問い合わせ
-------------------------------------------------------------------------*/
#contact {}

#conbox #trust-form table th {
	float:left;
	width:100%;
	padding:20px 0 5px;
	border:none;
	}

#conbox #trust-form table td {
	float:left;
	width:100%;
	padding:0 0 20px;
	border:none;
	border-bottom:1px dashed #999;
	}

#conbox #confirm-button input {
	width:80%;
}
	
#conbox #trust-form table td ul li {
	display: block;
	margin:0 10px 10px 0;
	width:auto;
	}

#conbox .ml5, #conbox .ml10, #conbox .ml15, #conbox .ml20, #conbox .ml25, #conbox .ml30, #conbox .ml35, #conbox .ml40, #conbox .ml45, #conbox .ml50, #conbox .ml55, #conbox .ml60, #conbox .mr5, #conbox .mr10, #conbox .mr15, #conbox .mr20, #conbox .mr25, #conbox .mr30, #conbox .mr35, #conbox .mr40, #conbox .mr45, #conbox .mr50, #conbox .mr55, #conbox .mr60, #conbox .pl5, #conbox .pl10, #conbox .pl15, #conbox .pl20, #conbox .pl25, #conbox .pl30, #conbox .pl35, #conbox .pl40, #conbox .pl45, #conbox .pl50, #conbox .pl55, #conbox .pl60, #conbox .pr5, #conbox .pr10, #conbox .pr15, #conbox .pr20, #conbox .pr25, #conbox .pr30, #conbox .pr35, #conbox .pr40, #conbox .pr45, #conbox .pr50, #conbox .pr55, #conbox .pr60, #conbox .ml1em, #conbox .ml2em, #conbox .ml3em, #conbox .ml4em, #conbox .ml5em, #conbox .ml6em, #conbox .ml7em, #conbox .ml8em, #conbox .ml9em, #conbox .ml10em, #conbox .ml11em, #conbox .ml12em, #conbox .ml13em, #conbox .ml14em, #conbox .ml15em, #conbox .ml16em, #conbox .ml17em, #conbox .ml18em, #conbox .ml19em, #conbox .ml20em {
	margin:0 0 10px;
	padding:0;
}
	
}



@media only screen and (max-width:768px) and (orientation:landscape) {
	
/*グローバルナビゲーションの設定
----------------------------------------------------------------*/

#toggle {
	background:url(../img/btn-sp.png) no-repeat left top;
	display:block;
	position:fixed;
	top:10px;
	right:10px;
	font-weight:bold;
	cursor:pointer;
	font-size:4em;
	text-align:center;
	margin:0;
	padding:0;
	width:40px;
	height:40px;
	z-index:10;
	text-indent:-9999px;
	}

#globalnav_inner {display:none;}

#globalnav_s {
	background-color:#4b9eda;
	font-size:1.4em;
	text-align:left;
	width:100%;
	position: absolute;
    left: 0;
    top:80px;
    padding: 0;
	z-index:999;
	
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
   box-sizing:border-box;
}

#globalnav_s ul {}

#globalnav_s ul li {}

#globalnav_s ul li a {
	display:block;
	padding:10px;
	color:#FFF;
	text-decoration:none;
	border-bottom:1px solid #FFF;
	}

#globalnav_s ul li ul li a {
	padding:10px 10px 10px 20px;
	}


/*フッターエリア
----------------------------------------------------------------*/

#pagetop {
	position: absolute;
	top:-30px;
	left:50%;
	margin-left:-30px;
	z-index:100;
	width:60px !important;
	height:60px !important;
	}


/*お問い合わせ
-------------------------------------------------------------------------*/
#contact {}

#conbox #trust-form table th {
	float:left;
	width:100%;
	padding:20px 0 5px;
	border:none;
	}

#conbox #trust-form table td {
	float:left;
	width:100%;
	padding:0 0 20px;
	border:none;
	border-bottom:1px dashed #999;
	}

#conbox #confirm-button input {
	width:80%;
}
	
#conbox #trust-form table td ul li {
	display: block;
	margin:0 10px 10px 0;
	width:auto;
	}

#conbox .ml5, #conbox .ml10, #conbox .ml15, #conbox .ml20, #conbox .ml25, #conbox .ml30, #conbox .ml35, #conbox .ml40, #conbox .ml45, #conbox .ml50, #conbox .ml55, #conbox .ml60, #conbox .mr5, #conbox .mr10, #conbox .mr15, #conbox .mr20, #conbox .mr25, #conbox .mr30, #conbox .mr35, #conbox .mr40, #conbox .mr45, #conbox .mr50, #conbox .mr55, #conbox .mr60, #conbox .pl5, #conbox .pl10, #conbox .pl15, #conbox .pl20, #conbox .pl25, #conbox .pl30, #conbox .pl35, #conbox .pl40, #conbox .pl45, #conbox .pl50, #conbox .pl55, #conbox .pl60, #conbox .pr5, #conbox .pr10, #conbox .pr15, #conbox .pr20, #conbox .pr25, #conbox .pr30, #conbox .pr35, #conbox .pr40, #conbox .pr45, #conbox .pr50, #conbox .pr55, #conbox .pr60, #conbox .ml1em, #conbox .ml2em, #conbox .ml3em, #conbox .ml4em, #conbox .ml5em, #conbox .ml6em, #conbox .ml7em, #conbox .ml8em, #conbox .ml9em, #conbox .ml10em, #conbox .ml11em, #conbox .ml12em, #conbox .ml13em, #conbox .ml14em, #conbox .ml15em, #conbox .ml16em, #conbox .ml17em, #conbox .ml18em, #conbox .ml19em, #conbox .ml20em {
	margin:0 0 10px;
	padding:0;
}
	
}


/*プラグイン
-------------------------------------------------------------------------*/

/*Youtube レスポンシブ*/
.video {
	position: relative ;
	padding-bottom: 56.25%;
	height: 0 ;
	overflow: hidden ;
	width: 100% ;
	height: 100% ;
	}
	.video iframe,
	.video object,
	.video embed {
		position: absolute ;
		top: 0 ;
		left: 0 ;
		width: 100% !important;
		height: 100% !important;
		}



@media screen and (max-width: 640px) {

/*追記*/
#globalnav_s {
	background-color:#F9B04A;
}


#conbox .scroll_sp {
	position:relative;
	padding:0 10px;
	}

#conbox .scroll_sp:before
      { content: '\f104';
        color:#CCC;
       	font-family: 'FontAwesome';
        position: absolute;
        left: -5px;
        top: 50%;
	    margin-top:-0.5em;
        font-size: 1.5em;
       	line-height: 1 }

.scroll_sp:after
      { content: '\f105';
        color:#CCC;
       	font-family: 'FontAwesome';
        position: absolute;
        right: -5px;
        top: 50%;
	    margin-top:-0.5em;
        font-size: 1.5em;
       	line-height: 1 }
		
}


@media only screen and (max-width:768px) and (orientation:landscape) {
	
/*グローバルナビゲーションの設定
----------------------------------------------------------------*/

#toggle {
	background:url(../img/btn-sp.png) no-repeat left top;
	display:block;
	position: fixed;
	top:10px;
	right:10px;
	font-weight:bold;
	cursor:pointer;
	font-size:4em;
	text-align:center;
	margin:0;
	padding:0;
	width:40px;
	height:40px;
	z-index:10;
	}

#globalnav_inner {display:none;}

#globalnav_s {
	background-color:#4b9eda;
	font-size:1.4em;
	text-align:left;
	width:100%;
	position: absolute;
    left: 0;
    top:80px;
    padding: 0;
	z-index:999;
	
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
   box-sizing:border-box;
}

#globalnav_s ul {}

#globalnav_s ul li {}

#globalnav_s ul li a {
	display:block;
	padding:10px;
	color:#FFF;
	text-decoration:none;
	border-bottom:1px solid #FFF;
	}

#globalnav_s ul li ul li a {
	padding:10px 10px 10px 20px;
	}


/*フッターエリア
----------------------------------------------------------------*/

#pagetop {
	position: absolute;
	top:-30px;
	left:50%;
	margin-left:-30px;
	z-index:100;
	width:60px !important;
	height:60px !important;
	}

#pagetop a {
	display:block;
	}


/*お問い合わせ
-------------------------------------------------------------------------*/
#contact {}

#conbox #trust-form table th {
	float:left;
	width:100%;
	padding:20px 0 5px;
	border:none;
	}

#conbox #trust-form table td {
	float:left;
	width:100%;
	padding:0 0 20px;
	border:none;
	border-bottom:1px dashed #999;
	}

#conbox #confirm-button input {
	width:80%;
}
	
#conbox #trust-form table td ul li {
	display: block;
	margin:0 10px 10px 0;
	width:auto;
	}

#conbox .ml5, #conbox .ml10, #conbox .ml15, #conbox .ml20, #conbox .ml25, #conbox .ml30, #conbox .ml35, #conbox .ml40, #conbox .ml45, #conbox .ml50, #conbox .ml55, #conbox .ml60, #conbox .mr5, #conbox .mr10, #conbox .mr15, #conbox .mr20, #conbox .mr25, #conbox .mr30, #conbox .mr35, #conbox .mr40, #conbox .mr45, #conbox .mr50, #conbox .mr55, #conbox .mr60, #conbox .pl5, #conbox .pl10, #conbox .pl15, #conbox .pl20, #conbox .pl25, #conbox .pl30, #conbox .pl35, #conbox .pl40, #conbox .pl45, #conbox .pl50, #conbox .pl55, #conbox .pl60, #conbox .pr5, #conbox .pr10, #conbox .pr15, #conbox .pr20, #conbox .pr25, #conbox .pr30, #conbox .pr35, #conbox .pr40, #conbox .pr45, #conbox .pr50, #conbox .pr55, #conbox .pr60, #conbox .ml1em, #conbox .ml2em, #conbox .ml3em, #conbox .ml4em, #conbox .ml5em, #conbox .ml6em, #conbox .ml7em, #conbox .ml8em, #conbox .ml9em, #conbox .ml10em, #conbox .ml11em, #conbox .ml12em, #conbox .ml13em, #conbox .ml14em, #conbox .ml15em, #conbox .ml16em, #conbox .ml17em, #conbox .ml18em, #conbox .ml19em, #conbox .ml20em {
	margin:0 0 10px;
	padding:0;
}
	
}





@media only screen and (max-width:768px) and (orientation:landscape) {
	
/*グローバルナビゲーションの設定
----------------------------------------------------------------*/

#toggle {
	background:url(../img/btn-sp.png) no-repeat left top;
	display:block;
	position:fixed;
	top:10px;
	right:10px;
	font-weight:bold;
	cursor:pointer;
	font-size:4em;
	text-align:center;
	margin:0;
	padding:0;
	width:40px;
	height:40px;
	z-index:10;
	}

#globalnav_inner {display:none;}

#globalnav_s {
	background-color:#4b9eda;
	font-size:1.4em;
	text-align:left;
	width:100%;
	position: absolute;
    left: 0;
    top:80px;
    padding: 0;
	z-index:999;
	
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
   box-sizing:border-box;
}

#globalnav_s ul {}

#globalnav_s ul li {}

#globalnav_s ul li a {
	display:block;
	padding:10px;
	color:#FFF;
	text-decoration:none;
	border-bottom:1px solid #FFF;
	}

#globalnav_s ul li ul li a {
	padding:10px 10px 10px 20px;
	}


/*フッターエリア
----------------------------------------------------------------*/

#pagetop {
	position: absolute;
	top:-30px;
	left:50%;
	margin-left:-30px;
	z-index:100;
	width:60px !important;
	height:60px !important;
	}

#pagetop a {
	display:block;
	}


/*お問い合わせ
-------------------------------------------------------------------------*/
#contact {}

#conbox #trust-form table th {
	float:left;
	width:100%;
	padding:20px 0 5px;
	border:none;
	}

#conbox #trust-form table td {
	float:left;
	width:100%;
	padding:0 0 20px;
	border:none;
	border-bottom:1px dashed #999;
	}

#conbox #confirm-button input {
	width:80%;
}
	
#conbox #trust-form table td ul li {
	display: block;
	margin:0 10px 10px 0;
	width:auto;
	}

#conbox .ml5, #conbox .ml10, #conbox .ml15, #conbox .ml20, #conbox .ml25, #conbox .ml30, #conbox .ml35, #conbox .ml40, #conbox .ml45, #conbox .ml50, #conbox .ml55, #conbox .ml60, #conbox .mr5, #conbox .mr10, #conbox .mr15, #conbox .mr20, #conbox .mr25, #conbox .mr30, #conbox .mr35, #conbox .mr40, #conbox .mr45, #conbox .mr50, #conbox .mr55, #conbox .mr60, #conbox .pl5, #conbox .pl10, #conbox .pl15, #conbox .pl20, #conbox .pl25, #conbox .pl30, #conbox .pl35, #conbox .pl40, #conbox .pl45, #conbox .pl50, #conbox .pl55, #conbox .pl60, #conbox .pr5, #conbox .pr10, #conbox .pr15, #conbox .pr20, #conbox .pr25, #conbox .pr30, #conbox .pr35, #conbox .pr40, #conbox .pr45, #conbox .pr50, #conbox .pr55, #conbox .pr60, #conbox .ml1em, #conbox .ml2em, #conbox .ml3em, #conbox .ml4em, #conbox .ml5em, #conbox .ml6em, #conbox .ml7em, #conbox .ml8em, #conbox .ml9em, #conbox .ml10em, #conbox .ml11em, #conbox .ml12em, #conbox .ml13em, #conbox .ml14em, #conbox .ml15em, #conbox .ml16em, #conbox .ml17em, #conbox .ml18em, #conbox .ml19em, #conbox .ml20em {
	margin:0 0 10px;
	padding:0;
}
	
}


/*プラグイン
-------------------------------------------------------------------------*/

/*Youtube レスポンシブ*/
.video {
	position: relative ;
	padding-bottom: 56.25%;
	height: 0 ;
	overflow: hidden ;
	width: 100% ;
	height: 100% ;
	}
	.video iframe,
	.video object,
	.video embed {
		position: absolute ;
		top: 0 ;
		left: 0 ;
		width: 100% !important;
		height: 100% !important;
		}



@media screen and (max-width: 640px) {

/*追記*/
#globalnav_s {
	background-color:#FF8989;
}


#conbox .scroll_sp {
	position:relative;
	padding:0 10px;
	}

#conbox .scroll_sp:before
      { content: '\f104';
        color:#CCC;
       	font-family: 'FontAwesome';
        position: absolute;
        left: -5px;
        top: 50%;
	    margin-top:-0.5em;
        font-size: 1.5em;
       	line-height: 1 }

.scroll_sp:after
      { content: '\f105';
        color:#CCC;
       	font-family: 'FontAwesome';
        position: absolute;
        right: -5px;
        top: 50%;
	    margin-top:-0.5em;
        font-size: 1.5em;
       	line-height: 1 }
		
}

@media only screen and (max-width:736px) and (orientation:landscape) {

/*追記*/
#globalnav_s {
	background-color:#FF8989;
}


#conbox .scroll_sp {
	position:relative;
	padding:0 10px;
	}

#conbox .scroll_sp:before
      { content: '\f104';
        color:#CCC;
       	font-family: 'FontAwesome';
        position: absolute;
        left: -5px;
        top: 50%;
	    margin-top:-0.5em;
        font-size: 1.5em;
       	line-height: 1 }

.scroll_sp:after
      { content: '\f105';
        color:#CCC;
       	font-family: 'FontAwesome';
        position: absolute;
        right: -5px;
        top: 50%;
	    margin-top:-0.5em;
        font-size: 1.5em;
       	line-height: 1 }
		
}