@charset "utf-8";/*------文字コード指定、terapadの設定もこっちに変更-----*/

/* @group reset */

*{ margin: 0; padding: 0}
a{ text-decoration : none}
ul,ol{ list-style : none}
img { vertical-align : middle}/*------img、文字下位置変更-----*/

/* @end */


/* @group Fluid-img */

img { max-width : 100%; /*------フルードイメージ、画像サイズをどのサイズにも適用する-----*/
vertical-align: middle; /* リセットCSS最適化→追加箇所 */
border: 0}
/* IE8 max-widthバグへの対応*/
/* .ie8 img{width: auto; height: auto} */
/* @end */


/* @group HTML */

html {
/*リセットCSS最適化→ 日本語のfont-familyへの対応 */
font-family : "Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif;
font-size : 75%; /*レスポンシブタイプセッティングの指定16pxが基準で12px指定、12px/16px*/
line-height : 1.5;
}
/* @end */


/* =============================================================================
   Typography
   ========================================================================== */

/*リセットCSS最適化→ 禁則処理の追加 */
p,li,dt,dd,th,td,pre{
-ms-line-break: strict;
line-break: strict;
-ms-word-break: break-strict;
word-break: break-strict}
/* @end */


/* Removes default margin. */
body { margin : 0;
background: #dfdfdf;
}

h1,h2,h3,h4,h5,h6,h7,p,ul,ol,dl,table,pre { margin-top: 0} /*リセットCSS最適化→上方向のmarginを0にします */

hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}
/* @end */


/*----------@group Heading----------*/

h1,h2,h3,h4,h5,h6,h7 { margin-bottom : 24px }/* すべての見出し要素の1行分の余白を設定4px */

h1 {
font-size : 3em; /*fontサイズは親要素→h1の親はhtml=16px→48/16=3 */
line-height : 1;/* 要素サイズ48px line-heightで48pxの要素の高さに揃えるようにする*/
margin-bottom : 0.5em} /* marginとpaddingに関しては、その要素font-sizeが1emの基準になる→0.5em=24px*/

h2 {
font-size : 2.25em; /* 36px/16px←html親要素 */
line-height : 1.3333;/* 48px/36px */
margin-bottom : 0.6667em } /* 24px/36px */

h3 {
font-size : 1.5em; /* 24px/16px←html親要素 */
line-height : 1.5em; /* 24px */
margin-bottom : 0em; 
}
h4 {
color: #414d4d;
font-size : 1.2em; /* 24px/16px←html親要素 */
font-weight: bold; 
}

h7{
line-height : 1.5em; /* 24px */
}

#contents #main h3 {
padding: 0 0 0 1em;
margin-bottom: 0.5em;
margin-top: 24px;
color: #414d4d;
border-left: 6px solid #b9ba00;
text-align : left}/* ヘッダborder-left: 6px solid #F1F4F5;ー上*/

/*--------------------------------@head--------------------------------*/
div#tophead{
width : 100%;
background: #414d4d;
}

div#topbg {
background: #000;
padding-bottom: 0.5em;
}

#topbg h1 {
color : #fff;
font-weight: normal;
font-size : 1.2em; /*fontサイズは親要素→h1の親はhtml=16px→48/16=3 */
margin-bottom: 0;
padding: 0.5em 0 0 1em;
}

div.line-it-button{

	background-color: blue;
	
} /*---linetop未使用---*/

div#linep2{
text-align: center;
padding: 1em 0;
} /*---kabu line---*/
/*--------------------------------@topbg end--------------------------------*/

/*--------------------------------@header--------------------------------*/
header { 
display: block;
text-align : center;
padding-bottom : 0.5em;/* 24px/16px←html親要素 */
background : #414d4d;
}
/*----------@header rogo----------*/
header h1 { margin-bottom : 0em;}/*--アイコン余白0--*/

div#headerrogo{
background: #414d4d;
padding: 0;
}

div#headerrogo img{
max-width : 45%;
}
/*----------@header rogo end----------*/

/*------------ @menu-------------*/
#menu {
  display: none;
}
/*------------ menu end -------------*/
/*--------------------------------@header end--------------------------------*/

/*--------------------------------@key-visual--------------------------------*/
.treatmentphoto{
display: block;
text-align : center;
background : #dfdfdf;
}

.personalphoto{
display: block;
text-align : center;
background : #dfdfdf;
}
/*--------------------------------@key-visual end--------------------------------*/

/*-------------------------------@group Contents--------------------- */
#contents {
background: #dfdfdf;/*---背景色---*/
width : 100%;
margin : 0 auto;
padding-top: 5px;
text-align : center
}

#contents p { 
margin-bottom : 24px;
text-align : left;}

#contents img { 
margin-bottom : 24px; 
box-shadow : 0px 0px  #00A85A}/*画像に適度な余白と影、垂直.水平.ぼかし */

#contents img.c-title{
margin-bottom: 5px;
box-shadow : none;/*画像に適度な余白と影、垂直.水平.ぼかし */
}

#contents img.aicon{
box-shadow : none;/*画像に適度な余白と影、垂直.水平.ぼかし */
vertical-align : top;
margin-right: 0.5em;
margin-bottom: 0;
}

#contents a{
color: #FF1493;/*---コンテンツ文字色-これですべての設定--*/
}

#contents a:hover{
text-decoration: underline #FF1493;/*-PINK--コンテンツ文字色---*/
}

#main{
width: 90%;
background;;/* なくてもいいかもしれない */
margin: 0 auto;
color : #414d4d;/*---コンテンツ文字色---*/
}

#contents #main .inphoto{
width : 90%;
margin : 0 auto;
text-align : center
}/* サイドの余白 */


.hoshi{
	color:  #b2b316;
}

.pink{
	color:  #ff4193;
}

.green{
	color:  #008000;
}
/*-------------------------------@machi img--------------------- */
.machi_img {
    width: 100%;
    height: 145px;
    background:url(../images/machi.png)  repeat-x;
    background-size: auto;
    -webkit-background-size: contain;
    background-size: contain;
    margin-bottom: 0em;
}
/*-------------------------------@machi img end--------------------- */
/*-------------------------------@group Contents end----------------------------- */
/*-------------------------------@hr type----------------------------- */



hr.style-eight {
	
    padding: 0;
    border: none;
    border-top: medium double #16396F;
    color: #b2b316;
    text-align: center;
margin: 4.5em 0; 

}
hr.style-eight:after {
    content: "Informacion basica";
    display: inline-block;
    position: relative; 
    top: -0.7em;  
    font-size: 1.5em;
    padding: 0 0.25em;
    background: #dfdfdf;
}




hr.uno{
width :100%;
margin: 4.5em 0; 
	height: 4px;
	background: ;
	background-image: -webkit-linear-gradient(left, #fff, #16396F, #6c8080);
	background-image: -moz-linear-gradient(left, #fff, #16396F, #fff);
	background-image: -ms-linear-gradient(left, #fff, #16396F, #fff);
	background-image: -o-linear-gradient(left, #fff, #16396F, #fff);
}

hr.dos{
margin-bottom : 1.5em; 
	height: 1px;
	background: ;
	background-image: -webkit-linear-gradient(left, #404c4c, #6c8080, #dfdfdf);
	background-image: -moz-linear-gradient(left, #404c4c, #6c8080, #dfdfdf);
	background-image: -ms-linear-gradient(left, #404c4c, #6c8080, #dfdfdf);
	background-image: -o-linear-gradient(left, #404c4c, #6c8080, #dfdfdf);
        margin-left: -10%;
        padding-left: 10%;
}

hr.dos2{ 
	height: 1px;
	margin: 0.5em 0;
	background: ;
	background-image: -webkit-linear-gradient(left, #dfdfdf, #6c8080, #404c4c);
	background-image: -moz-linear-gradient(left, #dfdfdf, #6c8080, #404c4c);
	background-image: -ms-linear-gradient(left, #dfdfdf, #6c8080, #404c4c);
	background-image: -o-linear-gradient(left, #dfdfdf, #6c8080, #404c4c);
        margin-left: -10%;
        padding-left: 10%;
}/* tabel使用 */

hr.dos3{ 
	height: 1px;
	background: ;
	background-image: -webkit-linear-gradient(left, #dfdfdf, #6c8080, #dfdfdf);
	background-image: -moz-linear-gradient(left, #dfdfdf, #6c8080, #dfdfdf);
	background-image: -ms-linear-gradient(left, #dfdfdf, #6c8080, #dfdfdf);
	background-image: -o-linear-gradient(left, #dfdfdf, #6c8080, #dfdfdf);
        margin-left: -10%;
        padding-left: 10%;
}/* tabel使用 */


hr.dos4{
margin-bottom : 1.5em; 
	height: 50px;
	background: ;
	background-image: -webkit-linear-gradient(top, #c9ddf4, #60a0c0, #FFF);
	background-image: -moz-linear-gradient(top, #c9ddf4, #60a0c0, #FFF);
	background-image: -ms-linear-gradient(top, #c9ddf4, #60a0c0, #FFF);
	background-image: -o-linear-gradient(top, #c9ddf4, #60a0c0, #FFF);
}/* 未使用 */

hr.tres{
margin-top : 1.5em; 
	height: 2px;
	background: ;
	background-image: -webkit-linear-gradient(left, #00A85A, #FFF, #00A85A);
	background-image: -moz-linear-gradient(left, #00A85A, #FFF, #00A85A);
	background-image: -ms-linear-gradient(left, #00A85A, #FFF, #00A85A);
	background-image: -o-linear-gradient(left, #00A85A, #FFF, #00A85A);
}/* 未使用 */

hr.cuatro{
	height: 1px;
	margin-bottom: 1.5em;
	background: ;
	background-image: -webkit-linear-gradient(left, #dfdfdf, #6c8080, #dfdfdf);
	background-image: -moz-linear-gradient(left, #dfdfdf, #6c8080, #dfdfdf);
	background-image: -ms-linear-gradient(left, #dfdfdf, #6c8080, #dfdfdf);
	background-image: -o-linear-gradient(left, #dfdfdf, #6c8080, #dfdfdf);
        margin-left: -10%;
        padding-left: 10%;
}

hr.cinco{
margin : 1.5em 0 ; 
	height: 1px;
	background: ;
	background-image: -webkit-linear-gradient(left, #FFF, #00A85A, #FFF);
	background-image: -moz-linear-gradient(left, #FFF, #00A85A, #FFF);
	background-image: -ms-linear-gradient(left, #FFF, #00A85A, #FFF);
	background-image: -o-linear-gradient(left, #FFF, #00A85A, #FFF);
}/* 未使用 */

hr.seis{
margin-top : 1.5em; 
	height: 1px;
	background: ;
	background-image: -webkit-linear-gradient(left, #000, #00A85A, #000);
	background-image: -moz-linear-gradient(left, #000, #00A85A, #000);
	background-image: -ms-linear-gradient(left, #000, #00A85A, #000);
	background-image: -o-linear-gradient(left, #000, #00A85A, #000);
}/* 未使用 */

/*-------------------------------@hr type end----------------------------- */
/*-----------aisastsu写真ポジション------------*/
div.derecho {
text-align : right;
margin-bottom: 1em;
}

div.derecho img{
text-align : right;
width:50%;
height: 50%;
}
div.izquierdo{
text-align : left;
margin-bottom: 1em;
}

/*---------aisastsu写真ポジション end----------*/

/*-------------治療方針のWHO--------------*/
div#houshin{
    border-width: 1px;
    border-style: dashed;
    padding: 1em;
}
/*--------------治療方針のWHO end-----------------*/

/*------------------------------------------@table type----------------------------------------------- */
/*----------------@normal type---alltable postion--------------- */
table {
color: #5f6c73;
width : 80%;
table-layout: fixed;/*列幅均等*/
margin : 0 auto;
border-collapse: collapse;
margin-bottom: 1.5em;
}

table tr th,
table tr td {
text-align : center;
border-bottom : 1px solid #FFF;
padding: 10px 0;
}
/*-------------------@normal type end------------------ */
/*----------------@treatment price type------------------ */

table.tp tr th,
table.tp tr td {
border-bottom : 1px solid #FFFF00;
}

/*-------------------@personal price type------------ */
table.ac tr th,
table.ac tr td {
border-bottom : 1px solid #0000FF;
}

table.bac tr th,
table.bac tr td {
border-bottom : 1px solid #FF1493;
}

table.msa tr th,
table.msa tr td {
border-bottom : 1px solid #008000;
}

table.amm tr th,
table.amm tr td {
border-bottom : 1px solid #efc900;
}

table.seitai tr th,
table.seitai tr td {
border-bottom : 1px solid #808000;
}

table.st tr th,
table.st tr td {
border-bottom : 1px solid #ff4500;
}

table.tape tr th,
table.tape tr td {
border-bottom : 1px solid #800080;
}


/*-------------------@personal price type end----------- */

/*------------------------------------@submenu type---------------------------------------- */
div#sub{
background: #dfdfdf;
}
/*-------------------@submenu a b type-------------------------------------*/
aside table {
color: #415058;/*--bside-コンテンツ文字色---*/
width : 80%;
table-layout: fixed;/*列幅均等*/
margin : 0 auto;
border-collapse: collapse;
margin-bottom: 5.0em;
}

aside table tr th,
aside table tr td {
text-align : center;
border-bottom : 1px solid #404c4c;
padding: 15px 0;
}

table tr th:last-child,
table tr td:last-child  {
}

aside h5{
font-size : 1.2em;
text-align: center;
color: #415058;
margin-bottom: 50px;
}

aside h6{
font-size : 1.2em;
text-align: center;
color: #415058;
margin-bottom: 10px;
}



table tr td.noline{
	border :none;
	text-align : center;
		padding: 15px 0;
		}


aside table tr td.noline{
	border :none;
	text-align : center;
		padding: 15px 0;
		}


aside table tr th.noline{
	border :none;
	text-align : center;
	padding: 15px 0;
}
		


img.snsicon{
	width: 10%;
}

img.solicon{
	width: 30%;
}


aside table tr td div.line-it-button{
	margin-top: 50px;
}

img.snslineicon{
	width: 30%;
}


/*------------------------------------------------------1024にも同じのがある、のちに1024消去して確認--*/

bside table {
	color: #415058;/*--bside-コンテンツ文字色---*/
	width : 80%;
	table-layout: fixed;/*列幅均等*/
	margin : 0 auto;
	border-collapse: collapse;
	margin-bottom: 5.0em;
	}

bside table tr th,
bside table tr td {
text-align : center;
border-bottom : 1px solid #6c8080;
}


bside table tr td.noline{
	border :none;
	text-align : center;
		padding: 15px 0;
		}

bside h6{
	font-size : 1.2em;
	text-align: center;
	color: #415058;
	margin-bottom: 10px;
}


table tr th:last-child,
table tr td:last-child  {
}





#sub a{
color: #415058;/*-PINK--コンテンツ文字色-これですべての設定--*/
}

#sub a:hover{
text-decoration: underline #00A85A;/*-PINK--コンテンツ文字色---*/
}

bside span.ameb{
display: block;
width: 80%;
margin: 0 auto;
margin-top: 24px;
}

bside p.kuwashii{
text-align: center;
}
	
span.kochira{
color: #b9ba00;/*----#00B900--#008900---*/
text-decoration: underline #b9ba00;/*----#808000---*/
font-weight: bold;
}


span.sol_style{
	color: #000;/*----#00B900--#008900---*/
	text-decoration: underline #b9ba00;/*----#808000---*/
	font-weight: bold;
	}

section#map a{
	color: #008900;/*----#00B900--#008900---*/
	text-decoration: underline #415058;/*----#808000---*/
	font-weight: ;
	}

section#map a:hover{
	color: #b9ba00;/*----#00B900--#008900---*/
	text-decoration: underline #415058;/*----#808000---*/
	font-weight: ;
	}
	



span.kochira_line{
	color: #00B900;/*----#00B900--#008900---*/
	text-decoration: underline #b9ba00;/*----#808000---*/
	font-weight: bold;
	}


/*-------------------------------@table type end----------------------------- */

/*-------------------------------@google map----------------------------- */
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 1.5em;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*----------------------------@google map end----------------------------- */


/*-------------------------------@google map----------------------------- */
	/*----------------------------@google map end----------------------------- */

section#takeword{
	text-align: left;

	


}









/*-------------------------------@news style----------------------------- */
div#newsbg{
    width: 100%;/*------box画像の枠の中のサイズ-----*/
    height: 300px;
    background: #6c8080;
    position: relative;
}
div#news{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 90%;/*------box画像の枠の中のサイズ-----*/
    height: 250px;
}

div#news ul{
    background: #FFF;/*--背景-コンテンツ文字色---*/
    width: 100%;
    height: 100%;
    margin : 0 auto;
    overflow: auto;/*------こいつはdiv要素につけた方がバグがないらしい-----*/
        -webkit-overflow-scrolling: touch;
}

div#news ul .info h1{
    font-size: 0.8em;/* 12/16基準サイズ */
    font-weight: normal;
}

li.info{
    padding: 0px 10px 0px 10px;
}


li.info p{
    border-bottom: 1px dotted;
    color: #415058;/*--赤-コンテンツ文字色---*/
    line-height: 2em;
}

#contents .info p a:link{
    color: #415058;
}

#contents .info h1 p a:hover{
    color: #00A85A;
}

#news img{
box-shadow : none;
margin: 0 0 1em 0;/*いったん*/
}

/*-------------------------------@news style end----------------------------- */

/*-------------------------------@sub style end----------------------------- */


/*-------------------------------@footer style----------------------------- */
#footer_sitemap {
display: none;
}

footer {
padding : 1.5em 0;/* 上下の余白 24px/16px←html親要素 */
color : #FFF;
text-align : center;
background: #2b3333;}

/*--------------------------@page top style ------------------------ */
.page_top { position:fixed; bottom:10px; right:10px; padding:10px 20px; color:#fff; font-size:12px; text-decoration:none; background:#006df2; }
.page_top:hover { background:#000000; }
/*--------------------------@page top style end------------------------ */

/*------priceからリンクするときにclear:fixedがあるとずれる為、下記で調整、幅は適当-----*/
#keiser{
padding-top: 200px; /* 固定するもののheightと同じpx値 */
margin-top: -200px; /* 固定するもののheightと同じpx値 */
}

#trx{
padding-top: 200px; /* 固定するもののheightと同じpx値 */
margin-top: -200px; /* 固定するもののheightと同じpx値 */
}

#power_block{
padding-top: 200px; /* 固定するもののheightと同じpx値 */
margin-top: -200px; /* 固定するもののheightと同じpx値 */
}

#newspaper{
padding-top: 200px; /* 固定するもののheightと同じpx値 */
margin-top: -200px; /* 固定するもののheightと同じpx値 */
}


/*------priceからリンクするときにclear:fixedがあるとずれる為、下記で調整、幅は適当-----*/


/*--------------------------@footer_sns position style ------------------------ */
#footer_sns{
    text-align: center;
}
/*--------------------------@footer_sns position style end ------------------------ */

/*--------------------------@box shadow none------------------------ */
#line img{
box-shadow : none;
}

/*--------------------------@sub map------------------------ */

span.imap {
display: block;
margin: 0 auto;
}

span.imap p{
text-align: center;
}

div#submap{
width: 80%;
margin: 0 auto;
}

span.imap a{
display: block;
margin: 0 auto;
}

span.imap img{
display: block;
margin: 0 auto;
}

.fa-spin {
color: #b9ba00;
margin: 0 0.5em 0 0.5em;
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}


#contents img.linereserve{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 20%;
	height: 20%;
}
/*------------------------------------------480px以上の時------------------------------------------------*/
@media screen and (min-width : 480px){

html{ font-size : 87.5%} /*レスポンシブタイプセッティングの指定16pxが基準で14pxに指定、14px/16px*/

#contents { text-align : center}

h3{ text-align : left}

#menu {
  display: none;
}






div#headerrogo img{
max-width : 40%;
}

/*---@key bisual---*/
.treatmentphoto{
top: 6.7em;
height: 303px;
background: #dfdfdf url(../photo/mainphoto/mainphoto_1.jpg) top center no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
.treatmentphoto img{visibility: hidden;}


/*---@key bisual takehirostyle---*/


.takephoto{
	top: 6.7em;
	height: 303px;
	background: #dfdfdf url(../photo/other/ti.jpg) top center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	}
	.takephoto img{visibility: hidden;}




/*---@key bisual takehirostyle---*/	




.personalphoto{
top: 6.7em;
height: 303px;
background: #FFF url(../photo/innaip480.jpg) top center no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
.personalphoto img{visibility: hidden;}

/*---@key bisual end---*/
#footer_sitemap {
display: none;
}

/*-----------aisastsu写真ポジション------------*/

div.derecho img{
width: 40%;
height: 40%;
}

/*---------aisastsu写真ポジション end----------*/



}/*------------------------------------------@480～767pxend-------------------------------------------------*/

/*------------------------------------------768px以上の時------------------------------------------------*/
@media screen and (min-width : 768px){

html{font-size : 87.5%} /*レスポンシブタイプセッティングの指定16pxが基準で14pxに指定、14px/16px*/

#menu {
  display: none;
}




div#headerrogo img{
max-width : 35%;
}

#contents { text-align : left}/*768px以上はテキスト左*/

/*-----------aisastsu写真ポジション------------*/

div.derecho img{
width: 30%;
height: 30%;
}

/*---------aisastsu写真ポジション end----------*/
/*-------------@key bisual-------------*/
.treatmentphoto{
position:static;/* 絶対配置を解除 */
height: 362px;
margin:0 0 em;/* 余白 */
background: #dfdfdf url(../photo/mainphoto/mainphoto_1.jpg) top center no-repeat
-webkit-background-size:  100% 100%;
background-size: 100% 100%;
}


/*---@key bisual takehirostyle---*/
.takephoto{
	position:static;/* 絶対配置を解除 */
	height: 362px;
	margin:0 0 em;/* 余白 */
	background: #dfdfdf url(../photo/other/ti.jpg) top center no-repeat
	-webkit-background-size:  100% 100%;
	background-size: 100% 100%;
	}
/*---@key bisual takehirostyle---*/	



.personalphoto{
position:static;/* 絶対配置を解除 */
height: 362px;
margin:0 0 em;/* 余白 */
background: #FFF url(../photo/innaip768.jpg) top center no-repeat}
/*-------------@key bisual end-------------*/

.machi_img {
margin-bottom: 2em;
}





/*-----------------@group Footer----------------------- */
#footer_sitemap {
background: #414d4d;
display: block;
width : 100%;/*コンテンツ幅、960/1024を％にて960/1024=93.75%*/
margin: 0 auto;
font-size: 0.75em;/* 12/16基準サイズ */
}

#footerbox{
display: block;
width: 80%;
margin : 0 auto;
}

#footer_sitemap #footer__col--1,
#footer_sitemap #footer__col--2,
#footer_sitemap #footer__col--3,
#footer_sitemap #footer__col--4,
#footer_sitemap #footer__col--5,
#footer_sitemap #footer__col--6{
float : left;/*グリッド線からはみ出してる文字と画像の調整の左右にmainとsubに10pxを%にて10/960*/
width : 15%;
}/*960を5分割にて,20%を五分割で余白5%*/

#footer_sitemap #footer__col--2{
margin-left: 10%;
}

h2.footer_title{
font-size: 1.15em;/*基準サイズが12pxだから16pxに戻す */
padding-bottom : 0.2em/*上下の余白 下のliに見ながら微調整、liの高さと合わせるため */
}

ul.footermenu{
padding : 3em 0/*上下の余白 12px/16px←html親要素 */
}

ul.footermenu li{
padding : 0.5em 0/*上下の余白 12px/16px←html親要素 */
}


ul.footermenu li a{
color: #fff;
}


ul.footermenu li a:hover {
color: #b9ba00;
text-decoration: underline #b9ba00;
} /*#F98A8A*/


ul.footermenu li .footersub{
margin-left: 5px;
}

#footerhome{
text-align: center;
}

#copyright{
padding:2em 0;
background: #161919;
color:#FFF;
text-align: center; 
}

#copyright a{
color: #FFF;
}

#copyright a:hover{
color: #b9ba00;
text-decoration: underline #b9ba00;
}


#footerhome{
text-align: center;
}

footer {
width :　91.796875%; /*940/1024←コンテンツに左右10pxずつの余白がある為、940を％にて940/1024*/
margin : 0 auto}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}/*float解除*/

}/*------------------------------------------@768px以上の時 end------------------------------------------------*/

/*------------------------------------------1024px以上の時------------------------------------------------*/
@media screen and (min-width : 1024px)/*メディクエリー*/ {

html{ font-size : 100%} /*レスポンシブタイプセッティングの指定、16pxにて*/
/*-----------------menuの設定---------------------*/
header hgroup,
header #menu { 
margin: 0 1.041666%}/*グリッド線からはみ出してる文字と画像の調整の左右にmainとsubに10pxを%にて10/960*/


header hgroup {margin : 0 auto;}/*---上のmarginで余白をつくり、あとは画面見ながらサイズ決め----*/
header #menu { width : 97.91666%;}/*----上のmarginで余白をつくり、あとは画面見ながらサイズ決め----*/

  .js #menu {
    display: block;
  }
  .slicknav_menu {
    display: none;
  }

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}/*float解除*/
/*----------navの上部余白(facebook,twitter) style---navをなくしてもいいが、CSS3でnavが必要かもしれないから残す#menuですべて設定しても問題ない----------- */
nav{ padding-top: 25px;}
/*----------@navの上部余白 styleend------------ */
#menu {
margin : 0 auto;/*ナビゲーションの幅設定。ないとはみ出す960/1024*/
overflow : hidden;
}/* liの親のulに高さの指定がない為、背景が表示されないから、これで高さを再計算 */

#menu li { width : 11.111%; float : left;}/*6等分*/

#menu li a {
display : block;
vertical-align: middle;
padding : 0.75em 0/*0.75em 上下の余白 12px/16px←html親要素 0858a5*/
}


/*#menu li {
  border-left: 1px solid #333;
}*/


.menue{
color : #FFF;
font-family:"Century Gothic";
}

/*.menuj{
color : #F6D5AC;
}
*/



#menu li a {
color: #b9ba00;
}

#menu li a:hover {
background: #000;
color: #b9ba00;
font-weight: bold;
}











div#headerrogo img{
max-width : 22%;
}

/*-----submenuの幅指定------*/
ul#menu ul>li{
 line-height:1.5em;
 float:none;
 text-align:left !important;
}
/*-----@submenuの幅指定 end------*/

/*-----submenu a の幅指定------*/
ul#menu ul>li a{
	color:#fff;
	border:none !important;
	display:block;
	padding:10px 40px 10px 20px;
	width: 130px;
	height:auto !important;
	}
/*-----@submenu a の幅指定 end------*/

ul#menu{
 zoom: 100%;	
}
ul#menu-headnav:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}

.reqa{
	font-size: 85%;
	}


/*-----------------@menuの設定 end---------------------*/
/*------------------------- @group Nav --------*/
/*-------------@key bisual-------------*/
.treatmentphoto{
position:static;/* 絶対配置を解除 */
height: 510px;
background: #dfdfdf url(../photo/mainphoto/mainphoto_1.jpg) top center no-repeat
-webkit-background-size:  100% 100%;
background-size: 100% 100%;
}


/*---@key bisual takehirostyle---*/
.takephoto{
	position:static;/* 絶対配置を解除 */
	height: 510px;
	background: #dfdfdf url(../photo/other/ti.jpg) top center no-repeat
	-webkit-background-size:  100% 100%;
	background-size: 100% 100%;
	}
/*---@key bisual takehirostyle---*/	





.personalphoto{
position:static;/* 絶対配置を解除 */
height: 510px;
background: #FFF url(../photo/innaip1024.jpg) top center no-repeat
}




/*-------------@key bisual end-------------*/
/*---------------------- @group Nav end---------*/
/*-----------------@group Contents--------------------*/
#contents {
background: #dfdfdf;
overflow : hidden;
width : 100%
margin: 0 auto;
}/*コンテンツ幅、960/1024=93.75 width : 95.8333%;*/

#contents{
margin : 0 1.0416667% }/*グリッド線からはみ出してる文字と画像の調整の左右にmainとsubに10pxを%にて10/960*/

#contents{background: ;  margin: 0 auto;}/*sub幅300/960を%にて300/960 64.5833333%*/

#contents .inphoto{
width : 100%;
margin : 0 auto;
}/* サイドの余白 */

#main{
width: 80%;
background; #414d4d;/* なくてもいいかもしれない */
margin: 0 auto;
color : #415058;/*---コンテンツ文字色---*/
}

/*-------------------@submenu type----------- */

div#sub{
overflow : hidden;
padding-bottom: 20px;
}/*コンテンツ幅、960/1024=93.75 */


div#sub aside{
display:block;
}

div#sub bside{
display:block;

}

div#sub aside,
div#sub bside{
float: left; 
}

#sub aside {width : 50%}/*main幅620/960を％にて620/960 width : 31.25%*/
#sub bside {width : 50%}/*sub幅300/960を%にて300/960 64.5833333%*/


#sub a{
color: #415058;/*-PINK--コンテンツ文字色-これですべての設定--*/
}

#sub a:hover{
text-decoration: underline #F98A8A;/*-PINK--コンテンツ文字色---*/
}

/*---@personal tool-------------*/
#contents #main .inphoto .photo_right{
float : left; 
width:50%; 
margin: 1em;
}/*sub幅300/960を%にて300/960*/

#contents #main .inphoto .photo_left{
float : right; 
width:50%; 
margin: 1em;
}/*sub幅300/960を%にて300/960*/

#contents #main .inphoto img{
margin-bottom: 0;
box-shadow : none;
}


#contents img.linereserve{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 10%;
	height: 10%;
}
/*----@personal tool end-------*/
/*-----------------@group Contents end-----------------*/


/*------------------------------------------@1024px以上の時 end------------------------------------------------*/

/* @group develop code 

body{ background: url(http://griddle.it/252-3-24) repeat-y top center}

@media only screen and (min-width: 480px){
body { background: url(http://griddle.it/436-5-22) repeat-y top center}
}

@media only screen and (min-width: 768px){
body { background: url(http://griddle.it/712-8-28) repeat-y top center}
}

@media only screen and (min-width: 992px){
body { background: url(http://griddle.it/896-10-28) repeat-y top center}
}

@media only screen and (min-width: 1176px){
body { background: url(http://griddle.it/1080-12-24) repeat-y top center}
}
*/
/* @end develop code */


/*
#menu li ul.sub-menu {
	display: none;  /*繧ｵ繝悶Γ繝九Η繝ｼ縺ｯ譛€蛻昴・髱櫁｡ｨ遉ｺ縺ｫ縺励※縺翫￥*/
	/*position: absolute;  /*これがなくなると、ダウンする*/
	/*top: 2em;これで位置を決めるダウンさせない時は使うかも*/
	/*left: 30%;*/
/*}*/
/*#menu li:hover ul.sub-menu {
	display: block;    /*繝槭え繧ｹ繧ｪ繝ｼ繝舌・譎ゅ↓繧ｵ繝悶Γ繝九Η繝ｼ繧定｡ｨ遉ｺ縺吶ｋ*/
/*}*/
/*#menu li ul.sub-menu li {
	width : 100%; float: none;  /*繧ｵ繝悶Γ繝九Η繝ｼ縺ｯ繝輔Ο繝ｼ繝医＆縺帙↑縺・・縺ｧ隗｣髯､*/
/*}