/*
   MAIN CSS Document
   produce by World Agent
   URL:http://worldagent.jp
   Theme Name: worldagent
   Author: worldagent tsuruta
   Template: worldagent
*/

/*  Search Form custmize  */

#searchform{
	max-width:620px;
	padding:20px 0;
}
#searchsubmit{
	padding:5px;
	margin:10px 0;
}

/*  RSS feed custmize  */

.top_text_area a img {
	display: none;
}
.blog_containts a img{
	display: none;
}
.cut img.attachment-post-thumbnail{
	display:none !important;
}
@media only screen and (max-width: 767px) {
.btn-breadcrumb{
	font-size:10px;
}
}
/*  ▼▼▼▼▼▼  フォント関連  ▼▼▼▼▼▼  */

/*  shadow  */

.b-sh {
	position:relative;/*IE8対策*/
	zoom: 1;/*IE8対策*/
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.b-sh_n{
	position:relative;/*IE8対策*/
	zoom: 1;/*IE8対策*/
	background:rgba(255,255,255,0.8);
	-webkit-box-shadow: 0 0 20px rgba(204,204,204,.50);
	-moz-box-shadow: 0 0 20px rgba(204,204,204,.50);
	box-shadow: 0 0 20px rgba(204,204,204,.50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=135,strength=5,enabled=true)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=135,strength=5,enabled=true); /* IE5.5+ */
}
.b-sh_n:hover{
	background:rgba(255,255,255,1);
	-webkit-box-shadow: 0 0 20px rgba(204,204,204,.60);
	-moz-box-shadow: 0 0 20px rgba(204,204,204,.60);
	box-shadow: 0 0 20px rgba(204,204,204,.60);
}

@media only screen and (max-width: 767px) {
.b-sh,.b-sh_n,.b-sh_n:hover{ 
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
}
/*  opacity  */

.op25 {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}

/*  transition  */

*:hover {
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}

/*  all-hover  */

a:hover img {
	opacity: .8;
	filter: alpha(opacity=80);
}

/*  img-responsive-half  */

.img-responsive-half {
	width:100%;
}

@media only screen and (max-width: 767px) {
.img-responsive-half {
	width:50%;
}
}

/*  inline_block  */

.inline_block {
	display:inline-block
}

/*  all-more  */

.more{
	width: 100%;
	text-align: center;
	position:absolute;
	bottom:0;
}

.more_right{
	float:right;
}

@media only screen and (max-width: 767px) {
	
.more{
	display:block;
	float:right;
	position:relative;
	left:inherit;
	margin:0 auto;
}
.more a{
	border:none !important;
	display:block;
}

}

/*  font-size  */
.fs7{font-size:7px;}
.fs8{font-size:8px;}
.fs9{font-size:9px;}
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs26{font-size:26px;}
.fs28{font-size:28px;}
.fs30{font-size:30px;}
.fs32{font-size:32px;}
.fs34{font-size:34px;}

@media only screen and (max-width: 767px) {
.fs9{font-size:7px;}
.fs10{font-size:8px;}
.fs11{font-size:9px;}
.fs12{font-size:10px;}
.fs14{font-size:12px;}
.fs16{font-size:14px;}
.fs18{font-size:16px;}
.fs20{font-size:18px;}
.fs22{font-size:20px;}
.fs24{font-size:22px;}
.fs26{font-size:24px;}
.fs28{font-size:26px;}
.fs30{font-size:28px;}
.fs32{font-size:30px;}
.fs34{font-size:32px;}
}

.fs10 p{
	font-size:10px;
}
/*  font-color  */

.white,.white a{color:#FFF;}
.black,.black a{color:#333;}
.l-blue,.l-blue a{color:#34b6d0;}
.red,red a{color:#c00;}
i.l-blue {color: #34b6d0;}
.pink,.pink a{color:#f3a8c9;}
.lgray,.lgray a{color:#eee;}
.gray,.gray a{color:#CCC;}
.purple,.purple a{color:#6A5367;}
.lbeige,.lbeige a{color:#FBF8EA;}
.dbeige,.dbeige a{color:#AA995D;}

/*  font-weight  */

.f_bd{font-weight:bold;}
.f_lt{font-weight:light;}


/*  font-hover  */
a.no_line:hover{
	text-decoration:none;
}
a.line,.line{
	text-decoration:underline;
}


/*  h1,h2,h3,h4  */

h1{}
h2{
	font-weight:bold;
}
h3{
	font-weight:bold;
}
h4{}

/*  btn-color  */

.btn_d-blue{

}
.btn-l-blue a{
	border:1px solid #34b6d0;
	margin:-1px;
	padding:7px 24px;
	color:#34b6d0;
	clear:both;
	text-align:center;
}
.btn-l-blue a:hover{
	border-radius:0 15px 0 15px;
}
.btn_red a{
	outline:1px solid #C00;
	margin:-1px;
	padding:7px 24px;
	color:#34b6d0;
	clear:both;
	text-align:center;
}
.btn_bla{}
a.btn_wh{
	border:1px solid #FFF;
	margin:-1px;
	padding:7px 24px;
	color:#FFF;
	clear:both;
	text-align:center;
	cursor:pointer;
}
a.btn_wh:hover{
	border:1px solid #FFF;
	margin:-1px;
	padding:7px 24px;
	color:#FFF;
	clear:both;
	text-align:center;
	cursor:pointer;
}


/*  bg-color  */
.bg_white{
	background:#FFF !important;
}
.bg_dwhite{
	background:#f3f3f3;
}
.bg_gray{
	background:#ccc !important;
}
.bg_lgray{
	background:#eee !important;
}
.bg_dgray{
	background:#666;
}
.bg_lblue{
	background:#34B6D0;
}
.bg_dblue{
	background:#0C8CA5;
}
.bg_lbeige{
	background:#FBF8EA;
}
.bg_dbeige{
	background:#AA995D;
}
.bg_red{
	background:#F00;
}
a .bg_dbeige:hover,.bg_dbeige a:hover{
	background:#918042;
}
.bg_tile{
	background:url(../img/common/bg_tile.jpg);
}


/*  bg-photo  */
.bliss{
	background:url(../img/sridaiva/logo.png) ;
	background-size:100%;
	height:151px;
}

.sridaiva{
	background:url(../img/sridaiva/logo.png) ;
	background-size:100%;
	height:151px;
}

.sridaiva{
	background:url(../img/sridaiva/logo.png) ;
	background-size:100%;
	height:151px;
}

/*  map-color  */

#map_mono {
	width: 100%;
	height: 200px;
	opacity:0.8;
}

#map_mono:hover {
	opacity:1;
}

/*-------------------------------------------------------------------------*/
/* Icons*/
/*-------------------------------------------------------------------------*/
.icons {
  height: 100px;
  width: 100px;
  margin:  auto;
}
.icons i {
  font-size: 36px;
  line-height: 100px;
  color: rgba(255, 255, 255, 1);
}
.icons.round {
  border-radius: 100px;
}
.icons.round i {
	text-align:center;
	display:block;
}

.icons.rounded-rectangle {
  border-radius: 5px;
}
.icons.small {
  width: 70px;
  height: 70px;
}
.icons.small i {
  font-size: 28px;
  line-height: 70px;
}
.icons.icons-colored.black {
  background: #333;
}
.icons.icons-colored.yellow {
  background: #ffd24d;
}
.icons.icons-colored.green {
  background: #9fc300;
}
.icons.icons-colored.blue {
  background: #41d5ff;
}
.icons.icons-colored.red {
  background: #e0594b;
}
.icons.icons-colored.bg-color {
  background: rgba(0, 0, 0, 0.1);
}


/*  back to top  */

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
	border:#34b6d0 1px solid;
	background:rgba(255,255,255,0.8)
}

/*  divider  */

.fadeout_divider{
	margin:20px 0;
border: 0;
height: 1px;
background: #333;
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
clear:both;
}
.fade_divider{
	margin:20px 0;
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
clear:both;
}

.dotted_divider{
	margin:20px 0;
	height:1px;
border-bottom: 1px dashed #ccc;
background: #999;
clear:both;
}

/*  scroll_box  */
.scroll_box_height p{
	padding:5px 0;
}
.scroll_box_height200{
	height:200px;
	overflow:auto;
}
.scroll_box_height300{
	height:300px;
	overflow:auto;
}
.scroll_box_height400{
	height:400px;
	overflow:auto;
}
.scroll_box_height200 p{
	padding:5px 0;
}
/*  accordion  */
.accordion dt{
    display:block;
    cursor:pointer;
}
.accordion dd{
    display:none;
}

/*  ▼▼▼▼▼▼  共通レイアウト  ▼▼▼▼▼▼  */

.fl-r{float:right !important;}
.block{display:block;}

/*  body #wrapper .container  */

body{
	background:#FFF;
}
#wrapper_livewell{
	background:url(../img/top/top_bg.jpg) bottom no-repeat;
	padding:20px 0 200px;
}
#wrapper_BLISS{
	background:url(../img/bliss/top_bg.jpg) bottom no-repeat;
	padding:20px 0 200px;
}
#wrapper_gear{
	background:url(../img/gear/top_bg.jpg) bottom no-repeat;
	padding:20px 0 200px;
}
#wrapper_HOT40YOGA{
	background:url(../img/hot40yoga/top_bg.jpg) bottom no-repeat;
	padding:20px 0 200px;
}
#wrapper_livewell_institute{
	background:url(../img/livewell_institute/top_bg.jpg) bottom no-repeat;
	padding:20px 0 200px;
}
#wrapper_sridaiva_yoga{
	background:url(../img/sridaiva/top_bg.jpg) bottom no-repeat;
	padding:20px 0 200px;
}
#wrapper_madhya_yoga{
	min-height:1000px;
	background:url(../img/top/top_bg.jpg) bottom no-repeat;
	padding:20px 0 200px;
}
@media only screen and (max-width: 767px) {
#wrapper_livewell,#wrapper_bliss,#wrapper_gear,#wrapper_hot40yoga,#wrapper_livewell_institute,#wrapper_sridaiva_yoga,#wrapper_madhya_yoga{
	padding:0px 0 200px;
}
}
.container{
	max-width:1044px;
	margin:0 auto;
}
@media only screen and (max-width: 767px) {
.container{
	background:rgba(255,255,255,0.9);
}
}
/*
body.modal-open #wrapper_hot40yoga{
    -webkit-filter: blur(7px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
}
*/
/* Breadcrumbs rows */
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -10px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

.btn-breadcrumb .btn {
  padding:3px 12px 3px 24px;
}
.btn-breadcrumb .btn:first-child {
  padding:3px 6px 3px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding: 3px 12px 3px 24px;
}
.btn-breadcrumb a.btn div:hover{
	color:#34b6d0;
	font-weight:bold;
}
.btn-breadcrumb a.btn i:hover{
	color:#34b6d0;
	font-weight:bold;
}
/* The responsive part */

.btn-breadcrumb > * > div {
    /* With less: .text-overflow(); */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}

.btn-breadcrumb > *:nth-child(n+2) {
  display:none;
}

/* === For phones =================================== */
@media (max-width: 767px) {
    .btn-breadcrumb > *:nth-last-child(-n+2) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 60px;
    }
}

/* === For tablets ================================== */
@media (min-width: 768px) and (max-width:991px) {
    .btn-breadcrumb > *:nth-last-child(-n+4) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 100px;
    }
}

/* === For desktops ================================== */
@media (min-width: 992px) {
    .btn-breadcrumb > *:nth-last-child(-n+6) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 170px;
    }
}



@media only screen and (max-width: 767px) {
	
#wrapper{
	padding:20px 0 250px;
	background-size:250%;
}
.container{
	margin-top:40px;
}

}

/*  blog-title  */

.blog_title{font-weight:bold;}

.shop_contents_title{
	padding:80px 20px;
	background:#ccc;
	text-align:center;
}

/*  loader  */

#loader {
    width: 40px;
    height: 43px;
    display: none;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -40px; /* heightの半分のマイナス値 */
    margin-left: -43px; /* widthの半分のマイナス値 */
    z-index: 100;
}
 
#fade {
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(255,255,255,0.6);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);/*IE8以下用*/
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
}

/*  header  */

header{
	width:100%;
}

.g_menu{
	margin:20px 0 20px;
}
.navbar{
	border:none;
	min-height:30px;
	margin-bottom:0;
	line-height:1.6;
}
.navbar-nav{
	width:100%;	
}
.navbar-nav>li{
	width:12.5%;
	text-align:center;
}
.navbar-nav>li a{
	font-size:14px;
	line-height:1.6;
}
.navbar-nav>li.one a{
	padding:5px 0;
	background:#34b6d0;
	display:block;
	color:#FFF;
}
.navbar-nav>li.two a{
	padding:5px 0;
	background:#44c3dc;
	display:block;
	color:#FFF;
}
.navbar-nav>li.three>a{
	padding:5px 0;
	background:#6ccee2;
	display:block;
	color:#FFF;
}
.navbar-nav>li.three>a:hover{
	padding:5px 0;
	background:#6ccee2;
	display:block;
	color:#FFF;
}
.navbar-nav>li.four a{
	padding:5px 0;
	background:#81ddef;
	display:block;
	color:#FFF;
}
.navbar-nav>li.five>a{
	padding:5px 0;
	background:#91e4f4;
	display:block;
	color:#FFF;
}
.navbar-nav>li.five>a:hover{
	padding:5px 0;
	background:#6ccee2;
	display:block;
	color:#FFF;
}

.navbar-nav>li.six a{
	padding:5px 0;
	background:#44c3dc;
	display:block;
	color:#FFF;
}
.navbar-nav>li.seven a{
	padding:5px 0;
	background:#34b6d0;
	display:block;
	color:#FFF;
}
.navbar-nav>li.eight a{
	padding:5px 0;
	background:#0c8ca5;
	display:block;
	color:#FFF;
}
.navbar-nav li a:hover{
	text-decoration:underline;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
	background:#999;
}
.mega-dropdown { position: static !important; }
.mega-dropdown-menu {
  padding: 7px 15px 7px;
  text-align: center;
  width: 100%;
  max-width:1014px;
  margin:0 15px;
  background:rgba(255,255,255,0.9);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);/*IE8以下用*/  
}
li.dropdown-header a{
  font-size:12px;
}
#menu_button {
	position: relative;
	width: 35px;
	height: 35px;
	background : #0C8CA5;
	display:inline-block;
}
#menu_button i {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
    width: 22px;
    height: 24px;
}
#menu_button span {
    top: 34px;
    left: 0;
    position: absolute;
    color: #0C8CA5;
}

#menu_button img {
	width: 35px;
	height: 35px;
	background : #0C8CA5;
}
#sp_menu_wrap {
	background: #FFFFFF;
	-webkit-transform: translate(0px, 0px, 1px);
	-webkit-transition: .2s -webkit-transform ease-in-out;
	z-index: -1;
}
#sp_menu_wrap.show {
	-webkit-transform: translate(240px, 0px, 1px);
	min-width: 320px;
}


#slidemenu {
	display: none;
	position: fixed;
	width: 0;
	height: 100%;
	top: 0;
	opacity: 0;
	z-index: -1;
	transition: all .6s ease-in-out;
	background-color: #333;
}
#slidemenu.show {
	display: block;
    width: 240px;
	top: 0;
    opacity: 1;
    z-index: 99999;
	transition: all .6s ease-in-out;
 }

#slidemenu_contents {
	display: none;
	height: 100%;
	position: relative;
	width: 240px;
}

#slidemenu_list dt{
	 border-bottom:1px #555 solid;
}

#slidemenu_list dd{
	padding-bottom:10px;
	 border-bottom:1px #555 solid;
}
#slidemenu_list dt a{
	display:block;
	padding:10px 20px;
	color:#FFF;
}
#slidemenu_list dd a{
	padding-left:30px;
	color:#FFF;
}
@media only screen and (max-width: 767px) {
.g_menu{
	display:none;
}
}
/*  news  */

.news{
	padding:10px 0;
	-webkit-box-shadow: 0 0 10px rgba(204,204,204,.74);
	-moz-box-shadow: 0 0 10px rgba(204,204,204,.74);
	box-shadow: 0 0 10px rgba(204,204,204,.74);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=135,strength=5,enabled=true)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=135,strength=5,enabled=true); /* IE5.5+ */
}

.news .col-sm-3:first-child{
	height:68px;
	border-left:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
}
.news .col-sm-3{
	height:68px;
	border-right:#cccccc 1px solid;
}

.news .border_right{
	border-right:#333 1px solid;
}

@media only screen and (max-width: 767px) {
	
.news{
	height:335px;
	overflow:hidden;
}

.news .col-sm-3,.news .col-sm-3:first-child{
	margin-bottom:10px;
	padding:0;
	border:none;
}
.news .col-sm-3{
}
}

/*  top-containts-area  */

.top_blog_area{
	height:600px;
}

.top_blog_area .top_text_area{
	font-style:oblique;
	padding:10px;
}

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

.top_blog_area{
	height:400px;
}

.top_blog_area .top_text_area{
	font-size:10px;
}

}

/*  ▼▼▼▼▼▼  SubPage CSS  ▼▼▼▼▼▼  */

/*  Social button  */
#social_erea{
	color:#FFF;
	text-align:right;
}


/*  side-bar  */

.side_box_bb{
	position:relative;/*IE8対策*/
	zoom: 1;/*IE8対策*/
	border:1px #34b6d0 solid;
	margin:-1px;
	-webkit-box-shadow: 0 0 10px rgba(204,204,204,.74);
	-moz-box-shadow: 0 0 10px rgba(204,204,204,.74);
	box-shadow: 0 0 10px rgba(204,204,204,.74);
	background:rgba(255,255,255,.80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=135,strength=5,enabled=true)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=135,strength=5,enabled=true); /* IE5.5+ */
}

.side_box_bb a{
	padding:20px 15px;
	display:block;
}

.side_box_b{
	background:rgba(52,182,208,.90);
	color:#FFF;
	-webkit-box-shadow: 0 0 10px rgba(204,204,204,.74);
	-moz-box-shadow: 0 0 10px rgba(204,204,204,.74);
	box-shadow: 0 0 10px rgba(204,204,204,.74);
}

.side_box_b a{
	padding:20px 15px;
	display:block;
}

.side_box_b:hover{
	background:#39F;
}

.side_box_w{
	background:rgba(255,255,255,.90);
	-webkit-box-shadow: 0 0 10px rgba(204,204,204,.74);
	-moz-box-shadow: 0 0 10px rgba(204,204,204,.74);
	box-shadow: 0 0 10px rgba(204,204,204,.74);	
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=135,strength=5,enabled=true)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=135,strength=5,enabled=true); /* IE5.5+ */
}

.side_box_w a{
	padding:20px 15px;
	display:block;
	color:#34b6d0
}

.side_box_dgray{
	background:#666;
	-webkit-box-shadow: 0 0 10px rgba(204,204,204,.74);
	-moz-box-shadow: 0 0 10px rgba(204,204,204,.74);
	box-shadow: 0 0 10px rgba(204,204,204,.74);	
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=135,strength=5,enabled=true)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=135,strength=5,enabled=true); /* IE5.5+ */
}

.side_box_dgray a{
	padding:20px 15px;
	display:block;
	color:#FFF
}

.side_box_dgray:hover{
	background:#333;
	-webkit-box-shadow: 0 0 10px rgba(204,204,204,.74);
	-moz-box-shadow: 0 0 10px rgba(204,204,204,.74);
	box-shadow: 0 0 10px rgba(204,204,204,.74);	
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=135,strength=5,enabled=true)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=135,strength=5,enabled=true); /* IE5.5+ */
}

.side_box02{
	padding:5px;
	background:#FFF;
}

.stripe {
	margin: 0;
	padding:2px;
	background-color: #FFF;
	background-image: -webkit-linear-gradient(-45deg, #34b6d0 25%, transparent 25%, transparent 50%, #34b6d0 50%, #34b6d0 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #34b6d0 25%, transparent 25%, transparent 50%, #34b6d0 50%, #34b6d0 75%, transparent 75%, transparent);
	background-size: 8px 8px;/*数字を大きくすれば太く、小さくすれば細くなります。*/
	-webkit-box-shadow: 0 0 10px rgba(204,204,204,.74);
	-moz-box-shadow: 0 0 10px rgba(204,204,204,.74);
	box-shadow: 0 0 10px rgba(204,204,204,.74);	
}

/*  side_menu  */

#side_menu{
	border-top:1px #ccc solid;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
}

#side_menu dt{
	display:block;
	background:#e3e3e3;
	border-bottom:1px #ccc solid;
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.80) inset;
	-moz-box-shadow: 0 0 1px rgba(255,255,255,.80) inset;
	box-shadow: 0 0 1px rgba(255,255,255,.80) inset;
	cursor:pointer;
}

#side_menu dt p,#side_menu dt a{
	padding:15px 20px;
	display:block;
	text-decoration:none;
	text-shadow:0px 1px 2px rgba(255,255,255,0.9);
}
#side_menu dt a:hover{
	color:#333;
}
#side_menu dt p:hover{
	color:#333;
}
#side_menu dt i:hover{
	color:#333;
}
#side_menu dt:hover{
	background:#d1d1d1;
}

#side_menu dt:first-child{
}

#side_menu dd{
	padding:10px 0 10px 15px;
    background:#eaeaea;
	border-bottom:1px #CCC solid;
    display:none;
}

/*  archive_list  */

#archive_list{
	border-top:1px #ccc solid;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
}

#archive_list dt{
	display:block;
	background:#e3e3e3;
	border-bottom:1px #ccc solid;
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.80) inset;
	-moz-box-shadow: 0 0 1px rgba(255,255,255,.80) inset;
	box-shadow: 0 0 1px rgba(255,255,255,.80) inset;
	cursor:pointer;
}

#archive_list dt p,#archive_list dt a{
	padding:5px 20px;
	display:block;
	text-decoration:none;
	text-shadow:0px 1px 2px rgba(255,255,255,0.9);
}
#archive_list dt a:hover{
	color:#333;
}
#archive_list dt p:hover{
	color:#333;
}
#archive_list dt i:hover{
	color:#333;
}
#archive_list dt:hover{
	background:#d1d1d1;
}

#archive_list dt:first-child{
	background:#FFF;
}

#archive_list dd{
	padding:10px 0 10px 15px;
    background:#eaeaea;
	border-bottom:1px #CCC solid;
    display:none;
}

/*  sub-containts-area  */

.sub_main_col{
	padding:20px 15px 60px;
}

.sub_main_col h1.sub_area_title{
	margin:10px 0 40px;
	font-weight:bold;
	padding:5px 20px;
}

.sub_main_col h2.category_title{
	background:#ccc
}

.sub_main_col h2.sub_area_title{
	margin:40px 0 10px;
	font-size:14px;
	font-weight:bold;
}

.sub_main_col h3.sub_area_title{
	margin:40px 0 10px;
	font-size:14px;
	font-weight:bold;
}

h4.sub_area_title{
	margin:10px 0 10px;
	font-size:14px;
	font-weight:bold;
}

h5.sub_area_title{
	margin:10px 0;
	font-size:12px;
	font-weight:bold;
}

.sub_main_col p.blog_containts{
	margin-top:20px;
}

.sub_main_col div.sub_area_text{
	font-size:12px;
	text-align:left;
}

.sub_main_col div.sub_area_text p{
	margin-bottom:10px;
}
@media only screen and (max-width: 990px) {
.sub_main_col{
	padding:20px 0px 60px;
}
}
/*  sub-#slides  */

.main-text{
	padding:15px 10px 15px 0;
	background:rgba(255,255,255,0.8)
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);/*IE8以下用*/
}
h1.slide_area_title{
	margin:20px 0;
	color:#333;
	font-weight:bold;
	font-size:16px;
}
p.slide_area_text{
	font-size:12px;
	text-align:left;
}
.carousel-control.left,.carousel-control.right{
	background:none;
}

@media only screen and (max-width: 990px) {
.main-text{
    position: absolute;
    top: 250px;
}
}

/*  sub-containts-area new_block  */

ul li.news_block{
	border-bottom:dotted 1px #000;
}

ul li.news_block .blog_containts{
	margin-bottom:20px;
}
ul li.news_block_noline{
}

ul li.news_block_noline .blog_containts{
	margin-bottom:20px;
}
.col-sm-3 ul.blog{
	padding:15px 10px;
}
.col-sm-3 ul li.news_block{
	padding:10px 0;
	border-bottom:solid 1px #ccc;
}

.col-sm-3 ul li.news_block .blog_containts{
	margin-bottom:0px;
}

ul li.news_block:last-child{
	border-bottom:none;
}

/*  tooltip pop up  */

a.po-link{
	border:1px solid #FFF;
	margin:-1px;
	padding:7px 24px;
	color:#FFF;
	clear:both;
	text-align:center;
	cursor:pointer;
}
.cuadro_intro_hover{
    	padding: 0px;
		position: relative;
		overflow: hidden;
		height: 228px;
	}
	.cuadro_intro_hover:hover .caption{
		opacity: 1;
		transform: translateY(-150px);
		-webkit-transform:translateY(-150px);
		-moz-transform:translateY(-150px);
		-ms-transform:translateY(-150px);
		-o-transform:translateY(-150px);
	}
	.cuadro_intro_hover img{
		z-index: 4;
	}
	.cuadro_intro_hover .caption{
		position: absolute;
		top:190px;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		width: 100%;
		height:100%;
	}
	.cuadro_intro_hover .blur{
		background-color: rgba(0,0,0,.70);
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#B4000000,direction=135,strength=5,enabled=true)";
		filter: progid:DXImageTransform.Microsoft.Shadow(color=#B4000000,direction=135,strength=5,enabled=true); /* IE5.5+ */
		z-index: 5;
		position: absolute;
		width: 100%;
		height:100%;
	}
	.cuadro_intro_hover .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		text-align: center;
		top:0px;
		height:100%;
		width: 100%;
	}
	.cuadro_intro_hover .blur:hover{
		filter: blur(10px);
		-webkit-filter: blur(10px);
	}
.caption-text h4{
	font-size:14px;
	color:#fff;
	border-bottom:dotted 1px #FFF;
	padding:10px 0;
}
.caption-text p{
	color:#FFF;
	margin-top:10px;
	color:#fff;
}
@media only screen and (max-width: 767px) {
.cuadro_intro_hover .caption{
    top:0;
	}
.cuadro_intro_hover .caption:hover{
    top:0;
	}
	.cuadro_intro_hover:hover .caption{
		transform: none;
		-webkit-transform:none;
		-moz-transform:none;
		-ms-transform:none;
		-o-transform:none;
	}
}


/*  ▼▼▼▼▼▼  SmartPhone CSS  ▼▼▼▼▼▼  */

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

#back-top a{display:none !important;}

}

/*  ▼▼▼▼▼▼  For ie CSS  ▼▼▼▼▼▼  */

body.ie8{
	background:#333;
}

.ie7 b-sh_n,.ie8 b-sh_n,body.ie9 b-sh_n{
	border:1px #ccc solid;
	margin:-1px;
	background:#FFF;
}

.ie7 .news,.ie8 .news,.ie9 .news,{
	border:1px #ccc solid;
	margin:-1px;
	background:#FFF;
}


.alert_box {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #f8e2e2;
    border: dashed 2px #d9534f;
}
.big_font{
    font-size: 32px;
}