/*
Theme Name: Graphica Line 2018
Description: Bootstrap3を使ったレスポンシブ基盤
Version: 1.1.1
Author: Graphica Line
Author URI: http://www.graphica-line.jp
*/

/**************************************************
Standard equipment
**************************************************/
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Rock+Salt');
@font-face {font-family:'tegaki'; src:url('/wp-content/themes/gl2018/fonts/tegaki.ttf');}

body * {line-height:1.8em;}
body {line-height:1.8em;letter-spacing:0.1em;}
ul {padding-left: 1.5em;}
.h3,.h4,.h5,.h6,h3,h4,h5,h6 { margin:0;}
h4 { font-weight: 900;}
.midashi110 {font-size:110%;}
.midashi120 {font-size:120%;}
.midashi130 {font-size:130%;}
.midashi140 {font-size:140%;}
.midashi150 {font-size:150%;}
.midashi160 {font-size:160%;}
.midashi170 {font-size:170%;}
.midashi180 {font-size:180%;}
.midashi190 {font-size:190%;}
.midashi200 {font-size:200%;}

.Serif {font-family: 'Noto Serif JP', sans-serif;}
.Rock {font-family: 'Rock Salt', cursive;}
.tegaki {font-family:'tegaki';}
.w100 {font-weight: 100;}.w200 {font-weight: 200;}.w300 {font-weight: 300;}.w400 {font-weight: 400;}.w500 {font-weight: 500;}.w700 {font-weight: 700;}.w900 {font-weight: 900;}

/** Standard equipment **/
#wrapper{background-color:#FFF;overflow:hidden;}/*スマホ画面時、左右ガタツキ防止用*/

/** word press 標準 CSS **/
.aligncenter {display: block;margin: 0 auto;}
.alignright { float: right; }
.alignleft { float: left; }


.text-height{line-height:2.3em;}
@media(max-width:813px){.xs-text-left{text-align:left;}}

/** スペーサー **/
.top-5{margin-top:5px;}.top-10{margin-top:10px;}.top-15{margin-top:15px;}.top-20{margin-top:20px;}.top-25{margin-top:25px;}.top-30{margin-top:30px;}.top-35{margin-top:35px;}.top-40{margin-top:40px;}.top-45{margin-top:45px;}.top-50{margin-top:50px;}.top-55{margin-top:55px;}.top-60{margin-top:60px;}.top-65{margin-top:65px;}.top-70{margin-top:70px;}.top-75{margin-top:75px;}.top-80{margin-top:80px;}.top-85{margin-top:85px;}.top-90{margin-top:90px;}.top-95{margin-top:95px;}.top-100{margin-top:100px;}.top-105{margin-top:105px;}.top-110{margin-top:110px;}.top-115{margin-top:115px;}.top-120{margin-top:120px;}.top-125{margin-top:125px;}.top-130{margin-top:130px;}.top-135{margin-top:135px;}.top-140{margin-top:140px;}.top-145{margin-top:145px;}.top-150{margin-top:150px;}.top-160{margin-top:160px;}.top-165{margin-top:165px;}
.bottom-5{margin-bottom:5px;}.bottom-10{margin-bottom:10px;}.bottom-15{margin-bottom:15px;}.bottom-20{margin-bottom:20px;}.bottom-25{margin-bottom:25px;}.bottom-30{margin-bottom:30px;}.bottom-35{margin-bottom:35px;}.bottom-40{margin-bottom:40px;}.bottom-45{margin-bottom:45px;}.bottom-50{margin-bottom:50px;}.bottom-55{margin-bottom:55px;}.bottom-60{margin-bottom:60px;}.bottom-65{margin-bottom:65px;}.bottom-70{margin-bottom:70px;}.bottom-75{margin-bottom:75px;}.bottom-80{margin-bottom:80px;}.bottom-85{margin-bottom:85px;}.bottom-90{margin-bottom:90px;}.bottom-95{margin-bottom:95px;}.bottom-100{margin-bottom:100px;}.bottom-105{margin-bottom:105px;}.bottom-110{margin-bottom:110px;}.bottom-115{margin-bottom:115px;}.bottom-120{margin-bottom:120px;}.bottom-125{margin-bottom:125px;}.bottom-130{margin-bottom:130px;}.bottom-135{margin-bottom:135px;}.bottom-140{margin-bottom:140px;}.bottom-145{margin-bottom:145px;}.bottom-150{margin-bottom:150px;}.bottom-155{margin-bottom:155px;}.bottom-160{margin-bottom:160px;}.bottom-165{margin-bottom:165px;}
.right-5{margin-right:5px;}.right-10{margin-right:10px;}.right-15{margin-right:15px;}.right-20{margin-right:20px;}.right-25{margin-right:25px;}.right-30{margin-right:30px;}.right-35{margin-right:35px;}.right-40{margin-right:40px;}.right-45{margin-right:45px;}.right-50{margin-right:50px;}.right-55{margin-right:55px;}.right-60{margin-right:60px;}.right-65{margin-right:65px;}.right-70{margin-right:70px;}.right-75{margin-right:75px;}.right-80{margin-right:80px;}.right-85{margin-right:85px;}.right-90{margin-right:90px;}.right-95{margin-right:95px;}.right-100{margin-right:100px;}.right-165{margin-right:165px;}
.left-5{margin-left:5px;}.left-10{margin-left:10px;}.left-15{margin-left:15px;}.left-20{margin-left:20px;}.left-25{margin-left:25px;}.left-30{margin-left:30px;}.left-35{margin-left:35px;}.left-40{margin-left:40px;}.left-45{margin-left:45px;}.left-50{margin-left:50px;}.left-55{margin-left:55px;}.left-60{margin-left:60px;}.left-65{margin-left:65px;}.left-70{margin-left:70px;}.left-75{margin-left:75px;}.left-80{margin-left:80px;}.left-85{margin-left:85px;}.left-90{margin-left:90px;}.left-95{margin-left:95px;}.left-100{margin-left:100px;}.left-165{margin-left:165px;}

/** 幅 **/

.with10{width:10%;}.with20{width:20%;}.with30{width:30%;}.with40{width:40%;}.with50{width:50%;}.with60{width:60%;}.with70{width:70%;}.with80{width:80%;}.with90{width:90%;}

/** ページトップリンク **/
#top-link{display:none;position:fixed;right:0px;bottom:15px;}

/** 区切り線 **/
hr { margin:0;}
.well hr {border-color:#dcdcdc;}

/** グレーバックの区切り **/
.gray-back{background-color:#f8f8f8; padding:50px 0;color:#000;}
.gray-back30{background-color:#f8f8f8; padding:30px 0;color:#000;}
.gray-back-2{
	background-color: #fff;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, rgba(252, 252, 252, 1)), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, rgba(252, 252, 252, 1)),color-stop(.75, rgba(252, 252, 252, 1)), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 150px 150px;
	padding:50px 0;
	color:#000;
}
/** ブラックバックの区切り **/
.black-back{background-color:#333; padding:50px 0;color:#fff;}
.black-back30{background-color:#333; padding:30px 0;color:#fff;}

/** 不快感のグルグル **/
.guruguru {
  background: url(/wp-content/themes/gl2018/img/guruguru.png) center center / cover no-repeat;
	background-color:#333;
}

/** 汚い配管背景 **/
.osui-back ,.osui-back2{
	background: url(/wp-content/themes/gl2018/img/back_img01.jpg) center center / cover no-repeat;
	position: relative;
}

.osui-back{
	padding-bottom: 80px;
}

.osui-back::after {
	position: absolute;
	content: '';
	bottom: -50px;
	display: block;
	width: 100%;
	height: 100px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon fill='%23FFFFFF' points='100,50 0,50 0,0 50,50 100,0 '/%3E%3C/svg%3E");
}


/** ボックス背景 **/
.box-back {
	background-color: #e9e9e9;
  background-image: linear-gradient(30deg, #ddd 12%, transparent 12.5%, transparent 87%, #ddd 87.5%, #ddd), linear-gradient(150deg, #ddd 12%, transparent 12.5%, transparent 87%, #ddd 87.5%, #ddd), linear-gradient(30deg, #ddd 12%, transparent 12.5%, transparent 87%, #ddd 87.5%, #ddd), linear-gradient(150deg, #ddd 12%, transparent 12.5%, transparent 87%, #ddd 87.5%, #ddd), linear-gradient(60deg, #eee 25%, transparent 25.5%, transparent 75%, #eee 75%, #eee), linear-gradient(60deg, #eee 25%, transparent 25.5%, transparent 75%, #eee 75%, #eee);
  background-position: 0 0, 0 0, 25px 50px, 25px 50px, 0 0, 25px 50px;
  background-size: 50px 100px;
}

/** 四角枠 **/
.box {
	background-color:#444;
	color:#ccc;
	border: 1px solid #666;
	padding: 20px 15px;
}


/** 丸枠 **/
.curled-box {
    display: inline-block;
    border-radius: 50%;
    height: 140px;
    width: 140px;
    background-color: #FFF;
    border: 8px solid #ccc;
    text-align: center;
    line-height: 140px;
    vertical-align: middle;
}


/** 透過 **/
.op-70{opacity:0.7;}


/** BLACK バック **/
.black-back{background-color:#000;color:#fff;}
.black-back .h6 small { font-weight:normal; color:#999;}



/** サークルバック **/
.back-circle {margin:0;padding:0;height:110px;width:110px;line-height:135px;text-align:center;display:inline-block;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#FFF;}
.gray-circle {background:#ccc;}
/** サークルバック-プラン用 **/
.easy-circle{background:rgb(52,176,246);}
.cms-circle{background:rgb(0,115,170);}
.shop-circle{background:rgb(255,206,0);}
.shopplus-circle{background:rgb(190,0,9);}
.img-circle{background:#8b19c9;}
.count-circle{background:#8ec81b;}


/** 吹き出し **/
.balloon,.balloon2 {
  position: relative;
  display: inline-block;
  padding: 20px 30px;
  min-width: 120px;
  max-width: 100%;
  box-sizing: border-box;
}

.balloon:before,.balloon2:before{
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  z-index: 2;
}

.balloon p,.balloon2 p {
	margin: 0;
	padding: 0;
}


/** 吹き出し(黒背景) **/
.balloon {
  color: #fff;
  background: #000;
}

.balloon:before {
  border-top: 12px solid #000;
}

/** 吹き出し(枠のみ) **/
.balloon2 {
  color: #000;
  background: #FFF;
  border: solid 5px #000;
}

.balloon2:before{
  border-top: 12px solid #fff;
}

.balloon2:after{
  content: "";
  position: absolute;
  bottom: -33px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #000;
  z-index: 1;
}



/** table **/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {vertical-align:middle;}
.table-bordered th,.nowrap {white-space: nowrap;}
.table-gray>tbody>tr>th{background-color:#f8f8f8;color:#000;}
.plan-table>tbody>tr>th {text-align:center;}

.plan-table>tbody>tr>th.img-text4{padding:0;}

/** label **/
.label {white-space: pre-wrap;}

.label-box {
    display: inline-block;
    padding: 6px 12px;
    margin: 5px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/**************************************************
bootstrap3追加/変更
**************************************************/

.row10 {
    margin-right: -10px;
    margin-left: -10px;
}
@media (min-width: 768px){
	.dl-horizontal dt {width: 7em;}
	.dl-horizontal dd {margin-left: 8em;}
}



@media (min-width: 1200px){.container {width: 1000px;}}


/** [5]カラム**/
.col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5,.col-xs-2-5,.col-sm-2-5,.col-md-2-5,.col-lg-2-5,.col-xs-3-5,.col-sm-3-5,.col-md-3-5,.col-lg-3-5,.col-xs-4-5,.col-sm-4-5,.col-md-4-5,.col-lg-4-5{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}.col-xs-1-5{width:20%;float:left;}.col-xs-2-5{width:40%;float:left;}.col-xs-3-5{width:60%;float:left;}.col-xs-4-5{width:80%;float:left;}@media(min-width:813px){.col-sm-1-5{width:20%;float:left;}.col-sm-2-5{width:40%;float:left;}.col-sm-3-5{width:60%;float:left;}.col-sm-4-5{width:80%;float:left;}}@media(min-width:992px){.col-md-1-5{width:20%;float:left;}.col-md-2-5{width:40%;float:left;}.col-md-3-5{width:60%;float:left;}.col-md-4-5{width:80%;float:left;}}@media(min-width:1200px){.col-lg-1-5{width:20%;float:left;}.col-lg-2-5{width:40%;float:left;}.col-lg-3-5{width:60%;float:left;}.col-lg-4-5{width:80%;float:left;}}
/**bootstrap3追加-パネル高さを揃える**/
@media(min-width:813px){.row-eq-height{display:flex;flex-wrap:wrap;}}
/**bootstrap3追加-カラムの隙間を無くす**/
.no-gutter > [class*='col-']{padding-right:0;padding-left:0;}/*内包するカラム全て*/
.no-gutter-v2{padding-right:0;padding-left:0;}/*指定カラムのみ*/

/**bootstrap3追加-カラムの隙間を調整**/
.no-gutter-5 > [class*='col-']{padding-right:5px;padding-left:5px;}/*内包するカラム全て*/
.no-gutter-10 > [class*='col-']{padding-right:10px;padding-left:10px;}/*内包するカラム全て*/

/** メインナビ変更 **/
.navbar {margin-bottom:0px; text-shadow:1px 1px 3px #000;}
.navbar-inverse .navbar-brand {color: #FFF;}

.navbar-inverse,.navbar-inverse .navbar-toggle{background-color: #337ab7; border-color: #51a4ec;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: #337ab7;}
.navbar-inverse .navbar-nav>li>a {color: #fff;}
@media(min-width: 992px){
.navbar {margin-bottom:-100px;
background: -moz-linear-gradient(top, rgba(9,33,48,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(9,33,48,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(9,33,48,1) 0%,rgba(255,255,255,0) 100%);
border:none;
height: 100px;
padding-top: 30px;
}
.navbar-inverse{background-color:transparent;border-color:transparent;}
.navbar-inverse .navbar-nav>li>a {color:#FFF;}
.navbar-nav>li>a {line-height:1.8em;}
.navbar-inverse .navbar-toggle {border-color:#fff;}
}

/**************************************************
TOPIC設定（front-page.php）
**************************************************/
.item-box{padding:0 5px;}
.item{padding:0 5px;}

/**************************************************
投稿コンテンツ設定（content.php）
**************************************************/

.title-box{
		padding: 10px 10px 8px;
		background-color: #efefef;
		border-radius: 4px;
}

.img-text,.img-text2,.img-text3,.img-text4 {
	position: relative;
	overflow: hidden;
}
.img-text {
	width:100%;
	height:100%;
	background-color:black;
}
.img-text2 {
	height:200px;
}
.img-text3 {
	width:100%;
	height:100%;
	padding:15px;
}
.img-text2 img {
	width: 100%;
	height: auto;
	position: relative;
	top: 0;
	min-height: 200px;
}
.img-text p,.img-text2 p,.img-text4 p {
	text-shadow: 0 0 10px #000;
	position: absolute;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
	color:#fff;
	text-align:center;
}
.img-text p a,.img-text p a {color:#fff; text-decoration:none;line-height:1.5em;}
@media (min-width: 768px){.img-text2 img{top:-50%}}

.category-icon {
	position: absolute;
	top:5%;
	left:5%;
}

.eyecatch,.eyecatch2,.eyecatch3 {
	width:100%;
	background-size: cover;
	opacity: 0.7;
}

.eyecatch,.eyecatch2,.eyecatch3 {background-position: center center;}
.eyecatch2.shop-img,.eyecatch3.shop-img {background-position: center bottom;}

.eyecatch,.eyecatch3 {height:110px;}
.eyecatch2 {height:200px;}

@media (min-width: 768px){.eyecatch,.eyecatch3 {height:195px;}.eyecatch2 {height:230px;}}
@media (min-width: 1100px){.eyecatch,.eyecatch3 {height:155px;}.eyecatch2 {height:300px;}}
@media (min-width: 1200px){.eyecatch,.eyecatch3 {height:185px;}.eyecatch2 {height:400px;}}

/** 背景画像 hover 設定 **/
.img-text .eyecatch,.img-text img {
	-moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.img-text .eyecatch:hover,.img-text img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.day-content{
	text-shadow: 0 0 10px #000;
	color:#fff;
	position: absolute;
	bottom:5%;
	right:5%;
}



/**************************************************
投稿ページ設定（single.php）
**************************************************/
.news img, .work img {border: 1px #ececec solid; }





/**************************************************
メインイメージ（MOVE）
**************************************************/

.main-visual,.main-visual-second {
    background-size: cover;
    text-align: center;
    position: relative;
	z-index:2;
	background-color:#000;
	overflow:hidden;
	width: 100%;
   top: 0;
}
.main-visual,.main-visual video {height:270px;}
.main-visual-second,.main-visual-second video {height:200px;}
.main-visual img {
    z-index: 3;
    position: absolute;
    top: 100px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
		filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.6));
}
.main-visual-second p {
    z-index: 3;
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    margin: auto;
	text-align:center;
	color:#fff;
	font-size:18px;
	font-weight: 500;
	text-shadow: 0 0 10px #000;
}
.main-visual video,.main-visual-second video {
    margin: 0 auto;
    z-index: 1;
	height:400px;
	opacity:0.9;
}
.main-visual video#bgvid,.main-visual-second video#bgvid {min-height:100%;min-width:100%;width:auto;z-index:-100;background:url(/wp-content/themes/gl2018/mov/water.gif)no-repeat;background-size:cover; background-position:bottom;}

.main-visual video#bgvid{margin: 0 auto;}
.main-visual-second video#bgvid{margin: -200px auto 0;}

.main-img-thumbnail {
	opacity:0.7;
	width: 100vw;
}

.shop-back .main-img-thumbnail {
	position: absolute;
	bottom: 0px;
}

#youtube {
	z-index: 1;
	opacity:0.7;
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	pointer-events:none;
}


@media(min-width:813px){.main-visual{height:700px;}.main-visual-second{height:400px;}.main-visual-second p{bottom: 150px;}.main-visual video,.main-visual-second video {height:auto;}}
/**************************************************
パンくず
**************************************************/

.breadcrumbs {
	padding: 15px;
	font-size: 80%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #eee;
	border-bottom-color: #eee;
	border-left-color: #eee;
}


/**************************************************
カルーセル Slick
**************************************************/

.slick-dotted.slick-slider {
    overflow: hidden;
	}

/**************************************************
ページネーション
**************************************************/
/*wp-pagenavi 06*/
.wp-pagenavi {
	padding-top: 30px;
clear: both;
text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span {
color: #777;
background-color:#ededed;
border:1px solid #dcdcdc;
padding: 5px 10px !important;
margin: 0 2px;
white-space: nowrap;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration:none;
font-size: 80%;
}
.wp-pagenavi a:hover{
color:#e4685d;
background-color:#dfdfdf;
}
.wp-pagenavi span.current{
color: #FFF;
background-color:#fc8d83;
border-color: #e4685d !important;
font-weight: bold;
}



/**************************************************
アニメーション遅延
**************************************************/

#animation{
  /* 2秒待ってからアニメーションする */
  -webkit-animation-duration: 2s;
  animation-delay:2s;
}

/**************************************************
サイドバー設定
**************************************************/
ul#widget {padding:0;}
ul#widget li { list-style:none; margin-bottom:20px;}
.panel-footer.black-back{padding:5px 10px;}


/**************************************************
WEB制作プランカラー設定
**************************************************/
.panel-easy>.panel-heading,
.panel-cms>.panel-heading,
.panel-shop>.panel-heading,
.panel-shopplus>.panel-heading,
.panel-img>.panel-heading,
.panel-count>.panel-heading {font-family: 'Rock Salt', cursive;color: #fff; padding:0;}

.easy-img {background-image:url(/wp-content/themes/gl2018/img/easy_img.jpg);}
.cms-img {background-image:url(/wp-content/themes/gl2018/img/cms_img.jpg);}
.shop-img {background-image:url(/wp-content/themes/gl2018/img/shop_img.jpg);}
.shopplus-img {background-image:url(/wp-content/themes/gl2018/img/shop_plus_img.jpg);}
.images-img {background-image:url(/wp-content/themes/gl2018/img/images_img.jpg);}
.count-img {background-image:url(/wp-content/themes/gl2018/img/count_img.jpg);}

.panel-easy,.panel-cms,.panel-shop,.panel-shopplus,.panel-img,.panel-count {border: none;box-shadow: 0px 0px 3px 3px rgba(0,0,0,.05);}


.easy-color{color:rgb(52,176,246);}
.btn-easy{color:#fff;background-color:rgb(52,176,246);border-color:rgb(47,158,221);}.btn-easy.focus,.btn-easy:focus,.btn-easy:hover,.btn-easy.active,.btn-easy:active {color:#fff;background-color:rgb(47,158,221);border-color:rgb(47,158,221);}
.panel-easy>.panel-heading {border-color: rgb(52,176,246);}
.panel-easy>.panel-heading,.easy-back {background-color:rgb(52,176,246);}
.panel-easy>.panel-footer,.easy-back2 {background-color: rgba(52,176,246,0.05);border-top: 1px solid rgba(52,176,246,0.2);}
.cms-color{color:rgb(0,115,170);}
.btn-cms{color:#fff;background-color:rgb(0,115,170);border-color:rgb(1,92,136);}.btn-cms.focus,.btn-cms:focus,.btn-cms:hover,.btn-cms.active,.btn-cms:active {color:#fff;background-color:rgb(1,92,136);border-color:rgb(1,92,136);}
.panel-cms>.panel-heading {border-color: rgb(0,115,170);}
.panel-cms>.panel-heading,.cms-back {background-color: rgb(0,115,170);}
.panel-cms>.panel-footer,.cms-back2 {background-color: rgba(0,115,170,0.05);border-top: 1px solid rgba(0,115,170,0.2);}
.shop-color{color:rgb(220,178,0);}
.btn-shop{color:#fff;background-color:rgb(255,206,0);border-color:rgb(220,178,0);}.btn-shop.focus,.btn-shop:focus,.btn-shop:hover,.btn-shop.active,.btn-shop:active {color:#fff;background-color:rgb(220,178,0);border-color:rgb(220,178,0);}
.panel-shop>.panel-heading {border-color: rgb(255,206,0);}
.panel-shop>.panel-heading,.shop-back {background-color: rgb(255,206,0);}
.panel-shop>.panel-footer,.shop-back2 {background-color: rgba(255,206,0,0.05);border-top: 1px solid rgba(255,206,0,0.5);}
.shopplus-color{color:rgb(190,0,9);}
.btn-shopplus{color:#fff;background-color:rgb(190,0,9);border-color:rgb(158,1,8);}.btn-shopplus.focus,.btn-shopplus:focus,.btn-shopplus:hover,.btn-shopplus.active,.btn-shopplus:active {color:#fff;background-color:rgb(158,1,8);border-color:rgb(158,1,8);}
.panel-shopplus>.panel-heading {border-color: rgb(190,0,9);}
.panel-shopplus>.panel-heading,.shopplus-back {background-color: rgb(190,0,9);}
.panel-shopplus>.panel-footer,.shopplus-back2 {background-color: rgba(190,0,9,0.05);border-top: 1px solid rgba(190,0,9,0.2);}
.img-color{color:#8b19c9;}
.btn-img{color:#fff;background-color:rgb(139,25,201);border-color:rgb(114,21,165);}.btn-img.focus,.btn-img:focus,.btn-img:hover,.btn-img.active,.btn-img:active {color:#fff;background-color:rgb(114,21,165);border-color:rgb(114,21,165);}
.panel-img>.panel-heading {border-color: #8b19c9;}
.panel-img>.panel-heading,.img-back {background-color: #8b19c9;}
.panel-img>.panel-footer,.img-back2 {background-color: rgba(139,25,201,0.05);border-top: 1px solid rgba(139,25,201,0.2);}
.count-color{color:rgb(120,168,24);}
.btn-count{color:#fff;background-color:rgb(142,200,27);border-color:rgb(120,168,24);}.btn-count.focus,.btn-count:focus,.btn-count:hover,.btn-count.active,.btn-count:active {color:#fff;background-color:rgb(120,168,24);border-color:rgb(120,168,24);}
.panel-count>.panel-heading {border-color: #8ec81b;}
.panel-count>.panel-heading,.count-back {background-color: #8ec81b;}
.panel-count>.panel-footer,.count-back2 {background-color: rgba(142,200,27,0.05);border-top: 1px solid rgba(142,200,27,0.5);}


.table-plan>tbody>tr>td, .table-plan>tbody>tr>th, .table-plan>tfoot>tr>td, .table-plan>tfoot>tr>th, .table-plan>thead>tr>td, .table-plan>thead>tr>th{border: 1px solid #ccc;padding:15px;}
.table-plan>tbody>tr>th, .table-plan>tfoot>tr>th, .table-plan>thead>tr>th{background-color:#f5f5f5;}

.table-plan>tbody>tr>td.plan-Template, .table-plan>tbody>tr>td.plan-Design {padding:30px 10px;}
.plan-Template, .plan-Design {color:#fff;text-shadow: 0 0 10px rgba(0,0,0,0.2);}
.plan-Design {background: linear-gradient(rgb(0,180,255),rgb(0,140,199));}
.plan-Template {background: linear-gradient(rgb(0,234,176),rgb(0,199,150));}
.plan-Design-ch {background:rgba(0,140,199,0.1);}
.plan-Template-ch {background: rgba(0,199,150,0.1);}

/**************************************************
フッター設定
**************************************************/
#footer {padding-bottom:30px;}
.promo{display:flex;flex-direction:row;flex-wrap:nowrap; height:50px;}
@media(min-width:813px){.promo{display:inline-block;}}
.promo-icon{max-width:50px;display:inline-block;vertical-align: middle; padding:0 5px;}
#footer-menu{background-color:#333;color:#ccc; padding-bottom:30px;font-size: 80%;}
.footer-breadcrumbs{border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666;padding: 20px 0; margin-bottom: 20px;}
#footer-menu a:link,#footer-menu a:visited,#footer-menu a:active {color:#ccc;}
#footer-menu a:hover,.sns a:hover {color: #fff; }
#footer-menu ul {border-top-width: 1px;border-top-style: solid;border-top-color: #666;margin-top: 5px;padding-top: 5px;color: #999;}
#footer-menu ul li a:link,#footer-menu ul li a:visited,#footer-menu ul li a:active,
.sns a:link,.sns a:visited,.sns a:active{color:#999;}
.sns {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #666;margin-bottom: 15px;padding-bottom: 10px; margin-top:0;}

#footer hr {border-color: #666;}

/**************************************************
メンバー画面設定
**************************************************/
/**.pmagic .pm-group-signup,.pg-dropdown-icon {
/**	display:none;
/**}