/*
Template:arcade
Theme Name:arcade_child
Theme URI:
Description:arcade の子テーマです
Author:Fumiyo Sano
Version:1.0
*/

/**************************************
 * 画像 スマホダウンロード禁止
 * 長押しのメニュー表示禁止させる
 *************************************/
img {
  border: 0;
	  touch-callout:none;
	  user-select:none;
	  -webkit-touch-callout:none;
	  -webkit-user-select:none;
	  -moz-touch-callout:none;
	  -moz-user-select:none;
}

/********************************************************
 * 2016.3.2 変更
 * @import分はコメント化。
 * functions.php内enqueue_parent_css()にて
 * 親テーマ読込

 @import url('../arcade/style.css');
*********************************************************/

.circle{
  width:100px;
  height:100px;
  border-radius:100px;
  //border-color:#cccc00;
  border-color:#f7c9dd;
  -webkit-border-radius:100px;
  -moz-border-radius:100px;
}

/********************************************************
 * 2016.3.4 Header Area リンクキャプションフォント変更 
*********************************************************/
.bavotasan_custom_text_widget a {
   font-size:14px;
   font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
}
  .bavotasan_custom_text_widget a:hover {
    text-decoration: none; }
  .bavotasan_custom_text_widget .btn, .bavotasan_custom_text_widget .comment-reply-link,
  .bavotasan_custom_text_widget .form-submit #submit,
  .form-submit .bavotasan_custom_text_widget #submit {
    font-size:20px;
    margin-top: 20px; }



/*******************************************
 * =Article
 *-----------------------------------------------
 * スマホ対応
 ***********************************************/
article {
  margin-bottom: 40px;
  padding-bottom: 20px;
  //border-bottom: 5px solid #eee;
  border-bottom: 2px solid #eee;
}
  
	@media (max-width: 480px) {
		article {
		//border:dotted 2px;
		//margin-bottom: 10px;
		margin-bottom: 30px;
		padding-bottom: 5px;
		}
	}
  
  .from-the-blog article {
    font-size: 14px;
    margin-bottom: 15px;
    padding-bottom: 10px; }
    
    .from-the-blog article:last-child {
      border: 0; }
      
    .from-the-blog article img.alignleft {
      margin-bottom: 0; }
      
  .single article {
    margin-bottom: 20px; }
	
	@media (max-width: 480px) {
		.single article {
	    	margin-bottom: 10px;
	    }
	}
	
  article .time {
    color: inherit; }

.first-post {
  margin-bottom: 20px; }
  
	@media (max-width: 480px) {
		.first-post {
    		margin-bottom: 10px;
    	}
	}


/********************************************************
 * 20160301 add
 * 記事タイトル文字をカスタマイズ
 * font-size,boldを追加
*********************************************************/
/*
.entry-title {
    border:solid 2px;
    //border-color:#cccc00;
    border-color:#f7c9dd;
    background-color:#fff;
    padding: 5px 15px 5px 15px;
    border-radius: 10px;
    word-wrap: break-word;
    display:table-cell;

    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
    font-size: 16px !important;
    margin: 0;
    line-height:1.6;
    }
*/
	.entry-title{
	  position: relative;
	  //font-size: 1.143em;
	  font-size: 20px !important;
	  font-weight: bold;
	  margin: 0 0 1.5em;
	  padding: 0.5em 0.5em 0.5em 2.0em;
	  border-bottom: 2px solid #FDEFF5;
	  margin-top:20px;
	  display:table-cell;
	}
	 @media (max-width: 480px) {
		.entry-title{
		 font-size: 85%;
		 font-weight:bold;
		 margin-top:50px;
		}
	}

	.entry-title:before{
	  content: "□";
	  font-size: 200%;
	  position: absolute;
	  top: -0.8em;
	  left: 0.3em;
	  height: 12px;
	  width: 12px;
	  padding-top:10px;
	  color:#F7C9DD;
	}
	 @media (max-width: 480px) {
		.entry-title:before{
		 padding-top:20px;
		 font-size: 100%;
		}
	}
	.entry-title:after{
	  content: "□";
	  font-size: 200%;
	  position: absolute;
	  top: -0.5em;
	  left: 0;
	  height: 12px;
	  width: 12px;
	  padding-top:10px;
	  color:#C9CACA;
	}
	 @media (max-width: 480px) {
		.entry-title:after{
			  padding-top:20px;
			  font-size: 100%;
		}
	}
    @media (max-width: 480px) {
    	.entry-title {
    		line-height:1.4;
    	}
    }
  
  .basic .entry-title {
    font-size: 16px; }
  .from-the-blog .entry-title, .from-the-blog{ 
    font-size: 16px; }

.entry-meta {
  line-height: 1;
  margin: 10px 0 30px;
  }
  .basic .entry-meta {
    font-size: 13px; }
  .single .entry-meta {
    margin-bottom: 30px; }


/********************************************************
 * リンク用記事Title部分
*********************************************************/
.entry-title a {
   font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
   font-size:18px !important;
 }
	@media (max-width: 480px) {
		.entry-title a {
			font-size:16px !important;
			line-height:1.0;
			font-weight:bold !important;
		}
	}

/********************************************************
 * 20160301 add
 * 記事文字をカスタマイズ
 * font-size,行間を追加
*********************************************************/

.entry-content {
/* test用
  border:double 10px;
*/
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif;
  //font-size:16px;
  font-size:14px;
  line-height:2;
  margin-top: 30px;
  }
  @media (max-width: 480px) {
  	.entry-content {
  		margin-top:20px;
  	}
  }
  
  
  .entry-content p{
   line-height:1.42857;
   }
   
  .entry-content a{
    font-size:14px;
    //font-size:16px; }

/********************************************************
 * 20160301 add
 * 引用部分の記事文字をカスタマイズ
 * font-size,行間を追加
 * font-size:17.5px→16px
 * line-height:定義なし→2;
 * 囲い作成、font-awesome引用
*********************************************************/

blockquote {
/* --------- mod start --------- */
  padding: 10px 20px;
  border-left: none;
  background-color:#EEEEEE;
  padding:20px 20px;
  position:relative;
  border-radius: 10px;
  margin-left:10px;
  margin-right:10px;
  }

  blockquote p {
    margin: 0 0 20px;
    font-size: 16px;
    line-height:2;
    color:#000;
  }
/* --------- mod end --------- */

  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0;
  }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #999999;
  }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014 \00A0';
    }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: none;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ''; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: '\00A0 \2014'; }

/* --------- mod start --------- */
  blockquote:before{
    font-family: FontAwesome;
    content: "\f10d";
    font-size:40px;
    color:#f7c9dd;
    //color:#cccc00;
    line-height:0.5;
    top:0;
    left:0;
    opacity:0.4;
    position:absolute;
  }

  blockquote:after {
    font-family: FontAwesome;
    content: "\f10e";
    font-size:40px;
    color:#f7c9dd;
    //color:#cccc00;
    opacity:0.4;
    line-height:0.6;
    position:absolute;
    right:0;
    bottom:10px;

  }
/* --------- mod end --------- */


/********************************************************
 * サイドバー文字フォント変更
 * font 日本語フォントへ変更
 * 行間指定
 * widget-title：font-size22px→18px;
 * widget-title を装飾
*********************************************************/

.widget {
/*
  border:double 3px;
  */
/** ------ add start ------ */
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
  line-height: 1.5;
/** ------ add end   ------ */
  width: 100%;
  font-size: 90%;
  margin-bottom: 30px; }
  .widget .search-form label,
  .widget .search-field {
    width: 100%; }
  .widget select {
    max-width: 100%; }
  .widget .tagcloud {
    padding: 0 0 20px;
    text-align: center; }

.widget-title {

	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
	color:#fff;
	text-align:left;
	widgh:100%;
	border:solid;
    border-color:#FFFFFF;
    background-color:#f7c9dd;
    //background-color:#cccc00;
    padding:10px 10px;
    border-radius:5px;	

/** ------ add start ------ */
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
/** ------ add end   ------ */
/** ------ edit start   ------ */
  font-size: 18px;
/** ------ edit end   ------ */
  margin: 0 0 10px; }


.widget_sp_image {
	text-align:center;
}

.widget_sp_image-description {
	padding-left:5%;
	text-align:left;
}


/**************************************
 * Image Widget Discription部分 行間
 * 2016.03.16 add
 **************************************/
.widget p {
  //width: 80%;
  line-height:1.6;}


/************************************************
 * 投稿ヘッダ枠変更
 ***********************************************/
/*
#archive-header {

  //border:solid 5px;
  border-color:#f7c9dd;
  //border-color:#cccc00;
  background-color:#fff;
  border-radius: 10px;

}
*/
#archive-header {
  position: relative;
  font-size: 20px;
  //font-weight: bold;
  margin: 0 0 1.5em;
  //padding: 0.5em 0.5em 0.5em 2.0em;
  padding: 0.8em 0.5em 0.5em 3.5em;
  margin-top:20px;
  background: none;
  border:none;
  border-bottom: 2px solid #FDEFF5;
  //display:table-cell;
  
}
	 @media (max-width: 480px) {
		#archive-header {
		 font-size: 85%;
		 font-weight:bold;
		}
	}

#archive-header:before{
  content: "■";
  font-size: 300%;
  position: absolute;
  top: -0.8em;
  left: 0.3em;
  height: 12px;
  width: 12px;
  padding-top:10px;
  color:#F7C9DD;
}
	 @media (max-width: 480px) {
		#archive-header:before {
		 font-size: 200%;
		 font-weight:bold;
		}
	}

#archive-header:after{
  content: "□";
  font-size: 300%;
  position: absolute;
  top: -0.5em;
  left: 0;
  height: 12px;
  width: 12px;
  padding-top:10px;
  color:#C9CACA;
}
	 @media (max-width: 480px) {
		#archive-header:after {
		 font-size: 200%;
		 font-weight:bold;
		}
	}

/************************************************
 * ページタイトルフォント変更
 ***********************************************/
.page-title {
  //margin: auto;
  margin-left:0.3em;
  width: 100%;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
  font-size: 28px;
  //font-weight:bold;
}
	 @media (max-width: 480px) {
		.page-title {
		 font-size: 18px;
		 font-weight:bold;
		}
	}


/**************************************************************** 
 *=404 エラーページカスタマイズ
-------------------------------------------------------------- */
article.error404 i {
  font-size: 100px;
  display: block;
  text-align: center;
  margin-bottom: 40px; }
article.error404 .entry-title {
  font-size: 25px;
  text-align: center; }
  @media (max-width: 480px) {
    article.error404 .entry-title {
      font-size: 150%; } }
article.error404 .entry-content {
  text-align: center;
  font-size: 18px;
  line-height: 1.2;
  text-transform: uppercase; }
  @media (max-width: 480px) {
    article.error404 .entry-content {
      font-size: 150%; } }

/***************************************************************
 * メモ
 * アイコンカラー=#5cbde0
***************************************************************/

/**************************************************************
 * Home Page Top Area フォントサイズ等変更
 *
 *
 **************************************************************/
 
 

/****************************************************************
 * 外部リンク用スタイルシート
 ***************************************************************/

/***************************
 * メイン 外部リンク用
 **************************/
/*ブロカード*/
 
.blog-card{
  padding:12px 12px 0 12px;
  margin:10px 0;
  border:1px solid #ddd;
  word-wrap:break-word;
  max-width:100%;
  /*width:522px;*/
  border-radius:5px;
}
 
.blog-card-thumbnail{
  float:left;
  margin-right:10px;
}
 
.blog-card-content{
   line-height:120%;
}
.blog-card-title{
  margin-bottom:5px;
}
 
.blog-card-title a{
    font-weight:bold;
    //color:#111;
    text-decoration: none;
}
 
.blog-card-title a:hover{
    //text-decoration: underline;
}
 
.blog-card-excerpt{
  color:#333;
  font-size:90%;
  padding-bottom:10px;
}
 
.blog-card-footer{
    //padding:5px;
    border-top:1px solid #ddd;
    border-top-width: 90%;
}
 
.blog-card-hatebu{
 
    }
 
.blog-card-date{
    color:#333;
    font-size:75%;
    float:left;
    margin-right:10px;
}
 
.clear{
  clear:both;
}
 
.blog-card-sitename{
   color:#EEEEEE;
   margin-right:10px;
}
 
.blog-card-sitename a{
   //text-decoration: none;
   //color:#333;
   // --bother--font-size変更で弊害ないかちょい心配
   //font-size:75%;
   //margin-right:10px;
}
.blog-card-sitename a:hover{
   //text-decoration: underline;
   //color:#333;
   // --bother--font-size変更で弊害ないかちょい心配
   //font-size:75%;
   //margin-right:10px;
}
 
.blog-card-favicon{
    float:left;
    margin-right:5px;
}

/***************************
 * サブ 外部リンク用
 **************************/
/*ブロカード*/
 
.sub_blog-card{
  padding:10px 10px 0 10px;
  margin:10px 10px 0 0;
  margin-left:auto;
  float:right;
  border:1px solid #ddd;
  word-wrap:break-word;
  width:80%;
  /*width:522px;*/
  border-radius:5px;
}
	@media (max-width: 480px) {
	.sub_blog-card {
		width:90%;
		  float:right;

	}
}
 
.sub_blog-card-thumbnail-fb{
  float:left;
  margin-right:10px;
}

 
.sub_blog-card-content{
   line-height:120%;

}
.sub_blog-card-title{
  position:left;
  margin-bottom:10px;
  margin-right:10px;
}
 
.sub_blog-card-title a{
    font-weight:bold;
    color:#111;
    text-decoration: none;
	font-size:85%;
}
 
.sub_blog-card-title a:hover{
    text-decoration: underline;
}
 
.sub_blog-card-excerpt{
  color:#333;
  font-size:75%;
  padding-bottom:10px;
}
 
.sub_blog-card-footer{
    padding:5px;
    border-top:1px solid #ddd;
    border-top-width: 90%;
}
 
.sub_blog-card-hatebu{
 
    }
 
.sub_blog-card-date{
    color:#333;
    font-size:75%;
    float:left;
    margin-right:10px;
}
 
.clear{
  clear:both;
}
 
.sub_blog-card-sitename{
 
}
 
.sub_blog-card-sitename a{
    text-decoration: none;
    color:#333;
    font-size:75%;
 
    margin-right:10px;
}
.sub_blog-card-sitename a:hover{
    text-decoration: underline;
    color:#333;
    font-size:75%;
 
    margin-right:10px;
}
 
.sub_blog-card-favicon{
    float:left;
    margin-right:5px;
}
/**************************************/

.sub_blog-card-icon-title{
	float:left;
	margin-right:10px;
	font-size:85%;
	font-weight:bold;
}

ul.sub_blog-card-icon{
  //display:table;
  margin-left:20px;
  float:right;
  list-style:none;
}
ul.sub_blog-card-icon li{
	//display:table-cell;
	display:inline-block;
	padding-right:15px;
	padding-left:15px;
}
	@media (max-width: 480px) {
	ul.sub_blog-card-icon li {
		padding-right:5px;
		padding-left:5px;
		}
	}

/************************************
** 内部リンク用 ブログカードのスタイル
************************************/
.inner-blog-card{
  padding:10px;
  margin:10px 0;
 // border:2px solid #ddd;
 //border:2px solid #5cbde0;
  border:2px solid #f7c9dd;
  word-wrap:break-word;
  //max-width:100%;
  max-width:85%;
  //width:480px;
  border-radius:5px;
}
	@media (max-width: 480px) {
		.inner-blog-card{
			max-width:90%;
		}
	}

.inner-blog-card-thumbnail{
  float:left;
}
 
.inner-blog-card-content{
  margin-left:110px;
  line-height:120%;
  margin-top:5px;
}
.inner-blog-card-title{
  margin-bottom:5px;
}
 
.inner-blog-card-title a{
  font-weight:bold;
  text-decoration:none;
  //color:#111;
  //color:#5cbde0;
  color:#42918c;
  font-size:95%;
}
 
.inner-blog-card-excerpt{
  color:#333;
  //font-size:90%;
  font-size:80%;
}
 
.inner-blog-card-footer{
  font-size:70%;
  color:#777;
  margin-top:5px;
}
 
.clear{
  clear:both;
}

/****************************************************************
 * Jumbotron フォント変更
 ***************************************************************/
.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee; }
  
	@media (max-width: 480px) {
		.jumbotron {
			padding: 10px;
			margin-bottom: 10px;
		}
	}

	@media (max-width: 480px) {
		.jumbo-headline {
			padding:5px; 10px;
			margin:0;
		}
		.jumbo-headline .widget_text {
			padding:0;
			margin:0;
		}
	}
  .home-jumbotron h1,
  .jumbo-headline.widget_text h1 {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
    font-weight:bold;
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 10px; }
    @media (max-width: 768px) {
      .home-jumbotron h1,
      .jumbo-headline.widget_text h1 {
        font-size: 25px; }
       }
	@media (max-width: 480px) {
		.home-jumbotron h1,
		.jumbo-headline.widget_text h1 {
			font-size: 16px;
		}
	}
    
  .home-jumbotron p,
  .jumbo-headline.widget_text p {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
    font-size:16px;
    line-height: 1.5; }
	@media (max-width: 480px) {
		.home-jumbotron p,
		.jumbo-headline.widget_text p {
			font-size: 14px;
			line-height:1;
			text-align:center;
		}
	}




/****************************************************************
 * Jumbotron内 fadeIn fadeOut 部分
 ***************************************************************/
#my_fade ul{
	list-style-type: none;
	padding-left:0;
	margin:30px;
	height:150px;
	overflow: hidden;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
	}
	@media (max-width: 480px) {
		#my_fade ul{
			//border:solid 3px;
			margin:0;
			width:100%;
			height:130px;
		}
		
		#my_fade ul li {
			//border:dotted 2px;
			width:100%;
			margin:0;
			padding:0;
		}
	}
/****************************************************************
 * SNS ソーシャルボタン追加（各ページ用）
 ***************************************************************/
.fa-hatena:before {
    content: "B!";
    font-family: Verdana;
    font-weight: bold
}
/*--------------------------------------
  780px SNS
--------------------------------------*/
.share {
	padding-bottom:10px;
	}
	@media (max-width: 480px) {
		.share {
			width:100%;
		}
	}

.share h4{

    border:solid 2px;
    //border-color:#cccc00;
    border-color:#f7c9dd;
    background-color:#fff;
    padding: 5px 15px 5px 15px;
    border-radius: 10px;
    //display:inline;
    
	text-align:center;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
    }
	@media (max-width: 480px) {
		.share h4{
			font-size:85%;
			//font-size:120%;
			text-align:center;
		}
	}
.sns{
	text-align:center;
	}
	@media (max-width: 480px) {
		.sns{
			//margin:0 auto;
			margin-left:0;
			//text-align:center;
		}
	}

.sns ul {
	margin:0 auto;
	list-style:none;
	}
	@media (max-width: 480px) {
		.sns ul {
			margin:0 0 0 -15%;
			list-style:none;
		}
	}

 .sns li {
	width:15%;
	margin:0 2% 3% 0;
	float:left;
	}
	@media (max-width: 480px) {
		 .sns li {
			width:15%;
			margin:0 2% 3% 15%;
		}
	}

.sns li a {
	position:relative;

	text-align:center;
	text-decoration: none;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size:75%;
	padding:17px 2px;
    width: 80px;
    height: 80px;
    //margin: 0 auto 20px;
    display: block;
    border: 3px solid;
    top:0;
    bottom:0;
    margin:auto;
     }
	@media (max-width: 480px) {
		.sns li a {
			width:45px;
			height:45px;
			font-size:40%;
			padding:10px;
			margin:0 2% 4% 4%;
		}
	}
	
.sns li a:hover {
		-webkit-transform: translate3d(0px, 5px, 1px);
		-moz-transform: translate3d(0px, 5px, 1px);
		transform: translate3d(0px, 5px, 1px);
		}
	@media (max-width: 480px) {
		.sns li a:hover {
			-webkit-transform: translate3d(0px, 5px, 1px);
			-moz-transform: translate3d(0px, 5px, 1px);
			transform: translate3d(0px, 5px, 1px);
		}
	}

/*
.sns li a {
	font-size:75%;
	padding:10px 2px;
	position:relative;
	display:block;
	color:#fff;
	border-radius:6px;
	text-align:center;
	text-decoration: none;
	text-shadow:1px 1px 0 rgba(255,255,255,0.3);
	

	}
	@media (max-width: 480px) {
		.sns li a {
			font-size:80%;
			padding:10px;
		}
	}
.sns li a:hover {
		-webkit-transform: translate3d(0px, 5px, 1px);
		-moz-transform: translate3d(0px, 5px, 1px);
		transform: translate3d(0px, 5px, 1px);
		box-shadow:none;}
	@media (max-width: 480px) {
		.sns li a:hover {
			-webkit-transform: translate3d(0px, 5px, 1px);
			-moz-transform: translate3d(0px, 5px, 1px);
			transform: translate3d(0px, 5px, 1px);
			box-shadow:none;
		}
	}
*/
.sns li:nth-child(5n) {
	margin-right:0;}
	@media (max-width: 480px) {
		.sns li:nth-child(5n) {
			margin-right:2%;}
		.sns li:nth-child(1n){
			margin-left:0;
		}
		.sns li:nth-child(6n){
			margin-right:0;}
	}


.sns .twitter a {
	color:#00acee;
	//background:#00acee;
	//box-shadow:0 5px 0 #0092ca;
}
.sns  .twitter a:hover {
	//background:#0092ca;
	color:#0092ca;
}

/* Facebook */
.sns  .facebook a {
	color:#3b5998;
	//background:#3b5998;
	//box-shadow:0 5px 0 #2c4373;
}
.sns .facebook a:hover {
	color:#2c4373;
	//background:#2c4373;
}

/* グーグル */
.sns .googleplus a {
	color:#db4a39;
	//background:#db4a39;
	//box-shadow:0 5px 0 #ad3a2d;
}
.sns  .googleplus a:hover {
	color:#ad3a2d;
	//background:#ad3a2d;
}

/* はてぶ */
.sns  .hatebu a {
	color:#5d8ac1;
	//background:#5d8ac1;
	//box-shadow:0 5px 0 #43638b;
}
.sns .hatebu a:hover {
	color:#43638b;
	//background:#43638b;
}

/* LINE */
.sns  .line a {
	color:#25af00;
	//background:#25af00;
	//box-shadow:0 5px 0 #219900;
}
.sns .line a:hover {
	color:#219900;
	//background:#219900;
}

/* Pocket */
.sns  .pocket a {
	color:#f03e51;
	//background:#f03e51;
	//box-shadow:0 5px 0 #c0392b;
}
.sns  .pocket a:hover {
	color:#c0392b;
	//background:#c0392b;
}

/* RSS */
/*
.sns  .rss a {
	background:#ffb53c;
	//box-shadow:0 5px 0 #e09900;
}
.sns  .rss a:hover {
	background:#e09900;
}
*/
/* Feedly */
/*
.sns  .feedly a {
	background:#87c040;
	//box-shadow:0 5px 0 #74a436;
}
.sns  .feedly a:hover {
	background:#74a436;
}
*/

/***************************************
 *記事がよかったら、いいねPC（各ページ）
 ***************************************/
.p-entry__push {
    margin-bottom: 20px;
    display: table;
    table-layout: fix;
    width: 100%;
    //background-color: #2b2b2b;
    //background-color: #5cbde0;
    background-color: #42918c;
    color: #fff;
    
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.p-entry__pushThumb {
    display: table-cell;
    min-width: 240px;
    background-position: center;
background-size:cover;

-webkit-border-top-left-radius: 10px; 
-webkit-border-bottom-left-radius: 10px;  
-moz-border-radius-topleft: 10px;  
-moz-border-radius-bottomleft: 10px;  
}
.p-entry__pushLike {
    display: table-cell;
    padding: 20px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.4;
    font-size: 20px;
}
.p-entry__pushButton {
    margin-top: 15px;
    display: inline-block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.p-entry__pushButtonLike {
    line-height: 1;
}
.p-entry__note {
    margin-top: 15px;
    font-size: 12px;
    color: #999;
}
.p-entry__tw-follow {
    margin-bottom: 10px;
    background: #f4f4f4;
    width: 100%;
    padding: 15px 0;
}
.p-entry__tw-follow__cont {
    text-align: center;
    font-size: 15px;
    color: #252525;
}
.p-entry__tw-follow__item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
}
/************************************
 * 記事がよかったら、いいねスマホ（各ページ）
 ************************************/
.p-shareButton-bottom {
    padding-bottom: 15px;
    overflow: hidden;
}
.p-shareButton__buttons {
    font-weight: 700;
    color: #fff;
    font-size: 13px;
    text-align: center;
}
.p-shareButton__buttons>li {
    padding-left: 3px;
    padding-right: 4px;
}
.p-shareButton__buttons .c-btn {
    padding: 8px 0;
    border-radius: 2px;
}
.p-shareButton__buttons .c-ico {
    display: block;
    margin: auto auto 5px;
}
.p-shareButton__fb {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    width: 115px;
}
.p-shareButton__fb-cont {
    position: relative;
    width: 108px;
    margin: 0 auto;
}
.p-shareButton__fb-unable {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
}
.p-shareButton__cont {
    margin: 15px 0 0;
}
.p-shareButton__a-cont {
	background: #42918c;
	//background: #5cbde0;
    //background: #2e2e2e;
    display: table;
    width: 100%;
}
.p-shareButton__a-cont__img {
    display: table-cell;
    min-width: 130px;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.p-shareButton__a-cont__btn {
    display: table-cell;
    padding: 12px;
    text-align: center;
}
.p-shareButton__a-cont__btn p {
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    padding: 5px 0 15px;
    line-height: 1.4;
    margin-bottom: 0px;
}
.p-asideFollowUs__twitter {
    border: 2px solid #e6e6e6;
    margin-top: 15px;
    padding: 12px 0;
}
.p-asideFollowUs__twitter__cont {
    text-align: center;
    font-size: 13px;
    color: #252525;
    font-weight: 700;
}
.p-asideFollowUs__twitter__item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}

/****************************************
 * いいねボタン トップページ
 ***************************************/
 /*記事がよかったら、いいねスマホ*/
.p-topshareButton-bottom {
    padding-bottom: 15px;
    overflow: hidden;
}
 
.p-topshareButton__buttons {
    font-weight: 700;
    color: #fff;
    //font-size: 18px;
    font-size: 16px;
    text-align: center;
}
 
.p-topshareButton__buttons&gt;li {
    padding-left: 3px;
    padding-right: 4px;
}
 
.p-topshareButton__buttons .c-btn {
    padding: 8px 0;
    border-radius: 2px;
}
 
.p-topshareButton__buttons .c-ico {
    display: block;
    margin: auto auto 5px;
}
 
.p-topshareButton__fb {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    width: 115px;
}
 
.p-topshareButton__fb-cont {
    position: relative;
    width: 108px;
    margin: 0 auto;
}
 
.p-topshareButton__fb-unable {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
}
 
.p-topshareButton__cont {
    margin: 15px 0 0;
}
 
.p-topshareButton__a-cont {
    background: #2e2e2e;
    position: relative;
    width: 100%;
}
 
.p-topshareButton__a-cont__img {
    min-width: 130px;
    //height: 200px;
    height: 120px;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5;
}
 
.p-topshareButton__a-cont__btn {
    position: absolute;
    top: 5%;
    left: 10%;
    //left: 5%;
    padding: 10px;
    text-align: center;
}
 
.p-topshareButton__a-cont__btn p {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    padding: 5px 0 15px;
    line-height: 1.4;
    margin-bottom: 0;
}



/*******************************
 *記事がよかったら、いいねPC
 ******************************/
 .p-topentry__push {
    position: relative;
    border:solid 3px;
    //border-color:#3b5998;
    border-color:#fff;
    margin-bottom: 5px;
    table-layout: fix;
    width: 100%;
    color: #fff;
    //color: #333;
    border-radius:10px;
    text-align:center;
    background: #2e2e2e;

}
 
.p-topentry__pushThumb {
    height: 90px;
    background-position: center;
    background-size: cover;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5;
    border:solid 1px;
    //border-radius:10px;

}
 
.p-topentry__pushLike {
    position: absolute;
    top: 5%;
    left: 25%;
    vertical-align: middle;
    font-size: 12px;
    //font-weight: bold;
    text-align: center;
    line-height: 1.4;
}

p-topentry_title {
	border:solid 3px;
	//border-color:#cccc00;
	border-color:#f7c9dd;
	border-radius:10px;
	display: inline-block;
	font-color:#fff;
}

.p-topentry__pushButton {
    margin-top: 15px;
    display: inline-block;
    //width: 200px;
    width: 85%;
    height: 40px;
    line-height: 20px;
    //line-height: 40px;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
 
.p-topentry__pushButtonLike {
    line-height: 1;
}
 
.p-topentry__note {
    margin-top: 15px;
    font-size: 12px;
    color: #333;
}
 /*
.p-topentry__push {
    position: relative;
    border:solid 5px;
    border-color:#3b5998;
    //margin-bottom: 20px;
    margin-bottom: 5px;
    table-layout: fix;
    width: 100%;
    //width: 90%;
    //color: #fff;
    color: #333;
    border-radius:10px;
}
 
.p-topentry__pushThumb {
    height: 90px;
    background-position: center;
    background-size: cover;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5;
}
 
.p-topentry__pushLike {
    position: absolute;
    top: 5%;
    //left: 20%;
    left: 15%;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
}

p-topentry_title {
	border:solid 3px;
	//border-color:#cccc00;
	border-color:#f7c9dd;
	
	border-radius:10px;
	display: inline-block;
}

.p-topentry__pushButton {
    margin-top: 15px;
    display: inline-block;
    //width: 200px;
    width: 85%;
    height: 40px;
    line-height: 20px;
    //line-height: 40px;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
 
.p-topentry__pushButtonLike {
    line-height: 1;
}
 
.p-topentry__note {
    margin-top: 15px;
    font-size: 12px;
    color: #333;
}
*/
/*****************************************
 * コメントエリア フォント変更
 ****************************************/
.comments-area .commentlist,
.comments-area .children {
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
  list-style: none;
  padding: 0; }
.comments-area #comments-title {
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
  padding: 0 0 10px;
  font-size: 24px; }

/*****************************************
 * トップページ HomeTopArea スマホ対応
 ****************************************/

#home-page-widgets {
	padding: 60px 0 40px;
	background: #F7F7F7;
	}
	@media (max-width: 768px) {
		#home-page-widgets {
			padding: 20px 0 10px;
			margin: 0;
		}
	}

.home-widget {
	margin: 0 0 30px;
	font-size: 16px;
	line-height: 1.6;
	text-align: center; 
	}
	@media (max-width: 480px) {
		.home-widget {
			//border:solid 2px;
			margin: 0 0 3px;
			font-size:14px;
			padding:3px;
		}
	}
	
	.home-widget img {
		margin-top: 0; 
	}
	.home-widget-title {
		margin-bottom: 15px;
		font-size: 24px;
	}
	@media (max-width: 480px) {
		.home-widget-title {
			margin-top:0;
			margin-bottom: 0;
		}
	}
	.home-widget-title a {
		text-decoration: none;
	}
	@media (max-width: 480px) {
		.home-widget-title a {
			margin-bottom: 0;
			margin-top:0;
		}
	}
.bavotasan_custom_text_widget {
	text-align: center;
}
	@media (max-width: 480px) {
		.bavotasan_custom_text_widget {
			text-align: center;
		}
	}

	.bavotasan_custom_text_widget i {
		-moz-border-radius: 2em;
		-webkit-border-radius: 2em;
		border-radius: 2em;
		font-size: 40px;
		line-height: 130px;
		width: 130px;
		height: 130px;
		margin: 0 auto 30px;
		display: block;
		border: 3px solid;
		}
		.bavotasan_custom_text_widget i.default {
		  color: #ccc;
		  border-color: #ccc; }
		.bavotasan_custom_text_widget i.info {
//		  color: #5cbde0;
//		  border-color: #5cbde0; }
		  color: #42918c;
		  border-color: #42918c; }
		.bavotasan_custom_text_widget i.primary {
		  color: #428bca;
		  border-color: #428bca; }
		.bavotasan_custom_text_widget i.danger {
		  color: #d9534f;
		  border-color: #d9534f; }
		.bavotasan_custom_text_widget i.warning {
		  color: #f0ad4e;
		  border-color: #f0ad4e; }
		.bavotasan_custom_text_widget i.success {
		  color: #5cb85c;
		  border-color: #5cb85c; }
	@media (max-width: 480px) {
		.bavotasan_custom_text_widget i {
			text-align:center;
		}
	}

.bavotasan_custom_text_widget a {
   font-size:14px;
   font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
}
	@media (max-width: 480px) {
		.bavotasan_custom_text_widget a {
				font-size: 12px;
		}
	}

  .bavotasan_custom_text_widget a:hover {
    text-decoration: none; }
  .bavotasan_custom_text_widget .btn, .bavotasan_custom_text_widget .comment-reply-link,
  .bavotasan_custom_text_widget .form-submit #submit,
  .form-submit .bavotasan_custom_text_widget #submit {
		//font-size:10px;
		font-size:20px;
		margin-top: 20px;
	}
	@media (max-width: 480px) {
  		.bavotasan_custom_text_widget .comment-reply-link,
  		.bavotasan_custom_text_widget .form-submit #submit,
  		.form-submit .bavotasan_custom_text_widget #submit {
			font-size: 18px;
		}
	}
	@media (max-width: 480px) {
		.bavotasan_custom_text_widget .btn {
			font-size: 16px;
			margin: 3px;
			//align:left;
			float:left;
		}
	}

/****************************************************
 * スマホ用 フロントページ タイトル
 ***************************************************/
.mob-title {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
	font-size:22px;
	color:#fff;
	text-align:left;
	widgh:100;
	margin 5px;
	border:solid;
    border-color:#FFFFFF;
    //background-color:#cccc00;
    background-color:#f7c9dd;
    
    padding:5px 10px;
    border-radius:10px;
}

/****************************************************
 * スマホ用 記事一覧 説明(description, excerpt)部分
 ***************************************************/
@media (max-width: 480px) {
	.entry-content discription {
		margin-top:0;
	}
	.entry-content .excerpt {
		font-size:14px;
	}
	.entry-content .excerpt a {
		font-size:14px;
	}
}

/****************************************************
 * スマホ用 フロントページ ボタン
 ***************************************************/
 
.my_top_btn .btn-lg {
	width:85%;
	border:solid 0px;
}


@media (max-width: 480px) {
	.btn-xs {
		width:45%;
	}
}
 
/*****************************************
 * =Main elements
 *--------------------------------------------
 * 記事一覧部分
 ******************************************/
#page {
  overflow: hidden; }

#primary {
  margin: 50px 0; }
  #primary.centered {
    float: none !important;
    margin-left: auto;
    margin-right: auto; }
    
 //add
	@media (max-width: 480px) {
		#primary {
			margin: 10px 0;
			float: none !important;
		}
	}

  @media (max-width: 992px) {
    #primary {
      float: none !important; } }



.home-top {
  background: #fff; }


@media (max-width: 480px) {
	.home-top {
		padding:5px;
		margin:5px;
	}

	.home-top .container {
		padding:5px;
		margin:5px;
	}
}

/***********************************************
 * スマホ対応 トップへ戻る ボタンを表示させる
 **********************************************/
@media (max-width: 480px) {

/*.content
{
	min-height: 5000px ;
}
*/
.page-top
{
	display: none ;
	margin: 0 ;
	padding: 0 ;
}
 
.page-top p
{
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 16px ;
	bottom: 16px ;
	font-size:30px;
	z-index :999;
	-webkit-transform: translate3d(0, 0, 0);
}
 
.move-page-top
{
	display: block ;
	border-radius:10px;
	background: #080808 ;
	width: 50px ;
	height: 50px ;
	//cursor: pointer ;

	color: #fff ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;
	font-family: FontAwesome;
	opacity: 0.25;
	-webkit-transform: translate3d(0, 0, 0);
}

	.move-page-top:hover
	{
		opacity: 0.85 ;
	}
}


/************************************
 * パンくずリスト（Breadcrumb）
 ************************************/

.breadcrumb{
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
  //margin-bottom: 20px;
  font-size:13px;
}
 
.breadcrumb ul {
	list-style-type: none;
	margin:10px 0 0 -1%;
}

.breadcrumb li {
	display:inline-block;
}

.breadcrumb a{
  text-decoration:none;
}

/**********************************************
 * Contact Form 7 カスタマイズ
 * 参考(http://naifix.com/contact-form-7/)
 *********************************************/
.wpcf7 {
	margin: 96px 0;
}
.asterisk {
	margin: 0 0 0 0.2em;
	color: #f5637a;
}
.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 80%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 95%;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}
.wpcf7 input[type="submit"] {
	font-size: 100%;
	padding: 0.2em 0.4em;
	background: #eee;
	color: #333;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
	border: 1px solid #ccc;
	text-shadow: -1px 1px 0 rgba(255,255,255,1);
}
.wpcf7 input[type="submit"]:hover {
	box-shadow: 0 0 1px rgba(0,0,0,.2) inset;
}

/*******************************
 * トップページ twitter followボタン バナー
 ******************************/
.my_tw_follow {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
    position: relative;
    border:solid 3px;
    //border-color:#cccc00;
    border-color:#eee;
    margin-bottom: 3px;
    table-layout: fix;
    width: 100%;
    border-radius:10px;
}

.my_tw_follow_pushThumb {
    height: 60px;
    width : 60px;
    background-position: center;
    background-size: cover;
    filter: alpha(opacity=50);
    -moz-opacity: .8;
    opacity: .8;
}

.my_tw_follow_pushLink {
    position: absolute;
    top: 30%;
    left: 25%;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    //line-height: 1.4;
    //background-color:#fff;
}

.my_tw_follow_title{
	//border:solid 3px;
	//border-color:#cccc00;
	//border-radius:10px;
	display: inline-block;
}

.my_tw_follow a{
	color:#fff !important;
}
/*******************************
 * ameblo リンクバナー
 ******************************/
.my_2ameblo {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
    position: relative;
    border:solid 3px;
    border-color:#eee;
    //border-color:#5cbde0;
    margin-bottom: 10px;
    table-layout: fix;
    width: 100%;
    border-radius:10px;
}

.my_2ameblo_pushThumb {
    height: 60px;
    background-position: center;
    background-size: cover;
    filter: alpha(opacity=50);
    -moz-opacity: .8;
    opacity: .8;
    border-radius:10px;
}

.my_2ameblo_pushLink {
    position: absolute;
    top: 30%;
    left: 25%;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    //line-height: 1.4;
    //background-color:#fff;
}

.my_2ameblo_title{
	//border:solid 3px;
	//border-color:#cccc00;
	//border-radius:10px;
	display: inline-block;
}

.my_2ameblo a{
	color:#fff !important;
	//color:#cccc00 !important;
}

/*******************************
 * トップページ Instagram リンクボタン バナー
 ******************************/
.my_insta_link {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
    position: relative;
    border:solid 3px;
    //border-color:#cccc00;
    border-color:#eee;
    margin-bottom: 3px;
    table-layout: fix;
    width: 100%;
    border-radius:10px;
}

.my_insta_link_pushThumb {
    height: 60px;
    //width : 60px;
    background-position: center;
    background-size: cover;
    filter: alpha(opacity=50);
    -moz-opacity: .8;
    opacity: .8;
    border-radius:10px;
}

.my_insta_link_pushLink {
    position: absolute;
    top: 1%;
    left: 1%;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    //line-height: 1.4;
    //background-color:#fff;
}

.my_insta_link_title{
	//border:solid 3px;
	//border-color:#cccc00;
	//border-radius:10px;
	display: inline-block;
	padding-top:10px;
}

.my_insta_link a{
	color:#fff !important;
}
/*******************************
 * トップページ お問い合せ バナー
 ******************************/
.my_contact {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
    position: relative;
    border:solid 3px;
    
    border-color:#f7c9dd;
    //border-color:#cccc00;
    //border-color:#eee;
    margin-bottom: 10px;
    table-layout: fix;
    width: 100%;
    border-radius:10px;
    //background-color:#5cbde0;
    //background-color:#ff69b4;
    background-color:#fff;

}

.my_contact_pushThumb {
    height: 90px;
    //width : 120px;
    background-position: center;
    background-size: cover;
    filter: alpha(opacity=50);
    -moz-opacity: .8;
    opacity: .8;
    margin-bottom:5px;
}

.my_contact_pushLink {
    position: absolute;
    top: 50%;
    left: 35%;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    //line-height: 1.4;
    //background-color:#fff;
}

.my_contact_title{
	//border:solid 3px;
	//border-color:#cccc00;
	//border-radius:10px;
	display: inline-block;
}

.my_contact a{
	//color:#fff !important;
	
	//color:#cccc00 !important;
	color:#f7c9dd !important;
}

/*******************************
 * トップページ Jumbotron自分の設定
 * (ショートコード埋込時に使用)
 ******************************/
.my_jumbo {
	text-align:center !important;
	border:solid;
	//background-color:#cccc00;
	//background-color:#5cbde0;
	//border-color:#cccc00;
	border-color:#f7c9dd;
	
	//display:table-cell;
	display:inline-block;
	color:#fff; 
	border-radius:10px;
	padding:10px 8px 10px 10px;
	//margin-right: auto;
	//margin-left : auto;
	//max-width:100%;
	width:60%;
}
@media (max-width: 480px) {
	.my_jumbo {
		width:100%;
		margin:0;
	}
}

.move{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.move iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

/*************************************
 * OGK_バイオリズム用クラス設定
 * ベース画像に、FontAwesomeAnimationテキストを乗せる。
 * 
 ***************************************/
 .bio_base {
 	position:relative;

 }
 
 .bio_child_1 {
 	position:absolute;
 	width:1000px;
	top:1.5%;
	left:90%;
 }
@media (max-width: 480px) {
 .bio_child_1 {
 	position:absolute;
 	width:100%;
	top:40px;
	left:250px;
 }
}

 .bio_child_1 span{
	font-size:100%;
 }
	@media (max-width: 480px) {
		.bio_child_1 span{
			font-size:70%;
 		}
	}

 .bio_child_1_text {
 	position:absolute;
 	width:1000px;
	top:100px;
	left:190px;
 }
	@media (max-width: 480px) {
		.bio_child_1_text {
 			position:absolute;
			top:43px;
			left:110px;
 		}
	}	
 
 .bio_child_1_text span{
	padding:10px;
	border-radius:10px;
	border:solid 4px;
	border-color:#5cbde0;
	background-color:#fff;
 	display:inline-block;
 }
	@media (max-width: 480px) {
		.bio_child_1_text span{
			padding:2px;
			font-size:60%;
		}
	}

 .bio_child_2 {
 	position:absolute;
 	width:1000px;
	top:250px;
	left:600px;
	color:#5cbde0;
 }
	@media (max-width: 480px) {
 		.bio_child_2 {
 			position:absolute;
 			width:100%;
			top:100px;
			left:250px;
 		}
	}
 .bio_child_2 span{
	font-size:100%;
 }
	@media (max-width: 480px) {
		.bio_child_2 span{
			font-size:70%;
 		}
	}

 .bio_child_2_text {
 	position:absolute;
 	width:1000px;
	top:240px;
	left:250px;
 }
	@media (max-width: 480px) {
		.bio_child_2_text {
 			position:absolute;
			top:100px;
			left:35px;
 		}
	}	
 
 .bio_child_2_text span{
	padding:10px;
	border-radius:10px;
	border:solid 4px;
	border-color:#5cbde0;
	background-color:#fff;
 	display:inline-block;
 }
	@media (max-width: 480px) {
		.bio_child_2_text span{
			padding:2px;
			font-size:60%;
		}
	}


/*************************************
 * Contact Form 7 レスポンシブ対応
 * スマホで画面を突き抜けるのを防止
 ***************************************/
 .my_cf7_form_width {
	max-width:100%;
 }




/*************************************
 * バイオリズム用
 ***************************************/
/* 目次のドロップダウン
 * https://lab.sonicmoov.com/markup/jquery/jquery-accordion/
 */
.accordion{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
    position: relative;
    border:solid 6px;
    //border-color:#cccc00;
    //border-color:#293E75;
    border-color:#42918c;
    margin-bottom: 10px;
    table-layout: fix;
    width: 70%;
    border-radius:10px;
    padding: 0.5em;
}
	@media (max-width: 480px) {
		.accordion {
    		width: 100%;
    		padding: 0.1em 0.3em;
		}
	}

.accordion a{
    font-size:160%;
 	font-weight:bold;
 	vertical-align: middle;
 }
	@media (max-width: 480px) {
		.accordion a{
    		font-size:120%;
		}
	}

.accordion-panel a{
	font-size:100%;
}


/* その他タイトルの装飾*/
.bio_sub_title{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
    position: relative;
    border:solid 6px;
    //border-color:#cccc00;
    //border-color:#293E75;
    border-color:#42918c;
    margin-bottom: 10px;
    table-layout: fix;
    width: 70%;
    border-radius:10px;
    padding: 0.5em;
    //color:#293E75;
    color:#42918c;
}
	@media (max-width: 480px) {
		.bio_sub_title {
    		width: 100%;
    		padding: 0.1em 0.3em;
		}
	}

.bio_sub_title_thumb{
    font-size:160%;
 	font-weight:bold;
 	vertical-align: middle;
 }
	@media (max-width: 480px) {
		.bio_sub_title_thumb {
    		font-size:120%;
		}
	}

/* バイオリズム画像と、COMING SOON部分*/
.bio_map_main {
	position:relative;
	height:100%;
}
.bio_map_main img {
	position: absolute;
	top:0px;
	left:0px;
}
/********************************
 * 2017.01.18
 * バイオリズムのCOMING SOON 部分
 * top、left、heightを%で指定して、
 * 非公開部分を隠すよう調節すること！
 *******************************/
.bio_map_main img.test_absolute{
	position: absolute;
	top:55%;
	height:38%;
	//width:auto;
	width:50%;
	left:10%;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
	@media (max-width: 480px) {
		.bio_map_main img.test_absolute{
			left:20%;
			width:80%;
		}
	}


/*************************************
 * my_notice ショートコード用
 * 装飾
 *************************************/
.my_notice_waku {
	position:relative;
	left:20%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
	border:solid;
	//background-color:#cccc00;
	background-color:#f7c9dd;
	
	display: inline-block;
	color:#FFFFFF; 
	border-radius:10px;
	padding:10px 8px 10px 10px;
	margin-bottom:0;
	width:60%;
	text-align:center;
}
	@media (max-width: 480px) {
		.my_notice_waku {
			width:100%;
			left:0%;
		}
	}

.my_notice_title p{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
	font-size:16px;
	text-align:center;
}

.my_notice_content {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
	border:solid 2px;
	color:#FF6347;
	background-color:#fff;
	display:inline-block;
	border-radius:10px;
	margin-top:0;
	width:98%;
	padding:5px;
	text-align:center;
}


/*************************************
 * 新規固定トップページ用
 ***************************************/
/* 目次のドロップダウン
 * https://lab.sonicmoov.com/markup/jquery/jquery-accordion/
 */
.top_accordion{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
    position: relative;
    border:solid 3px;
    //border-color:#cccc00;
    //border-color:#293E75;
    border-color:#eee;
    margin-bottom: 10px;
    table-layout: fix;
    width: 70%;
    border-radius:10px;
    padding: 0.5em;
}
	@media (max-width: 480px) {
		.top_accordion {
    		width: 100%;
    		padding: 0.1em 0.3em;
		}
	}

.top_accordion a{
    font-size:160%;
 	//font-weight:bold;
 	vertical-align: middle;
 }
	@media (max-width: 480px) {
		.top_accordion a{
    		font-size:120%;
		}
	}

.top_accordion-panel a{
	font-size:100%;
}

/* その他タイトルの装飾*/
.top_sub_title{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Century Gothic",Arial,sans-serif !important;
    position: relative;
    border:solid 3px;
    //border-color:#cccc00;
    //border-color:#293E75;
    border-color:#eee;
    margin-bottom: 10px;
    table-layout: fix;
    width: 70%;
    border-radius:10px;
    padding: 0.5em;
}
	@media (max-width: 480px) {
		.top_sub_title {
    		width: 100%;
    		padding: 0.1em 0.3em;
		}
	}

.top_sub_title_thumb a{
    font-size:160%;
 	//font-weight:bold;
 	vertical-align: middle;
 }
	@media (max-width: 480px) {
		.top_sub_title_thumb a{
    		font-size:120%;
		}
	}

/********* 不使用 ***********************
@media (max-width: 480px) {
	#page-top {
	position:fixed;
	bottom:0;
	margin-bottom: 20px;
	right:20px;
	font-size:30px;
	z-index:10;
	}
	#page-top a {
	background: none repeat scroll 0 0 red;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-family: FontAwesome;
	opacity: 0.25;
	text-align: center;
	text-decoration: none;
	width: 80px;
	}
	#page-top a:hover {
	text-decoration:none;
	background:#999;
	}
}
******************************************/

/************************************
 * 宮脇さんページの見出し導入
 ************************************/
/* ※ワードプレスダッシュボードより、CustomCSSにて定義したのでコメントアウト*/
/***************************************/
.h1_dec{
  position: relative;
  font-size: 1.143em;
  font-weight: bold;
  margin: 0 0 1.5em;
  padding: 0.5em 0.5em 0.5em 2.0em;
  border-bottom: 2px solid #FDEFF5;
  margin-top:20px;
}
 
.h1.dec:before{
  content: "■";
  font-size: 200%;
  position: absolute;
  top: -0.8em;
  left: 0.3em;
  height: 12px;
  width: 12px;
  padding-top:10px;
  color:#F7C9DD;
}
 
.h1_dec:after{
  content: "□";
  font-size: 200%;
  position: absolute;
  top: -0.5em;
  left: 0;
  height: 12px;
  width: 12px;
  padding-top:10px;
  color:#C9CACA;
}

.h2_dec{
  position: relative;
  font-size: 1.143em;
  font-weight: bold;
  margin: 0 0 1.5em;
  padding: 0.5em 0.5em 0.5em 2.0em;
  border-bottom: 2px solid #FDEFF5;
  margin-top:20px;
}
 
.h2_dec:before{
  content: "■";
  font-size: 200%;
  position: absolute;
  top: -0.8em;
  left: 0.3em;
  height: 12px;
  width: 12px;
  padding-top:10px;
  color:#F7C9DD;
}
 
.h2_dec:after{
  content: "□";
  font-size: 200%;
  position: absolute;
  top: -0.5em;
  left: 0;
  height: 12px;
  width: 12px;
  padding-top:10px;
  color:#C9CACA;
}
.h2_dec span{
  padding-left:20px;
}

.h3_ebc{
  position: relative;
  font-size: 1.143em;
  font-weight: bold;
  margin: 0 0 1.5em;
  padding: 0.5em 0.5em 0.5em 2.0em;
  border-bottom: 2px solid #FDEFF5;
  margin-left:10px;
  margin-top:20px;
}
 
.h3_ebc:before{
  content: "□";
  font-size: 200%;
  position: absolute;
  top: -0.8em;
  left: 0.3em;
  height: 12px;
  width: 12px;
  padding-top:10px;
  color:#F7C9DD;
}

.h3_ebc:after{
  content: "□";
  font-size: 200%;
  position: absolute;
  top: -0.5em;
  left: 0;
  height: 12px;
  width: 12px;
  padding-top:10px;
  color:#C9CACA;
}



.h3_ebc{
  position: relative;
  font-size: 1.143em;
  margin: 0 0 1.5em;
  padding: 0.5em 0.5em 0.5em 2.0em;
  border-bottom: 2px solid #FDEFF5;
  margin-left:10px;
  margin-top:20px;
}
 
.h3_ebc:before{
  content: "□";
  font-size: 200%;
  position: absolute;
  top: -0.8em;
  left: 0.3em;
  height: 12px;
  width: 12px;
  padding-top:10px;
  color:#F7C9DD;
}

.h3_ebc:after{
  content: "□";
  font-size: 200%;
  position: absolute;
  top: -0.5em;
  left: 0;
  height: 12px;
  width: 12px;
  padding-top:10px;
  color:#C9CACA;
}


.h3_ebc span{
  padding-left:20px;
}

.h4_dec{
  position: relative;
  font-size: 1.143em;
  font-weight: bold;
  margin: 0 0 1.5em;
  padding: 0.5em 0.5em 0.5em 2.0em;
  border-bottom: 2px solid #FDEFF5;
  margin-top:20px;
  margin-left:20px;
}
 
.h4_dec:before{
  content: "";
  font-size: 200%;
  position: absolute;
  top: -0.8em;
  left: 0.3em;
  height: 12px;
  width: 12px;
  padding-top:10px;
  color:#C9CACA;
}
 
.h4_dec:after{
  content: "■";
  font-size: 200%;
  position: absolute;
  top: -0.5em;
  left: 0;
  height: 12px;
  width: 12px;
  padding-top:10px;
  color:#F7C9DD;
}
/********************************/

.category_desc{
  //position: relative;
  margin-top:5px;
  margin-bottom:50px;
  border-bottom: 2px solid #FDEFF5;
  text-align:center;
}

.category_thumnail{
  margin-top:5px;
  margin-bottom:30px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius:50%;
  height:200px;
  weight:200px;
}

.category_desc_title{
  margin-top:5px;
  margin-bottom:5px;
  text-align:center;
  font-size:22px;
  //font-weight:bold;
}
  @media (max-width: 480px) {
  	.category_desc_title{
		font-size:18px;
	}
  }

.category_desc_sub{
  margin-top:5px;
  margin-bottom:5px;
  margin-left:auto;
  margin-right:auto;
  font-size:14px;
  text-align:left;
  display: inline-block;
}
  @media (max-width: 480px) {
  	.category_desc_sub{
		font-size:80%;
	}
  }
  
.category_list{
  margin-top:5px;
  margin-bottom:5px;
  margin-left:auto;
  margin-right:auto;
  font-size:16px;
  text-align:left;
  //display: inline-block;
}
  @media (max-width: 480px) {
  	.category_desc_sub{
		font-size:80%;
	}
  }
  
.ul_category_list {
  margin-top:5px;
  margin-bottom:80px;
  margin-left:auto;
  margin-right:auto;
  font-size:14px;
  border:solid 2px #FDEFF5;
  display: inline-block;
  padding-right:50px;
  padding-top:10px;
  padding-bottom:10px;
}

/****************************:
 * 特定固定ページ のタイトル部分
 * 企業情報とメディア掲載
 *****************************/
.page_desc{
  //position: relative;
  margin-top:5px;
  margin-bottom:50px;
  border-bottom: 2px solid #FDEFF5;
  text-align:center;
  background: none;
}

.page_thumnail{
  margin-top:5px;
  margin-bottom:30px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius:50%;
  height:200px;
  weight:200px;
}

.page_desc_title{
  margin-top:5px;
  margin-bottom:5px;
  text-align:center;
  font-size:22px;
  //font-weight:bold;
}
  @media (max-width: 480px) {
  	.page_desc_title{
		font-size:18px;
	}
  }

.page_desc_sub{
  margin-top:5px;
  margin-bottom:5px;
  margin-left:auto;
  margin-right:auto;
  font-size:14px;
  text-align:left;
  display: inline-block;
}
  @media (max-width: 480px) {
  	.page_desc_sub{
		font-size:80%;
	}
  }

.tokutei-page-title{
  position: relative;
  //font-size: 20px !important;
  //font-weight: bold;
  margin: 0 0 0;
  padding: 0 0 0 0;
  //display:table-cell;
  border-bottom: none;
}

/*************************
 * Addquicktagの囲みタグ
 *************************/
 .kakomi{padding: 15px; border: solid 2px #FDEFF5; border-radius: 10px; background-color:#FDEFF5; margin-top: 15px; margin-bottom: 15px; }


/*************************
 *Shortcodes Ultimate（プラグイン）のアコーディオン装飾
 *************************/
.su_my_accordion {
	background-color:#FDEFF5;
	color:#FDEFF5;
}

/************************************
吹き出し
************************************/
/*Chat Bubbles　CSS Setting*/
/* 全体のスタイル */
.voice {
  margin-bottom: 40px;
}
/* 左画像 */
.voice-img-left {
  margin-left: 4px;
  margin-top: -1px;
  float: left;
  width: 60px;
  height: 60px;
}
/* 右画像 */
.voice-img-right {
  margin-right: 4px;
  margin-top: -1px;
  float: right;
  width: 60px;
  height: 60px;
}
.voice figure img {
  width: 100%;
  height: 100%;
  border: 2px solid #eee;
  border-radius: 50%;
  margin: 0;
}
/* 画像の下のテキスト */
.voice-img-description {
  padding: 5px 0 0;
  font-size: 10px;
  text-align: center;
}
/* 左からの吹き出しテキスト */
.voice-text-right {
  color: #444;
  position: relative;
  margin-left: 100px;
  padding: 1.2em;
  border: 3px solid #eee;
  background-color: #fff;
  border-radius: 5px;
}
  @media (max-width: 480px) {
  	.voice-text-right{
		 font-size: 12px;
		 margin-left: 80px;

	}
  }

/* 右からの吹き出しテキスト */
.voice-text-left {
  position: relative;
  margin-right: 100px;
  padding: 1.2em;
  border: 3px solid #eee;
  background-color: #fff;
  border-radius: 5px;
}
  @media (max-width: 480px) {
  	.voice-text-left{
		 font-size: 12px;
		 margin-right: 80px;

	}
  }

p.voice-text {
  margin: 0 0 8px;
}
p.voice-text:last-child {
  margin-bottom: 0px;
}
/* 左の三角形を作る */
.voice-text-right:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #eee;
  top: 15px;
  left: -20px;
}
.voice-text-right:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #fff;
  top: 15px;
  left: -16px;
}
/* 右の三角形を作る */
.voice-text-left:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #eee;
  top: 15px;
  right: -23px;
}
.voice-text-left:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #fff;
  top: 15px;
  right: -19px;
}
/* 回り込み解除 */
.voice:after,.voice:before {
  clear: both;
  content: "";
  display: block;
}

/*****************************
/* コンタクトフォーム７
/* 問合せ復活 2018/07/11
/* 装飾定義
/*****************************/
.cf7 {
	max-width: 100%;
	box-sizing: border-box;
}
.cf7 dt i {
	margin-right: .5em;
}
.cf7 dd {
	margin: 0 0 2vh 0;
}
.cf7 .rqd {
	color: #ff6666;
	font-size: .8em;
	margin-left: .5em;
}
.btn_cf7 {
	text-align: center;
}
.btn_cf7 input {
	width: 100%;
}
@media screen and (min-width: 768px) {
	.cf7 dt {
	float: left;
	clear: left;
	width: 35%;
	padding: .5em 1em .5em 0;
	}
.cf7 dd {
	margin-left: 35%;
	}
	.cf7 .rqd {
	float: right;
	margin-left: 0;
	margin-top: .2em;
	}
	.btn_cf7 input {
	width: 70%;
	}
}


/* =Header
-------------------------------------------------------------- */
#header,
.title-card {
  position: relative;
  //text-align:center;
}

.title-card-wrapper {
  overflow: hidden; }

.title-card {
  z-index: 1;
  width: 100%;
  display: table;

  text-align: center; }
  .title-card > img.header-img {
    position: absolute;
    z-index: 0;
    left: -9999px;
    max-width: none;
    display:table-cell;
}

#site-meta {
  display: table-cell;
  vertical-align: middle;
  z-index: 1;
  position: relative;
  //text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  padding-top: 30px; }
  .only-on-home #site-meta {
    padding-top: 0; }

  #site-meta i {
    color: #000;
    font-size: 60px;
    margin: 10px 0; }
    .only-on-home #site-meta i {
      font-size: 100px;
      margin: 30px 0; }
    @media (max-width: 600px) {
      #site-meta i {
        font-size: 60px !important;
        margin: 10px 0 !important; } }
  @media (max-width: 480px) {
    #site-meta {
      padding-top: 10px; } }

#site-title,
#site-logo {
  margin-left:7%;
  text-align:left;
  padding-top:-10px;
  position: relative;
  display: block; }
  .only-on-home #site-title, .only-on-home
  #site-logo {
    -webkit-animation: dropHeader 1 0.75s ease-in;
    animation: dropHeader 1 0.75s ease-in; }

	@media (min-width: 768px)and (max-width: 920px) {
		#site-logo {
			padding-top:0px;
			//margin:auto;
			margin-top:-20px;
			margin-left:0%;
		}
	}
  @media (min-width: 320px)and (max-width: 767px) {
	#site-logo {
		padding-top:10px;
		//margin:auto;
		margin-top:30px;
	}
  }

 
#site-title {
  margin: 0; }
  .no-fittext #site-title {
    font-size: 80px; }
  #site-title a {
    color: #000;
    text-decoration: none;
    display: block;
    width: 100%; }
    .basic #site-title a {
      font-family: 'Megrim', cursive; }
      .only-on-home.no-fittext .basic #site-title a {
        font-size: 120px; }
    @media (max-width: 600px) {
      .no-fittext #site-title a {
        font-size: 40px !important; } }

#site-description {
  margin-left:15%;
  text-align:left;
  //margin: 0;
  font-size: 16px;
  line-height: 1;
  color: #000; }
  #site-description.margin-top {
    margin-top: 90px; }
  
	@media (min-width: 768px)and (max-width: 920px) { 
		#site-description {
  			font-size: 14px;
  			margin-left:10%;
  			margin-top:90px;
		}
	}
  @media (min-width: 320px)and (max-width: 767px)  {
	#site-description {
  		font-size: 12px;
  		margin-left:3%;
    	text-align:center;
    	margin-top:90px;
	}
  }


/* =Main Navigation
-------------------------------------------------------------- */
/* 途中でくじけた・・・*/
/*
.admin-bar .navbar-fixed-top {
  top: 32px; }
  @media (max-width: 768px) {
    .admin-bar .navbar-fixed-top {
      top: 46px; } }
@media (max-width: 480px) {
  .navbar-fixed-top {
    top: 0 !important;
    position: absolute; } }

* PCメインメニューバー背景色 *
.navbar-inverse {
  text-align: left;
  background: rgba(255, 240, 245, 0.6);
  border: 1 #000;
   }
  .navbar-inverse.black {
    background: rgba(255, 255, 255, 0.85); }
  @media (max-width: 480px) {
  	* スマホ ドロップダウン背景色 *
    .navbar-inverse {
      background: rgba(255, 240, 245, 0.85); } }

.dropdown-menu > li > a,
.navbar-nav > li > a {
  * メニューの字 *
  color: #000000; }

* PCリスト＆スマホメニューのhover時の背景 *
.dropdown-menu > li > a:hover,
.navbar-nav > li > a:hover {
  background: #5f9ea0 !important;
 }

.black .dropdown-menu > li > a:hover {
  background: #333; }

.dropdown-menu {
  * ドロップダウンの背景 *
  background: #fff0f5;
  color:#000000;
}
  .dropdown-menu a:hover {
  	*ドロップダウンのhoverされたリストの背景と文字 *
    background: #5f9ea0 !important;
    color: #fff !important; }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  * View Proのリスト値 *
  background-color: #5f9ea0; }

.navbar-nav > li > .active {
  background-color: #5f9ea0; }
*/


