@charset "UTF-8";



/*============================================================================================
↓新着情報========================================================================================
============================================================================================*/

.featureitem{
	margin-right: 0%;
	margin-top: -10px;
	margin-bottom: 15px;
	margin-left: 0%;
	display: flex;
	justify-content: center;
	line-height: 1.5;
	align-items: flex-start;
}

/*左側*/
.featureitem div{
	width: 80%;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
/*右側*/
.featureitem p{
   width: 50%;
 display: block;
     margin:auto;

}


/*タブレット*/
@media screen and (max-width:900px){
/*新着内容*/
.featureitem{
		margin-right: 10%;
		margin-left: 10%;
		align-items: flex-start;
	}
	.featureitem div{
		width: 100%;
	}
}


/*SP*/
@media screen and (max-width:750px){

/*新着内容*/
	.featureitem{
		display: block;
	}
	.featureitem p{
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	.featureitem img{
		width: 100%;
		margin: 20px auto 0px;
	}
	
}




/*============================================================================================
↓contact========================================================================================
============================================================================================*/

.featureitem2{
	margin-right: 0%;
	margin-bottom: 50px;
	margin-left: 0%;
	display: flex;
	justify-content: center;
	line-height: 1.5;
	align-items: flex-start;
}

/*左側*/
.featureitem2 div{
	width: 80%;
	margin-top: 80px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
/*右側*/
.featureitem2 p{
   width: 50%;
 display: block;
		margin-right:auto;
		margin-left:auto;

}


/*タブレット*/
@media screen and (max-width:900px){
/*新着内容*/
.featureitem2{
		margin-right: 10%;
		margin-left: 10%;
		align-items: flex-start;
	}
	.featureitem2 div{
		width: 100%;
	}
}


/*SP*/
@media screen and (max-width:750px){

/*新着内容*/
	.featureitem2{
		display: block;
		margin-right:auto;
		margin-left:-5px;
	}
	.featureitem2 p{
		width: 100%;
text-align: center;
	}
	.featureitem2 div{
		width: 100%;
		text-align: center;
	}
	
}


/* メイン */

.mein{
		margin-top: 250px;
	}
	
/*SP*/
@media screen and (max-width:750px){

.mein{
		margin-top: 150px;
	}
}




	

/* 画像イメージ　レジポンシブル */

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
	display: block !important;
	margin-bottom: 28px;
 }

.sp { display: none !important;	 
margin-bottom: 100px; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: 
	block !important;
		width: 80%; }
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc2 {
	display: block !important;
	margin-bottom: 20px;
 }

.sp2 { display: none !important;	 
margin-bottom: 100px; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc2 { display: none !important; }
    .sp2 { display: 
	block !important;
		width: 80%; }
}


/*============================================================================================
↓共通========================================================================================
============================================================================================*/
html {
	width: 100%;
	font-size : 62.5%; /*10px*/
	line-height: 1.7em;
	background-color: #fff;
} 

/* clearfix */
#header:after,
#container:after,
#contents:after,
.clearfix:after{
	content:" ";
	display:block;
	height:0;
	line-height:0;
	clear:both;
	visibility:hidden;
}
#header,
#container,
#contents,
.clearfix{
	display:inline-block;
	min-height:1%;
}

/* Hides from IE-mac */
* html #header,
* html #container,
* html #contents,
* html .clearfix{height:1%;}

#header,
#container,
#contents,
.clearfix{
	display:block;
	position: relative;
}

/* リンクテキスト */
a:link,a:visited {
	text-decoration: none;
	color: #3c3c3c;
}
a:hover {
	text-decoration: none;
	color: #fff;
}
a.over,.over {cursor: pointer;}

/* 画像 */
img.width-max{
     width: 100%;
	 max-width: 1080px;
     height: auto;
	 margin: 0 auto;
     display:block;
}

/* 余白/フロート */
.clear{clear:both;}
.left{ float:left;  }
.right{ float:right; }
.align-c{ text-align:center; }
.align-r{ text-align:right; }
.align-l{ text-align:left; }

.mgB0{   margin-bottom:0px;  }
.mgB5{   margin-bottom:5px;  }
.mgB10{  margin-bottom:10px; }
.mgB15{  margin-bottom:15px; }
.mgB20{
	margin-bottom: 56px;
}
.mgB30{  margin-bottom:30px; }
.mgB40{  margin-bottom:40px; }
.mgB50{  margin-bottom:50px; }

.mgT0{   margin-top:0px;  }
.mgT5{   margin-top:5px;  }
.mgT10{  margin-top:10px; }
.mgT15{  margin-top:15px; }
.mgT20{  margin-top:20px; }
.mgT30{  margin-top:30px; }
.mgT40{  margin-top:40px; }
.mgT50{  margin-top:50px; }

.mgR0{   margin-right:0px;  }
.mgR5{   margin-right:5px;  }
.mgR10{  margin-right:10px; }
.mgR15{  margin-right:15px; }
.mgR20{  margin-right:20px; }
.mgR30{  margin-right:30px; }
.mgR40{  margin-right:40px; }
.mgR50{  margin-right:50px; }

.mgL0{   margin-left:0px;  }
.mgL5{   margin-left:5px;  }
.mgL10{  margin-left:10px; }
.mgL15{  margin-left:15px; }
.mgL20{  margin-left:20px; }
.mgL30{  margin-left:30px; }
.mgL40{  margin-left:40px; }
.mgL50{  margin-left:50px; }

.pdgB0{   padding-bottom:0px;  }
.pdgB5{   padding-bottom:5px;  }
.pdgB10{  padding-bottom:10px; }
.pdgB15{  padding-bottom:15px; }
.pdgB20{  padding-bottom:20px; }
.pdgB30{  padding-bottom:30px; }
.pdgB40{  padding-bottom:40px; }
.pdgB50{  padding-bottom:50px; }

.pdgT0{   padding-top:0px;  }
.pdgT5{   padding-top:5px;  }
.pdgT10{  padding-top:10px; }
.pdgT15{  padding-top:15px; }
.pdgT20{  padding-top:20px; }
.pdgT30{  padding-top:30px; }
.pdgT40{  padding-top:40px; }
.pdgT50{  padding-top:50px; }

.pdgR0{   padding-right:0px;  }
.pdgR5{   padding-right:5px;  }
.pdgR10{  padding-right:10px; }
.pdgR15{  padding-right:15px; }
.pdgR20{  padding-right:20px; }
.pdgR30{  padding-right:30px; }
.pdgR40{  padding-right:40px; }
.pdgR50{  padding-right:50px; }

.pdgL0{   padding-left:0px;  }
.pdgL5{   padding-left:5px;  }
.pdgL10{  padding-left:10px; }
.pdgL15{  padding-left:15px; }
.pdgL20{  padding-left:20px; }
.pdgL30{  padding-left:30px; }
.pdgL40{  padding-left:40px; }
.pdgL50{  padding-left:50px; }

/*============================================================================================
↓フォント====================================================================================
============================================================================================*/
/*フォントサイズ*/
.font6{font-size: 60%;}
.font8{font-size: 80%;}
.font10{font-size: 100%;}
.font12{font-size: 120%;}
.font14{font-size: 140%;}
.font16{font-size: 160%;}
.font18{font-size: 180%;}
.font20{font-size: 200%;}

.en {font-family: 'Abel', sans-serif; font-weight: normal; letter-spacing:0.05em;}
.ja {font-family: font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: 100;}
.bold { font-weight: 400;}

.impr {background-color:#f2f2bd; font-weight:bold;} /*文章強調*/


/*============================================================================================
↓各デバイスでの表示切り替え===========================================================
============================================================================================*/
.sp, .tab {display: none;}/*only SP&TAB*/
.pc {display: block;}/*only PC*/
@media screen and (max-width: 1080px) {
.sp, .tab {display: none;}
.pc {display: block;}
}
@media screen and (max-width: 768px) {
.sp, .pc {display: none;}
.tab {display: block;}
}
@media screen and (max-width: 480px) {
.pc, .tab {display: none;}
.sp {display: block;}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape) {
.pc, .tab {display: none;}
.sp {display: block;}
}

/*============================================================================================
↓カラー指定==================================================================================
============================================================================================*/
.bk {color:#000;} /*Black*/
.lg-bei {color:#e9e8df;} /*light greysh beige*/
.lb-grey {color:#f2f2f2;} /*light blue grey*/
.cb-grey {color:#515b5d;} /*dark blue grey*/
.vmln {color:#c84c10;} /*vermillion*/


/*============================================================================================
↓＜レイアウト＞body==========================================================================
	background-color:#faf0e6;
============================================================================================*/
body {
	width: 100%;
	font-family: 'Abel', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size : 10pt;
	font-weight: 200;
	color: #3c3c3c;
	-webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 1080px) {
body {
  /*background-color: #0C3; きみどり*/
}
}
@media screen and (max-width: 768px) {
body {
  /*background-color: #3CF; みずいろ*/
}
}
@media screen and (max-width: 480px) {
body {
  /*background-color: #FC3; きいろ*/
}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape) {
body {
  /*background-color:#F99; ピンク*/ 
}
}

/*============================================================================================
↓＜レイアウト＞==============================================================================
============================================================================================*/
#wrapper {

}

#flexible-layer { /*ヘッダー箇所の伸縮エリア*/
	position:absolute;
	z-index:9999;
	width:100%;
	top:0;
		background-color:#fff;
}
#main-area { /*メインコンテンツエリア*/
	width: 100%;
	padding-top: 180px;
}
@media screen and (max-width: 480px) {
#main-area { /*メインコンテンツエリア*/
	padding-top:100px;
}
}

/*============================================================================================
↓＜レイアウト＞レスポンシブ対応（上下余白・幅1080px以下サイド余白）==========================
============================================================================================*/
.inner-wrap { /*可変幅 1080px*/
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-top: 250px;
}
@media screen and (max-width: 768px) {
.ajs-mg { /*可変マージン*/
	margin-bottom: 3em;
}
.inner-wrap { /*可変幅 1080px*/
	margin-top: 100px;
		margin-left: 30px;
	margin-right: 30px;
}
}


.inner-wrap2 { /*可変幅 1080px*/
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-top: 250px;
}
@media screen and (max-width: 768px) {
.ajs-mg { /*可変マージン*/
	margin-bottom: 3em;
}
.inner-wrap2 { /*可変幅 1080px*/
	margin-top: 100px;
		margin-left: 30px;
	margin-right: 30px;
}
}

.inner-wrap3 { /*可変幅 1080px*/
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-top: 250px;
}
@media screen and (max-width: 768px) {
.ajs-mg { /*可変マージン*/
	margin-bottom: 3em;
}
.inner-wrap3 { /*可変幅 1080px*/
	margin-top: 160px;
	margin-left: 30px;
	margin-right: 30px;
}
}

.inner-wrap31 { /*可変幅 1080px*/
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-top: 10px;
}
@media screen and (max-width: 768px) {
.ajs-mg { /*可変マージン*/
	margin-bottom: 3em;
}
.inner-wrap31 { /*可変幅 1080px*/
	margin-top: -80px;
	margin-left: 30px;
	margin-right: 30px;
}
}


.inner-wrap4 { /*可変幅 1080px*/
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-top: 80px;
}
@media screen and (max-width: 768px) {
.ajs-mg { /*可変マージン*/
	margin-bottom: 3em;
}
.inner-wrap4 { /*可変幅 1080px*/
	margin-top: 80px;
	margin-left: 30px;
	margin-right: 30px;
}
}

.inner-wrap41 { /*可変幅 1080px*/
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-top: 80px;
}
@media screen and (max-width: 768px) {
.ajs-mg { /*可変マージン*/
	margin-bottom: 3em;
}
.inner-wrap4 { /*可変幅 1080px*/
	margin-top: 60px;
	margin-left: 30px;
	margin-right: 30px;
}
}


.inner-wrap44 { /*可変幅 1080px*/
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-top: 80px;
}
@media screen and (max-width: 768px) {
.ajs-mg { /*可変マージン*/
	margin-bottom: 3em;
}
.inner-wrap44 { /*可変幅 1080px*/
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
}
}

.inner-wrap5 { /*可変幅 1080px*/
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-top: 110px;
}
@media screen and (max-width: 768px) {
.ajs-mg { /*可変マージン*/
	margin-bottom: 3em;
}
.inner-wrap5 { /*可変幅 1080px*/
	margin-top: 70px;
		margin-left: 30px;
	margin-right: 30px;
}
}



.inner-wrap6 { /*可変幅 1080px*/
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-top: -11px;
}
@media screen and (max-width: 768px) {
.ajs-mg { /*可変マージン*/
	margin-bottom: 3em;
}
.inner-wrap6 { /*可変幅 1080px*/
	margin-top: -11px;
		margin-left: 30px;
	margin-right: 1px;
}
}


.inner-wrap7 { /*可変幅 1080px*/
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-top: 110px;
}
@media screen and (max-width: 768px) {
.ajs-mg { /*可変マージン*/
	margin-bottom: 3em;
}
.inner-wrap4 { /*可変幅 1080px*/
	margin-top: 80px;
		margin-left: 30px;
	margin-right: 30px;
}
}



.inner-wrap8 { /*可変幅 1080px*/
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-top: -5px;
}
@media screen and (max-width: 768px) {
.ajs-mg { /*可変マージン*/
	margin-bottom: 3em;
}
.inner-wrap8 { /*可変幅 1080px*/
	margin-top: -5px;
		margin-left: 30px;
	margin-right: 1px;
}
}





.inner-box { /*可変幅 740px*/
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.ajs-mg { /*可変 下マージン*/
	margin-bottom: 0em;
	overflow: hidden;
}
@media screen and (max-width: 1080px) {
.inner-wrap {
	padding-left: 1.5em;
	padding-right: 1.5em;
}
}

@media screen and (max-width: 480px) {
.ajs-mg { /*可変マージン*/
	margin-bottom: 2em;
}
.inner-wrap { /*可変幅 1080px*/
	margin-top: 50px;
}
}

/*============================================================================================
↓＜レイアウト＞下層ページ（共通）リキッド・右カラムfixed=====================================
============================================================================================*/
.right-fix {
	width: 25%;
	float: right;
}
.left-variable {
	width: 100%;
	float: left;
	margin-right: -30%;
}
.left-variable .liquid-inner {
	margin-right: 30%;
	width: auto;
}
@media screen and (max-width: 768px) {
.right-fix {
	width: 100%;
	float: inherit;	
}
.left-variable {
	width: 100%;
	float: inherit;
	margin-right: 0px;
	margin-bottom:2em;
}
.left-variable .liquid-inner {
	margin-right: 0px;
	width: auto;
}
}

/*============================================================================================
↓header =====================================================================================
============================================================================================*/
#header {
	line-height: 1em;
	overflow: hidden;
	width: 100%;
	padding-bottom: 40px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 40px;
}
#header .inner {
	max-width: 1080px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	padding-bottom: 0px;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-top: 0px;
}


#header h1 img {
	width:auto;
	height:30px;
}
.header-left {
	float:left;
}
.header-right {
	position:absolute;
    right: 1.5em;
    top:1px;
    z-index: 99999;
}
@media screen and (max-width: 480px) {
#header .inner {
	padding:15px 1.5em;
}
.header-right {
    top: 5px;
}
}


/*============================================================================================
↓nav =====================================================================================
============================================================================================*/

.list {
	font-family: "MS 明朝";
		font-size:18px;
}

.list li {
	margin-right:5em;	
}

@media screen and (max-width: 480px) {
	
 {
	display: none;
}
}


/*============================================================================================
↓gnav =====================================================================================
============================================================================================*/
#gnav {
	float:left;
	margin-left: 40em;	
}
#gnav a:link,
#gnav a:visited {
	text-decoration:none;
}
#gnav a:hover {
	background-color:#f2f2bd;
}
#gnav ul {
	overflow:hidden;
	margin-top: 0.85em;	
}
#gnav ul li {
	font-size:1.1em;
	letter-spacing:0.05em;
	display:inline-block;
	float:left;
	padding: 0 0 0 1em;

	background-position:center left;
	background-repeat:no-repeat;
}
@media screen and (max-width: 860px) {
#gnav {
	width:100%;
	margin-top:1em;
	display:none;
}
#gnav ul {
	margin-top: 0;	
}
#gnav ul li {
	width:100%;
	display:block;
	float:inherit;
	padding: 0;
	background-image:none;
	border-bottom:dotted #ccc 1px;
}
#gnav ul li a:link,
#gnav ul li a:visited {
	background-color:#fff;
	display:block;
	padding: 1.2em 1.6em;
	background-image:url(../img/ico-gnav.png);
	background-position:center left;
	background-repeat:no-repeat;
	transition: background-color 300ms ease-out 0s;
}
#gnav ul li a:hover {
	background-color:#f3f3f3;
}
#gnav .tab,
#gnav .sp {
	display:inline-block;
}
}

/*============================================================================================
↓big-nav =====================================================================================
============================================================================================*/
#big-nav div {
	float:right;
	margin-left: 0.25em;
	height:50px;
}

.header-cartbutton a {
    display: inline-block;
    background-color: #000;
    background-image: url("../img/btn-cart.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    border-radius: 50%;
    font-size: 1.5rem;
    height: 20px;
    padding: 15px;
    text-indent: -9999px;
    width: 20px;
	transition: background-color 300ms ease-out 0s;
}
.header-mailbutton a {
	display: inline-block;
	background-color: #cbd1d4;
	background-image: url("../img/btn-mail.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	border-radius: 50%;
	font-size: 1.5rem;
	height: 10px;
	padding: 10px;
	text-indent: -9999px;
	width: 10px;
	transition: background-color 300ms ease-out 0s;
}
.header-cartbutton a:hover,
.header-mailbutton a:hover,
.header-mailbutton a:active {
	background-color:#666;
}
.header-openbutton {
	display:none;
}
.header-openbutton a {
	display: inline-block;
	background-color: #cbd1d4;
	background-image: url("../img/btn-open.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	border-radius: 50%;
	font-size: 1.5rem;
	height: 0.5px;
	padding: 15px;
	text-indent: -9999px;
	width: 0.5px;
	transition: background-color 300ms ease-out 0s;
}
.header-openbutton a:hover,
.header-openbutton a:active {
	background-color:#3c3c3c;
}
.open a {
	background-image: url("../img/btn-close.png");
}

@media screen and (max-width: 860px) {
.header-openbutton {
	display:block;
}
}

/*============================================================================================
↓footer======================================================================================
============================================================================================*/
#footer {
	text-align: center;
	width: 100%;
	background-color: #fff;
}

/*フッターコンテンツ---------------------------------*/
#footer .inner {
	padding:4em 0;
}
#footer .inner ul li {
	margin-bottom:1em;
}
#footer .inner ul li:last-child {
	margin-bottom:0;
}
#footer .logo {
	width:auto;
	height:25px;
}
#footer .logo img {
	width:auto;
	height:80%;
}
#footer .bnr-fb {
	width:auto;
	height:20px;
}
#footer .bnr-fb img {
	width:auto;
	height:100%;
}
#footer .copyright {
	font-size:8pt;
				line-height:12px;
}

/*他サイトへのリンク---------------------------------*/
#footer .other-sitenav {
	background-color: #fff;
}
#footer .other-sitenav ul {
	overflow:hidden;
	padding:1em;
}
#footer .other-sitenav ul li {
	float:left;
	display:block;
	border-right: solid 1px #fff;
}
#footer .other-sitenav ul li:first-child {
	border-left: solid 1px #fff;
}
#footer .other-sitenav ul li a:link,
#footer .other-sitenav ul li a:visited {
	color:#fff;
	text-decoration:none;
	padding:1em 2em;
}
#footer .other-sitenav ul li a:hover {
	color:#999999;
}

/*ページトップ---------------------------------*/
#pagetop {
	background-color: #91837a;
	cursor: pointer;
	height: 20px;
	width: 20px;
	z-index: 999;
	padding: 15px;
	border-radius: 50%;
	position: fixed;
	bottom: 1.5em;
	right: 1.5em;
	display: none;
}
#pagetop img {
	width:100%;
	height:auto;
}
@media screen and (max-width: 480px) {
#pagetop {
	padding:12px;
	bottom:1.5em;
}
}


/*============================================================================================
↓下層ページ　コンテンツ見出しタイトルまわり（大）============================================
============================================================================================*/
.page-ttl {
	text-align: center;
	margin-bottom: 5em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0em;
}
.page-ttl h2 {
	font-size:1.6em;
	font-weight:normal;
	line-height:1.4em;
	margin:0 0 0.5em 0;
	letter-spacing:0.05em;
}

.page-ttl h2 span {
	border-bottom: solid 0px #000;
}
.page-ttl p {
	color:#999;
	display:block;
	letter-spacing:0.05em;
}

/*============================================================================================
↓下層ページ　コンテンツ見出しタイトルまわり（中）============================================
============================================================================================*/
.cont-ttl-c {
	margin-bottom:1em;
	text-align:center;
}

.cont-ttl-c h2 {
	font-size:2em;
	font-weight:normal;
	line-height:1.2em;
	margin:0 0 0.25em 0;
	letter-spacing:0.05em;
}



.cont-ttl-l p {
	color:#999;
	font-size:10px;
	display:block;
	letter-spacing:0.05em;
}

.cont-ttl-l {
	margin-bottom: 0em;
}
.cont-ttl-l h2 {
	font-size:1.6em;
	font-weight:normal;
	line-height:1.2em;
	margin:0 0 0.25em 0;
	letter-spacing:0.05em;
}

@media screen and (max-width: 768px) {
.cont-ttl-l h2 {
		margin:0 0 0.25em 1em;
}
.cont-ttl-l p {
		margin:0 0 0.25em 2em;
}
}

.cont-ttl-l p {
	color:#999;
	font-size:0.8em;
	display:block;
	letter-spacing:0.05em;
}

/*============================================================================================
↓下層ページ　コンテンツ見出しタイトルまわり（ベージュ背景）==================================
============================================================================================*/
.bge-ttl {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:1.5em;
	background-color:#e9e8e0;
}

/*============================================================================================
↓下層ページ　コンテンツ見出しタイトルまわり（下線のみ）======================================
============================================================================================*/
.bln-ttl {
	font-size: 1.2em;
	line-height:1.6em;
	margin-bottom:1.5em;
}
.bln-ttl span {
	border-bottom:solid 1px #000;
}

/*============================================================================================
↓下層ページ　コンテンツ見出しタイトルまわり（縦線アイコン）==================================
============================================================================================*/
.vl-ttl {
	padding: 0.5em 0 0.5em 1.6em;
	margin-bottom:0.5em;
	background-image:url(../img/ico-vline.png);
	background-position:center left;
	background-size: 24px 24px;
	background-repeat:no-repeat;
}

/*============================================================================================
↓ボタン（黒・白文字・中央）==================================================================
============================================================================================*/
a:link.btn-bk-center,
a:visited.btn-bk-center {
	background-color: #c7aea1;
	color: #fff;
	display: block;
	width: 100%;
	padding: 1em 0;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	text-decoration: none;
	transition: background-color 300ms ease-out 0s;
}
a:hover.btn-bk-center {
	background-color: #999999;
}

/*============================================================================================
↓ボタン（黒点線囲み======）==================================================================
============================================================================================*/
a:link.btn-bkline,
a:visited.btn-bkline {
	background-color: #fff;
	border:dotted 1px #000;
    color: #000;
    display: block;
    padding: 1em 0;
	margin-right:auto;
	margin-left:auto;
    text-align: center;
    text-decoration: none;
    transition: background-color 300ms ease-out 0s;
}
a:hover.btn-bkline {
	background-color: #ccc;
	border:solid 1px #ccc;
    color: #fff;
}