@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, 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-type: none;}
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 {
padding:152px 0 0 0;/*ヘッダ固定分の確保*/
letter-spacing:1px;
color:#444;
background:#fff;
font-size:16px;
font-family: 'Kosugi Maru', sans-serif;
line-height:2em;
font-weight: normal;
-webkit-text-size-adjust: none;
word-break: break-all;/*keep-all（改行しない）/break-all(改行する)/normal(日本語のみ改行)長いURLはみ出し改行対策ではbreak-allにする*/
line-break: normal;/*normal：行頭に句読点がこない設定、より厳しくする場合は『strict』*/
}

a{color:#522D24;text-decoration:none;}
a:hover{color:#B22D24; text-decoration:underline;}	
a:active, a:focus {outline:0;}
a:hover img{
	transform:scale(1.02,1.04);
   filter: alpha(opacity=70);
   -moz-opacity:0.8;
   opacity:0.8;
} 

/**●●上部固定の位置ズレ補正●●**/
a.hosei{
   display: block;
   margin-top:-170px;
   padding-top:170px;
}

img,.wp div{
	max-width:100%;
	height:auto;
}

hr{
	color:#666;
}

strong{
	font-weight:bold;
}

.clear{
	clear:both;
}

/*、color・・・フォントカラー●カスタマイズ●----------------*/

.blue{ color: #668CD9!important; }/*青色*/
.gray{ color: #ccc!important; }/*灰色*/
.orange{ color: #ffbb33!important; }/*橙色*/
.pink{ color: #F97080!important; }/*ピンク色*/
.aqua{ color: #166F86!important; }/*水色*/
.brown{ color: #aa4400!important; }/*茶色*/



.border-left{
padding:2px 5px 2px 5px ;
border-left:2px solid #0099CC;
border-top:2px solid #0099CC;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px	;	
box-shadow:2px 2px 4px 0 #666;
}

.border{
border:1px solid #0099CC;
}

.pc{
	display:block;
	display:inline;
}

.smp,.smp-v{
	display:none;
}


/**** 旧bxslider*****/
#slideshow{
max-width:1200px;
margin:0 auto;
padding:0;
}

ul.bxslider li img{
	display:block;
}

ul.bxslider li:nth-child(n+2) img{
	display:none;
}

/* 文字や画像を被せる処理*/
ul.bxslider li{
	position:relative;
}

ul.bxslider li p{
	position:absolute;	
	margin:auto;
	padding:5px;
	top:65%;
	left:20%;
	right:20%;
	text-align:center;
	font-size:38px;
	line-height:1.1em;
	font-weight:bold;
	color:#222;
	text-shadow:#fff 2px 2px 2px;
	background:rgba(255,255,255,0);
}

ul.bxslider li:nth-child(n+2) p{
	display:none;
}
/**** 旧bxslider*****/



/**** bxslider新方式*****

#slideshow ul li{
height: auto;
min-height:500px;
}

#slideshow ul li p{
	width:800px;
	margin:0 auto;
	padding:50px 400px 20px 0px;
	text-align:center;
	font-size:20px;
	line-height:24px;
	color:#FFF;
	font-weight:bold;
	text-shadow:#111 2px 2px 1px;
}


#slideshow ul li p strong{
	font-size:42px;
	line-height:1.1em;
	color:#29f;
	text-shadow:#555 3px 3px 2px;
	background: rgba(255,255,255,0);
	border-radius:5px;
}

#slideshow ul li p img{
	margin:0px 0px 0px 0px;
}

.bxslider li{
	display:block;
	width:auto;
	margin:0;
}

.bxslider li:nth-child(n+2){
	display:none;
}

/**** bxslider新方式*****/


/**** スクロール時のフェードイン*****/
.fadein{
  transition: 0.8s;
}

/**** 全体の構成・枠組み　********/


/** ●●ヘッダー上部固定●● **/
#header_obi{
/**
background:#43C5A1;
background:linear-gradient(to bottom,#43C5A1 0%,#43C5A1 100%);
background:-webkit-gradient(linear, left top, left bottom, from(#43C5A1), to(#43C5A1));
**/
border-bottom:#CCDDFF 2px solid;

margin:0 auto;
width:100%;
  position: fixed;
  left: 0;
  top: 0;
	z-index:200;
	background:#fff;

}	

#header{
width:1100px;
padding:2px;
margin:0 auto;
}

.wrapper{      /*　⇒（メイン+サイド）とフッターの枠に適用*/
width:1200px;
margin:0 auto;
padding:0 5px;
}

#navi{
}

#main{
/**
background:#43C5A1;
**/
}

#sidebar{
}	


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

/* 左上ロゴ　*/
#header_logo{
float:left;
max-width:30%;
padding:3px;
margin:0;
font-size:14px;
line-height:16px;
}

#header_logo span{
padding:0;
margin:0;
font-size:12px;
line-height:14px;
color:#666;
}

/* 真ん中上ロゴ　*/
#header_middle{
float:right;
max-width:35%;
padding:20px 20px 0 10px;
}

/* 右上の電話番号　*/
#header_right{
float:right;
max-width:25%;
text-align:left;
font-size:12px;
line-height:16px;
padding:0 0 0 0;
}


/**　グリッド**********/
.grid1{float:left;width:calc(100% *1/12 ); }
.grid2{float:left;width:calc(100% *2/12 ); }
.grid3{float:left;width:calc(100% *3/12 ); }
.grid4{float:left;width:calc(100% *4/12 ); }
.grid5{float:left;width:calc(100% *5/12 ); }
.grid6{float:left;width:calc(100% *6/12 ); }
.grid7{float:left;width:calc(100% *7/12 ); }
.grid8{float:left;width:calc(100% *8/12 ); }
.grid9{float:left;width:calc(100% *9/12 ); }
.grid10{float:left;width:calc(100% *10/12 ); }
.grid11{float:left;width:calc(100% *11/12 ); }
.grid12{float:left;width:calc(100% *12/12 ); }

/**　グリッド(10分割)**********/
.grid10-1{float:left;width:calc(100% *1/10 ); }
.grid10-2{float:left;width:calc(100% *2/10 ); }
.grid10-3{float:left;width:calc(100% *3/10 ); }
.grid10-4{float:left;width:calc(100% *4/10 ); }
.grid10-5{float:left;width:calc(100% *5/10 ); }
.grid10-6{float:left;width:calc(100% *6/10 ); }
.grid10-7{float:left;width:calc(100% *7/10 ); }
.grid10-8{float:left;width:calc(100% *8/10 ); }
.grid10-9{float:left;width:calc(100% *9/10 ); }
.grid10-10{float:left;width:calc(100% *10/10 ); }


/**　見出し　**********/

.h1_bg{
	min-height:60px;
	background-color:#C6C69D;
		background:linear-gradient(to bottom,#C6C69D 0%,#C6C69D 100%);
		background:-webkit-gradient(linear, left top, left bottom, from(#C6C69D),to(#C6C69D));
	box-shadow:#fff 3px 4px 2px 0px;	
}

h1 {
font-weight:bold;
padding:20px 10px 20px 10px;
font-size:36px;
line-height:40px;
color: #fff;
text-shadow:#111 2px 2px 1px;
}


h2 {
   margin:5px 0 15px 0;
   padding:5px 0;
   font-size:32px;
   line-height:36px;
   font-weight:normal; 
   color:#333;
	 text-shadow:#fff 1px 1px 1px;
	 border-bottom:#4FA2A2 3px solid;
}

/**旧h2**
h2.top{
padding:5px;
font-size:18px;
line-height:26px;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#522D24;
background:none;
border:none;
}

h2{
font-weight:bold;
padding:15px 10px 15px 10px;
text-align:left;
font-size:26px;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:28px;
color:#333;
background-color:#FFFFFF;
border:#43C5A1 2px solid;
border-left:#43C5A1 6px solid;
border-right:#43C5A1 6px solid;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px	;	
}
/**旧h2**/



h3{
margin:5px 0 15px 0;
padding:5px 0;
text-align:left;
font-size:22px;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:26px;
color:#26B4C4;
text-shadow:#fff 0px 0px 0px;
font-weight:bold;
border-bottom:#333 1px solid;
}

h4{
margin:5px 0;
padding:5px 0;
text-align:left;
font-size:20px;
line-height:22px;
color:#333;
font-weight:bold;
}

h5{
	padding:2px;
	color:#886622;
	font-weight:bold;
	font-size:18px;
	line-height:20px;
}

/***********イメージ float**********/
.img_left {
	margin:0 2% 0 0;
	float: left;
	max-width:36%;
}

.img_right {
	margin:0 0 0 2%;
	float: right;
	max-width:40%;
}

/***********イメージ float**********/
.img_left2 {
	margin:0 20px 0 0;
	float: left;
	max-width:40%;
}

.img_right2 {
	margin:0 0 0 20px;
	float: right;
	max-width:40%;
}

/**** wordpress対応*****/
 
.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignleft {
	float: left;
	margin:0 10px 10px 0;
	max-width:40%;
}

.alignright {
	float: right;
	margin:0 0 10px 10px;
	max-width:40%;
}

/*　医院様の希望により　*/
.wp p {
  margin-bottom: 2.8em;
  line-height: 2.2em;
}
/*　医院様の希望により　*/


/***********テーブル**********/
table{
width:100%;
border-collapse:collapse;
margin:0px auto;
}

table th{
vertical-align:middle;
background-color: #DFD7CC;
color:#333;
line-height:24px;
border:2px solid #fff;
padding:10px 10px;
font-weight:bold;
}

table th span{
font-weight:normal;
}

table td{
border-collapse:collapse;
background-color:#E6F7FF;
color:#333333;
vertical-align:middle;
border:2px solid #fff;
line-height:24px;
padding:10px 10px;
}

table.center th,
table.center td{
text-align:center;
padding:5px 0;
}

table.rp th,
table.rp td{
}


/***********フォーム　input　**********/
input{
	vertical-align:middle;
	height:20px;
	font-size:14px;
	margin:2px;
}

select{
	vertical-align:middle;
	font-size:18px;
	height:24px;
}

/***********dl dt ddリスト**********/

dt{
	clear:both;
	float:left;
	width:20%;
	padding:6px 0;
	line-height:22px;
}

dd{
	float:left;
	width:80%;
	padding:6px 0;
	line-height:22px;
}

dl.wide dt{
	width:30%;
}

dl.wide dd{
	width:70%;
}


/***********ul liリスト**********/


ul.none1 li{
	padding:10px 5px;
	line-height:1.4em;	
}

ul.none2 li{
	padding:5px 0 5px 0;
	line-height:1.2em;	
}

/**ブログにul多用のため臨時制限対応**/
ul.list,.wp #blogmenu ul{
	list-style-type: disc;
	margin:0 0 0 20px;
}

/**ブログにul多用のため臨時制限対応**/
ul.list ul,.wp #blogmenu ul ul{
	list-style-type: circle;
	margin:0 0 0 20px;
}

ul.decimal,ol{
	list-style-type: decimal;
	margin:0 0 0 25px;
}

ul.decimal li{
	padding:6px 0;
	line-height:1.4em;
	padding:10px 0 10px 5px;
}

/**** bxslider新方式*****
#navi li,ul.none li,ul.bxslider li{
	list-style-type: none;
	margin:0;
	padding:0;
}
/**** bxslider新方式*****/


ul.float{
	list-style-type: none;
}

ul.float li{
	float:left;
	margin:0 5px 0 0;
}

ul.check {
	padding:15px;
}

ul.check li {
	background:url(images/icon_check.png) 0 50% no-repeat;
	padding:8px 0 8px 40px;
	line-height:1.4em;
	font-size:18px;
}

.register_sidebar ul{
	list-style-type: square;
	margin:0 0 0 16px;
}

.register_sidebar ul li{
	line-height:1.2em;
	padding:5px 0;
}

.register_sidebar ul ul{
	list-style-type: disc;
}

/***********ボタン、リンク**********/	

.btn{
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	font-size:18px;
	color: #522C25;
	text-shadow:#333 0px 0px 0px;
	background: #C6B9B7;/*ボタン色*/
		background:linear-gradient(to bottom,#FFFFFF 0%,#C6B9B7 100%);
		background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C6B9B7));
	border: solid 1px #522C25;
	border-radius: 15px;
}

.btn2{
	display: inline-block;
	margin:10px;
	padding: 0.1em 0.5em;
	text-decoration: none;
	font-size:14px;
	color: #333;
	text-shadow:#333 0px 0px 0px;
	background: #C6B9B7;/*ボタン色*/
		background:linear-gradient(to bottom,#FFFFFF 0%,#C6B9B7 100%);
		background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C6B9B7));
	border: solid 1px #aaa;
	border-radius: 5px;
}

.link{
	display: inline-block;
	padding: 3px 10px 3px 25px;
	text-decoration: underline;
	font-size:18px;
	line-height:22px;
	font-weight:normal;
	color: #a86;
	text-shadow:#333 0px 0px 0px;
	background:url(images/btn_link.png) 0 50% no-repeat;
}


/***********スクロール**********/	
.scroll{
	overflow:scroll;
	height:700px;
	border:#B2B5BA 2px solid;
}

/**** iframeレスポンシブ対応********/

iframe{
	max-width:100%;
	}

.iframeBox{
position:relative;
width:100%;
padding:75% 0 0 0;
}

.iframeBox iframe{
position:absolute;
top:0;
left:0;
padding:1%;
width:98% !important;
height:98% !important
}

/****** Q&A ******/

.question {
padding: 15px 0 15px 60px;
margin: 10px 0;
font-weight:normal;
font-size:22px;
line-height:28px;
color:#FFF;
background: url(images/qa_question.png) 8px 50% no-repeat;
background-color:#BBBB75;
background-size:40px;
}

.answer {
 padding: 8px 0 9px 110px;
 min-height:150px;
 margin-bottom: 10px;
 background: url(images/qa_answer.png) 0px 0px no-repeat;
 background-size:100px;
}


/****** サイドバー  ******/

#sidebar p{
text-align:left;
}

#sidebar li{
margin:0;
padding:10px;
list-style:none;
border-bottom:1px dashed #ebebeb;
}

#sidebar li:last-child{
border:0;
}

#sidebar li a{
color:#333;
display:block;
}

#sidebar li a:hover{
color:#888;
background-color:#eee;
}

/***** フッター *******/

#footer_info{
	clear:both;
	overflow:hidden;
	padding:15px 0;
	background:#FFEEDD;
	border-top:#9999ff solid 1px;
	border-bottom:#9999ff solid 1px;
}	

#footer{
clear:both;
overflow:hidden;
padding:5px;
background:#EEEEEE;
}

#footer .wrapper>ul>li {
	float:left;
	margin:5px 0;
	padding:0 20px 0 5px;
	font-size:14px;
	line-height:18px;
	color:#333;
	border-left:#43C5A1 5px solid;
}

#footer ul li ul li {
	margin:5px 0;
}

#footer ul li ul li:before {
	content:"－";
	color:#43C5A1;
}

#copyright{
clear:both;
padding:10px 5px;
text-align:center;
font-style:normal;
font-size:12px;
line-height:16px;
color:#FFFFFF;
background:#43C5A1;
}


#pageTop {
  display: none;
  position: fixed;
  right: 5%;
  bottom: 20px;
}

#pageTop a {
  padding:12px 12px;
	font-size:30px;
	color:#ffffff;
	background:#43C5A1;
   filter: alpha(opacity=65);
   -moz-opacity:0.65;
   opacity:0.65;
	
	border:#FFF 1px solid;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;	
}

#bottom_btn1,#bottom_btn2 {
	display:none;
}


/***** PCのみ適用の設定　*******/
@media print, screen and (min-width:1201px){

/**** メニュー　********/	

  #navi{
	clear:both;
	position:relative;
	height:60px;
	margin:0px 0 0 0;
	padding:4px 0;
	/*メニュー幅を画面いっぱい伸ばす場合*
	background:#43C5A1;
		background:linear-gradient(to bottom,#43C5A1 0%,#43C5A1 100%);
		background:-webkit-gradient(linear, left top, left bottom, from(#43C5A1), to(#43C5A1));
	border-top:2px solid #43C5A1;
	border-bottom:4px solid #43C5A1;
	/*メニュー幅を画面いっぱい伸ばす場合*/
	}

	a#menu{display:none;}

	.panel{
	display:block !important ;
	width:100%;
	max-width:1600px;
	margin:auto;
	}

	.panel>ul{
	}

	.panel>ul>li{
	display: block;
	float: left;
	position:relative;
	width:calc(100% / 5 );  /*100%÷メニュー数の値を入力*/
	}

	.panel>ul>li a{
	display: block;
	height:44px;
	text-align: center;
	vertical-align:baseline;
	font-weight:bold;
	font-size:18px;
	line-height:44px;
	padding:8px 0;
	color:#43C5A1;
	background:#eee;
	border:2px solid #CCDDFF;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px	;	
	}

	.panel>ul>li:last-child a{
	border-right:1px solid #CCDDFF;
	}

	.panel ul li a:hover{
	color:#eee;
  background:#0099CC;
	}

/*メニュー二階層目*/

	.panel>ul>li>ul{
	position:absolute;
	display:none;
	z-index:10;
	}

	.panel>ul>li:hover>ul{
	display:block;
	width:100%;
	z-index:10;
	}

	.panel>ul>li>ul>li{
	float:none;
  }

	.panel>ul>li>ul>li a{
	display: block;
	height:88%;
	text-align:center;
	font-size:16px;
	line-height:18px;
	padding:15px 10px;
	color:#43C5A1;
	background:#FFFFFF;
	border-left:1px solid #CCDDFF;
	border-right:1px solid #CCDDFF;
	border-bottom:1px solid #CCDDFF;
	}

	.panel>ul>li>ul>li a:before{
	content:"";
	}

	.panel>ul>li>ul>li a:hover{
	color:#fff;
	background:#cce;
	}

/**** メニューここまで　********/	
		
}
/***** PCのみ適用の設定ここまで　*******/


/***** タブレット用　*********/
@media only screen and (max-width:1200px){

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

body {
padding:0 0 0 0;/*ヘッダ固定分の確保の解除*/
}


/**上部固定の位置ズレ補正 ●PC以外は解除●**/
a.hosei{
   display: block;
   margin-top:0px;
   padding-top:0px;
}

/**** 全体の構成・枠組み　********/

#header_obi{
	position:relative;/*ヘッダ固定分の確保の解除*/
	z-index:inherit;
}

#container {
background:none;
}

#header{
width:100%;
padding:2px;
margin::0;
}

#header_right{
max-width:35%;
padding:0 60px 0 0;
}

.wrapper{
width:100%;
padding:0 3px;
}

#main{
width:100%;
padding:3px;
}

#sidebar{
width:100%;
padding:0px 10px;
text-align:center;
}	

#footer{
width:100%;
}


/**** bxslider新方式*****
#slideshow ul li{
height: auto;
min-height:350px;
}

#slideshow ul li p{
	width:98%;
	padding:20px 150px 10px 0px;
}

#slideshow ul li p strong{
	font-size:28px;
}
/**** bxslider新方式*****/


/**** メニュー　********/	

	#overlay{
	display: none;
	width: 100%;
	height:120%;
	text-align: center;
	position: fixed;
	top: 0;
	z-index: 5;
	background: rgba(0,0,0,0.5);
	}
	
	#navi{
	clear:both;
	float:right;
	max-width:50%;
	margin:0 auto;
	padding:0;

	position: fixed;
	right:2px;
	top:3px;
	z-index: 100;
	}
	
	#menu{
	width:55px;
	display:block;
	float:right;
	padding:0;
	height:55px;
	background:url(images/icon_menu.png) no-repeat;
	background-size:200% 100% ;
	}
	
	#navi a#menu span{padding-left:5px;}
	#navi a.menu span:before{content: "";}
	#navi a.menu span:after{content: "";}

	#navi a.menuOpen{
	background:url(images/icon_menu.png) no-repeat -55px 0;
	background-size:200% 100% ;
	}
	#navi a.menuOpen span:before{content: "";}
	#navi a.menuOpen span:after{content: "";}

	#navi a#menu:hover{cursor:pointer;}

	#navi .panel{
	display: none;
	float:none;
	max-width:99%;
	width:320px;
	max-height:80%;
	overflow:scroll;
	border:2px #fff solid;

	position: fixed;
	right: 3px;
	top:56px;
	z-index: 10;
	}

	#navi ul li{
	width:100%;
	height:auto;
	background:#0099CC;
	border-top:1px solid #fff;
	}

	#navi ul li a{
	display:block;
	padding:8px 10px;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	color:#FFFFFF;
	}

	#navi ul li.current_page_item>a{
	}

/*2層目プルダウン式用設定*/
	#navi ul li.menu-item-has-children{
	position:relative;
	}

	#navi ul li.menu-item-has-children>a{
	max-width:100%;　 /* 2層目プルダウン式⇒88%／通常⇒100% */
	width:280px;
	border-right:1px solid #fff;
	}

	#navi ul li.menu-item-has-children>span{
	display:none;  /* 2層プルダウン式⇒block／通常 ⇒none */
	position:absolute;
	right:0px;
	top:0px;
	padding:11px;
	font-size:18px;
	color:#FFFFFF;
	}

	#navi ul li.menu-item-has-children>span:after{
	content: "▼";
	}

	#navi ul li.menu-item-has-children>span.menuOpen:after{
    content: "▲";
	}
/*2層目プルダウン式用設定*/


/*メニュー二階層目*/		

	#navi .panel>ul ul>li{
	display:block;    /*  2層プルダウン式⇒none／通常 ⇒block */
	padding:5px 3px;
	background:#FFFFFF;
	border-top:1px solid #0099CC;
		}

	#navi .panel>ul ul>li a{
	display:block;
	padding:5px 5px 5px 8px;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	color:#0099CC;
	border-left:#0099CC 2px solid;
	}

	#navi .panel>ul ul>li.current_page_item>a{
	color:#FFFFFF;
	background:#CC6666;
	}

	#navi .panel>ul ul>li>a:before{
	content:"";
	}
/**** メニューここまで　********/	

	
}
/***** タブレット用ここまで******/


/***** スマホ 横(ランドスケープ) 用*****/
@media only screen and (max-width:640px){

.pc{
	display:none;
}

.smp{
	display:block;
	display:inline;
}

#header h1{
	width:80%;
	min-height:16px;
	overflow:hidden;
}

#header_logo{
clear:both;
float:none;
max-width:100%;
padding:0;
margin:0;
}

#header_logo span{
	width:80%;
	min-height:12px;
	overflow:hidden;
}


#header_logo img{
max-width:100%;
}

#header_middle{
padding:0;
}

#header_right{
clear:both;
float:none;
max-width:60%;
padding:0;

position:fixed;
right:58px;
top:3px;
z-index:1000;
}


/**** bxslider新方式*****
#slideshow ul li{
height: auto;
min-height:180px;
}

#slideshow ul li p{
	width:98%;
	padding:10px 50px 10px 0px;
	font-size:16px;
}

#slideshow ul li p strong{
	font-size:24px;
	text-shadow:#333 1px 1px 1px;
}
/**** bxslider新方式*****/

/**** 見出し*****/

.h1_bg{
	min-height:40px;
}

h1 {
padding:10px 5px 14px 5px;
font-size:26px;
line-height:30px;
}

/**** スマホ用に小さくする場合*****/
h2{font-size:26px;line-height:28px;}
h3{font-size:24px;line-height:26px;}
h4{font-size:20px;line-height:22px;}
h5{font-size:18px;line-height:20px;}
h6{font-size:16px;line-height:18px;}
/**** スマホ用に小さくする場合*****/



/***********スクロール**********/	
.scroll{
	margin:0 10px;
	height:400px;
}


/***********ページ下部固定表示**********/
#pageTop {
  display: none;
  position: fixed;
  right: 2%;
  bottom: 90px;
}

#pageTop a {
  padding:10px 10px;
	font-size:20px;
	color:#ffffff;
	background:#43C5A1;
   filter: alpha(opacity=65);
   -moz-opacity:0.65;
   opacity:0.65;
	
	border:#FFF 1px solid;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;	
}


body{
	padding:0 0 40px 0;
}


#copyright{
padding:5px 5px 20px 5px;
font-size:12px;
line-height:16px;
}

/*旧方式*
#bottom_btn1,#bottom_btn2{
	display:block;
	width:50%;
  height:60px;  

  position: fixed;
  left: 0;
  bottom: 0;
	z-index:100;

	background:#FF6699;
}

#bottom_btn2 {
  left: 50%;
	background:#FF9933;
}

#bottom_btn1 a,#bottom_btn2 a {
  position: absolute;
	bottom: 5px;

	width:100%;
  height:100%;  
	line-height:18px;
	text-align: center;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;

	background:#FF6699;
	}

#bottom_btn2 a {
	color:#ffffff;
	background:#FF9933;
	}
/*旧方式*/	


#bottom_btn1,#bottom_btn2{
	display:block;
  position: fixed;
  left: 0;
  bottom: 0;
	z-index:100;
	
	width:50%;
	background:#FF6699;
	}

#bottom_btn2{
  left: 50%;
	background:#FF9933;
	}
	
	
	
/***********ページ下部固定表示　ここまで**********/

}
/***** スマホ 横(ランドスケープ) 用ここまで*****/

/****** スマホ 縦(ポートレート)用 ******/
@media only screen and (max-width:480px){

ul.bxslider li p{
	top:35%;
	left:20%;
	right:20%;
	font-size:18px;
}

.smp-v{
	display:block;
	display:inline;
}

/**　グリッド**********/
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{width:100%; margin:0; padding:0;}

.grid1s{float:left;width:calc(100% *1/12 );}
.grid2s{float:left;width:calc(100% *2/12 );}
.grid3s{float:left;width:calc(100% *3/12 );}
.grid4s{float:left;width:calc(100% *4/12 );}
.grid5s{float:left;width:calc(100% *5/12 );}
.grid6s{float:left;width:calc(100% *6/12 );}
.grid7s{float:left;width:calc(100% *7/12 );}
.grid8s{float:left;width:calc(100% *8/12 );}
.grid9s{float:left;width:calc(100% *9/12 );}
.grid10s{float:left;width:calc(100% *10/12 );}
.grid11s{float:left;width:calc(100% *11/12 );}
.grid12s{float:left;width:calc(100% *12/12 );}


/***********テーブル**********/
table.rp tr{
	display:block;
}

table.rp th{
	width:100%;
	display:list-item;
	list-style:none;
}

table.rp td{
	width:100%;
	display:list-item;
	list-style:none;
}

table.rp .w100{
width:100%;
}

/***********dt ddリスト**********/

dt,dd{
	float:none;
	width:100%;
}

dd{
	padding:0 0 8px 8px;
}

dl.wide dt,dl.wide dd{
	width:100%;
}

dt:before{
	content:"【";
}

dt:after{
	content:"】";
}

/***********イメージ float→スマホ解除**********/
.img_left2,.img_right2 {
	float: none;
	max-width:100%;
}

/**** wordpress対応*****/
.alignleft,.alignright {
	float: none;
	max-width:100%;
  display: block;
  margin: 0 auto 10px auto;
}

/***********スクロール**********/	
.scroll{
	height:400px;
}

/*********その他**********/

.kaigyou:before{
  content: "\A";
  white-space: pre;
}
			


}
/****** スマホ 縦(ポートレート)用 ここまで******/