@charset "utf-8";
/*
Theme Name: lifetochigi
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* CSS Document */
/* ---
	1-1. Reset
	1-2. Commonly
	1-3. Sometimes
	1-4. Framework
	1-5. Post Framework

	PC=>	画面の横幅が970px以上
				#maincolumn:width:710px;
				#sidecolumn:width:230px;
	TAB=>	画面の横幅が970pxまで
				#maincolumn:width:73%;
				#sidecolumn:width:25%;
	SP=>	画面の横幅が640pxまで
				#maincolumn:width:100%;
				#sidecolumn:width:100%;
----------------------------------------------*/
/* - 1-1. Reset -
----------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
	overflow-y: scroll;
}
* html body {
	background: url(null) fixed;
}
blockquote, q {
	quotes: none;
}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul{
	list-style:none;
}

table{
	border-collapse: collapse;
	border-spacing:0;
}

caption, th{
	text-align: left;
}

a:focus {
	outline:none;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both{
	clear:both;
}

.inline_block {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/* - 1-2. Commonly -
----------------------------------------------*/
.entry-title{ display:none; }
.clear{
	clear:both;
	overflow:hidden;
}
img, a img{
	max-width: 100%;
	height: auto;
	border:none;
	vertical-align: bottom;
	height:auto;
}
a,a:hover{
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
a img:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
a img.imgover:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
table{
	width:100%;
}
.leftdir { float:left; }
.rightdir{ float:right; }

/* - 1-3. Sometimes -
----------------------------------------------*/

/* - 1-4. Framework -
----------------------------------------------*/
/* 以下、全てに適用する場合のスタイル記入 */
#header, #globalnavi, #mainvisualarea, #pageindexarea, #contentbody, #footer, #copyright{
	width:100%;
	clear:both;
	overflow:hidden;
}
#container_bg{}
#contentbody{}

.bodymainwrap{
	background:#fff;
	width:970px;
	margin:0 auto;
	box-shadow:#d2d2d2 0px 0px 6px 3px;
	-webkit-box-shadow:#d2d2d2 0px 0px 6px 3px;
	-moz-box-shadow:#d2d2d2 0px 0px 6px 3px;
}
.overwrap{
	width:970px;
	margin:0 auto;
	overflow:hidden;
}
.mainwrap{
	width:950px;
	margin:0 auto;
	overflow:hidden;
}
.spview { display:none; }
.pcview { display:block; }

#maincolumn {
	float:right;
	width:700px;
}
#sidecolumn {
	float:left;
	width:220px;
}

.divide2{
	clear:both;
	overflow:hidden;
}
.divide2 li{
	/*width:340px;*/
	width: 338px;
	float:left;
	margin-right:20px;
}
.divide2 li:nth-child(2n){
	margin-right:0;
}

.divide3{
	clear:both;
	overflow:hidden;
}
.divide3 li{
	width:211px;
	float:left;
	margin-right:18px;
}
.divide3 li:nth-child(3n){
	margin-right:0;
}

#back-to-top{
	position:fixed;
	right:25px;
	bottom:25px;
}


/* 以下、画面の横幅が970pxまでの場合のスタイル記入 */
@media screen and (max-width: 970px){
	.bodymainwrap{
		width:100%;
	}
	.overwrap{
		width:100%;
	}
	.mainwrap{
		width:98%;
		margin:0 1%;
	}
		#mainvisualarea .mainwrap, #pageindexarea .mainwrap{
			width:98%;
			margin:0 1%;
		}
	.spview { display:none; }
	.pcview { display:block; }
	#maincolumn {
		float:right;
		width:73%;
	}
	#sidecolumn {
		float:left;
		width:25%;
	}
	.divide3 li{
		width:32.0%;
		float:left;
		margin-right:2.0%;
	}
		.divide3 li:nth-child(3n),
		.article .divide3 li:nth-child(3n){ margin-right:0; }

	#back-to-top{
		position:fixed;
		right:25px;
		bottom:25px;
	}
}
/* 以下、画面の横幅が640pxまでの場合のスタイル記入 */
@media screen and (max-width:640px){
	.mainwrap{
		width:96%;
		margin:0 auto;
	}
	#mainvisualarea .mainwrap, #pageindexarea .mainwrap, #header .mainwrap{
		width:100%;
		margin:0 auto;
	}
	.spview { display:block; }
	.pcview { display:none; }
	#maincolumn , #sidecolumn {
		float:none;
		clear:both;
		overflow:hidden;
		width:100%;
	}
	#back-to-top{
		position:fixed;
		right:0;
		bottom:0;
	}

}
/* - 1-5. Post Framework -
----------------------------------------------*/
/* 以下、全てに適用する場合のスタイル記入 */


/* 以下、画面の横幅が970pxまでの場合のスタイル記入 */
@media screen and (max-width: 970px){
}
/* 以下、画面の横幅が640pxまでの場合のスタイル記入 */
@media screen and (max-width:640px){
}


/* ---
	2-1. Commonly
	2-2. Header block
	2-3. Globalnavi block
	2-4. Mainvisualarea block
	2-5. Pageindexarea block
	2-6. Container_bg block
	2-7. Contentbody block
	2-8. breadcrumb block
	9. Contentbody block
	2-10. Maincolumn block
	2-11.Sidecolumn block
	2-12.back-to-top block
	2-13.footer block
	2-14.indexpage block


	PC=>	画面の横幅が970px以上
	TAB=>	画面の横幅が970pxまで
	SP=>	画面の横幅が640pxまで
----------------------------------------------*/
/* - 2-1. Commonly -
----------------------------------------------*/
/* 以下、全てに適用する場合のスタイル記入 */
body{
	width:100%;
	font: 13px "メイリオ","Meiryo","Lucida Sans Unicode", "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#323232;
	line-height:1.8em;
	background:url(images/common/back_white.png) 0 0 repeat-x, url(images/common/Background.png) 0 150px repeat;
}
#bg_l, #bg_r{width:100%;}
#bg_l {background:url(images/common/Bg_l.png) no-repeat 0 100%;}
#bg_r {background:url(images/common/Bg_r.png) no-repeat 100% 0;}

a{
	text-decoration:none;
	color:#323232;
}
a:hover{
	color:#323232;
}

#logo a{
	display:block;
	width:360px;
	height:63px;
	background:url(images/common/Logo.png) 0 50% no-repeat;
	background-size:100%;
	text-indent:-9999px;
}
#logo a:hover{
	opacity:0.8;
}
#tel{
	width:380px;
	height:80px;
	background:url(images/common/Tel.png) 50% 50% no-repeat;
	background-size:100%;
	text-indent:-9999px;
}
#tel a{
	display:block;
	width:100%;
	height:100%;
}
.br-tab,
.br-sp{
	display: none;
}

/* 以下、画面の横幅が970pxまでの場合のスタイル記入 */
@media screen and (max-width: 970px){
	.br-pc{
		display:none;
	}
	.br-tab{
		display: block;
	}
}

/* 以下、画面の横幅が640pxまでの場合のスタイル記入 */
@media screen and (max-width:640px){
	#logo, #logo a{
		display:block;
		width:220px;
		height:40px;
		background:url(images/common/Logo.png) 0 0 no-repeat;
		background-size:contain;
		text-indent:-9999px;
	}
	.br-sp{
		display: block;
	}
	#tel{
	width:250px;
	height:60px;
	background-size:contain;
	}
}


/* - 2-2. Header block -
----------------------------------------------------------*/
/* 以下、全てに適用する場合のスタイル記入 */

#header{
	background:#fff;
}
#header .overwrap.upperstage{
	background:#191464;
}
#header #headdir{
	padding:5px 0 4px;
}
#header h1{
	color:#fff;
	font-size:12px;
}
#header #head{
	padding:20px 0 0;
}
#header #head .overwrap{
	border-bottom:solid 1px #191464;
	padding-bottom:20px;
	margin-bottom:15px;
}
#header #logo{
	padding:13px 0 0;
}

/* 以下、画面の横幅が970px以上の場合のスタイル記入 */
@media screen and (max-width: 970px){}

/* 以下、画面の横幅が640pxまでの場合のスタイル記入 */
@media screen and (max-width:640px){
	#header{
		padding:5px 0 10px;
		margin-bottom:20px;
		border-top:solid 1px #1e1613;
		border-bottom:solid 1px #1e1613;
	}
	#header #logo{
		margin-left:10px ;
	}
	#header	#tel{
		width:80%;
		background-size: contain;
		margin: 0 auto;
	}
	ul.accordion {  font-size:13px; margin: 0 auto;}
	ul.accordion a { display:block; padding:5px 0; background-position:97% center; background-repeat:no-repeat; text-decoration:none; }
	ul.accordion span { display:block; padding:5px 0; background-position:97% center; background-repeat:no-repeat; }
	ul.accordion ul { display:none;}
	ul.accordion > li {}
	ul.accordion > li > p { clear:both; overflow:hidden; /*padding:0 5px;*/ }
	ul.accordion > li > p span#logo { float:left; }
	ul.accordion > li > p span#icon {
		float:right;
		width:40px;
		height:25px;
		margin:7px 10px 0 0;
		background: url(images/common/icon_mobile-bar.png) 50% 50% no-repeat;
		background-size: auto auto;
		border: solid 1px #1e1613;
		text-indent:-9999px;
	}
	ul.accordion > li > ul > li { background:rgba(25,20,100,0.6); border-bottom:1px solid #eee; width:100%; text-align:center; color:#fff;}
	ul.accordion > li > ul > li.closebutton{background:rgba(25,20,100,1.0); padding:6px 0;}
	ul.accordion > li > ul > li a{ display:block; width:100%; height: 100%; color:#fff; padding:5px 0;}
}

/* - 2-3. Globalnavi block -
----------------------------------------------*/
/* 以下、全てに適用する場合のスタイル記入 */

#globalnavi{
	background:url(images/common/Gn_bg.png) 0 0 repeat-x;
	height:40px;
	margin-bottom:15px;
}
#globalnavi ul{
	clear:both;
	overflow:hidden;
	width:100%;
	margin: 0 auto;
}
#globalnavi ul li{
	float:left;
	height:40px;
	/*margin-right:1px;*/
	border-right: solid 1px #fff;
	/*background:url(images/common/Gn_border.png) 0 100% no-repeat;*/
}
#globalnavi ul li:last-child{
	margin-right:0;
	border-right:none;
}
	#globalnavi ul #gN01{width:153px;}
	#globalnavi ul #gN02{width:158px;}
	#globalnavi ul #gN03{width:158px;}
	#globalnavi ul #gN04{width:158px;}
	#globalnavi ul #gN05{width:158px;}
	#globalnavi ul #gN07{width:160px;}

	#globalnavi ul li a,
	#globalnavi ul li a span{
		display:block;
		text-indent:-9999px;
		height:100%;
	}

	#globalnavi ul #gN01 a{
		background:url(images/common/Gn-1.png) 50% 50% no-repeat;
		background-size: contain;
	}
	#globalnavi ul #gN01 a:hover, #globalnavi ul #gN01.selected a{
		background:url(images/common/Gn-1.png) 50% 50% no-repeat, url(images/common/Gn_bg_o.png) 0 0 repeat-x;
		background-size: contain;
	}
	#globalnavi ul #gN02 a{
		background:url(images/common/Gn-2.png) 50% 50% no-repeat;
		background-size: contain, cover, cover;
	}
	#globalnavi ul #gN02 a:hover, #globalnavi ul #gN02.selected a{
		background:url(images/common/Gn-2.png) 50% 50% no-repeat, url(images/common/Gn_bg_o.png) 0 0 repeat-x;
		background-size: contain, cover;
	}
	#globalnavi ul #gN03 a{
		background:url(images/common/Gn-3.png) 50% 50% no-repeat;
		background-size: contain, cover;
	}
	#globalnavi ul #gN03 a:hover, #globalnavi ul #gN03.selected a{
		background:url(images/common/Gn-3.png) 50% 50% no-repeat, url(images/common/Gn_bg_o.png) 0 0 repeat-x;
		background-size: contain, cover;
	}
	#globalnavi ul #gN04 a{
		background:url(images/common/Gn-4.png) 50% 50% no-repeat;
		background-size: contain, cover;
	}
	#globalnavi ul #gN04 a:hover, #globalnavi ul #gN04.selected a{
		background:url(images/common/Gn-4.png) 50% 50% no-repeat, url(images/common/Gn_bg_o.png) 0 0 repeat-x;
		background-size: contain, cover;
	}
	#globalnavi ul #gN05 a{
		background:url(images/common/Gn-5.png) 50% 50% no-repeat;
		background-size: contain, cover;
	}
	#globalnavi ul #gN05 a:hover, #globalnavi ul #gN05.selected a{
		background:url(images/common/Gn-5.png) 50% 50% no-repeat, url(images/common/Gn_bg_o.png) 0 0 repeat-x;
		background-size: contain, cover;
	}
	#globalnavi ul #gN06 a{
		background:url(images/common/Gn-6.png) 50% 50% no-repeat;
		background-size: contain, cover;
	}
	#globalnavi ul #gN06 a:hover, #globalnavi ul #gN06.selected a{
		background:url(images/common/Gn-6.png) 50% 50% no-repeat, url(images/common/Gn_bg_o.png) 0 0 repeat-x;
		background-size: contain, cover;
	}
	#globalnavi ul #gN07 a{
		background:url(images/common/Gn-7.png) 50% 50% no-repeat;
		background-size: contain, cover;
	}
	#globalnavi ul #gN07 a:hover, #globalnavi ul #gN07.selected a{
		background:url(images/common/Gn-7.png) 50% 50% no-repeat, url(images/common/Gn_bg_o.png) 0 0 repeat-x;
		background-size: contain, cover;
	}


/* 以下、画面の横幅が970pxまでの場合のスタイル記入 */
@media screen and (max-width: 970px){
	#globalnavi{
		width:100%;
		/*height:50px;*/
		margin-bottom:25px;
	}
	#globalnavi ul{
		width:100%;
	}
	#globalnavi ul li{
		/*height: 20px;*/
	}
	#globalnavi ul #gN01{
		width:6.52%;
	}
	#globalnavi ul #gN02,
	#globalnavi ul #gN03,
	#globalnavi ul #gN04{
		width:13.68%;
	}
	#globalnavi ul #gN05{
		width:19.16%;
	}
	#globalnavi ul #gN06{
		width:13.68%;
	}
	#globalnavi ul #gN07{
		width:19.30%;
	}
}

/* 以下、画面の横幅が640pxまでの場合のスタイル記入 */
@media screen and (max-width:640px){}

/* - 2-4. Mainvisualarea block -
----------------------------------------------*/
/* 以下、全てに適用する場合のスタイル記入 */
#mainvisualarea{
	margin-bottom:20px;
}

/* 以下、画面の横幅が970pxまでの場合のスタイル記入 */
@media screen and (max-width: 970px){
	#mainvisualarea{
		background:none;
	}
	#mainvisualarea .mainwrap{
		 height:250px;
	}
}
/* 以下、画面の横幅が640pxまでの場合のスタイル記入 */
@media screen and (max-width:640px){
	#mainvisualarea .mainwrap{ height:110px; }
}

/* 以下、画面の横幅が667px(iphone6まで)までの、横向き表示の場合のスタイル記入 */
@media screen and (max-width:667px)
	 and (orientation:landscape){
	#mainvisualarea .mainwrap{ height:180px;}
}

/* - 2-5. Pageindexarea block -
----------------------------------------------*/
/* 以下、全てに適用する場合のスタイル記入 */

/* 以下、画面の横幅が970pxまでの場合のスタイル記入 */
@media screen and (max-width: 970px){
}

/* 以下、画面の横幅が640pxまでの場合のスタイル記入 */
@media screen and (max-width:640px){
}

/* - 6. Container_bg block -
----------------------------------------------*/
/* 以下、全てに適用する場合のスタイル記入 */
#container_bg{}

/* 以下、画面の横幅が970pxまでの場合のスタイル記入 */
@media screen and (max-width: 970px){

}
/* 以下、画面の横幅が640pxまでの場合のスタイル記入 */
@media screen and (max-width:640px){

}
/* - 2-7. Contentbody block -
----------------------------------------------*/
/* 以下、全てに適用する場合のスタイル記入 */
#contentbody{
	padding:0 0 10px;
}
#contentbody .section{
	border:solid 1px #191464;
}
#contentbody .section.none{
	border:none;
	background:none;
}
#maincolumn .section{ margin-bottom:30px; }
#sidecolumn .section{ margin-bottom:15px; }
#contentbody .section .article{ padding:15px 10px; }
#contentbody .section.none .article{ padding:15px 10px; }


/* 以下、画面の横幅が970pxまでの場合のスタイル記入 */
@media screen and (max-width: 970px){
	#contentbody{
		background-size: 155%;
	}
}
/* 以下、画面の横幅が640pxまでの場合のスタイル記入 */
@media screen and (max-width:640px){
	#maincolumn .section{
		margin-bottom:25px;
	}
	#contentbody{
		background:none;
	}
}

/* - 2-8. breadcrumb block -
----------------------------------------------*/
#breadcrumb{
	margin-top:15px;
}
#breadcrumb ul {
	overflow:hidden;
	margin-left:5px;
}
#breadcrumb ul li {
	float:left;
	padding:5px 0 20px;
	margin:0 5px 0 0;
}
#breadcrumb ul li a {
	text-decoration:underline;
}
#breadcrumb ul li a:hover{
	font-weight:bolder;
}

/* - 2-9. Contentbody block -
----------------------------------------------*/
/* - 2-10. maincolumn block -
----------------------------------------------*/
/* 以下、全てに適用する場合のスタイル記入 */
#maincolumn h2{}
#maincolumn h3{
	overflow: hidden;
	border-top:solid 1px #191464;
	border-bottom:solid 1px #191464;
	padding:8px 10px 6px;

	background: #d1d0e0; /* Old browsers */
	background: -moz-linear-gradient(left,  #d1d0e0 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d1d0e0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #d1d0e0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #d1d0e0 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #d1d0e0 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to right,  #d1d0e0 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransfor.Microsoft.gradient( startColorstr='#d1d0e0', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
#maincolumn h3 .title,
#maincolumn h3 .title a{
	color:#191464;
	padding:0 0 0 20px;
	font-size:18px;
	font-weight:bold;
	vertical-align: middle;
	background:url(images/common/H3_icon.png) 0 50% no-repeat;
}
#maincolumn h3 .title a:hover,
#maincolumn h3 a:hover.title{
	color:#191464;
}
#maincolumn h3 .list{
	float:right;
	padding-right:15px;
	background:url(images/common/H3_arrow.png) 100% 50% no-repeat;
}
#maincolumn h3 .list a{
	color:#191464;
	font-size:100%;
}
#maincolumn h3 .list a:hover{
	text-decoration:underline;
}
#maincolumn h4{
	border-bottom:solid 1px #272858;
	margin-bottom:10px;
}
#maincolumn h4 .title{
	font-size:16px;
	font-weight:700;
}
#maincolumn h5{
	color:#c8005a ;
	font-size:16.5px;
	font-weight:bold;
	margin-bottom:12px;
}

/* 以下、画面の横幅が970pxまでの場合のスタイル記入 */
@media screen and (max-width: 970px){
	#maincolumn h3{
		padding:6px 20px 8px 20px;
	}
	#indexpage h2 .diagonal{
		width:60%;
	}
}

/* 以下、画面の横幅が640pxまでの場合のスタイル記入 */
@media screen and (max-width:640px){
	#indexpage h2 .diagonal{
		width:30%;
	}
}

/* - 2-11 .sidecolumn block -
----------------------------------------------*/
/* 以下、全てに適用する場合のスタイル記入 */

#sidemenu h3{
	background:#191464;
	padding-top:10px;
	height:38px;
	text-align:center;
}
#sidecolumn #sidemenu .article{
	padding:0 10px;
}
#sidemenu ul li{
	font-size:14px;
	border-bottom:dashed 1px #989898;
}
#sidemenu ul li:last-child{
	border-bottom:none;
}
#sidemenu ul li a{
	display:block;
	padding:10px 10px 7px 30px;
	transition:none;
}
#sidemenu ul li a:hover{
	color:#c8005a;
	text-decoration:underline;
	background:#d1d0e0 url(images/common/Sitemenu_arrow_o.png) 5% 50% no-repeat;
}
#sidecolumn ul.sns li{
	margin-bottom:10px;
	}

#sidecolumn #fbbox .fb-like-box{
		border:solid 1px #391707;
		background:#fff;
	}

/* 以下、画面の横幅が970pxまでの場合のスタイル記入 */
@media screen and (max-width: 970px){
	#sidecolumn	#likebox{
		display: none;
	}
	#sidecolumn .spview{
		display: block;
	}
}

/* 以下、画面の横幅が640pxまでの場合のスタイル記入 */
@media screen and (max-width:640px){
	#sidecolumn .section{
		width: 70%;
		margin: 0 auto 15px;
	}
}

/* - 2-12.back-to-top block -
----------------------------------------------*/

/* - 2-13 .footer block -
----------------------------------------------*/
/* 以下、全てに適用する場合のスタイル記入 */
#footer{
	background:#191464;
}
#footerupper{
	padding:10px 0;
	font-size:13px;
	overflow:hidden;
	border-bottom:solid 1px #fff;
}
#footermenu{
	position: relative;
}
#footermenu ul{
	position: relative;
	left:50%;
	float:left;
}
#footermenu ul li {
	position: relative;
	left:-50%;
	float:left;
}
#footermenu li a{
	color:#fff;
	padding:0 10px;
	border-right:solid 1px #999;
}
#footermenu ul li:last-child a {
	border-right:none ;
}
#footermenu ul li a:hover{
	text-decoration:underline;
}
#footer #footerlower .clear.low{
	padding:20px 100px 15px;
}
#footer #footerlower{
	font-size:12px;
	color:#fff;
}
#footer #footerlower .clear.low .rightdir{
	padding-top:3px;
}
#footer #logo_sub{
	width:310px;
	height:35px;
	margin:5px 0;
	background:url(images/common/Logo_sub.png) 0 50% no-repeat;
	background-size:100%;
}
#footer #logo_sub a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
#footer #logo_sub a:hover{
	opacity:0.8;
}

#copyright{
	color:#fff;
	text-align:center;
	background:#c8005a;
	padding:15px 0 13px;
}

/* 以下、画面の横幅が970pxまでの場合のスタイル記入 */
@media screen and (max-width: 970px){
	#footer #footerlower .clear.low{
		padding:20px 3% 15px;
	}
	#footer #footerlower .leftdir{
		width:50%;
	}
	#footer #footerlower .rightdir{
		width:45%;
		margin-top:10px;
	}
	#footermenu ul{
		text-align: center;
	}
	#footermenu ul li{
		display: inline-block;
		float: none;
	}
	#footermenu ul li:nth-child(5) a{
		border-right:none;
	}
}

/* 以下、画面の横幅が640pxまでの場合のスタイル記入 */
@media screen and (max-width:640px){
	#footermenu ul{
		text-align: left;
	}
	#footermenu ul li{
		display: inline-block;
		float: none;
	}
	#footermenu ul li:nth-child(5) a{
		border-right:solid 1px #999;
	}
	#footermenu li a{
		padding:0 10px;
	}
	#footer #footerlower .leftdir{
		float: none;
		width:95%;
		margin: 0 auto 20px;
	}
	#footer #footerlower .rightdir{
		float: none;
		width:95%;
		margin: 0 auto 10px;
	}
	#footer #logo_sub{
		width:250px;
		height:50px;
		background-size:contain;
		margin:2px 0;
	}
	#copyright{
		font-size:9px;
		padding:7px 0;
	}
}

/* - 2-14. indexpage block -
----------------------------------------------*/
/* 以下、全てに適用する場合のスタイル記入 */

#indexpage #grtdir{
	position: relative;
}
#indexpage #grtdir .grtbutton{
	position: absolute;
	z-index: 10;
	top:15px;
	right: 15px;
}
#indexpage #peace{
	border:solid 1px #8c89b1;
	background:#feeb9e;
	padding:2px;
}
#indexpage #peace #peaceinner{
	border:solid 12px #fff;
	background:#f2f2f2;
}
#indexpage #peace #peaceinner h2{
	background: url(images/common/H2.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
	width:100%;
	height: 50px;
}
#indexpage #peace #peaceinner p{
	font-size:12px;
	line-height:1.8em;
}

#indexpage #divide3banner .divide3.clear .point{
	border:solid 1px #191464;
	text-align:center;
	padding:15px 4px;
	font-size:12px;
	line-height:1.6em;
	height:175px;
}
#indexpage #divide3banner .divide3.clear .point img{
	margin-bottom:12px;
}

/* ご葬儀事例 */
#indexpage #case .divide3{
	clear:both;
	overflow:hidden;
}
#indexpage #case .divide3 li{
	width:210px;
	float:left;
	margin-right:25px;
}
#indexpage #case .divide3 li:nth-child(3n){
	margin-right:0;
}
#indexpage #case .divide3 li .img{
	margin-bottom:10px;
}

/* お知らせ */
#indexpage #notice .newslist{
	clear:both;
	overflow:hidden;
}
#indexpage #notice .newslist li{
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
}
#indexpage #notice .newslist li .img img{
	width:150px;
	float: left;
	margin-right:15px;
}

/* ご葬儀事例、お知らせ 共通 */
#indexpage #case .divide3 li .posttxt .title a,
#indexpage #notice .newslist li .posttxt .title a{
	font-weight:bold;
	font-size:110%;
}
#indexpage #case .divide3 li .posttxt .title a:hover,
#indexpage #notice .newslist li .posttxt .title a:hover{
	text-decoration:underline;
}
#indexpage #case .divide3 li .posttxt .des,
#indexpage #notice .newslist li .posttxt .des{
	line-height:1.6em;
}


/* 以下、画面の横幅が970pxまでの場合のスタイル記入 */
@media screen and (max-width: 970px){
	#indexpage #grtdir .grtbutton{
		width:30%;
		top:15%;
		right: 2.5%;
	}
	#indexpage #peace #peaceinner h2{
		width:100%;
		min-height:50px;
		max-height: 100px;
		background-size: contain;
	}
	#indexpage #divide3banner .divide3.clear li{
		width:98%;
		margin:0 auto 15px;
	}
	#indexpage #divide3banner .divide3.clear li:last-child{
		margin:0 auto;
	}
	#indexpage #divide3banner .divide3.clear li img{
		float: left;
		width:30%;
		margin-right:2%;
	}
	#indexpage #divide3banner .divide3.clear li p{
		text-align: left;
	}
	#indexpage #divide3banner .divide3.clear li p br{
		display: none;
	}
	#indexpage #divide3banner .divide3.clear .point{
		height:auto;
	}

	/* ご葬儀事例 */
	#indexpage #case .divide3 li{
		width:30.88%;
		margin-right:3.08%;
	}
}

/* 以下、画面の横幅が640pxまでの場合のスタイル記入 */
@media screen and (max-width:640px){
	#indexpage #grtdir .grtbutton{
		right: 2.5%;
		top:5%;
	}
	#indexpage #peace #peaceinner h2{
		margin: 0;
	}
	#indexpage #divide3banner .divide3.clear li{
		width:96%;
		margin: 0 auto 15px;
		text-align: center;
	}
	#indexpage #divide3banner .divide3.clear li img{
		float: none;
		width:70%;
		margin:0 auto 10px;
	}
	#indexpage #divide3banner .divide3.clear li p{
		clear: both;
		text-align: left;
	}
	/* ご葬儀事例、お知らせ 共通 */
	#indexpage #case .divide3 li,
	#indexpage #notice .newslist li{
		width:100%;
		margin: 0 0 15px 0;
	}
	#indexpage #case .divide3 li img,
	#indexpage #notice .newslist li .img img{
		float: left;
		width:40%;
		margin-right:3%;
	}
	#indexpage #case .divide3 li .des,
	#indexpage #notice .newslist li .des{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis; /* Safari */
		-o-text-overflow: ellipsis; /* Opera */
	}
}