@charset "utf-8";
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table.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}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body {
color:#333;
font-size:16px;
font-family:"Century Gothic",arial, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
line-height:1.9;
-webkit-text-size-adjust: none;
border-bottom-width: 5px;
border-bottom-style: solid;
border-bottom-color: #006;
}



/* 全体
------------------------------------------------------------*/
*{
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
        box-sizing: border-box;
}


#header{
width:100%;
background-color:#FFF;
}
	
.inner{
max-width:960px;
padding:0;
margin: 0 auto;
}


i.fa{
	margin: 0 5px;
}

.bgc_006{
	background-color: #006;
}
.bgc_666{
	background-color: #666;
}


/**************************
/* ヘッダー
**************************/

.description{
	background-color: #006;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	width:100%;
	position: fixed;/*fixedを設定して固定*/
	z-index:999;
}

.description h1{
	font-size: 10px;
	color: #FFF;
	max-width:960px;
	padding: 5px 15px;
	margin:0 auto;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	font-weight: bold;
	line-height: 1.2;
}


#header .logo{
display: inline-block;
width: 250px;
padding-top: 20px;
padding-bottom:20px;
margin-left:20px;
margin-right:20px;
}



.logo a{
line-height: 1;
}

.logo img{
width: 100%;
height: auto;
}


ul.headernav{
display: inline-block;
}

ul.headernav li{
display: inline-block;
margin: 10px;
padding:0;
font-size:11px;
line-height: 1.1;
}

ul.header li a{
	margin: 0;
	padding: 6px 9px;
	color: #FFF;
	background-color: #39F;
	border-radius:5px;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #28D;
}

ul.headernav2{
display: inline-block;
}

ul.headernav2 li{
display: inline-block;
margin: 10px;
padding:0;
font-size:11px;
line-height: 1.1;
}

ul.header2 li a{
	margin: 0;
	padding: 6px 9px;
	color: #FFF;
	background-color: #39F;
	border-radius:5px;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #28D;
}



/**************************
/* TOP画
**************************/

#mainBanner{
	margin: 0 auto 35px auto;
	padding-top:100px;
	width:100%;
	position:relative;
	line-height:0;
	z-index: 200;
	text-align: center;
	background-color: #EEE;
}

#mainBanner img{
max-width:100%;
height:auto;
}

/**************************
/* グリッド
**************************/

.gridWrapper{
	width:960px;
    padding-bottom:40px;
    overflow: hidden;
}

.gridWrapper .grid{
	float:left;
	width:45%;
	margin: 0 0 0 2%;
}

.gridWrapper .grid2{
	float:left;
	width:48%;
	margin: 0 0 0 2%;
}

.gridWrapper .grid3{
	float:left;
	width:30%;
	margin: 0 0 0 2%;
}

.gridWrapper .grid4{
	float:left;
	width:40%;
	margin: 0 0 0 2%;
}

.gridWrapper .grid5{
	float:left;
	width:20%;
	margin: 0 0 0 0.3%;
}

.gridWrapper .grid6{
	float:left;
	width:300px;
	margin: 0 0 0 2%;
}


.gridWrapper .grid7{
	float:left;
	width:70%;
	margin: 0 0 0 2%;
}

.gridWrapper .grid8{
	float:left;
	width:60%;
	margin: 0 0 0 2%;
}


.gridWrapper .grid img{
	float:left;
	width:100%;
    height:auto;

}	
	
.gridWrapper .grid2 img{
	float:left;
	width:100%;
    height:auto;

}		
	
.gridWrapper .grid3 img{
	float:left;
	width:100%;
    height:auto;

}	
	
.gridWrapper .grid4 img{
	float:left;
	width:100%;
    height:auto;

}	

.gridWrapper .grid5 img{
	float:left;
	width:100%;
    height:auto;

}

.gridWrapper .grid p{
	margin-bottom:5px;
}

.gridWrapper .box{
	padding: 15px;
	margin: 0 0 0 2%;
	border:1px solid #DDD;
	color: #333;
	border-radius:8px;
	overflow: hidden;
}

.gridWrapper .box img{
width:100%;
height:auto;
border:0px solid #DDD;
}

.gridWrapper .box p.readmore{
	float:right;
	font-size: 13px;
	margin: 15px 0 5px 0;
	color: #FFF;
	background-color:  #006;
	padding: 5px 8px;
	border-radius: 5px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #28D;
	display: inline;
}
.gridWrapper a .box:hover p.readmore{
	background-color: #FFF;
	color: #39F;
	border-bottom-color: #CCC;
}



/**************************
/* 吹き出し本体 三角アイコン - 左右の中心
**************************/
 
.balloon1{
  position: relative;
  padding: 20px;
  background-color: #006;
  text-align: center;
  font-size: 100%;
  color: #FFF;
}

.balloon1::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  bottom: -15px;
  margin: 0 auto;
  border-top: 15px solid #006;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}


.balloon2{
  position: relative;
  padding: 20px;
  background-color: #C63527;
  text-align: center;
  font-size: 100%;
  color: #FFF;
}

.balloon3 {
  position: relative; /* 三角の位置を固定するために設定 */
  width: 100%; /* 幅 */
  margin: 0 auto 20px; /* 上 左右 下のマージン */
  padding: 10px; /* ふきだし内の余白 */
  background: #C63527; /* 背景色 */
  text-align: center; /* テキストの揃え */
  color: #FFF;
  border-radius: 8px; /* <-追加 */
}
.balloon3::before { /* 三角の部分 */
  content: '';
  position: absolute; /* 位置固定 */
  bottom: -28px; /* 線幅の2倍 */
  left: 50%;
  margin-left: -14px; /* 線幅だけずらす */
  border: 14px solid transparent; /* 線幅の設定 */
  border-top-color: #C63527; /* 吹き出しの地と同じ色 */
}

.balloon4{
  position: relative;
  padding: 20px;
  background-color: #C63527;
  text-align: center;
  font-size: 100%;
  color: #FFF;
}

.balloon4::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  bottom: -15px;
  margin: 0 auto;
  border-top: 15px solid #C63527;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}


/**************************
/* * メイン コンテンツ
**************************/

section.content article,
section.contentgray article, 
section.contentaka article,
section.contentkiiro article,
section.contentgraph article {
	margin: 0 auto;
	max-width:960px;
	position:relative;
	background:#fff;
	padding-top:2%;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom:3%;
}

section.contentgray article2 {
	margin: 0 auto;
	max-width:960px;
	position:relative;
	background:#EEE;
	padding-top:2%;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom:3%;
}


* html section.content article{height:1%;}


section.contentgray {	
	margin: 0 auto;
	background:#EEE;
  padding-bottom:5%;
}

section.contentgray2{
  display: flex;
  justify-content: center;
  background:#EEE;
  flex-wrap: wrap;
  padding-top:2%;
  padding-bottom:5%;
}

.boxgray{
  padding: 15px;
  width:310px;
  height:auto;
  margin: 10px;
  background-color: #fff;
}

.boxgray2{
	margin: 0 auto;
	width:960px;
	position:relative;
	background:#fff;
	padding-top:2%;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom:3%;
}

section.contentaka {	
	margin: 0 auto;
	background:#C63527;
  padding-bottom:5%;
}

section.contentkiiro {	
	margin: 0 auto;
	background:#F1C400;
  padding-bottom:5%;	
}

section.contentgraph {
  margin     : 0 auto;
  max-width  : 100%;
	padding-right: 2%;
	padding-left: 2%; 
  padding-bottom:5%;
                                            /* ドット（水玉）模様のCSS */
  background-color : #ffffff;
  background-image :

    repeating-linear-gradient(to bottom,          /* 横線 */
       transparent 12px,
       rgba(153, 153, 153, 0.20) 13px,  rgba(153, 153, 153, 0.20) 13px,
       transparent 14px,  transparent 25px, 
       rgba(153, 153, 153, 0.20) 26px,  rgba(153, 153, 153, 0.20) 26px,
       transparent 27px,  transparent 38px, 
       rgba(153, 153, 153, 0.20) 39px,  rgba(153, 153, 153, 0.20) 39px,
       transparent 40px,  transparent 51px, 
       rgba(153, 153, 153, 0.20) 52px,  rgba(153, 153, 153, 0.20) 52px,
       transparent 53px,  transparent 64px, 
       rgba(153, 153, 153, 0.20) 65px,  rgba(153, 153, 153, 0.20) 65px),

    repeating-linear-gradient(to right,          /* 縦線 */
       transparent 12px,
       rgba(153, 153, 153, 0.20) 13px,  rgba(153, 153, 153, 0.20) 13px,
       transparent 14px,  transparent 25px, 
       rgba(153, 153, 153, 0.20) 26px,  rgba(153, 153, 153, 0.20) 26px,
       transparent 27px,  transparent 38px, 
       rgba(153, 153, 153, 0.20) 39px,  rgba(153, 153, 153, 0.20) 39px,
       transparent 40px,  transparent 51px, 
       rgba(153, 153, 153, 0.20) 52px,  rgba(153, 153, 153, 0.20) 52px,
       transparent 53px,  transparent 64px, 
       rgba(153, 153, 153, 0.20) 65px,  rgba(153, 153, 153, 0.20) 65px);
}

section.content p{margin-bottom:5px;}

section.content
section.contentgray article, 
section.contentaka article,
section.contentkiiro article,
section.contentgraph article img {
    height:auto;
}



  section.contPlusMassage {
    border: 5px solid #1a2b70;
	max-width:960px;
    padding: 30px;
    margin: 50px auto;
  }
  
  section.contPlusMassage h2 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
    transform: rotate(0.03deg) !important;
    font-size: 2.025rem !important;
    line-height: 4.375rem !important;
    font-weight: bold !important;
    font-feature-settings: "palt" !important;
    margin: 0 0 20px;
    font-weight: bold;
    padding: 0 20px 30px;
    color: #1a2b70;
    border-bottom: 4px double #1a2b70;
    position: relative;
  }
  

  
  section.contPlusMassage h3 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
    transform: rotate(0.03deg) !important;
    font-size: 1.500rem !important;
    line-height: 4.375rem !important;
    font-weight: bold !important;
    font-feature-settings: "palt" !important;
    margin: 0 0 20px;
    font-weight: bold;
    padding: 0 20px 30px;
    color: #1a2b70;
    border-bottom: 4px double #1a2b70;
    position: relative;
	text-align:center;
  }

.aligncenter{
display:block;
	margin: 3px auto 10px;
	max-width:100%;
}

.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 0;
}

.alignright{
float:right;
clear:right;
margin:3px 0 10px 10px;
}

/**************************
/* フォーム
**************************/

section.formarea{
	margin-bottom:40px;
	overflow:hidden;
}
.form_box{
	border-radius: 8px;
	text-align: center;
	padding:15px 10px;
	vertical-align: middle;
	color: #FFF;
	text-align: center;
}
.form_title{
	margin-bottom: 5px;
	font-size: 25px;
	font-weight: bold;
	line-height: 1;
}

.form_input{
	margin-bottom: 5px;
}
.form_input .f_text{
	padding:2px 5px;
	margin-right: 5px;
	width: 250px;
	color: #666;
}

.form_txt{
	line-height: 1.3;
}

.bg_fukuzawa{
	background-image: url(images/mail_fukuzawa.png);
	background-repeat: no-repeat;
	background-position: -15px 5px;
}



/**************************
/* ライン
**************************/

hr.line1{
  border: none;
  border-top: 1px dotted #999;
}

hr.line2{
  border: none;
  border-top: 1px dotted #999;
}

hr.line3{
  border:none;
  border-top: double 3px #999;
}



/**************************
/* 全文表示
**************************/

.readmore-button-box a {
	margin: 0;
	padding: 6px 9px;
	color: #FFF;
	background-color: #006;
	border-radius:5px;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #006;
}

.readmore-button-box a:hover {
   background-color: #39F;     /* ボタンにマウスが乗ったら明るい赤色に変化 */
}

.readmore-button-box {
   text-align: center;
   background-image: linear-gradient( 180deg, rgba(255,255,255,0.3), white );   /* 上から下へ：[白色半透明]から[白色]へグラデーション */
   padding-top: 4.5em;   /* ボタンの上側でグラデーションを見せる距離(長さ) */
   margin-top: -6.5em;   /* ボックスを上側に重ねる距離(長さ) */
   position: relative;   /* ボックス全体を上に重ねるために必要 */
}

.readmore-area {
   display: none;   /* デフォルトでは非表示にしておく */
}

/**************************
/* テーブル
**************************/
table.table ,
table.table_2{
border-collapse:collapse;
margin:5px auto 15px auto;
width: 100%;
}
table.table a ,
table.table_2 a{
	text-decoration: underline;
}
table.table th{
background-color:#EEE;
text-align:right;
padding: 10px 15px;
white-space:nowrap;
color: #151515;
font-weight:normal;
letter-spacing:1px;
vertical-align: middle;
border-top-width: 1px;
border-right-width: 4px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #DDD;
border-right-color: #39F;
border-bottom-color: #DDD;
border-left-color: #DDD;
}
table.table td{
border-collapse:collapse;
text-align:left;
padding: 10px 15px;
border:1px solid #DDD;
line-height:1.5;
vertical-align: middle;
}

table.table_2 th{
	background-color: #EEE;
	text-align: center;
	padding: 10px;
	white-space: nowrap;
	color: #151515;
	font-weight: normal;
	letter-spacing: 1px;
	vertical-align: middle;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 4px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DDD;
	border-right-color: #DDD;
	border-bottom-color: #39F;
	border-left-color: #DDD;
}
table.table_2 td{
border-collapse:collapse;
text-align:left;
padding: 5px 10px;
border:1px solid #DDD;
line-height:1.5;
vertical-align: middle;
}
table.table_2 td span.imp{
	margin: 0px 0px 0px 3px;
	font-weight: bold;
	color: #F00;
	font-size: 70%;
}

table.table2{
border-collapse:collapse;
margin:5px auto 15px auto;
width: 100%;
}
table.table2 th{
background-color:#EEE;
text-align:left;
padding: 10px 15px;
white-space:nowrap;
color: #151515;
font-weight:normal;
letter-spacing:1px;
vertical-align: middle;
border-top-width: 1px;
border-right-width: 4px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #DDD;
border-right-color: #39F;
border-bottom-color: #DDD;
border-left-color: #DDD;
}
table.table2 td{
border-collapse:collapse;
text-align:left;
padding: 10px 15px;
border:1px solid #DDD;
line-height:1.5;
vertical-align: middle;
}


/**************************
/* ボタン
**************************/


.nurutto_btn_red {
	display: inline-block;
	width: 80%;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background:#F1322C;
	border-bottom:4px solid #AD2022;
	border-radius: 4px;
}
.nurutto_btn_red:hover {
	 cursor: pointer;
	 text-decoration: none;
	 background:#AD2022;
	 transform: translate3d(0, 0px, 0);
	 border-bottom: none;
}



/**************************
/* フッター
**************************/
.ft_menu {
	position: fixed;
	bottom: 20px;
	z-index: 9999;
	left: 50%;
}
.page-top a{
	background-color: #000;
	background-color: rgba(0,0,0,0.4);
	padding: 7px 10px;
	border-radius:10px;
	text-decoration: none;
	color: #FFF;
	text-align: center;
	line-height: 1;
	font-size: 8px;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	margin: 0 0 0 500px;
}
.ft_menu span .fa{
	font-size: 24px;
	line-height: 1.5;
	display: block;
}

#footer{
clear:both;
overflow:hidden;
padding: 10px;
background:#EEE;
}

* html #footer{height:1%;}

#footer .grid{
padding:10px 0 5px;
margin:0;
background:transparent;
}

#footer #info .logo{
	float: left;
	width: 200px;
	margin: 20px 0 0 0;
}
#footer #info .info{
float: right;
padding:15px 0 0 0;
text-align:right;
font-weight: bold;
line-height: 1.4;
}
#footer #info .info .tel{
font-size:26px;
}
#footer #info .info .tel .fa{
	font-size:22px;
	color: #F36;
}
#footer #info .info .open{
font-size:12px;
}

ul.footnav{
font-size:0;
clear:both;
padding: 20px 0 10px 0;
}

ul.footnav li{
margin: 2px;
padding:0;
font-size:11px;
line-height: 1.1;
display: inline-block;
}
ul.footnav li a{
	margin: 0;
	padding: 6px 9px;
	color: #FFF;
	background-color: #39F;
	border-radius:5px;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #28D;
}

address{
clear:both;
padding:10px;
text-align:center;
font-style:normal;
font-size:10px;
color:#333;
background:#DDD;
}







/* タブレット用・PC用（横幅：641px～）
------------------------------------------------------------*/
@media only screen and (min-width: 641px){

#wrapper{
	margin: 0 auto;
	width:98%;
	position:relative;
	background:#fff;
	padding-right: 1%;
	padding-left: 1%;
}

}



/* タブレット用（横幅：641px～959px）
------------------------------------------------------------*/
@media only screen and (max-width:959px){



/**************************
/* フッター　959px以下
**************************/
#footer .grid,
#footer ul.footnav{
width:100%;
text-align:center;
}

#footer .grid img{float:none;}
#footer .grid p{display:block;}


}






/* タブレット＆スマホ(横：ランドスケープ)用（横幅：481px～640px）
------------------------------------------------------------*/
@media only screen and (max-width:640px){
	
	
	
/**************************
/* ヘッダー　640px以下
**************************/
.description{
}
#header{
height:auto;
}

#mainBanner{
	margin: 0 auto 35px auto;
	padding-top:100px;
	width:100%;
	position:relative;
	line-height:0;
	z-index: 200;
	text-align: center;
	background-color: #EEE;
}

#header .logo{
width: 220px;
margin: 5px;
}


ul.headernav{
	display:none
}






/**************************
/* グリッド　640px以下
**************************/

.gridWrapper{
	width:100%;
    padding-bottom:40px;
    overflow: hidden;
}


.gridWrapper .grid,
.gridWrapper .grid2,
.gridWrapper .grid3,
.gridWrapper .grid4,
.gridWrapper .grid5,
.gridWrapper .grid6 img{
	width:98%;
}

.gridWrapper .grid7{
	width:100%;
}

.gridWrapper .grid8{
	width:98%;
}



.gridWrapper .grid p{
	margin-bottom:5px;
}



/**************************
/* メイン コンテンツ
**************************/

section.content article,
section.contentgray article, 
section.contentaka article,
section.contentkiiro article,
section.contentgraph article {
	padding-right: 2%;
	padding-left: 2%; 
}

section.content article2,
section.contentkiiro article2,{
	margin: 0 auto;
	max-width:100%;
}

section.contentgray,
section.contentaka,
section.contentkiiro {	
	padding-right: 2%;
  	padding-left: 2%; 
    padding-bottom:5%;
}



img {
	max-width:100%;
	height: auto;
}

.alignleft,.alignright{
float:none;
display:block;
margin:0 auto 10px;
}

.boxgray{
  width:100%;
  height:auto;
}

.boxgray2{
	margin: 0 auto;
	width:100%px;
}





/**************************
/* フッター　640px以下
**************************/

#footer #info .logo{
	float:none;
	margin-right: auto;
	margin-left: auto;
}
#footer #info .info{
text-align:center;
float:none;
}

}
 





/* スマホ(縦)用（横幅：0～400px）
------------------------------------------------------------*/
@media only screen and (max-width:400px){

body {
font-size:85%;
}




/**************************
/* グリッド　400px以下
**************************/

.box img{
	float:none;
	margin-right:5px;
	width:100%;
}

}


/**************************
/* 問い合わせと資料請求
**************************/


/*PCの場合にはメニューを表示させない*/
@media (min-width: 768px) {
   .for-sp{
      display:none;
    }
}


/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 14px;
   border-right: 1px solid #fff;
}

/*左側メニューを濃藍に*/
#sp-fixed-menu li:first-child{
   background: #0f2350;
}

/*左側メニューを茜色に*/
#sp-fixed-menu li:last-child{
   background: #b7282e;
}

/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding:10px;
}