@charset "utf-8";

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

/* =======================================================

common

======================================================= */

/* section ============================ */

.row {
	margin-bottom: 1.5em;
  display: inline-block;
  display: block;
}

.row:before,
.row:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0 !important;
	margin-bottom: 10px;
}

.col {
	/*margin:25px auto 25px auto;*/
	margin:0 auto 0;
	float:none;
}

.col.img {
	text-align:center;
}

/*.col img {
	width:auto;
}*/

.col img.tablet100 {
	width:100%;
}

.col:first-child { margin-left:0; }

.col.right { float:none; margin-left:0; }

.col.left { float:none; margin-left:0; }

.one { width:auto; }/*40/700*/
.two { width:auto; }/*100/700*/
.three { width:auto; }/*160/700*/
.four { width:auto; }/*220/700*/
.five { width:auto; }/*280/700*/
.six { width:auto; }/*340/700*/
.seven { width:auto; }/*400/700*/
.eight { width:auto; }/*460/700*/
.nine { width:auto; }/*520/700*/
.ten { width:auto; }/*580/700*/
.eleven { width:auto; }/*640/700*/
.twelve { width:auto; }/*700/700*/

.arrow {
	background:url(../image/arrow_down.png) no-repeat center center;
	background:url(../image/arrow_down_ie.png) no-repeat center center\9; /* IE8 and below */
	background-size:20px auto;
}


/* contents 【.entryContent】→【.content-box】
============================================================ */

.content-box {
	font-size:100%;/* 16px */
	/*line-height:1.5;*/
	width:100%;
	margin:0 auto;
}

.content-box img {
	max-width:100%;
	/*width:50%;*/
}

.content-box p {
	margin-bottom: 10px ;
	line-height: 1.5 ;
}

.alignleft,
.alignright,
.aligncenter {
	margin-bottom: 1.5em;
	text-align:center;
}

.alignleft img,
.alignright img,
.aligncenter img {
	text-align:center;
	/*width:40%;*/
}

.alignleft {/*PCと同じに変更 メモ有*/
	display: block;
	float: left;
	margin-right: 15px;
}

.alignright {/*PCと同じに変更 メモ有*/
	display: block;
	float: right;
	margin-left: 15px;
}

.aligncenter {
	display: block;
	margin: 0px auto 1.5em;
}

.alignright-img {
	float:none;
	width:34.2%;
	margin: 0 0 1em 0;
}

.alignleft-img {
	float:none;
	width:34.2%;
	margin: 0 0 1em 0;
}

.aligncenter-img {
	float:none;
	width:34.2%;
	margin: 0 auto 1em;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin: 0px;
	padding: 8px 0px 0px 0px;
	text-align: center;
}

/* wp-pagenavi ============================ */

.wp-pagenavi {
	padding-bottom:1.5em;
	padding-top:1.5em;
}

.wp-pagenavi a, .wp-pagenavi span {
	padding: 5px 10px !important;
}


/* next page button ============================ */

.btn-next-page {
	padding:1.5em 10px 0;
}

.btn-next-page p a {
	display:block;
	padding:10px 20px;
}


/* h1 title ============================ */

.top-topics h1,
.top-greeting h1,
section.type-normal h1 {
	clear: both ;
	background:#0476ab url(../image/title_icon.png) no-repeat 10px 0.3em;
	background-size:auto 39px;
	padding:10px 0 10px 55px;
	margin:0 0 20px 0;
	font-size:200%;
	line-height:1.3;
	color:#fff;
}

section.type-normal h1.title-img {
	background: none ;
	margin: 0 0 30px ;
	padding: 0 ;
	line-height: 1 ;
}


/* h2 title ============================ */

section.type-normal h2 {
	clear: both ;
	border-bottom:dotted 1px #ccc;
	padding:0 0 6px 0;
	margin:30px 0 15px 0;
	font-size:160%;
	line-height:1.3;
}

/* h3 title ============================ */

/*.entryContent h3 {
	font-size:115%;
  color: #fff;
	line-height:1.4;
  margin: 0 0 1em;
  padding: 0.4em 10px 0.3em;
  background: #6d5d5f;
}*/

section.type-normal h3 {
	clear: both ;
	color: #0476ab ;
	font-size:115%;
	font-weight: bold ;
	line-height:1.4;
	margin: 30px 0 15px ;
  padding: 0 0 0 0.5em;
	border-left: 10px solid #0476ab ;
}

/* h4 title ============================ */

section.type-normal h4 {
	border-bottom:solid 2px #e4e4e4;
	font-size:115%;
	line-height:1.5;
	margin:0 0 1em 0;
	padding:0 0 5px 0;
}

/* h5 title ============================ */

section.type-normal h5 {
	border-bottom:dotted 2px #e4e4e4;
	font-size:115%;
	font-weight:bold;
	line-height:1.5;
	margin:0 0 1em 0;
	padding:0 0 5px 0;
}

/* h6 title ============================ */

section.type-normal h6 {
	font-size:100%;
	font-weight:bold;
	line-height:1.5;
	margin:0 0 1em 0;
	padding:0 0 5px 0;
}

/* icon-maru title ============================ */

p.icon-maru {
	font-weight:bold;
	font-size:120%;
	color:#ea7482;
	margin-bottom:7px;
}


/* =======================================================

layout

======================================================= */

body {
	background:none;
}

#wrapper {
	margin:0 auto;
}


/* =======================================================

header

======================================================= */

#header {
	width: 100%;
	margin:0 auto 20px;
}

.home #header {
	width: 100%;
	margin:0 auto;
}

#header .siteDescription {
	background:#0476ab;
	color: #fff;
	font-size: 10px;
	line-height: 12px;
	height:12px;
	font-weight:normal;
	padding:2px 5px;
	white-space:nowrap;
	text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis; /* Safari */
  -o-text-overflow: ellipsis; /* Opera */
}

#header-inner {
	padding:30px 0 24px;
}

#header .logo {
	margin-left:20px;
}

#header .header-tel {
	margin-right:20px;
}

/* globalnavi ============================ */

.menu-globalnavi-container {
	max-width:940px;
	width: 100%;
	margin:0 auto;
	overflow:hidden;
}

.menu-globalnavi-container ul {
	border-top:solid 1px #c8c8c8;
}

.menu-globalnavi-container li {
	float: left;
	margin-left:0;
	border-bottom:solid 1px #c8c8c8;
	border-left:solid 1px #c8c8c8;
	-moz-box-sizing: border-box;
  box-sizing: border-box;
	letter-spacing: normal;
}

.menu-globalnavi-container li:nth-of-type(1),
.menu-globalnavi-container li:nth-of-type(4) {
	border-left:none;
}

.menu-globalnavi-container li a {
	display:block;
	height:49px;
	text-indent:-9999px;
}

.menu-globalnavi-container li a:hover,
.menu-globalnavi-container li.current a {
	border-top:solid 4px #0476ab;
	margin-top:0;
	height:45px;
}

.menu-globalnavi-container li.menu-item-102 {
	background:url(../image/gnav01_off.png) no-repeat center center;
	background-size:auto 18px;
	background:url(../image/gnav01_off_ie.gif) no-repeat center center\9; /* IE8 and below */
	width:33.333333333%;
	max-width:33.333333333%;
}

.menu-globalnavi-container li.menu-item-102:hover,
.menu-globalnavi-container li.menu-item-102.current-menu-item {
	background:url(../image/gnav01_on.png) no-repeat center center;
	background-size:auto 18px ;
	background:url(../image/gnav01_on_ie.gif) no-repeat center center\9; /* IE8 and below */
}

.menu-globalnavi-container li.menu-item-107 {
	background:url(../image/gnav02_off.png) no-repeat center center;
	background-size:auto 18px;
	background:url(../image/gnav02_off_ie.gif) no-repeat center center\9; /* IE8 and below */
	width:33.333333333%;
	max-width:33.333333333%;
}

.menu-globalnavi-container li.menu-item-107:hover,
.menu-globalnavi-container li.menu-item-107.current-menu-item {
	background:url(../image/gnav02_on.png) no-repeat center center;
	background-size:auto 18px ;
	background:url(../image/gnav02_on_ie.gif) no-repeat center center\9; /* IE8 and below */
}

.menu-globalnavi-container li.menu-item-104 {
	background:url(../image/gnav03_off.png) no-repeat center center;
	background-size:auto 18px;
	background:url(../image/gnav03_off_ie.gif) no-repeat center center\9; /* IE8 and below */
	width:33.333333333%;
	max-width:33.333333333%;
}

.menu-globalnavi-container li.menu-item-104:hover,
.menu-globalnavi-container li.menu-item-104.current-menu-item {
	background:url(../image/gnav03_on.png) no-repeat center center;
	background-size:auto 18px ;
	background:url(../image/gnav03_on_ie.gif) no-repeat center center\9; /* IE8 and below */
}

.menu-globalnavi-container li.menu-item-427 {
	background:url(../image/gnav04_off.png) no-repeat center center;
	background-size:auto 18px;
	background:url(../image/gnav04_off_ie.gif) no-repeat center center\9; /* IE8 and below */
	width:33.333333333%;
	max-width:33.333333333%;
}

.menu-globalnavi-container li.menu-item-427:hover,
.menu-globalnavi-container li.menu-item-427.current-menu-item {
	background:url(../image/gnav04_on.png) no-repeat center center;
	background-size:auto 18px ;
	background:url(../image/gnav04_on_ie.gif) no-repeat center center\9; /* IE8 and below */
}

.menu-globalnavi-container li.menu-item-106 {
	background:url(../image/gnav05_off.png) no-repeat center center;
	background-size:auto 18px;
	background:url(../image/gnav05_off_ie.gif) no-repeat center center\9; /* IE8 and below */
	width:33.333333333%;
	max-width:33.333333333%;
}

.menu-globalnavi-container li.menu-item-106:hover,
.menu-globalnavi-container li.menu-item-106.current-menu-item {
	background:url(../image/gnav05_on.png) no-repeat center center;
	background-size:auto 18px ;
	background:url(../image/gnav05_on_ie.gif) no-repeat center center\9; /* IE8 and below */
}

.menu-globalnavi-container li.menu-item-103 {
	background:url(../image/gnav06_off.png) no-repeat center center;
	background-size:auto 18px;
	background:url(../image/gnav06_off_ie.gif) no-repeat center center\9; /* IE8 and below */
	width:33.333333333%;
	max-width:33.333333333%;
}

.menu-globalnavi-container li.menu-item-103:hover,
.menu-globalnavi-container li.menu-item-103.current-menu-item {
	background:url(../image/gnav06_on.png) no-repeat center center;
	background-size:auto 18px ;
	background:url(../image/gnav06_on_ie.gif) no-repeat center center\9; /* IE8 and below */
}

/* mainVisual ============================ */

#mainVisual {
	max-width:940px;
	width: 100%;
	margin:0 auto 25px;
}


/* =======================================================

contents

======================================================= */

#contents {
	max-width:940px;
	width: 95.74468085106383%%;
	margin:20px auto 0;
}

#contents_right {
	float:none;
	width:100%;
}

#contents_left {
	float:none;
	width:100%;
}


/* =======================================================

sidebar

======================================================= */

/* menu ============================ */
.sidemenu-white-box,
.sidemenu-clinic-box {
	margin-bottom:1.154em;
	padding:10px 15px 5px;
	border-top:solid 1px #ececec;
	border-right:solid 1px #ececec;
	border-bottom:solid 1px #ececec;
	border-left:solid 1px #ececec;
}

.menu-side-container-box {
	margin-bottom:15px;
	padding:0px 0px;
}

.menu-side-container-box h3,
.sidemenu-white-box h3,
.sidemenu-clinic-box h3 {
	font-size:92%;
  cursor:default;
	pointer-events:none;
	border-bottom:solid 3px #0476ab;
	color:#0476ab;
	padding-bottom:5px;
}

.menu-side-container-box li,
.sidemenu-white-box li,
.sidemenu-clinic-box li {
	border-top:dotted 1px #d7d7d7;
	font-size:80%;
}

.menu-side-container-box li:first-child,
.sidemenu-white-box li:first-child,
.sidemenu-clinic-box li:first-child {
	border-top:none;
}

.menu-side-container-box li a,
.sidemenu-white-box li a,
.sidemenu-clinic-box li a {
	padding:10px 10px 10px 15px;
	display:block;
	background:url(../image/arrow1_off.png) no-repeat 95% 1.4em;
	background-size:7px;
	font-size: 16px ;
}

.sidemenu-white-box li a,
.sidemenu-clinic-box li a {
	padding:10px 10px 10px 0px;
	display:block;
	background:url(../image/arrow1_off.png) no-repeat 98% 1.4em;
	background-size:7px;
	font-size: 16px ;
}

.menu-side-container-box li a:link,
.menu-side-container-box li a:visited {
	background:url(../image/arrow1_off.png) no-repeat 98% 1.4em;
	background-size:7px;
	text-decoration:none;
	color:#333;
}

.menu-side-container-box li a:hover,
.menu-side-container-box li a:active,
.menu-side-container-box li.current-menu-item a {
	text-decoration:none;
	color:#ff6600;
	background:url(../image/arrow1_on.png) no-repeat 95% 1.4em #fff6f7;
	background-size:7px;
	background:url(../image/arrow1_on_ie.png) no-repeat 95% 1.4em #fff6f7\9; /* IE8 and below */
}

.sidemenu-white-box li a:link,
.sidemenu-white-box li a:visited,
.sidemenu-clinic-box li a:link,
.sidemenu-clinic-box li a:visited {
	text-decoration:none;
	color:#333;
}

.sidemenu-white-box li a:hover,
.sidemenu-white-box li a:active,
.sidemenu-white-box li.current-menu-item a,
.sidemenu-clinic-box li a:hover,
.sidemenu-clinic-box li a:active,
.sidemenu-clinic-box li.current-menu-item a {
	text-decoration:none;
	color:#ff6600;
	background:url(../image/arrow1_on.png) no-repeat 98% 1.4em #f8f6e5;
	background-size:7px;
}

/* post menu ============================ */

.sideBnr li {
	margin-bottom:15px;
	float:left;
  width:48.57142857142857%;
	margin-left:2.857142857142857%;
}

.sideBnr li img {
  width:100%;
}

.sideBnr li:nth-child(odd) {
	margin-left:0;
}


/* =======================================================

pagetop

======================================================= */

.page-back {
	width:100%;
	margin:0 auto 20px;
	text-align: center ;
	overflow: hidden ;
}
.page-back ul {
	display: table ;
	table-layout: fixed;
	width:100%;
}

.page-back ul li {
	display: table-cell ;
	width: 50%;
	background: #0476ab ;
	vertical-align:middle;
	text-align: center ;
}
.page-back ul li:last-child {
	border-left: 1px solid #fff ;
}

.page-back ul li a {
	display: block ;
	width: 100%;
}

.page-back img {
	width: 132px;
	margin: 0 auto ;
	text-align: center ;
}


/* =======================================================

footer

======================================================= */

#footer {
	width:100%;
}

#footer .inner-nav {
	display:none;
	width:100%;
	background:#fff6f7;
}

#footer .fnav {
	max-width:940px;
	width: 97.916666666%;
	margin:0 auto;
	padding:1.923em 0;
	font-size:85%;
}

#footer .fnav li {
	background:url(../image/fnav_arw.png) no-repeat left 0.4em;
	padding-left:12px;
	margin-bottom:3px;
}

#footer .fnav .tit {
	background:none;
	color:#ff6600;
	font-size:100%;
	font-weight:bold;
	margin-bottom:5px;
}

#footer .inner-info {
	max-width:940px;
	width: 97.916666666%;
	margin:1.750em auto 0;
}

#footerInfoCont {
	/*width:55.36458333333333%;    *310/768*/
	width:33.854166%;/*260/768*/
	float:left;
}

#footerInfoCont .logo {
	margin-bottom:1.154em;
}

#footerInfoCont .tel {
	margin-bottom:0;
}

#footer .footerTimetable {
	margin-bottom:15px;
}

#footer .footerTimetable img {
	width: 100% ;
}

#footer .footerCal {
	/*width:37.76041666666667%;    *290/768*/
	width:63.541666%;/*488/768*/
	float:right;
	margin-right:0;
	margin-left:0;
	text-align:right;
}

#footer .isp-business-calendar {
	font-size:100%;
}

p.calendar-information {
	font-size:90% !important;
}

#footer .footerMap {
	float:none;
	max-width:100%;
	width:100%;
}

#footer .copyright {
	max-width:940px;
	width: 97.916666666%;
	margin:0 auto;
	padding:30px 0;
	text-align:right;
}
	

/* =======================================================

contact

======================================================= */



/* =======================================================

top contents

======================================================= */

.tablet-none {
	display:none;
}


/* top-content01 ============================ */

.top-content01 {
  width:48.57142857142857%;
	float:left;
	margin-bottom:1em;
}

/* top-content02 ============================ */

.top-content02 {
  width:48.57142857142857%;
	float:left;
	margin-bottom:1em;
	overflow:hidden;
	margin-right:2.857142857142857%;
}

.top-content02-inner {
	position:relative;
}

.top-content02 p {
	position:absolute;
	top:5.882352941176471%;
	left:5.882352941176471%;/*20/340*/
  width:88.23529411764706%;/*300/340*/
	height:90%;
	margin:0 auto;
	color:#fff;
	overflow:auto;
	font-size:93%;
	font-size:81.25%;
	font-weight:normal;
	line-height:1.5;
}

.top-content02 p a:link,
.top-content02 p a:visited {
	color:#cc7274;
	text-decoration:none;
}

.top-content02 p a:hover,
.top-content02 p a:active {
	color:#cc7274;
	text-decoration:underline;
}

/* top-content03 ============================ */

.top-content03 {
  width:48.57142857142857%;
	float:left;
	margin-right:2.857142857142857%; 
	margin-bottom:1.429em;
}

/* top-content04 ============================ */

.top-content04 {
  width:48.57142857142857%;
	float:left;
	margin-bottom:1.429em;
}

/* Topics ============================ */

.title-top-topics {
	width:100%;
	background:url(../image/top_title_topics.gif) no-repeat left top;
	background-size:auto 56px;
	background:url(../image/top_title_topics_ie.gif) no-repeat left top\9; /* IE8 and below */
	margin-top:1em;
	margin-bottom:1em;
	height:56px;
	text-indent:-9999px;
}

.top-topics li {
	width:31.42857142857143%;/*220/700/*/
	float:left;
	margin-left:2.857142857142857%;/*20/700/*/
	margin-bottom:1.429em;
}

.top-topics li:first-child {
	margin-left:0;
}

.top-topics li.topics04 {
	margin-left:0;
}

.topic-off {
	display:none;
}


/* テーブル（共通 style.cssに全体指定有） ============================ */
table.table01 th {
	width: 1% ;
	white-space: nowrap ;
}


/* font-size ============================ */
.f-b01 { font-size: 140% }
.f-b02 { font-size: 160% }


.w2-bd01,
.w2-bd02 {
	border: 1px solid #ccc ;
	width: 345px ;
	height: 215px ;
	margin: 0 auto 10px;
	display: table;
}

.all-center-inner {
	display: table-cell;
	vertical-align: middle;
}

/* テーブルの回り込み ============================ */
.table-float-box {
	margin: 0 0 20px ;
}

.table-float-text {
	float: left ;
	width: auto ;
	margin-right: 15px ;
}

.w10em {
	width: 10em ;
}

.table-float {
	float: left ;
	width: 300px ;
}

.table-float-r {
	float: right ;
	width: 50% ;
}


/* マップ関連 ============================ */
.map-box01 {
	border: 1px solid #ccc ;
	padding: 10px 0 ;
	text-align: center ;
	width: 100%;
	margin: 0 auto 20px ;
}

.map-box02 {
	text-align: right ;
	width: 100%;
	margin: 0 auto 10px ;
}
.map-box02 #gmapMain {
	border: 1px solid #ccc ;
	margin: 0 0 10px ;
}

/* 施術の流れ関連 ============================ */
dl.poririn-flow-l {
	float: left ;
	width: 49% ;
	margin: 0 0 15px ;
}
dl.poririn-flow-r {
	float: right ;
	width: 49% ;
	margin: 0 0 15px ;
}

/* ● 数字（青）(赤) ============================ */
.number1 {
	padding: 0 0 0 41px ;
	margin: 30px 0 10px ;
	min-height: 36px ;
	line-height: 36px ;
	font-size: 120% ;
	font-weight: bold ;
	display: table;
}
.number1:before {
	display: block ;
	height: 36px ;
	content: "";
}

.number1 div {
	display: table-cell;
	line-height: 1.3 ;
	vertical-align: middle ;
}
.number1-first {
	margin-top: 15px ;
}

/* 青 --------- */
.nb-1-b {
	background: url(../image/nb_1_b.png) no-repeat left center ;
	-webkit-background-size: 36px 36px;
	-moz-background-size: 36px 36px;
	-ms-background-size: 36px 36px;
	-o-background-size: 36px 36px;
	background-size: 36px 36px;
}
.nb-2-b {
	background: url(../image/nb_2_b.png) no-repeat left center ;
	-webkit-background-size: 36px 36px;
	-moz-background-size: 36px 36px;
	-ms-background-size: 36px 36px;
	-o-background-size: 36px 36px;
	background-size: 36px 36px;
}
.nb-3-b {
	background: url(../image/nb_3_b.png) no-repeat left center ;
	-webkit-background-size: 36px 36px;
	-moz-background-size: 36px 36px;
	-ms-background-size: 36px 36px;
	-o-background-size: 36px 36px;
	background-size: 36px 36px;
}
.nb-4-b {
	background: url(../image/nb_4_b.png) no-repeat left center ;
	-webkit-background-size: 36px 36px;
	-moz-background-size: 36px 36px;
	-ms-background-size: 36px 36px;
	-o-background-size: 36px 36px;
	background-size: 36px 36px;
}
.nb-5-b {
	background: url(../image/nb_5_b.png) no-repeat left center ;
	-webkit-background-size: 36px 36px;
	-moz-background-size: 36px 36px;
	-ms-background-size: 36px 36px;
	-o-background-size: 36px 36px;
	background-size: 36px 36px;
}
.nb-6-b {
	background: url(../image/nb_6_b.png) no-repeat left center ;
	-webkit-background-size: 36px 36px;
	-moz-background-size: 36px 36px;
	-ms-background-size: 36px 36px;
	-o-background-size: 36px 36px;
	background-size: 36px 36px;
}
.nb-7-b {
	background: url(../image/nb_7_b.png) no-repeat left center ;
	-webkit-background-size: 36px 36px;
	-moz-background-size: 36px 36px;
	-ms-background-size: 36px 36px;
	-o-background-size: 36px 36px;
	background-size: 36px 36px;
}
.nb-8-b {
	background: url(../image/nb_8_b.png) no-repeat left center ;
	-webkit-background-size: 36px 36px;
	-moz-background-size: 36px 36px;
	-ms-background-size: 36px 36px;
	-o-background-size: 36px 36px;
	background-size: 36px 36px;
}
.nb-9-b {
	background: url(../image/nb_9_b.png) no-repeat left center ;
	-webkit-background-size: 36px 36px;
	-moz-background-size: 36px 36px;
	-ms-background-size: 36px 36px;
	-o-background-size: 36px 36px;
	background-size: 36px 36px;
}


/* 赤 --------- */
.nb-1-r {
	background: url(../image/nb_1_r.png) no-repeat left center ;
	-webkit-background-size: 36px 36px;
	-moz-background-size: 36px 36px;
	-ms-background-size: 36px 36px;
	-o-background-size: 36px 36px;
	background-size: 36px 36px;
}


/* 彩 ============================ */
.midashi01 {
	margin: 20px 0 ;
}
.midashi02 {
	margin: 30px 0 0 ;
}

/* マーカー　イエロー*/
.marker-block {
	clear: both ;
	margin: 20px 0 10px ;
}

.marker01 {
	display:inline-block;
	width: auto;
	padding: 5px 5px 3px ;
	background:#ffff66;
	color:#333;
	font-size: 140% ;
	line-height: 1.2 ;
	font-weight: bold
}


.marker01-in {
	margin: 20px 0 10px ;
	display:inline-block;
	width: auto;
	padding: 5px 5px 3px ;
	background:#ffff66;
	color:#333;
	font-size: 140% ;
	line-height: 1.2 ;
	font-weight: bold
}

.float-l01 {
	float: left ;
	width: 49% ;
}
.float-r02 {
	float: right ;
	width: 48% ;
}

.for-tablet-img {
	float:left;
	width:48.57142857142857%;
	margin-left:2.857142857142857%;
}

.for-tablet-img img {
	width: 100% ;
}





}
/* media query end */