@charset "utf-8";
/*
/////////////////////////////////////
汎用クラス
/////////////////////////////////////
*/

html{ height:100%; }

body {
height:100%;
/*letter-spacing:0.1em;*/
line-height:130%;
}

body { font-size:13px; }

@media screen and (max-width: 1119px) {
body { font-size:12px; }
}
@media screen and (max-width: 991px) {
body { font-size:11px; }
}
@media screen and (max-width: 767px) {
body { font-size:10px; }
}


/*角丸*/

.kadomaru {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.kadomaru20 {
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}

/*スマホ改行*/

br.xs-only { display: none; }
@media screen and (max-width: 767px) {
br.xs-only { display: inline; }
}


/*フォント*/

h1{
margin: 0;
font-weight:bold;
}

h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}

h2 {
font-weight: normal;
line-height:110%;
}

h3, h4, h5, h6 {
font-weight: bold;
}

p, ul, ol, li {
margin: 0;
padding: 0;
}

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
font-size: 50%; }

a:link, a:visited, a:hover { text-decoration:none; }

.wp-set h2{ font-size:260%; }
.wp-set h3{ font-size:150%; }
.wp-set h4{ font-size:140%; }
.wp-set h5{font-size:130%; }
.wp-set h6{ font-size:120%; }
.wp-set p, .wp-set ul, .wp-set ol{ font-size:110%; padding-bottom:10px; }

/*Bootstrap修正*/

img.img-responsive{ display:inline;}
img.img-responsive-small{ max-width:35%;}
img.img-responsive-concept{ max-width:50%;}
@media screen and (max-width: 1119px) {
img.img-responsive-concept{ max-width:50%;}
}
@media screen and (max-width: 991px) {
img.img-responsive-concept{ max-width:50%;}
}
@media screen and (max-width: 767px) {
img.img-responsive-concept{ width:100%; max-width:100%;}
}



/*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;}

/*メニュー位置指定*/

.fixed { position: fixed;top: 0;width: 100%;z-index: 1000000;}

/*ギャラリー*/

.gallery { width: 100%; table-layout: fixed; }
.gallery td{ padding:1%;}
.gallery td a:hover img { filter: alpha(opacity=70); opacity: 0.7; }

/*ボタン系*/

.more-box{
width:250px;
padding:10px;
margin:30px auto 0;
text-align:center;
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;
}

.border-box{
padding-top:15px;
padding-bottom:15px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

/*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; }

/*フッタ*/

footer{}
.op-ul-list{ list-style:none; font-size:100%;}
.op-ul-list li{ padding-bottom:5px; }
.copyright{ width:100%; }


/*カルーセル*/

.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%; }


.text-50 { font-size: 50% !important; }
.text-60 { font-size: 60% !important; }
.text-70 { font-size: 70% !important; }
.text-80 { font-size: 80% !important; }
.text-90 { font-size: 90% !important; }
.text-100 { font-size: 100% !important; }
.text-110 { font-size: 110% !important; }
.text-120 { font-size: 120% !important; }
.text-130 { font-size: 130% !important; }
.text-140 { font-size: 140% !important; }
.text-150 { font-size: 150% !important; }
.text-160 { font-size: 160% !important; }
.text-170 { font-size: 170% !important; }
.text-180 { font-size: 180% !important; }
.text-190 { font-size: 190% !important; }
.text-200 { font-size: 200% !important; }
.text-210 { font-size: 210% !important; }
.text-220 { font-size: 220% !important; }
.text-230 { font-size: 230% !important; }
.text-240 { font-size: 240% !important; }
.text-250 { font-size: 250% !important; }
.text-260 { font-size: 260% !important; }
.text-270 { font-size: 270% !important; }
.text-280 { font-size: 280% !important; }
.text-290 { font-size: 290% !important; }
.text-300 { font-size: 300% !important; }
.text-310 { font-size: 310% !important; }
.text-320 { font-size: 320% !important; }
.text-330 { font-size: 330% !important; }
.text-340 { font-size: 340% !important; }
.text-350 { font-size: 350% !important; }
.text-360 { font-size: 360% !important; }
.text-370 { font-size: 370% !important; }
.text-380 { font-size: 380% !important; }
.text-390 { font-size: 390% !important; }
.text-400 { font-size: 400% !important; }
.text-500 { font-size: 500% !important; }

