/*
/////////////////////////////////////
汎用クラス
/////////////////////////////////////
*/


html{ height:100%; }

body {
height:100%;
letter-spacing:0.1em;
line-height:130%;
}

body { font-size:14px; }

@media screen and (max-width: 991px) {
body { font-size:12px; }
}
@media screen and (max-width: 767px) {
body { font-size:10px; }
}

/*フォント*/

h1{
margin: 0;
font-weight:bold;
}

h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: bold;
line-height:130%;
}

p, ul, ol, li {
margin: 0;
padding: 0;
line-height:130%;
}

a:link, a:visited, a:hover { text-decoration:none; }

.wp-set h2{ font-size:260%; }
.wp-set h3{ font-size:170%; }
.wp-set h4{ font-size:160%; }
.wp-set h5{font-size:140%; }
.wp-set h6{ font-size:120%; }
.wp-set p, .wp-set ul, .wp-set ol{ font-size:120%; padding-bottom:10px; }

/*Bootstrap修正*/

img.img-responsive{ display:inline;}
img.img-responsive-small{ max-width:35%;}

/*alpha*/

.alpha:hover { filter: alpha(opacity=70); opacity: 0.7; }

/*clearfix*/

.cf:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.cf { min-height: 1px; }
* html .cf { height: 1px;}

/*トップへお戻る*/

#Page-top { position: fixed; bottom:20px; right:20px; left:auto; z-index:1000000;}
.pagetop { width:100px; cursor: pointer; }
img.pagetop { transition: .3s; }
img.pagetop:hover {  }
@media screen and (max-width: 991px) {
.pagetop { width:80px; }
}

/*ボタン系*/

.more-link{
display:inline-block;
padding:10px;
margin-top:20px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.op-btn{
padding:10px;
margin:0 auto 0;
text-align:center;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

/*フッタ*/

footer{}
.op-ul-list{ list-style:none; font-size:100%;}
.op-ul-list li{ padding-bottom:5px; }
.copyright{ width:100%; }

/*ETC*/

.clear {	clear: both;}
.fl-right { float: right; }
.fl-left { float: left; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.bold {	font-weight: bold !important; }

/*テーブル関係*/

table{ border-collapse:collapse;clear:both; }

/* 画像WordPress */

.wp-entry img.alignright, .wp-entry div.alignright img {
margin:0 0 10px 20px;
max-width:35%;
float:right;
}

.wp-entry img.alignleft, .wp-entry div.alignleft img {
margin:0 20px 10px 0;
max-width:35%;
float:left;
}

.wp-entry img.aligncenter, .wp-entry div.aligncenter img{
margin-top:0;
margin-bottom:10px;
margin-left: auto;
margin-right: auto;
max-width:100%;
}

.wp-entry div.aligncenter{
margin-top:0px;
margin-bottom:0px;
margin-left: auto;
margin-right: auto;
}

.wp-entry img.alignnone{
margin-top:0;
margin-bottom:10px;
margin-left: auto;
margin-right: auto;
max-width:100%;
}

/*ページネーション*/

table.pagination { margin:30px auto 0; }

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 10px 2px 0;
padding:4px 7px 3px 7px;
text-decoration:none;
width:auto;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.pagination a:hover{}
.pagination .current{padding:4px 7px 3px 7px;}

/*ナビゲーション*/

.navigation{ font-size:1.0em; margin:0.7em 0 0; }

/*カルーセル*/

.carousel-control.left, .carousel-control.right{
background-image:none;
}

	/*メイン画像をフェードインアウトにする指定*/

.carousel-fade .carousel-inner .item {
transition-property: opacity;
transition-duration:3s;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {

z-index: 2;
}


/*margin*/

.mt-5				{ margin-top: 5px; }
.mt-10				{ margin-top: 10px; }
.mt-15				{ margin-top: 15px; }
.mt-20				{ margin-top: 20px; }
.mt-25				{ margin-top: 25px; }
.mt-30				{ margin-top: 30px; }
.mt-35				{ margin-top: 35px; }
.mt-40				{ margin-top: 40px; }
.mt-45				{ margin-top: 45px; }
.mt-50				{ margin-top: 50px; }
.mt-60				{ margin-top: 60px; }
.mt-70				{ margin-top: 70px; }
.mt-80				{ margin-top: 80px; }

.mr-5				{ margin-right: 5px; }
.mr-10				{ margin-right: 10px; }
.mr-15				{ margin-right: 15px; }
.mr-20				{ margin-right: 20px; }
.mr-25				{ margin-right: 25px; }
.mr-30				{ margin-right: 30px; }
.mr-35				{ margin-right: 35px; }
.mr-40				{ margin-right: 40px; }
.mr-45				{ margin-right: 45px; }
.mr-50				{ margin-right: 50px; }

.ml-5				{ margin-left: 5px; }
.ml-10				{ margin-left: 10px; }
.ml-15				{ margin-left: 15px; }
.ml-20				{ margin-left: 20px; }
.ml-25				{ margin-left: 25px; }
.ml-30				{ margin-left: 30px; }
.ml-35				{ margin-left: 35px; }
.ml-40				{ margin-left: 40px; }
.ml-45				{ margin-left: 45px; }
.ml-50				{ margin-left: 50px; }

.mb-5				{ margin-bottom: 5px; }
.mb-10				{ margin-bottom: 10px; }
.mb-15				{ margin-bottom: 15px; }
.mb-20				{ margin-bottom: 20px; }
.mb-25				{ margin-bottom: 25px; }
.mb-30				{ margin-bottom: 30px; }
.mb-35				{ margin-bottom: 35px; }
.mb-40				{ margin-bottom: 40px; }
.mb-45				{ margin-bottom: 45px; }
.mb-50				{ margin-bottom: 50px; }
.mb-60				{ margin-bottom: 60px; }
.mb-70				{ margin-bottom: 70px; }
.mb-80				{ margin-bottom: 80px; }

/*padding*/

.pt-5				{ padding-top: 5px; }
.pt-10				{ padding-top: 10px; }
.pt-15				{ padding-top: 15px; }
.pt-20				{ padding-top: 20px; }
.pt-25				{ padding-top: 25px; }
.pt-30				{ padding-top: 30px; }
.pt-35				{ padding-top: 35px; }
.pt-40				{ padding-top: 40px; }
.pt-45				{ padding-top: 45px; }
.pt-50				{ padding-top: 50px; }

.pr-5				{ padding-right: 5px; }
.pr-10				{ padding-right: 10px; }
.pr-15				{ padding-right: 15px; }
.pr-20				{ padding-right: 20px; }
.pr-25				{ padding-right: 25px; }
.pr-30				{ padding-right: 30px; }
.pr-35				{ padding-right: 35px; }
.pr-40				{ padding-right: 40px; }
.pr-45				{ padding-right: 45px; }
.pr-50				{ padding-right: 50px; }

.pl-5				{ padding-left: 5px; }
.pl-10				{ padding-left: 10px; }
.pl-15				{ padding-left: 15px; }
.pl-20				{ padding-left: 20px; }
.pl-25				{ padding-left: 25px; }
.pl-30				{ padding-left: 30px; }
.pl-35				{ padding-left: 35px; }
.pl-40				{ padding-left: 40px; }
.pl-45				{ padding-left: 45px; }
.pl-50				{ padding-left: 50px; }

.pb-5				{ padding-bottom: 5px; }
.pb-10				{ padding-bottom: 10px; }
.pb-15				{ padding-bottom: 15px; }
.pb-20				{ padding-bottom: 20px; }
.pb-25				{ padding-bottom: 25px; }
.pb-30				{ padding-bottom: 30px; }
.pb-35				{ padding-bottom: 35px; }
.pb-40				{ padding-bottom: 40px; }
.pb-45				{ padding-bottom: 45px; }
.pb-50				{ padding-bottom: 50px; }

/* ----- YONTSIZE ---- */

.text08 { font-size: 68%; }
.text09 { font-size: 76%; }
.text10 { font-size: 84%; }
.text11 { font-size: 92%; }
.text12 { font-size: 100%; }
.text13 { font-size: 109%; }
.text14 { font-size: 117%; }
.text15 { font-size: 125%; }
.text16 { font-size: 134%; }
.text17 { font-size: 142%; }
.text18 { font-size: 150%; }
.text19 { font-size: 159%; }
.text20 { font-size: 167%; }
.text21 { font-size: 175%; }
.text22 { font-size: 184%; }
.text23 { font-size: 192%; }
.text24 { font-size: 200%; }
.text25 { font-size: 209%; }
.text26 { font-size: 217%; }

/*SWIPER設定*/
.swiper-button-prev, .swiper-button-next {width:50px;height:50px;background-size:50px 50px;top:50%; }
.swiper-button-prev {left:0; right:auto; background-image:url('/wp-content/themes/sb_cube/img/prev.png'); }
.swiper-button-next {left:auto; right:0; background-image:url('/wp-content/themes/sb_cube/img/next.png'); }
.swiper-button-prev-black {background-image:url('/wp-content/themes/sb_cube/img/prev_blk.png');}
.swiper-button-next-black {background-image:url('/wp-content/themes/sb_cube/img/next_blk.png');}
.swiper-button-prev-white {background-image:url('/wp-content/themes/sb_cube/img/prev_wht.png');}
.swiper-button-next-white {background-image:url('/wp-content/themes/sb_cube/img/next_wht.png');}