@charset "utf-8";
/*
Theme Name: JetB_press_11
Description:テーマです
Author: Jet-B
*/

/*◆◆◆◆◆◆◆◆◆◆◆◆重箱◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
container_A (ニュース記事表示)
=====================================================*/
#news_area{
overflow:hidden;
width:100%;
padding:30px 0px;
margin:0px auto;
background:#f7f7f7;
}
#news_area .inner{
position:relative;
overflow:hidden;
}
#news_area h1{
text-align:center;
margin:0px 0px 30px;
}
#news_area ol{
width:900px;
overflow:hidden;
text-align:left;
vertical-align:middle;
margin:0px auto;
}
#news_area li{
vertical-align:middle;
width:100%;
font-size:18px;
margin-bottom:10px;
}
#news_area .more1{
position:absolute;
bottom:0px;
right:30px;
width:120px;
padding:10px 0;
text-align:center;
font-size:18px;
border-radius:10px;
color:#fff;
background:#000;
}

/*
container_A (ニュース記事表示) ここまで
=====================================================*/

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
container_B (スライド表示)
=====================================================*/
#sl_area {
width:100%;
overflow:hidden;
padding:30px 0;
margin:0 auto;
background:url(img/index/bgbg.jpg);
}
#sl_area h2{
text-align:center;
}
.sl_box {
position:relative;
height:464px !important;
box-sizing:border-box;
padding:60px 40px 0 76px;
margin:0px 22px 10px;
border-radius:10px;
box-shadow:0px 1px 3px rgba(0,0,0,0.2);
background:#fff;
}
#sl_area .thum_box{
display:block;
float:left;
width:346px;
height:346px;
margin:0 45px 0 0;
overflow:hidden;
text-align:center;
background:#eee;
}
#sl_area .thum_box img {
position: relative;
top: 50%;
left: 50%;
width: auto;
height: auto;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.sl_box h3{
text-align:center;
font-size:24px;
margin-bottom:24px;
}
.sl_box p{
font-size:18px;
}

.slick-prev {
left: -10px;
background:url(img/index/arwl.png) no-repeat;
}
.slick-next{
right: -10px;
background:url(img/index/arwr.png) no-repeat;
}
.slick-prev, .slick-next{
position: absolute;
width: 29px;
height: 57px;
top: 40%;
padding: 0;
border: none;
cursor:pointer;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
z-index: 1;
outline: none;
}

.sl_box .more_box{
position:absolute;
bottom:55px;
right:40px;
display:block;
width:120px;
padding:10px 0;
text-align:center;
font-size:18px;
border-radius:10px;
color:#fff;
background:#000;
}

/*
container_B (スライド表示) ここまで
=====================================================*/

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
container_C (サムネイル付記事表示その1)
=====================================================*/
#thumbnail_area{
width:100%;
overflow:hidden;
padding:30px 0;
margin:0 auto 50px;
text-align:center;
background:#f7f7f7;
}
#thumbnail_area h2{
margin-bottom:30px;
}
#thumbnail_cont{
width:100%;
overflow:hidden;
margin:0px auto;
text-align:center;
}
.thumbnail_post{
position:relative;
display:inline-block;
width:202px;
height:410px;
overflow:hidden;
margin:0px 10px 30px;
border:1px solid #eee;
}
.thumbnail_box{
width:202px;
height:202px;
overflow:hidden;
margin-bottom:20px;
}
.thumbnail_box img{
position: relative;
top: 50%;
left: 50%;
width: 100%;
height: auto;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.thumbnail_entry{
float:right;
width:95%;
overflow:hidden;
margin:0px auto;
text-align:left;
}
.thumbnail_entry time{
font-size:16px;
}
.thumbnail_entry h3{
font-size:16px;
margin-bottom:10px;
}
.thumbnail_entry p{
margin-top:10px;
line-height:1.2;
}
.thumbnail_entry .more_box{
position:absolute;
bottom:10px ;
right:0px;
left:0px;
margin:auto;
width:120px;
padding:5px 0;
text-align:center;
font-size:14px;
border-radius:10px;
color:#fff;
background:#000;
}
#thumbnail_area .more_but1{
display:inline-block;
margin-top:30px;
width:200px;
padding:10px 0;
text-align:center;
font-size:18px;
border-radius:10px;
color:#fff;
background:#000;
}

/*
container_C (サムネイル付記事表示その1) ここまで
=====================================================*/

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
container_D (サムネイル付記事表示その2)
=====================================================*/
#post-A_area{
width:100%;
overflow:hidden;
margin:0 auto 50px;
}
#post-A_area h2{
text-align:center;
margin-bottom:30px;
}
#post-A_area ul{
width:100%;
overflow:hidden;
text-align:center;
}
#post-A_area li{
position:relative;
display:inline-block;
width:30%;
height:230px;
margin:0 1% 20px;
overflow:hidden;
text-align:left;
border-bottom:1px solid #666;
}
#post-A_area li span{
position:absolute;
top:1px;
left:1px;
padding:5px 10px;
font-size:14px;
z-index:100;
background:#fff;
}
#post-A_area li span a{
display:none;
}
#post-A_area li span a:first-child{
display:block !important;
}
#post-A_area .post_thum{
display:block;
width:100%;
height:100px;
margin-bottom:10px;
overflow:hidden;
}
#post-A_area .post_thum img{
position: relative;
top: 50%;
left: 50%;
width: 100%;
height: auto;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
#post-A_area time{
font-size:14px;
}
#post-A_area h3{
font-size:18px;
margin-bottom:5px;
}
#post-A_area p{
font-size:14px;
margin-bottom:5px;
}

/*
container_D (サムネイル付記事表示その2) ここまで
=====================================================*/

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
container_E (サムネイル付記事表示その3)
=====================================================*/
#post-B_area{
width:100%;
overflow:hidden;
margin:0 auto 50px;
text-align:center;
}
#post-B_area h2{
text-align:center;
margin-bottom:30px;
}
#post-B_area figure{
position: relative;
display:inline-block;
width:30%;
height:200px;
overflow:hidden;
margin:0px 1% 20px;
}
#post-B_area figure img{
width:100%;
height:auto;
}
#post-B_area figcaption{
position: absolute;
bottom: 0%;
left: 0;
z-index: 0;
width:100%;
height:0px;
-webkit-transition:height .5s linear;
transition:height .5s linear;
opacity: 0;
background:rgba(255,255,255,0.7);
}
#post-B_area figcaption h3{
text-align:center;
padding:0px 10px;
margin:30% 0px 0;
color:#333;
}
#post-B_area figure:hover figcaption{
bottom:0%;
left:0px;
height:200px;
opacity: 1;
z-index:50;/**/
}

/*
container_E (サムネイル付記事表示その3) ここまで
=====================================================*/

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
container_F (フロートコンテンツ)
=====================================================*/
#content-A_area{
width:100%;
overflow:hidden;
margin:0 auto 50px;
}
#content-A_area h2{
text-align:center;
margin-bottom:30px;
}
#content-A_area .content_cont{
width:100%;
overflow:hidden;
}
#content-A_area .content_box1{
float:left;
width:46%;
overflow:hidden;
box-sizing:border-box;
padding:30px;
margin:0px 2%;
border:1px solid #666;
}

/*
container_F (フロートコンテンツ) ここまで
=====================================================*/

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
container_G (フロートコンテンツ固定ページ表示)
=====================================================*/
#content-B_area{
width:100%;
overflow:hidden;
margin:0 auto 50px;
}
#content-B_area h2{
text-align:center;
margin-bottom:30px;
}
#content-B_area .content_cont{
width:100%;
overflow:hidden;
}
#content-B_area .content_box1{
float:left;
width:46%;
overflow:hidden;
box-sizing:border-box;
padding:30px;
margin:0px 2%;
border:1px solid #666;
}
#content-B_area .content_box1 h3{
margin-bottom:20px;
}

/*
container_G (フロートコンテンツ固定ページ表示) ここまで
=====================================================*/

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
container_H (LOOP SLIDER 2)
=====================================================*/
/*#loops_area{
width:100%;
overflow:hidden;
margin:0 auto 50px;
}
#loops_area h2{
text-align:center;
margin-bottom:30px;
}
#loops_area .loopslider {
	margin: 15px auto;
	width: 100%;
	height: 214px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

#loops_area .loopslider ul {
	height: 214px;
	float: left;
	display: inline;
	overflow: hidden;
}
#loops_area .loopslider ul li {
	width: 300px;
	height: 214px;
	float: left;
	display: inline;
	overflow: hidden;
}
#loops_area .loopslider ul li img{
position: relative;
top: 50%;
left: 50%;
width: 100%;
height: auto;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
*/
/* =======================================
	ClearFixElements
======================================= */
/*.loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.loopslider ul {
	display: inline-block;
	overflow: hidden;
}*/


/*
container_H (LOOP SLIDER 2) ここまで
=====================================================*/

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
container_I (LOOP SLIDER 1)
=====================================================*/
#loop_area{
width:100%;
overflow:hidden;
margin:0 auto;
}
#loop_area h2{
text-align:center;
margin-bottom:30px;
}
#loop_area .loopslider {
	margin: 0 auto;
	width: 100%;
	height: 230px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
/*#loop_area .loopslider_wrap {
	width: 100% !important;
}*/

#loop_area .loopslider ul {
	height: 230px;
	float: left;
	display: inline;
	overflow: hidden;
}
#loop_area .loopslider ul li {
	width: 230px;
	height: 230px;
	float: left;
	display: inline;
	overflow: hidden;
}
#loop_area .loopslider ul li img{
position: relative;
top: 50%;
left: 50%;
width: 100%;
height: auto;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

/* =======================================
	ClearFixElements
======================================= */
.loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.loopslider ul {
	display: inline-block;
	overflow: hidden;
}

/*
container_I (LOOP SLIDER 1) ここまで
=====================================================*/

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
adspace04.php (固定ページLOOP)
=====================================================*/
#page_loop_area{
width:100%;
overflow:hidden;
margin:50px auto 50px;
}
#page_loop_area .page_loop_cont{
position:relative;
float:left;
width:48%;
height:180px;
overflow:hidden;
box-sizing:border-box;
padding:20px;
margin:0px 1% 30px;
border:1px solid #666;
}
#page_loop_area .page_loop_cont h3{
margin-bottom:10px;
}
#page_loop_area .page_loop_box1{
float:left;
width:30%;
}
#page_loop_area .page_loop_box1 img{
width:100%;
height:auto;
}
#page_loop_area .page_loop_box2{
float:right;
width:68%;
}
#page_loop_area .more{
position:absolute;
bottom:20px;
right:20px;
font-size:14px;
}

#page_loop_area .edit_but{
clear:both;
}


/*
adspace04.php (固定ページLOOP) ここまで
=====================================================*/

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
adspace05.php (固定ページLOOP2)
=====================================================*/
#page_loop_area2{
width:100%;
overflow:hidden;
margin:50px auto 50px;
}
.page_loop_field{
float:right;
width:700px;
overflow:hidden;
}
#page_loop_area2 .page_loop_cont{
position:relative;
float:left;
width:48%;
height:180px;
overflow:hidden;
box-sizing:border-box;
padding:20px;
margin:0px 1% 30px;
border:1px solid #666;
}
#page_loop_area2 .page_loop_cont h3{
margin-bottom:10px;
}
#page_loop_area2 .page_loop_box1{
float:left;
width:30%;
}
#page_loop_area2 .page_loop_box1 img{
width:100%;
height:auto;
}
#page_loop_area2 .page_loop_box2{
float:right;
width:68%;
}
#page_loop_area2 .page_loop_box2 p{
font-size:14px;
}
#page_loop_area2 .more{
position:absolute;
bottom:20px;
right:20px;
font-size:12px;
}
#page_loop_area2 .edit_but{
clear:both;
}


/*
adspace05.php (固定ページLOOP) ここまで
=====================================================*/

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
3つのコンテンツ横並び100％(container_K.php)
=====================================================*/
#container_K_area{
overflow:hidden;
padding:30px 0;
}
#container_K_area h2{
text-align:center;
margin-bottom:30px;
}
.container_K_cont{
position:relative;
float:left;
height:400px;
overflow:hidden;
}
.container_K_cont h3{
width:70%;
box-sizing:border-box;
padding:100px 0;
margin:80px auto;
text-align:center;
-webkit-transition: .5s linear;
transition: .5s linear;
background:#fff;
}
.container_K_box{
position:absolute;
top:0%;
left:-100%;
width:100%;
height:100%;
padding:20px;
color:#fff;
-webkit-transition: .5s linear;
transition: .5s linear;
background:rgba(0,0,0,0.5);
}
.container_K_box h4{
text-align:center;
margin-bottom:30px;
}
.container_K_cont:hover .container_K_box{
left:0%;
}
.container_K_cont:hover h3{
opacity:0;
}
.bg1{
width:33%;
background:url(img/bg1.png) no-repeat;
background-siz:cover;
}
.bg2{
width:34%;
background:url(img/bg2.jpg) no-repeat;
background-siz:cover;
}
.bg3{
width:33%;
background:url(img/bg3.jpg) no-repeat;
background-siz:cover;
}
.container_K_box .more{
position:absolute;
bottom:30px;
left:0;
right:0;
margin:auto;
display:block;
width:80px;
padding:5px 0px;
text-align:center;
color:#000;
font-size:14px;
background:#fff;
}

/*
3つのコンテンツ横並び100％(container_K.php) ここまで
=====================================================*/

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
２つのコンテンツ横並び100％(container_L.php)
=====================================================*/
#container_L_area{
overflow:hidden;
padding:30px 0;
}
#container_L_area h2{
text-align:center;
margin-bottom:30px;
}
.container_L_cont_L{
float:left;
width:50%;
height:500px;
overflow:hidden;
background:url(img/bg4.jpg) center center no-repeat;
background-size:cover;
}
.container_L_cont_R{
float:left;
width:50%;
height:500px;
overflow:hidden;
background:url(img/bg5.jpg) center center no-repeat;
background-size:cover;
}
.container_L_cont_L .container_L_box{
float:right;
}
.container_L_cont_R .container_L_box{
float:left;
}
.container_L_box{
position:relative;
width:450px;
height:400px;
padding:50px;
margin:50px 30px 0px 30px;
color:#000;
background:rgba(255,255,255,0.8);
}
.container_L_box h3{
text-align:center;
margin-bottom:30px;
}
.container_L_box .more{
position:absolute;
bottom:30px;
left:0;
right:0;
margin:auto;
display:block;
width:80px;
padding:5px 0px;
text-align:center;
color:#fff;
font-size:14px;
background:#000;
}

/*
2つのコンテンツ横並び100％(container_K.php) ここまで
=====================================================*/



/*======================================================================
よくある質問
======================================================================*/
.single-faq{
width:70%;
padding:15px 0px;
margin:0px auto 30px;
border:1px solid #ccb67f;
border-radius:10px;
text-align:center;
}
.faq-answer{
width:90%;
padding-top:20px;
text-align:left;
margin:20px auto;
border-top:1px dotted #ccb67f;
}
.expand-title{
cursor: pointer;
}

/*==================================================
メールフォーム(#mailformで囲む)
==================================================*/
#mailform_box{
width:588px;
height:auto;
margin:0px auto 0px;
overflow:hidden;
color:#021001;
font-size:16px;
font-weight:bold;
}
#mailform_box td{
vertical-align:top;
padding:10px 0px;
}
#mailform_box input[type="text"],
#mailform_box input[type="email"],
#mailform_box input[type="tel"]{
width:300px;
height:25px;
margin:0px 0px 20px;
}
#mailform_box textarea{
width:300px;
height:120px;
margin:5px 0px;
}
#mailform_box input[type="text"],
#mailform_box input[type="email"],
#mailform_box input[type="tel"],
#mailform_box textarea{
border:1px solid #ddd;
}
#mailform_box input[type="submit"]{
width:160px;
height:60px;
margin:0px auto;
cursor:pointer;
font-size:18px;
color:#000;
border:0;
background:url(img/bg1.jpg);
font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "HiraMinProN-W3", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGS明朝E",  "ＭＳ Ｐ明朝" , "MS PMincho" , "メイリオ", Meiryo, serif;
}
#mailform_box input[type="submit"]:hover{
opacity:0.8;
}
#mailform_box p{
font-size:14px;
font-weight:normal;
}
.tdtd{
text-align:center;
}

/*===================================
特定商取引法に基づく表記
===================================*/
#tablepress-1{
width:800px;
margin:0px auto;
background:#fff;
border:1px solid #ccc;
}
#tablepress-1{
font-size:14px;
border-bottom:1px solid #ccc;
}
#tablepress-1 td{
padding:15px;
vertical-align:middle;
}
#tablepress-1 .column-1{
width:250px;
background:#eee;
}