/***************************************************************
トップボタン
***************************************************************/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 0px;
}

/***************************************************************
基礎設定
***************************************************************/
a:hover img{
filter: alpha(opacity=80);
-moz-opacity:0.6;
opacity:0.6;
}


a:hover { 
color: #de3d5d;
}

a{
color:#0153a6;
text-decoration: none;
}

img{
vertical-align:top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
max-width: 100%;
height: auto;
}

body {
font-size: 14px;
line-height:1.8em;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #676244;
margin: 0px 0px 0px 0px;
text-align: center;
  -webkit-text-size-adjust: 100%;
}

p.resizeimage img { width: 100%; }

/***************************************************************
ヘッダー　メニュー
***************************************************************/
.logo-area{
background-image: url(top/logo.png);/* 背景*/
background-repeat: no-repeat;
border-bottom:2px solid #41250b;
color: #f28e12;
width: 100%;
height: 50px;
text-align: right;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

/***************************************************************
メニューボタン
***************************************************************/
.menu-area{
	width: 100%;
	text-align: center;
	padding: 20px 0px;
	margin: auto;
}

.menu {
	position: relative;
	display: inline-block;
	width: 49%;
	height: 45px;
	background-color: #ffffff;
	background-image: -webkit-linear-gradient(top, #fef8f1, #fef8f1);
	background-image: linear-gradient(to bottom, #fef8f1, #fef8f1);
	box-shadow: inset 1px 1px 0 #f28e12;
	border-right: 1px solid #f28e12;
	border-bottom: 1px solid #f28e12;
	border-radius: 4px;
	color: #f28e12;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	line-height: 50px;
	outline: none;
}

.menu2 {
	position: relative;
	display: inline-block;
	width: 98%;
	height: 45px;
	background-color: #ffffff;
	background-image: -webkit-linear-gradient(top, #fef8f1, #fef8f1);
	background-image: linear-gradient(to bottom, #fef8f1, #fef8f1);
	box-shadow: inset 1px 1px 0 #f28e12;
	border-bottom: 1px solid #f28e12;
	border-right: 1px solid #f28e12;
	border-radius: 4px;
	color: #f28e12;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	line-height: 50px;
	outline: none;
}
menu2::before,
menu2::after,
menu::before,
menu::after {
	position: absolute;
	bottom: -1px;
	left: -1px;
	z-index: -1;
	display: block;
	content: '';
	width: 50%x;
	height: 45px;
	border: 1px solid #f28e12;
	border-bottom: 1px solid #f28e12;
	border-radius: 4px;
}
menu::before {
	height: 43px;
	bottom: -4px;
	border-top: 0;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 0px 0px 0px 0px #f28e12;
}




/***************************************************************
PC/モバイルの切り替えボタン
***************************************************************/
header {
	width: 100%;
	height: 50px;
	background-color: #111;
	padding: 0;
	margin: 0;
}

header div {
	width: 100%;
	margin: 0 auto;
}


h2 {
	float: left;
	padding: 12px 0px 0px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin: 0px;
}

header nav {
	float: right;
	padding: 0;
	margin: 0;
}

header li {
	float: left;
	border-right: solid 1px #111;
	margin: 0px;
}

header li a {
	display: block;
	padding: 10px;
	margin: 0;
	width: 60px;
	color: #fff !important;
	text-decoration :none !important;
	text-align: center;
}

header li a:link,
header li a:visited {background-color: #444;}
header li a:hover,
header li a:active {background-color: #666;}
header,nav {
	margin: 0;
	padding: 0;
}

ul li {
	list-style-type: none;
	margin: 0;
}

/*---------------------------------------------
	Clearfix
  ---------------------------------------------*/

.clearfix:after {
	display: block;
	clear: both;
}

.clearfix {
	zoom: 1;
}

/*---------------------------------------------
画面幅にあわせてCSSを変更
  ---------------------------------------------*/
@media screen and (min-width: 721px) and (max-width: 960px) {

	header div {width: 700px;}
	#contents {width: 700px;overflow: hidden;}
	article {float: none;}
	aside {float: none;width: 700px;}
	footer {width: 700px;}

}

@media screen and (min-width: 481px) and (max-width: 730px) {

	header div {width: 460px;}
	#contents {width: 460px;overflow: hidden;}
	article {float: none; width: 500px;}
	aside {float: none;width: 460px;}
	footer {width: 460px; text-align: center;}

}

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

	header div {width: auto; padding: 0 20px;}
	#contents {width: auto; padding: 0 20px;}
	article {float: none; width: auto;}
	section {float: none; width: auto; margin-right: 0;}
	aside {float: none; width: auto; padding-top: 0px;}
	footer {width: auto; padding: 0 20px 20px; text-align: center;}

}

/***************************************************************
ドロップダウンメニュー 表示/非表示を調整
***************************************************************/
.slicknav_menu {
 display:none;
}
 
@media screen and (max-width: 767px) {
#menu {
 display:none;
}
 
.slicknav_menu {
 display:block;
}

/***************************************************************
2カラムメニューボタン
***************************************************************/


/* サムネイルつき矢印リスト２列 */
.list5 {
 margin: 10px;
 }
 .list5:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }
 .list5 ul{
 border-top: 1px solid #ccc;
 }
 .list5 ul li{
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
 background: linear-gradient(#fff, #f0f0f0);
 border-top: none;
 border-bottom: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 height: 45px;
 margin: 0px;
 }
 .list5 ul li:nth-child(odd) {
 float: left;
 width: 50%;
 }
 .list5 ul li a{
 color: #6d3c30;
 display: block;
 margin: 0px;
 vertical-align:middle;
 font-weight: bold;
 padding: 10px 5px 15px 5px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-decoration: none;
 }

 .list5 ul li img{
 float: left;
 margin-right: 5px;
 }

/***************************************************************
2カラムメニューボタン
***************************************************************/

/* リセット */
html,body,nav,ul,li {
    margin:1px;
    padding:0;
   list-style-type:none;
}
 
/* display:table;ナビゲーション */
#menu02 ul {
    display:table;
    table-layout:fixed;
    width:100%;
}

#menu02 ul li {
    display: table-cell;
    border:1px solid #ffffff;
    vertical-align: middle;
}
#menu02 ul li a {
    display: table-cell;
    padding:0.5em 0;
    color:#ffffff;
    line-height:1.2em;
    text-align:center;
    text-decoration:none;
    background-color:#f28e12;
    vertical-align:middle;
    border-radius: 6px;
    height:50px;
    width:50%;
}

#menu02 ul li a:hover {
     background-color:#b6772d;
}


/***************************************************************
4カラムメニューボタン
***************************************************************/

/* リセット */
html,body,nav,ul,li {
    margin:1px;
    padding:0;
   list-style-type:none;
}
 
/* display:table;ナビゲーション */
#menu03 ul,
#menu03-2 ul,
#menu03-3 ul {
    display:table;
    table-layout:fixed;
    width:100%;
}
#menu03 ul li,
#menu03-2 ul li,
#menu03-3 ul li {
    display: table-cell;
    border:1px solid #ffffff;
    vertical-align: middle;
}
#menu03 ul li a,
#menu03-2 ul li a,
#menu03-3 ul li a {
    display: table-cell;
    padding:0.5em 0;
    color:#ffffff;
    line-height:1.2em;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
    border-radius: 6px;
    width:24%;
    height:50px;
}

.s1 {/* オレンジ */
    background-color:#f28e12;
}

.s2 {/* 青 */
    background-color:#0000ff;
}

.s3 {/* 緑 */
    background-color:#006400;
}

#menu03 ul li a:hover,
#menu03-2 ul li a:hover,
#menu03-3 ul li a:hover {
     background-color:#c0c0c0;
}

/***************************************************************
5カラムメニューボタン
***************************************************************/
/* display:table;ナビゲーション */
#menu05 ul {
    display:table;
    table-layout:fixed;
    width:100%;
}

#menu05 ul li {
    display: table-cell;
    border:1px solid #ffffff;
    vertical-align: middle;
}
#menu05 ul li a {
    display: table-cell;
    padding:0.5em 0;
    color:#ffffff;
    line-height:1.2em;
    text-align:center;
    text-decoration:none;
    background-color:#f28e12;
    vertical-align:middle;
    border-radius: 6px;
    height:50px;
    width:20%;
    font-size: 90%;
}

#menu05 ul li a:hover {
     background-color:#b6772d;
}


/***************************************************************
⇒のメニューボタン
***************************************************************/

#list {
    border-top:1px solid #cccccc;
    margin:0px;
}

#list li {
    border-bottom:1px solid #cccccc;
    text-align: left;
}

#list li a {
    position:relative;
    display:block;
    padding:10px;
    color:#86c238;
    text-decoration:none;
}

#list li a:before { /* 矢印 */
    position:absolute;
    top:50%;
    right:17px;
    content:""; /* 空の要素を作成 */
    width:0;
    height:0;
    margin-top:-5px; /* 位置を中心に調整 */
    border-width:5px;
    border-style:solid;
    border-color:transparent;
    border-left-color:#ffffff; /* 矢印の色 */
}
#list li a:after { /* 矢印背景 */
    position:absolute;
    top:50%;
    right:15px;
    content:""; /* 空の要素を作成 */
    width:20px;
    height:20px;
    margin-top:-10px; /* 位置を中心に調整 */
    background-color:#86c238;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%; /* 角丸 */
    z-index:-1; /* 矢印よりも後ろにする */
}

#list li a:hover {
background-color:#f5f5f5;
}



/***************************************************************
ボタン
***************************************************************/
.btn01{ /* 茶 */
width: 70%;
text-align: center;
display: block;
padding: 8px;
color: #fff;
text-decoration: none;
text-shadow: 0 -1px 1px #666;
border-radius: 10px;
font-weight: bold;
background: #a6815d -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a6815d), to(#a6815d));
background: #a6815d linear-gradient(#a6815d, #a6815d);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
box-shadow: 0 1px 3px rgba(0,0,0,0.6);
border-bottom: 1px solid rgba(0,0,0,0.25);
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}

.btn02{ /* 赤 */
width: 100px;
text-align: center;
display: block;
padding: 2px;
color: #fff;
text-decoration: none;
text-shadow: 0 -1px 1px #666;
border-radius: 3px;
font-weight: bold;
background: #ff0000 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aff0000), to(#ff0000));
background: #ff0000 linear-gradient(#ff0000, #ff0000);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
box-shadow: 0 1px 3px rgba(0,0,0,0.6);
border-bottom: 1px solid rgba(0,0,0,0.25);
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}


.btn03{/* オレンジ */
width: 50px;
text-align: center;
display: block;
padding: 4px;
color: #f28e12;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
border-radius: 3px;
border: 1px solid #f28e12;;
color: #f28e12;font-weight: bold;
-webkit-box-shadow: 1px 1px 2px #e7e7e7;
box-shadow: 1px 1px 2px #e7e7e7;
background: -webkit-gradient(linear, left top, left bottom, from(#fff),         color-stop(0.01, #f1f1f1),
color-stop(0.5, #f1f1f1),
color-stop(0.99, #dfdfdf),
to(#ccc));
background: linear-gradient(#fef8f1, #fef8f1 1% , #fef8f1 50% , #fef8f1 99%, #fef8f1);
margin-left: auto;
margin-right: 10px;
}


.btn04{/* グレー */
width: 50px;
text-align: center;
display: block;
padding: 4px;
color: #666;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
border-radius: 3px;
border-top: 1px solid #ccc;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #ccc;
font-weight: bold;
-webkit-box-shadow: 1px 1px 2px #e7e7e7;
box-shadow: 1px 1px 2px #e7e7e7;
background: -webkit-gradient(linear, left top, left bottom, from(#fff),         color-stop(0.01, #f1f1f1),
color-stop(0.5, #f1f1f1),
color-stop(0.99, #dfdfdf),
to(#ccc));
background: linear-gradient(#fff, #f1f1f1 1% , #f1f1f1 50% , #dfdfdf 99%, #ccc);
margin-left: auto;
margin-right: 10px;
}




/***************************************************************
テーブル
***************************************************************/
/*----------------------------------------------------
2セルに対応　会社概要やフォーム
----------------------------------------------------*/
section table  { 
width: 100%; 
margin-left: auto;
margin-right: auto;
text-align: center;
}

section th, section td  { padding: 10px; border: 1px solid #ddd; background: #ffffff; text-align: left;}
section th  { background: #f4f4f4; }
 
/*----------------------------------------------------
    .demo01
----------------------------------------------------*/
.demo01 th  { width: 30%; text-align: left; }
 
@media only screen and (max-width:480px){
    .demo01 { margin: 0 -10px; }
    .demo01 th,
    .demo01 td{
        width: 99%;
        display: block;
        border-top: none;
        text-align: left;
    }
    .demo01 tr:first-child th   { border-top: 1px solid #ddd; }
}


/*----------------------------------------------------
    .demo04
----------------------------------------------------*/
.demo04 th  { width: 30%; text-align: left; }
 
@media only screen and (max-width:480px){
    .demo04 { margin: 0 3px; }
    .demo04 th,
    .demo04 td{
        width: 93%;
        display: block;
        border-top: none;
        text-align: left;
    }
    .demo01 tr:first-child th   { border-top: 1px solid #ddd; }
}



/*----------------------------------------------------
横に長い場合 overflow-x と inline-block を使用
----------------------------------------------------*/

 
/*----------------------------------------------------
    .demo02
----------------------------------------------------*/
.demo02 th  { width: 13%; }
.demo02 td  { text-align: center; }
.demo02 td:first-child  { text-align: left; }
@media only screen and (max-width: 800px) { 
    .demo02 { 
        display: block; 
        width: 100%; 
        margin: 0 -10px;
    }
    .demo02 thead{ 
        display: block; 
        float: left;
        overflow-x:scroll;
    }
    .demo02 tbody{ 
        display: block; 
        width: auto; 
        overflow-x: auto; 
        white-space: nowrap;
    }
    .demo02 th{ 
        display: block;
        width:auto;
    }
    .demo02 tbody tr{ 
        display: inline-block; 
        margin: 0 -3px;
    }
    .demo02 td{ 
        display: block;
    }
}

/*----------------------------------------------------
リスト風にした場合 list-item を使用
----------------------------------------------------*/

.demo03 th, .demo03 td  { width: 20%; text-align: left; }
@media only screen and (max-width: 480px) { 
    .demo03 { margin: 0 -10px; }
    .demo03 tr {
        display:block;
        margin-bottom: 10px;
    }
    .demo03 th {
        display:block;
        width: 100%;
    }
    .demo03 td {
        display: list-item;
        width: 90%;
        margin-left: 10%;
        border:none;
    }
}


/***************************************************************
アコーディオンエリア
***************************************************************/
.accordion-area {
background-color: #ffffff;
width:98%;
border-top: 1px solid #ddd;
text-align: left;
box-sizing:border-box;  
 -moz-box-sizing:border-box;  
-webkit-box-sizing:border-box;  
clear: both;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
}

/***************************************************************
ライン　点線
***************************************************************/
hr{
    border:none;
    border-top:dashed 1px #CCC;
    height:1px;
    color:#FFFFFF;
    margin: 0 6 0 6;
}




 /***************************************************************
フォント
***************************************************************/
.px10 { 
color: #ffffff;
font-size: 80%;
}

.px14-b { 
color: #232323;
font-size: 100%;
font-weight: bold;
}

.px14-pink {
color: #cb5472;
font-size: 100%;
}

.px14-brown {
color: #41250b;
font-size: 100%;
}

.px14-blue { 
font-weight: bold;
font-size: 100%;
color: #58bcdc;
line-height:1.7em;
}
.px14-red {
color: #ff4378;
font-size: 100%;
}

.px14-green { 
display: inline-block;
font-weight: bold;
font-size: 100%;
color: #008000;
}


.px14-or {
font-size: 100%;
color: #f28e12;
font-weight: bold;
}

.px16-pink { 
color: #cb5472;
font-size:114%;
}

.px16-brown {
color: #41250b;
font-size: 114%;
}

.px16-or { 
font-weight: bold;
font-size: 114%;
color: #fd9010;
line-height:1.7em;
}

.px18-brown {
color: #41250b;
font-size: 128%;
}

.px18-pink { 
color: #cb5472;
font-size: 128%;
}

.px18-green {
color: #86c238;
font-size: 128%;
}

.px18-w {
color: #ffffff;
font-size: 128%;
}

.px18-or {
font-size: 128%;
color: #f28e12;
}



.px21-or {
font-size: 150%;
color: #f28e12;
}

.px21-brown {
color: #41250b;
font-size: 150%;
}

.px200 {
font-size: 200%;
color: #f28e12;
font-weight: bold;
}

.moji1 { /*注記の1文字下げ*/
text-indent:-1em;
padding-left:1em;
}


.moji5 { /*注記の5文字下げ*/
padding-left:5em;
}

.space5 { 
padding: 5px 0px 0px 0px;
text-align: center;
clear: both;
}

.space10 { 
padding: 0px 0px 10px 0px;
text-align: center;
clear: both;
}

.space20 { 
padding: 10px 0px 10px 0px;
text-align: center;
clear: both;
}

.space30 { 
padding: 15px 0px 15px 0px;
text-align: center;
clear: both;
}
.clear { 
padding: 0px 0px 0px 0px;
text-align: center;
clear: both;
}

.moji {/*注記の文字揃え*/
text-indent:-1em;
padding-left:1em;
line-height:1.8em;
}

/***************************************************************
文字エリア　中央ぞろえ
***************************************************************/
.text-area {
width:90%;
text-align: left;
padding: 15px 10px 15px 10px;
clear: both;
margin-left: auto;
margin-right: auto;
}

/***************************************************************
枠エリア　中央ぞろえ
***************************************************************/
.line-area {
width:95%;
padding: 15px 10px 15px 10px;
border: 2px solid #f28e12;
border-radius:10px;
box-sizing:border-box;  
 -moz-box-sizing:border-box;  
-webkit-box-sizing:border-box;  
clear: both;
margin: 10px 0px 10px 0px;
margin-left: auto;
margin-right: auto;
}

/***************************************************************
枠エリア　コンテンツ用　左そろえ
***************************************************************/
.line-area02 {
width:95%;
text-align: left;
padding: 15px 10px 15px 10px;
border-top: 3px solid #f28e12;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
box-sizing:border-box;  
 -moz-box-sizing:border-box;  
-webkit-box-sizing:border-box;  
clear: both;
margin: 10px 0px 10px 0px;
margin-left: auto;
margin-right: auto;
}





/***************************************************************
タイトル
***************************************************************/
.title {
border-left: 3px solid #f28e12;
color: #f28e12;
letter-spacing: 0.1em;
width:100%;
font-size: 100%;
padding: 0px 0px 0px 7px;
margin: 0px 0px 20px 0px;
text-align: left;
clear: both;
font-weight: bold;
}

/***************************************************************
サブタイトル
***************************************************************/
.title-sub {
width:100%;
color: #ffffff;
letter-spacing: 0.1em;
background-color: #f28e12;
text-align: left;
padding: 10px 10px 10px 10px;
border: 1px solid #f28e12;
border-radius:5px;
box-sizing:border-box;  
 -moz-box-sizing:border-box;  
-webkit-box-sizing:border-box;  
font-weight: bold;
clear: both;
margin: 10px 0px 10px 0px;
margin-left: auto;
margin-right: auto;
}


/***************************************************************
フッタ
***************************************************************/
#footer {
border-top:5px solid #d3d3d3;
background-color: #f5f5f5;
width:100%;
font-size:80%;
line-height:1.5em;
text-align: center;
clear: both;
padding: 10px 0px 20px 0px;
margin-top:0px;
margin-right:auto;
margin-left:auto;
}




/***************************************************************
フォーム
***************************************************************/
/* 1.5倍に拡大表示 */
input[type="radio"],
input[type="checkbox"] {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

input[type="email"],
input[type="tel"],
input[type="number"],
input[type="text"] {
   font-size: 150%;
}

textarea{font-size:150%;}
select{font-size:150%;}

/***************************************************************
リンク色
**************************************************************/
a.orange:link{ /*リンク集-オレンジx*/
font-weight: bold;
color: #f28e12;
line-height:1.8em;
text-decoration: none;
}

a.orange:visited{
font-weight: bold;
color: #f28e12;
}

a.orange:hover{
font-weight: bold;
color:#red;
}

a.orange:active{
font-weight: bold;
color: #f28e12;
}

a.brown:link{ /*リンク集-茶x*/
font-weight: bold;
color: #41250b;
line-height:1.8em;
text-decoration: none;
}

a.brown:visited{
font-weight: bold;
color: #41250b;
}

a.brown:hover{
font-weight: bold;
color:#red;
}

a.brown:active{
font-weight: bold;
color: #41250b;
}


/***************************************************************
動画
**************************************************************/
video {
width: 300px;
height:220px;
margin-top:10px;
margin-bottom:10px;
}

/***************************************************************
ペットフード
***************************************************************/
.food01{
background-image:url(food/back01.jpg);
background-repeat:no-repeat;
background-position:bottom right;
border:5px solid #e0e0e0;
width:95%;
min-height:60px;
color: #232323;
text-align: left;
padding: 10px 0 10px 3%;
margin-bottom: 10px;
text-shadow: white 1px 1px 0px, white -1px 1px 0px,
             white 1px -1px 0px, white -1px -1px 0px;
}


.food02{
background-image:url(food/back02.jpg);
background-repeat:no-repeat;
background-position:bottom right;
border:5px solid #e0e0e0;
width:95%;
min-height:70px;
color: #232323;
text-align: left;
padding: 10px 0 10px 3%;
margin-bottom: 10px;
text-shadow: white 1px 1px 0px, white -1px 1px 0px,
             white 1px -1px 0px, white -1px -1px 0px;
}


.food03{
background-image:url(food/back03.jpg);
background-repeat:no-repeat;
background-position:bottom right;
border:5px solid #e0e0e0;
width:95%;
min-height:55px;
color: #232323;
text-align: left;
padding: 10px 0 10px 3%;
text-shadow: white 1px 1px 0px, white -1px 1px 0px,
             white 1px -1px 0px, white -1px -1px 0px;
}


.food li {
color: #fd9010;
font-size: 100%;
list-style-type: none;
padding: 0;
margin: 20px 0 0px;
font-weight: bold;
}

.food span {
color: #41250b;
}

.inquiry-area {
background-color:#fbf2e9;
width:90%;
padding: 5%;
margin-bottom: 20px;
text-align: left;
}

.px14-blue { 
font-weight: bold;
font-size: 100%;
color: #58bcdc;
line-height:1.7em;
}
/*----- ボタン -----*/
.btn{
display: block;
width:230px;
text-align: center;
padding: 2px 0;
font-size: 12px;
background-color: #c70615;
color: #ffffff;/*ボタン色と同じに*/
border-radius: 3px;/*角の丸み*/
font-family: 'Kazesawa-Semibold', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
margin: 0 auto 10px;
}

.btn a {
color: #ffffff;
text-decoration: none;
}


.btn a:hover {
color: #232323;
}


.btn-t{
width:228px;
font-size: 12px;
line-height:1.6em;
text-align: center;
border-top: solid 1px #d3d3d3;
border-left: solid 1px #d3d3d3;
border-right: solid 1px #d3d3d3;
padding: 5px 0;
margin: 0 auto;
}


.btn-bana {
	display: inline-block;
}