@charset "UTF-8";


/*PC・タブレット・スマホ共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body{
	margin: 0px;padding: 0px;
	color: #333;	/*全体の文字色*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 16px;	/*文字サイズ*/
	line-height: 2;		/*行間*/

	-webkit-text-size-adjust:none!important;
	background:#f4f4f4;	/*背景色*/
	/*background: -webkit-linear-gradient(lightgray 10%, #fff);	グラデーション*/
	/*background: linear-gradient(lightgray 10%, #fff);			同上*/


}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form{
	margin: 0px;padding: 0px;font-size: 100%;
}
ul{
	list-style-type: none;
}
ol{
	padding-left: 40px;padding-bottom: 15px;
}
img{
	border: none;max-width: 100%;height: auto;vertical-align: middle;
}
table{
	border-collapse:collapse;font-size: 100%;border-spacing: 0;
}
iframe{
	width: 100%;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a{
	color: #333;	/*リンクテキストの色*/
text-decoration:none;
}
a:hover{
	color: #368cda;			/*マウスオン時の文字色（全体）*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}



#container{
max-width:900px;
margin:auto;
margin-bottom:100px;

}



/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {

}
.site-header{
	display:none;
}

/*ヘッダーブロックの中*/
HEADER .inner{
	max-width: 900px;	/*ブロック幅*/
	/*height : 149px;	高さ;*/
	position: relative;
	margin: 0px auto
	border-top: 10px solid #388edc;	/*上端の線の幅、線種、色*/
      /* border-right: 2px solid #666633;	
	border-bottom: 0px solid #666633;	
	border-left: 2px solid #666633;	*/

	background:#fff;	

z-index: 999;
}
/*ロゴの設定*/
main #logo{
	width: 100%;	/*ロゴの幅*/


}
main #logo_s{
	width: 100%;	/*ロゴの幅*/


}


#logo_s {
display:none;
}






/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック設定*/
#menubar{
	margin:auto;
	height: 40px;	/*ブロックの高さ*/

width:100%;
	border-top: 1px solid #fff;		/*メニューの上側の線の幅、線種、色*/

}


#menubar ul{

	margin: 0px auto;

}


/*メニュー１個ごとの設定*/
#menubar ul li{
	float: left;
	width: 16.3%;	/*メニュー幅*/
	text-align: center;	/*文字を中央に揃える*/

	font-weight: bold;	/*文字を太字にする設定*/
background : url(../img/b_off.gif) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
background-size:100% 40px;
padding-left:0px;
line-height:1.6;
margin-left:2px;

}
#menubar ul li:first-child{
	width: 16%;	/*メニュー６個で100%になるようここで調整（16.6%×5+17%=100%）*/
}
#menubar ul li a{
	text-decoration: none;

	display: block;
	line-height: 40px;
	padding-top: 0px;
	font-size: 95%;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少しあける設定*/
		color:#fff2e6;


}
/*最初のメニューの設定*/
#menubar ul li:first-child a{
	border-left: 1px solid #fff;	/*左側に線を入れる*/
	
}
/*マウスオン時の設定*/
#menubar ul li a:hover{
	
	/*border-bottom: 0px solid #fff;	メニューの下側の線の幅、線種、色*/
color:#368cda;
}


#menubar{
	/*display: none;*/
}


/*小さな端末用メニューを表示させない*/
#menubar-s{
	display: none;
}
/*３本バーアイコンを表示させない*/
#menubar_hdr{
	display: none;
}

/*パンくずリスト
---------------------------------------------------------------------------*/
.breadcrumb {
clear:both;
  margin: 7px 0 0 3%;
  padding: 0;
  list-style: none;
text-align:left;

}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: normal;/*太字*/
  font-size:85%;
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color:#1138db;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color:#1138db;/*色*/
}

.breadcrumb li a:hover {
  text-decoration: underline;
}

.breadcrumb li a.disabled{
display: inline-block;
  pointer-events: none;
  opacity: 0.85;
}
/*パンくずリスト終わり）*/

/*コンテナー（contentsを囲むブロック）
---------------------------------------------------------------------------*/

#container{
max-width:900px;
margin:auto;
margin-bottom:100px;

}




/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents{
	clear: left;

	margin: 0px auto;
	padding-top: 0px;	/*メニューと下の左右のブロックの間に空ける余白*/

	background: #fff;	/*背景色*/
	border-bottom: 1px solid #666633;	

overflow:hidden;
position:relative;
}


#contents #obi {

height:50px;
width:100%;

background: #acacff;

}





#obi p{

margin-left:15%;
padding-top:13px;
	font-size: 90%;
font-weight:100;
	color: #000;		/*文字色*/
overflow:hidden;
}



/*メインコンテンツ（中央ブロック）
---------------------------------------------------------------------------*/
#main{
display:block;
	float: right;	/*右側に回り込み*/
	width: 80%;		/*メインコンテンツ幅*/
	padding-bottom: 50px;
	padding-top:0px;
margin-left:0!important;
background: #fff;
margin-left:10%;
}


#main h1{
clear:both;
width:80%;

}


/*修正箇所上端*/
h1 {
  position: relative;
  padding: 0.35em 0.5em;
  background: #d5d5ff;
  color: #393939;
}
h1:before {
  content: " ";
  position: absolute;

  top: -16px;
  left: 0;
  width: -webkit-calc(100% - 16px);
  width: calc(100% - 16px);
  height: 0;
  border: solid 8px transparent;
  border-bottom-color: #acacff;


}


#main h1.page1h1{
margin-top:50px;
	font-size: 120%;
	font-weight:bold;
	color: #6a1160;		/*文字色*/
	margin-left:5%;
padding:0;
padding-left:0.5em;
	/*background: #acacff;*/
}










/*修正箇所下端*/

#main h1.page2h1{
margin-top:30px;
	font-size: 120%;
	font-weight:bold;
	color: #6a1160;		/*文字色*/
	margin-left:5%;

	/*background: #acacff;*/
}



/*理念*/
#hoshi{

margin:auto;
width:60%;
margin-top:50px;
margin-bottom:30px;
}

#hoshi2{
display:none;
}

#main .box_1{
width:100%;
display:block;
margin-top:15px;

}


#main .syoka{

	margin-top:20px;
}

#main ul li.syokai{

margin-left:9%;
	margin-right:2%;
margin-bottom:5px;
color:#6a1160;
font-size:100%;
}

#main ul li.syokai:before {
content:"◯";
 }

#main .rinen_box{
width:90%;
display:block;
margin-top:25px;
margin-left:5%;

}

#main .rinen{
	font-size: 90%;
	font-weight:normal;
	color: #6a1160;		/*文字色*/
margin-left:10%;
margin-right:10%;
}

#main .hakaimg{
margin-top:30px;
margin-left:5%;
margin-right:5%;
}

#main .syuzai{
margin-left:10%;
margin-top:30px;
}



/*mainコンテンツのh2タグ設定*/

h2{
width:90%;
margin:auto;
margin-top:30px;
padding-left:15px;
}



.cp_h2title {
background-color:#fff;
border:solid 2px;
border-left:solid 4px;
border-color:#fff #fff #acacff #acacff
}


#main .box2{
width:100%;
display:block;
margin-top:15px;

}

#main .servi_t{
list-style-type:none;
	margin-top:20px;
}

#main ul li.servi_to{

	margin-left:7%;
	margin-right:5%;
	margin-bottom:5px;
	color:#6a1160;
	font-size:100%;
}

#main .hirabun{
	margin-left:7%;
margin-right:5%;
	color:#6a1160;
}

.otoimoji{
font-weight:bold;
color:#000000;
}

.freemoji{
font-weight:bold;
color:#a5010e;
}




.gazoumoji{
  
line-height:2;
vertical-align:baseline;


}

.sonotasagyo{
	line-height:2;
	margin-left:8%;
	padding-left:15px;
	font-size:95%;
	background-image : url(../img/mura_btn.png);
	background-size: 9px;
	background-position: 0px 9px;
	background-repeat: no-repeat;
}



/*ビフォー・アフターのブロック
---------------------------------------------------------------------------*/
#box_basoto{
display:block;
width:100%;
text-align:center;
margin:auto;
margin-top:20px;
}

 .box_ba{
display:inline-block;

width:95%;
text-align:center;
margin:0px auto;
margin-left:5%;
}

 .box_befo{
float:left;
width:47%;
text-align:center;
border:1px solid #000;

display:block;
}

 .box_afte{
float:left;
width:47%;
text-align:center;
border:1px solid #000;
border-left:1px solid #000;
margin-left:5px;
display:block;
}






/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub{
	float: left;	/*左側に回り込み*/
	width: 20%;	/*サブコンテンツ幅*/

	padding-top: 0px;
	background: #acacff;	/*背景色*/
  z-index: 500;/*最前面*/
margin-right:0!important;
padding-bottom: 10000px;
margin-bottom: -10000px;
}


#sub .content{
	font-size: 150%;
	text-align: center;	/*文字をセンタリング*/
font-weight:bold;
justify-content:center;
margin-top:150px;
	padding: 0px 0px;	/*上下、左右への余白*/
	color:#000;		/*文字色*/
	border-radius: 0px 0px 0px 0px;	/*角丸のサイズ。それぞれ左上、右上、右下、左下への設定*/
	background: #acacff;	/*背景色*/
}






/*subコンテンツ内のbox1設定*/
#sub .box1{

	padding: 0px;				/*ボックス内の余白*/
	margin-bottom: 0px;		/*ボックスの下にあけるスペース*/
width:114px;
margin:auto;

}



#sub .box1 ul{
	margin-bottom: 0;
	background: #acacff;	/*背景色*/

}



/*subコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニューブロック全体の設定*/
#sub ul{


width:114px


}

#sub ul li{
text-align:center;

}

/*メニュー１個ごとの設定*/
#sub ul li a{
	text-decoration: none;
	display: block;
/*font-family:"Comic Sans MS","cursive";　サブメニューの字体*/

line-height:40px;
	font-weight: bold;	/*文字を太字にする設定*/
background : url(../img/b_off.gif) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
background-size:100% 40px;
color:#ffdfc1;


margin-bottom:20px;
}



#sub ul li a:hover {
color:#ffcfa4;
background : url(../img/b_on.gif) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
background-size:100% 40px;
}



/*フッターメニュー設定
---------------------------------------------------------------------------*/
ul#footermenu{
	clear: both;
	margin: 0px auto;
	text-align: center;
}
ul#footermenu li{
	display: inline;
	padding: 0px 5px;
}







/*フッター設定(copyrightなどが入った最下部ブロック)
---------------------------------------------------------------------------*/
#footer{
	clear: both;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 15px;
	color: #000;	/*文字色*/
	/*background:#ffffff;	背景色*/
border-top: solid #000000 0px;
/*border-bottom: solid #000000 1px;*/

vertical-align:center;
margin-bottom:200px;
}



#footer .pr{
	display: block;
	font-size: 80%;
}
#footer a{
	text-decoration: none;
	color:#000000;
}
#footer a:hover{
	color:#2276c1;
}









/*テーブル１
---------------------------------------------------------------------------*/
.ta1{
	width: 95%;
margin-left:10px;
}
.ta1, .ta1 td, .ta1 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル内の右側*/
.ta1 td{
	width: 63%;
	padding: 10px;

}
/*テーブル内の左側*/
.ta1 th{
	width: 25%;
	padding: 10px;
	text-align: left;


	background:#f3f3f3;	/*背景色*/
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi{
	width: auto;
	text-align: left;
	color: #FFF;	/*文字色*/
	background: #000;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#333));	/*グラデーション*/
	background: -webkit-linear-gradient(#4b4b4b, #333);	/*同上*/
	background: linear-gradient(#4b4b4b, #333);			/*同上*/
}



/*テーブル3
---------------------------------------------------------------------------*/
.ta3, .ta3 td, .ta3 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
margin-top:30px;
margin-bottom:10px;
}

.ta3{
	width: 90%;
margin-left:5%;
}
.ta3, .ta1 td, .ta1 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル内の右側*/
.ta3 td{
	width:60%;
	padding: 10px;
}
/*テーブル内の左側*/
.ta3 th{
	width:auto;
	padding: 10px;
	text-align: left;


	background:#f3f3f3;	/*背景色*/
}



.bgc_ta{
background: #e6e6e6;	
font-weight:normal;	
color:#6a1160;
}
/*=======================メールフォーム関連========================*/

.form_syo{
width:88%;
max-width:700px;
text-align:left;
margin:auto;
}

.form_kakoi{
max-width:700px;
width:90%;
display:block;
margin:10px auto;
text-align:center;
border: 1px solid #999;

}

.form_soroe{
width:90%;
margin:auto;
display:block;
text-align:left;
margin:30px 5%;

}

.fm{
display:block;
text-align:left;
margin-top:15px;
color:#6a1160;

}




.wll{
width:100%;
border: 1px solid #ccccff;	
height:18px;
padding:5px;
box-sizing: border-box;
height:auto;
font-size:16px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.hissu{
color:red;
}
.ninni{
color:blue;
}

/*type=numberのスピンボタン非表示*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;
}

/*入力例の文字色指定*/
input::placeholder {
  color:#a5a5a5;
}

/* IE */
input:-ms-input-placeholder {
  color:#a5a5a5;
}
/* Edge */
input::-ms-input-placeholder {
  color:#a5a5a5;
}

/* textareaの大きさ変更不可 */
textarea {
	resize: none;

}

/*inputボタンの設定
---------------------------------------------------------------------------*/
input[type="submit"],
input[type="button"],
input[type="reset"]{
	width: 250px;	/*ボタン幅*/
	padding: 10px;	/*ボタン内の余白*/
	margin-bottom: 20px;
	border-radius: 30px;	/*角丸のサイズ*/
	background: #e5e5e5;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));	/*グラデーション*/
	background: -webkit-linear-gradient(#FFF, #e5e5e5);	/*同上*/
	background: linear-gradient(#FFF, #e5e5e5);			/*同上*/
	font-size: 15px;	/*文字サイズ*/
	letter-spacing: 0em;
	border: 1px solid #999;	/*枠線の幅、線種、色*/
}
/*ボタンのマウスオン時の設定*/
input:hover[type="submit"],
input:hover[type="button"],
input:hover[type="reset"]{
	background: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#FFF));	/*グラデーション*/
	background: -webkit-linear-gradient(#e5e5e5, #FFF);	/*同上*/
	background: linear-gradient(#e5e5e5, #FFF);			/*同上*/
}


/*======================↑メールフォーム関連ここまで↑========================*/

/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop{
	clear: both;
}
#pagetop a{
	color: #FFF;		/*文字色*/
	font-size: 10px;	/*文字サイズ*/
	background-color: #368cda;	/*背景色*/
	text-decoration: none;
	text-align: center;
	width: 10em;	/*ボックス幅*/
	display: block;
	float: right;
}
/*マウスオン時*/
#pagetop a:hover{
	background-color: #333;
	color: #FFF;
}


h2 span.option2{
	position: static;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	display: inline-block;
}

/*トップページのNEWアイコン
---------------------------------------------------------------------------*/
.newicon{
	background: #F00;
	color: #FFF;
	font-size: 10px;
	padding: 0px 5px;
	border-radius: 2px;
	margin: 0px 5px;
}

/*その他
---------------------------------------------------------------------------*/
.look{
	color:#fff;background: #666;padding:5px;border-radius: 4px;
}
.mb15,.mb1em{
	margin-bottom: 15px;
}
.clear{
	clear: both;
}
ul.disc{
	padding: 0em 25px 1em;list-style: disc;
}
.color1{
	color: #f61468;
}
.pr{
	font-size: 10px;
}
.wl{
	width: 96%;
}
.ws{
	width: 50%;
}
.c{
	text-align: center !important;
}
.r{
	text-align: right !important;
}
.l{
	text-align: left !important;
}
img.fr{
	float: right;margin-left: 10px;margin-bottom: 10px;
}
img.fl{
	float: left;margin-right: 10px;margin-bottom: 10px;
}
.big1{
	font-size: 30px;letter-spacing: 0.2em;
}
.mini1{
	font-size: 11px;
}
.sh{
	display: none;
}

.blog{
	width:100%;
hight:auto;
}

/*画面幅1200px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1200px){

/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents{
	width: auto;
	margin: 0 0%;
	padding-top: 0px;
	background:#fff;
}

}/*1200end*/



/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){
		



#sub {
display:none;
}



.site-header{

    display:block;
padding-left:5px;

background:#fff;
    position: fixed;
top:5px
left:5px;
    justify-content: space-between;
    width: 100%;
padding-bottom:0px;

border-bottom: 1px solid #368cda;
}




#obi{
	display:none;
}

#main{
width:100%;
}

#main h1.page1h1{

	font-size:100%;
	color: #6a1160;		/*文字色*/
	margin-left:7%;
}

#main h1.page2h1{
margin-top:180px;
	font-size: 100%;
	color: #6a1160;		/*文字色*/
	margin-left:7%;
}



#hoshi{
	display:none;
}

#hoshi2{
    display:block;
margin:auto;
width:70%;
margin-top:200px;
margin-bottom:50px;
}
/*
#main .hakaimg{
text-align:center;

}
*/
/*
#main .rinen{
margin-left:30%;
}
*/

/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック設定*/
#menubar-s {
width:90%;
	display: block;	/*小さな端末用メニューを非表示から表示に切り替える*/
	border-top: 1px solid #fff;	/*メニューの上の線の幅、線種、色*/

margin:auto;
margin-top:20px;
}



/*メニュー１個ごとの設定*/
#menubar-s ul li {
font-family:serif;
	float: left;
	width:50%;	/*メニュー幅*/
	text-align: center;	/*文字を中央に揃える*/
	font-weight:bold;	/*文字を太字にする設定*/
	background:#f4f4f4;	背景色（古いブラウザだとここの色のみが出ます）
	background: -webkit-linear-gradient(#fff,#acacff);	/*グラデーション*/
	background: linear-gradient(#fff,#acacff);		/*	同上*/




	/*background:#368cda;	背景色（古いブラウザだとここの色のみが出ます）*/

/*グラデーション*/
	/*background: linear-gradient(#85b9e9,#388edc);			同上*/
}
#menubar-s ul li a {
	text-decoration: none;
	display: block;
	border-bottom: 10px solid #fff;	/*メニューの下の線の幅、線種、色*/
	padding: 8px 0;
	font-size: 15px;	/*文字サイズ*/
color:#4d004d;


}
/*奇数番目のメニューの設定*/
#menubar-s ul li:nth-child(odd) a {
	border-right: 5px solid #fff;	/*メニューの右側の線の幅、線種、色*/

}

#menubar-s ul li a:hover {
	color:#388edc;

}

/*大きな端末用メニューを非表示にする*/
#menubar {
	display: none;
}



/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main{
	padding-top:0px;
}

/*
#main h1.page1h1{
margin-top:50px;
	font-size: 100%;
margin-left:15%;
}

#main h1.page2h1{

	font-size: 100%;



}

*/




#main, #sub{
	float: none;
	width: auto;
}







}/*800end*/



/*画面幅650px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:650px){


#main h1 {
width:80%;
}




#main h2 {
width:90%;

}


#main ul li.syokai{

	margin-left:5%;
font-size:90%;
}

#main ul li.servi_to{


	font-size:90%;
}

#main h1.page1h1{


	margin-left:5%;
}

#main h1.page2h1{


	margin-left:5%;
}


#main .hirabun{
font-size:90%;

}
/*
#main .rinen{
margin-left:23%;
}
*/

.ta1{
font-size:90%;
}



}/*650end*/



/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/

/*ロゴの設定*/



#logo_s {
display:block;
}

#logo {
display:none;
}
/*
#main .rinen{
margin-left:18%;
}
*/







#main .syuzai{
margin-left:10%;
margin-top:30px;
}








}/*480end*/



/*画面幅350px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:350px){

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/

#hoshi{

margin:auto;
width:90%;
margin-top:50px;
margin-bottom:30px;
}


#main .rinen{

margin-left:5%;
margin-right:5%;
}




}/*350end*/








/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#top #contents{
	padding-top: 0px;
}

/*一覧ページ
---------------------------------------------------------------------------*/
/*ボックス内の段落タグ設定*/
#main .list p{
	margin-left: 0;
}
/*ボックス内の写真設定*/
#main .list figure img{
	float: none;
	margin: 0px;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*一覧ページの各ボックス内のテーブル
---------------------------------------------------------------------------*/
#main .list table{
	width: 100%;	/*テーブル幅*/
}

/*サブコンテンツ　一覧ボックス
---------------------------------------------------------------------------*/
/*サムネイル画像*/
#sub .box2 figure img{
	width: 30%;		/*画像幅*/
}

/*フッターメニュー設定
---------------------------------------------------------------------------*/
ul#footermenu {
	/*display: none;	非表示にする設定*/
}

/*テーブル１
---------------------------------------------------------------------------*/
/*テーブル内の右側
.ta1 td {
	width: auto;
	padding: 2px;
}*/
/*テーブル内の左側の見出し部分
.ta1 th {
	width: 100px;
	padding: 2px;
}*/





/*その他
---------------------------------------------------------------------------*/
.ws,.wl{
	width: 95%;
}

}

.c-both{
        clear:both;

}

.kaisyaimg{
	float:left;


	margin:0px 10px 0px 0px;

	
}
.od{
	overflow: hidden;
}



.kojibasyo{

font-size:11px;
}
.flexcenter {
display:flex;
justify-content:center;
}
.disflex {
display:flex;

}
.flexcboth{
	display:flex;
clear:both;
}
body{
	-webkit-text-size-adjust:none!important;
}
dl{
	-webkit-text-size-adjust:100%!important;
}
dt{
	-webkit-text-size-adjust:100%!important;
}
dd{
	-webkit-text-size-adjust:none!important;
}

.syomoji {
font-size:0.7rem;
}