/*  
Theme Name: lifetheme257lp
Theme URI: "http://www.lstyle.co.jp"
Description: 軽量、2カラム、３ウィジェット準備、アドセンス挿入の管理、レスポンシブ完全対応、簡単にワードプレスのテーマをカスタマイズする。「サイト表示設定」及び「必須プラグインインストーラー」インストールしたプラグインは自動で有効化します。「サイト表示設定」では、背景色、トップページの表示形式、サイドバーの位置、サイドバーの表示形式、トップメニュー、フッターメニュー、ページナビ等の表示・非表示などを簡単に設定できます。257lpからの新機能でアップデートを簡単にできるように管理画面のメニュータブにアップデイトのタブを付けました
Version: 2.5.7lp
Author: LIFESTYL
Author URI: http://www.lstyle.co.jp/
<a href="#">アップデートファイルの確認</a>
*/
/*   HTML5    ====== */

@charset "utf-8";


/**********************************************
	基本設定
**********************************************/
*{	padding: 0;border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;vertical-align: baseline;}
ol, ul {list-style: none;}
li.post_list{list-style: none; padding-left:0.7%}
li.a{ text-decoration: none; padding-left:0.7%}
li.page_item a{text-decoration: none}
ul.menu li a{text-decoration: none}
.more-link a{text-decoration: none}
.css_btn a{ text-decoration:none}

table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
img{margin:0; padding:0}
.myclass{ width:100%; height:40%;}
category, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
h2{ font-size:24px; clear:both}
h3{ font-size:20px; clear:both; margin-top:10px;padding-bottom:6.0px}
h4{ font-size:18px; font-weight:600; margin-top:10px; clear:both; padding-bottom:4.0px}
h3.widget-title{ font-size:16px; font-weight:600; padding:10px 0 4px 0;margin:0 auto 0 auto;color:#fff}
img{ float:none}

/* -------------------------------------------------------------- */
.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
body{
background-attachment:fixed;
font:16px verdana,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:12px;
-webkit-text-size-adjust: none;

}

img.alignleft { float:left; margin:16px 16px 16px 0px}/* 回り込み 左 */<br />
img.alignright { float:right; margin:16px 0px 16px 16px}/* 回り込み 右 */<br />
/*/////////////////////////////////////////////////////////
 カラー設定,文字カラー、
///////////////////////////////////////////////////////////*/
.nml_red12{
	font-family:meiryo;
	color:#ee0000;
	font-size:12px;
}
.bld_red13{
	font-family:meiryo;
	color:#ee0000;
	font-size:13px;
	font-weight:bold;
}

.alignleft {
	clear:both;
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	clear:both;
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin:20px auto 20px auto;
}
/*//////////////////////////////////////////////////////////
 リンク設定//ロゴカラー、
////////////////////////////////////////////////////////////*/
a{color:#000d99;text-decoration:underline}
a:hover{opacity:.8; color:#F60}
a:active, a:focus{outline:0;}
.un_off{text-decoration:none}

/*//////////////////////////////////////////////////////
 全体
 サイト幅などの仕様関連
////////////////////////////////////////////////////////*/

/*全体幅*/
#wrapper{
	max-width:1280px;
	padding-bottom:20px;
	margin:0px auto;
	padding:0 1%;
	position:relative;
}
#rap{
	max-width:1024px;
	padding-bottom:20px;
	margin:0px auto;
	padding:0 1%;
	position:relative;
}
.main_content_m{
width : 90%;
margin : 30px auto 0 auto;/*サイドバーを左にした場合*/
_margin : 10px 10px 0 0;/*サイドバーを右にした場合*/
padding : 10px;
font-size : 14px;
	border: #777 1px solid;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 4px 4px;
}
.main_content{
float : left;/*サイドバーを右にした場合*/
width : 65.6%;
margin : 10px 0 0 10px;/*サイドバーを左にした場合*/
_margin : 10px 10px 0 0;/*サイドバーを右にした場合*/
padding : 10px;
font-size : 14px;
	border: #777 1px solid;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 4px 4px;
}
.single_ads{
float : left;/*サイドバーを右にした場合*/
width : 62.6%;
margin : 10px 0 0 10px;/*サイドバーを左にした場合*/
padding : 10px;
font-size : 14px;
background-color:#6FC
}

.sidebar{
	_float : left;/*サイドバー左*/
	float : right;/*サイドバー右*/
	width : 28%;
	margin : 10px 0 2% 0;
	padding:10px 4px 10px 0.4%;
	background-color:#fff;
	border: #ccc 1px solid;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 4px 4px;
}

/*トップメニューエリア*/
.nav_box{
width:100%;
background-color:#FFF;
margin:0px auto;
padding:10px 0%;
position:relative;
}

/*トップイメージ表示エリア*/
.topimg{ 
width:100%;
margin:0 auto 0 auto;
padding-top:1.8%;

}

/*************
/* ロゴ
*************/
#top_inner #logo_pac {
	margin-top:5px;
	padding: 0px 0 20px 20px;
	text-align:left;
	line-height: 30px;
	width:270px;
	height: 60px;
	border: #B6E8F0 1px solid;
	-webkit-border-radius: 8px 30px 8px 30px;
	-moz-border-radius:8px 30px 8px 30px;
	border-radius: 8px 30px 8px 30px;
}
.info{
text-align:center;
float:right;
font-size:12px;
min-width:270px;
padding:10px 0px 10px 0;
}

.tel strong{
font-size:16px;
font-weight:bold;
}
/****************************
アドセンス表示ボックス
*****************************/

/* コンテンツ表示ボックスのアイキャッチ右側テキスト */
.right_box{
	float:right;
	width:65.0%;
	height:auto;
	background-color:#FFF;
	padding-top:2%;
	word-wrap: break-word;
	}
.right_box p{
	font-size:14px;
	line-height:24px;
	padding-top:2%;
	word-wrap: break-word;
	}
.right_box_s p{
	font-size:14px;
	line-height:24px;
	padding-top:2%;
	word-wrap: break-word;
	}
	
.right_box_l{
	line-height:120%; 
	float:right;
	width:80%;
	height:auto;
	background-color:#FFF;
	}
.w300div_r{
	width:33%;
	float:right;
	margin:0 0 10px 16px}
/*topバー関連　モニターサイズ幅に全幅表示エリア*/
#top{
	width:100%;
	height:auto;
	border-bottom:#000 2px solid;
	padding:10px 0 10px 0;
}
/*topにロゴ表示エリアを設定*/
#top #top_inner{
	margin:0 auto 0 auto;
	max-width:1280px;
	height:auto;
	padding:0 3% 0 3.0%;
}
#top #top_inner h3{
	margin:5px auto 0 auto;
	color:#ccc;
}
/*トップタイトルの表示位置設定*/
.head_title{margin-top:5px;}
/*フッターエリア*/

.top_line{
	border-top:#333 2px solid;
}
#header #inner{
	background-color:#FFF;
}
.post-entry{ 
margin:16px 0 0 0;
line-height:24px;
padding:2%;
word-break: break-all;
}
.cat_meta{
	max-width:20%;
	height:auto;
	font-size:12px;
	padding:0.5% 1% 0.5% 1%;
	border:1px #CCCCCC solid;
	border-radius:12px;
}

/*////////////////////////////////////////////////////
フッター関連設定
//////////////////////////////////////////////////////
*/
#footer_area{
	margin-top:2px;
	width:100%;
	height:auto;
	border-bottom:#903 2px solid;

}
#footer_area #footer_inner{
	background:transparent;
	padding-top:0px;
	margin:0 auto 0 auto;
	max-width:1024px;
	height:auto;
}
.menu-footer-menu-container{
clear:both;
overflow:hidden;
margin:20px autu 10px auto;
}
.menu-footer-menu-container li{
width:auto;
margin:10px 0 10px 20px;
float:left;
}
.menu-footer-menu-container li a{
color:#ccc;
font-size:12px;
}
.menu-footer-menu-container li a:hover{
color:#F90;
font-size:12px;
}

/**************************
/* トップナビゲーション
**************************/
ul#topnav{
clear:both;
overflow:hidden;
margin:0px autu 0 auto;
}
ul#topnav li{
float:left;
}
/*ボタンサイズ*/
ul#topnav a{
width:146px;
font-size:12px;
display:block;
padding:5px 0 10px 10px;
margin-left:2px;
color:#333333;
border:#CCC solid 1px;
border-radius:5px; 
}

/*/////////////////////////////////////////////////////////////////////
/* キャッチ画像（ホバーフラッシュ+サイズ）
///////////////////////////////////////////////////////////////////////*/
.single_head_img{
	width:65%;
	height:auto;
	padding:1%;
	margin:0 auto 0 auto;
	border:1px #ccc solid;
}
.column {
	margin: 2% 0 0 0;
	padding: 5px 5px 0px 5px;
	width:32%;
	height:auto;
	float:left;
	border:1px solid #ccc
}
.column_s {
	margin: 3% 0 0 0;
	padding: 1%;
	height:auto;
	float:left;
	border:1px solid #ccc
}
.column_acv {
	margin: 0 12px 0 0;
	padding: 5px 5px 0px 5px;
	width:30%;
	height:auto;
	float:left;
	border:1px solid #ccc
}

.column:last-child {
	padding-bottom: 60px;
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div{
width : 100%;
height : auto;
float:left;
}
.column div:first-child {
	margin-left: 0;
}
.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
	color: #444;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}

/* Flashing */
.hover13 figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}

@-webkit-keyframes flash {
	0% {	opacity: .4}
	100% {	opacity: 1}
}
@keyframes flash {
	0% {	opacity: .4}
	100% {	opacity: 1}
}
.site-info{ float:right; padding-right:20px; color:#ccc;font-size:10px}
.css_btn{
	margin:30px auto 0 auto;
	border-radius: 20px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	border:#ccc 1px solid;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #333;
	width: 50%;
	padding: 13px 0 13px 0;
}
.css_btn_s{
	border-radius: 20px;
	text-align:center;
	border:#ccc 1px solid;
	font-weight:800;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #111;
	margin:20px auto 0 auto;
	width: 60%;
	padding: 10px 0 10px 0;
}
.css_btn:hover{
border:1px #777 solid;
}
.css_btn_s:hover{
border:1px #777 solid;
}
/**************************
/* グリッド
**************************/
.boxWrapper{
clear:both;
padding:0px 0;
}

* html .boxWrapper{height:1%;}
.box{
float:left;
width:90%;
}
.box_right{
	float:right;
	width:62%;
	padding:0 0 0 16px;
}
.box_right_l{
	float:right;
	width:63%;
	padding:0 0 0 16px;
}
.colDark,.colLight{
padding-bottom:10px;
margin-left:2px;
border:#CCC solid 1px;
border-radius:5px; 
}
.boxWrapper img{
max-width:100%;
height:auto;
}

/* フッター内のグリッド(1カラム) */
#footer .box{
box-shadow:none;
background:transparent;
width:93%;
}
#footer .col3 ul{margin:0 0 10px 5px; text-align:center}
#footer .col3 p{text-align:center;font-size:12px; color:#FFF }
#footer .col3 li{
padding:0 7px 0 5px;
margin-bottom:3px;
list-style:none;
border-bottom:0;
display:inline-block;
border:0;
}

/*************
/* フッター
*************/
#footer{color:#333;}

#footer .copyright{font-size:11px;}


/* PC用 */

.cat_box{
	width:68%;
	padding:15px;
	line-height:24px;
	border-bottom:#ccc solid 1px;
	box-shadow:0px 3px 2px 1px rgba(113,135,164,0.3);
	-webkit-box-shadow:0px 3px 3px 1px rgba(113,135,164,0.2);
	-moz-box-shadow:0px 3px 2px 1px rgba(113,135,164,0.1);
}	
/*-------------------------------
	scroll
--------------------------------*/

#page-top {
    position: fixed;
		padding-right:20px;
    bottom: 0px;
    right: 10px;
    font-size: 77%;
}

#page-top a {
    background: #000;
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding:  10px 20px 20px 20px;
    text-align: center;
		border:#555555 1px solid;
    display: block;
    border-radius: 5px;
    opacity: 0.7;
}

#page-top a:hover {
    text-decoration: none;
    background: #666;
}

	/* グリッド */
.cat_box{width:97.5%;}
.col2{
	margin:0 0 20px 0;
	padding:10px;
}
.col3{
	margin-top:1%;
	width:75%;
	border-radius:5px;
	padding:1%; 
}
.col4{
	margin-top:2%;
	width:75%;
	border-radius:5px;
	padding:2%;  
	}	
.title_box{ display:block}
.title_box_sp{display:none}

 @media only screen and (min-width: 1026px) {
.pc_hide{display:none;	}
.post-title_s{ margin-bottom:10px;  padding:10px; line-height:150%}
 }
 /* モニター幅1100px以下 */
@media only screen and (max-width:1100px){
.aligncenter {
	width:100%;
	height:auto;
	height.aligncenter:auto;
	margin-left: auto;
	margin-right: auto;
}
}
/* モニター幅960px以下 */
@media only screen and (max-width:980px){
#wrapper{width:96%}
.main_content{width : 63.6%}
.cat_box{width:92%;}
.col2{
	margin:0 0 20px 0;
	padding:10px;
	border:#ccc 1px solid;
	border-radius:5px; 
}
.box_right_l{	width:64%;	padding:0 0 0 0}

.column div {width : 97%}
.box_right{width:56%}
#header h1,#header .logo{padding-left:10px;}
#header .info{padding-right:25px;}
#mainBanner img{
    width:98%;
    height:auto;
   }
	
#tag01{
	clear:both;
	width:95%;
	padding:3px 5px 3px 5px;
	border-top:1px solid #ccc;
}
#mainBanner{width:100%;}
#footer{padding:0;}
#footer .box{
	float:none;
	width:90%;
	margin-bottom:5px;
	text-align:center;
}

.box{width:97%;	padding:0}
.cat_box{width:97%;}
.col2{
	margin:0 0 20px 0;
	padding:10px;
	border:#ccc 1px solid;
	border-radius:5px; 
}
/*
.column {
	padding: 0;
	width:34%;
}
*/
.column div {width : 100%;}
.box img{
	float:none;
	margin:20px auto 10px;
}
	
.box p{text-align:left;}
	
img.frame,#gallery img{border-width:2px;}

 .alignleft,.alignright{
	float:none;
	display:block;
	margin:0 auto 10px auto;
}
	
#footer .box p{text-align:center;}
}
/*max-width:980px END*/

@media only screen and (max-width:769px){
.title_box{ display:none}
.title_box_sp{display:block}
.main_content{
margin:10px 1.6% 10px 0%;
width : 60.6%;
}
/*.right_box{	width:40%;	padding:0 0 0 0}*/
.box_right_l{	width:66%;	padding:0 0 0 0}
.sidebar{
float :left;
width : 28%;
margin:10px auto 0 1.5%;
}	
.css_btn{
	padding: 2px 0 12px 0;
}
.cat_box{width:97%;	padding:5px}
.alignleft {
	clear:both;
	width:50%;
	height:auto;
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	clear:both;
	width:50%;
	height:auto;
	display: inline;
	float: right;
	margin-left: 1.5em;
}

}
/*max-width:769px END*/
@media only screen and (max-width:640px){
.aligncenter {
	width:100%;
	height:auto;
	height.aligncenter:auto;
	margin-left: auto;
	margin-right: auto;
}
.right_box{	float:none;	width:98%}
.box_right_l{	width:98%;	padding:0 0 0 0}
	.cat_box{width:97%;	padding:5px}
	#header .logo{padding-top:10px;}
	.column {
	margin: 0 0 0 0;
	padding: 5px 5px 0px 5px;
	width:97%;
	border:none;
	}
.column_acv {
	margin: 0 2% 3% 0;
	padding: 5px 5px 0px 5px;
	width:98%;
	border:none
}
	.column div {width : 100%;}
}
/*max-width:640px END*/
/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
h5{padding-left:10px;}
.main_content{
float :none;
margin:10px 0% 10px 1.7%;
padding:40px 0 0 0;
width : 90%;
}

.aligncenter {
	width:100%;
	height:auto;
	margin-left: auto;
	margin-right: auto;
}
.alignleft,.alignright {
	float:none;
	width:100%;
	height:auto;
	margin:16px auto 16px auto;

}

.css_btn{
	display:block;
	padding:10px 0 10px 0;
}
.nav_box{
	padding:0;
width:100%;
background-color:#FFF;
margin:0px auto;
padding:10px 0%;

}
.sidebar{
float :left;
width : 91.8%;
margin:10px auto 2% 1.5%;
padding:2.0%;
}

#wrapper{width:94%; padding:0}
.topimg{ width:99%;margin:0 auto 0 -１.5％}
.column div{
	width:100%;
}
.cat_box{
	width:96.5%;
	padding:5px;
	margin-bottom:16px;
}
.box_right{
	width:100%;
}
.w300div_r{width:99%;
	float:none;
	margin:0 0 16px 0 }
#header .logo{padding-top:10px;}
.info{width:300px padding:20px 0;}
ul#topnav li{width:49%;}

ul#topnav li:nth-child(3n){
	border-right:1px solid #7e1321;
	width:49%;
}	
ul#topnav li:nth-child(2n),ul#topnav li:nth-child(6n){border-right:0;}
#mainBanner h2,#mainBanner h3{font-size:80%;}
}
/*max-width:480px END*/
@media only screen and (max-width:376px){
.aligncenter {
	width:290px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float:none;
	width:300px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float:none;
	width:300px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
}

}
@media only screen and (max-width:321px){
.aligncenter {
	width:254px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float:none;
	width:254px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float:none;
	width:254px;;
	height:auto;
	margin-left: auto;
	margin-right: auto;
}
.col2{
	float:none;
	width:96.5%;
	margin:0 0px 20px 0px;
	border:#ccc 1px solid;
	border-radius:5px; 
}

.col4{
	float:none;
	width:97%;
	font-size:10px;
	padding:12px;
	margin:20px 0px 0 3px;
	border:#ccc 1px solid;
	border-radius:5px; 
}
	
.box img{
	float:left;
	margin-right:5px;
}
}
/*Pagenation*/
.pagenation { margin: 1em 3px}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul { margin: 0}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
	margin-bottom: 3px;
}
.pagenation li:first-child { margin-left: 0}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}
*p{
	line-height:200%
}
/*max-width:321px END
file END
*/