@charset "utf-8";
/* CSS Document------------------------------------ */
/*言の葉OFFICEかのん　リニューアル　
/*2016/10/4　　　　　　　　　　　　　　　　　　　　*/
/*  style.css     
/*赤#990000*/
/*薄赤#FFB0B0*/	
/*オリーブグリーン#CACC97*/

/*2021.1 オンラインセミナーをメニューに追加した
　#head-0：960→1060px
　#navi：width:850px;/*730+120
*/
                               
/*--------------------------------------------------*/
html	{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	background-color: #FFFFFF;
	width: 100%;
	margin: 0px auto;
	padding:0;
/*	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #990000;
	border-left-color: #990000;
*/	
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.fb-like	{
	clear:both;
	padding:10px 0;
	}
.fb-like > span {
	width: 200px !important;
}
.fb-like iframe {
	width: 200px !important;
}

img	{
	max-width:100%;
	height:auto;
}
img.bo	{border:solid 1px #999}
.cb	{clear:both;}
.cen	{text-align:center}
.texts	{font-size:smaller}
.textss	{font-size:small}
.migi	{text-align:right}
.hidari {text-align:left}
.text-glay{color: gray}
hr.p-kugiri	{
	width:90%;
	margin:20px 0 0 5%;
	border:none;
	background-color:#F99;
	height:1px;
}
a:hover {
	color: #3366CC;
}

article	{
	margin:10px 0;
}

/*==========================================
 page top button
===========================================*/
a#pagetopBtn  {
	border-radius: 10px;
	position: fixed;
	bottom: 10px;
	right: 5px;
	
	background-color:#990000;
	color:#fff;
	line-height:2em;
	padding:8px;
	text-align:center;
	font-size:13px;
	
	/*border:solid 1px #ccc;*/
}

/*==========================================
 Menu button
===========================================*/
a#menuBtn  {
	border-radius: 10px;
	position: fixed;
	bottom: 10px;
	left: 5px;
	
	background-color:#990000;
	color:#fff;
	line-height:2em;
	padding:8px;
	text-align:center;
	font-size:13px;
	
	/*border:solid 1px #ccc;*/
}





/*==========================================
 問合わせ
===========================================*/
nav.go	{
	margin:20px auto;
	max-width:100%;}
nav.go-s	{
	display:block;
	text-align:right;
	width:80%;
	margin:0 0 10px 0;
	
	}


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

header#header	{
	width:100%;
	height:110px;
	margin:0;
	padding:0;
	background-color: #990000;
}
/*-------------------------------ヘッダー部　ロゴ・タイトル*/

#head-0	{
	width:1060px;/*960*/
	margin:0 auto;
	background-color: #990000;
}
.head-l	{
	float:left;
	width:180px;
	background-color: #990000;
}

.head-r{
	float:right;
	width:700px;
	background-color: #990000;
	
}

.head-r h1	{
	margin:5px 0;
	color:#fff;
	font-size:0.85em;
	text-align:right;
	padding:5px 0;
	background-color: #990000;
	
}

/*------------------------------------------------------NAVI-*/	
#navi	{
	width:850px;/*730+120*/
	height:30px;
	float: left;
	margin: 15px 0 5px 10px;
	background-color: #990000;
}
#navi ul {
	margin:0;
	padding:0;
	background-color: #990000;
}
#navi li {
	display: inline;
	font-size:14px;
	text-align:left;
	
}

#navi a {
	display: block;
	float: left;
	padding:0 10px;
	margin:0;
	line-height:30px;
	height:30px;
	color: #fff;
	text-decoration: none;
	background-color: #990000;
	font-weight:420;
	border-right:solid 1px #fff;
}

#navi a.home {
	border-left:solid 1px #fff;
}



/*---------------------------Box　NAVI-*/	
.naviBox1 {
	float:left;
	width:23%;
	height:80px;
}
.naviBox1 a {
	display: block;
	padding:10px;
	margin:0 0 10px 10px;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	line-height:1.2em;
	font-size:1.2em;
	
	
	text-decoration: none;
}
.naviBox2 {
	width:73%;
	height:auto;
	padding:0 1%;
	margin:0 0 10px 0;
	color: #000;
	
	text-align:left;
	font-weight:nomal;
	line-height:1.2em;
}





a.per {
	background-color: #990000;
	color:#fff;
}
a.ken {
	background-color: #FF9900;
	color:#fff;
}
a.ana {
	background-color: #FF6666;
	color:#fff;
}
a.kot {
	background-color: #CC6699;
	color:#fff;

}
/*a:hover {
	background-color: #666666;
	color: #fff;
}

*/
/*--------------------------------------------------TOPタイトル*/
#TopTitle	{
	color: #990000;
	border: solid 2px #990000;
	/*上左右のみ角丸　border-top-right-radius*/
	border-top-right-radius: 30px;
	border-top-left-radius: 30px;
	width: 100%;
	height: 35px;
	font-size: 30px;
	line-height: 1.1em;
	margin: 10px 0 0 0;
	padding: 15px 0;
	text-align: center;
	background-color: #fff;
}


.TopTitles	{
	font-size:18px;
	line-height:1.2em;
	padding:10px 0;
}


/*--------------------------------------------------TOP画像*/


#topimage	{
	width:960px;
	height:auto;
	margin:0 auto;
}

/*-------------------------*/


div#contents	{
	width:960px;
	height:auto;
	margin:10px auto;
	background-color: #FFFFFF;
}
	
.main	{
	float:left;
	width:700px;
	height:auto;
	margin:5px 0 0 0;
	background-color: #FFFFFF;
}



/*バナー---------------------------------*/
.banner	{
	float:right;
	width:246px;/*242*/
	margin:5px 0 0 0;
	padding:0;
	overflow: auto;
	
}
.BannerWaku {
    border: solid 1px #AAAAAA;
}

/*=======================================================================*/
/*                 PC  フッター部                                          */
/*=======================================================================*/

footer	{
	clear:both;
	width:100%;
	height:auto;
	background-color: #990000;
	color:#FFFFFF;
}



#foot	{
	background-color: #990000;
	color:#FFFFFF;
	font-size:12px;
	padding:20px 3%;
	margin:10px 0 60px 0;
	
	
}
#foot h1	{
	margin:0;
	padding:0;
	text-align:left;
	font-size:15px;
	
}

#foot p	{
	clear:both;
	margin:0;
	padding:30px 0;
	text-align:left;
	line-height:2em;
	
}

#foot ul	{
	float:left;
	width:30%;
	margin:10px 10px 0 0;
	line-height:1.8em;
}
#foot ul ol	{
	margin:0 10px 0 10px;
}



#foot a	{
	color:#FFFFFF;
	text-decoration:none;
}
	

/*=======================================================================*/
/*                 PC  main 書式                                         */
/*=======================================================================*/
/*Flex-Box*/
.f-container{
  display:flex; 
}
.f-left70 {width: 70%}
.f-right30 {width:30%}
.f3 {width: 32%}

p.pankuzu	{
	font-size:0.7em !important;
}
p.pankuzu a	{
	font-size:1em;
}

/*-------------------------*/

.main h1	{
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.1em;
	
	color: #fff;
	background-color: #990000;
	padding:10px 20px;
	margin: 0;
}

.main h1.p2	{
	margin-top:20px;
}

.main h1.end	{
	background-color: #CCCCCC;
	color:#000;
}


.main h2	{
	clear:both;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.8em;
	color:#990000;
	margin:0 0 5px 10px;
	padding:10px 10px 0 0;
}
.main h2.mark9	{
	font-size:18px;

	background-image: url(images/mark9.png);
	madding-left: 20px;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left top;
}

.main h2.jigyo	{
	font-size:1.3em;
}
.main h2 a	{
	display:block;
	padding:8px;
	width:100%;
	text-decoration:none;
}



.main h3	{
	font-size:16px;
	font-weight:bold;
	line-height:1.5em;
	/*text-align:center;*/
	color:#990000;
	margin:10px 0 0 10px;
}

.main h4	{
	font-size:13px;
	font-weight:bold;
	line-height:2em;
	/*text-align:center;*/
	color:#990000;
	margin:10px 10px 0 10px;
}

.main h5	{
	font-size:11px;
	font-weight:bold;
	line-height:2em;
	/*text-align:center;*/
	color:#000;
	margin:10px 10px 0 10px;
}



.main p	{
	font-size:0.9em;
	font-weight:nomal;
	line-height:1.5em;
	color:#000;
	padding:0.5em 20px;
}


.main ul,.main ol	{
	margin:10px 10px 5px 60px;
	font-size:0.9em;
	font-weight:nomal;
	line-height:1.8em;
	color:#000;
}
.main li	{
	margin-bottom:0.5em;
}
.main ol.ro	{
	list-style-type:upper-roman;
}
.main ol.nu	{
	list-style-type:decimal;
}


.main ol.no	{
	list-style-type: decimal;
}

/**/

.main ul.rodoku	{
	list-style-image: url(images/sikaku.gif);
}
.main ul.sikaku	{
	list-style-image: url(images/sikaku.gif);
}
.main ul.sikakuR	{
	list-style-image: url("images/sikakuR.png");
}
.main ul.sikakuO	{
	list-style-image: url("images/sikakuO.png");
}
.main ul.sikakuP	{
	list-style-image: url("images/sikakuP.png");
}
.main ul.arrow	{
	list-style-image: url(images/arrow.gif);
}
.main ul.onpu	{
	list-style-image: url(images/onpu.gif);
}
.main ul.voice	{
	font-size:0.8em;
	list-style-image: url(images/voice.png);
}
.main ul.voice li {
	margin-bottom:0.5em;
}
.main ul.onpu li {
	margin-bottom:1em;
}
#info a {
	text-decoration-line: none !important;
}
#info a:hover {
	text-decoration-line: underline !important;
}
#box {
    border:solid 1px #DD4649;
    width: 96%;
    height: auto;
    margin: 20px auto;
    padding:10px;
}
#box ul,#box ul ul {font-size: 0.9rem !important;}
#box a {text-decoration: none}


  ul ul {
        list-style-type: disc;
        font-size: 1rem;
    }


p.voice-note	{
	font-size:0.8em;
	font-weight:nomal;
	margin:20px 10px 0 60px;
	padding:0;
}


.main ul.mark1	{
	list-style-image: url(images/mark1.png);
}

.main ul.mark2	{
	list-style-image: url(images/mark2.png);
}
.main ul.mark3	{
	list-style-image: url(images/mark3.png);
}
strong.redtext	{
	color:#990000;
}


/*--------------------------------------画像回り込み*/
img.migi40	{
	float:right;
	text-align:right;
	margin:0 0 10px 10px;
}

figure	{
	margin:5px 0 5px 20px;
}

figcaption	{
	font-size:0.7em;
	line-height:1.1em;
	text-align:left;
	padding:3px 0 0 0;
	}

figure.R30,div.R30	{
	float:right;
	width:30%;
	height:auto;
	text-align:right;
	margin:0 10px 5px 10px;
    padding-top: 10px;
}
figure.R40	{
	float:right;
	width:40%;
	height:auto;
	text-align:right;
	margin:0 10px 5px 10px;
    padding-top: 10px;
}

figcaption.R30	{
	width:30%;
}
figure.R20	{
	float:right;
	width:20%;
	height:auto;
	text-align:right;
	margin:0 10px 5px 10px;
    padding-top: 10px;
}
figcaption.R20	{
	width:20%;
}


figure.L30	{
	float:left;
	width:30%;
	height:auto;
	text-align:left;
	margin:0 5px 5px 20px;
}
figure.R30 figcaption,figure.L30 figcaption,figure.L20 figcaption	{
	text-align:center;
}
figure.L30p	{
	float:left;
	width:30%;
	height:auto;
	margin:5px 1.4%;
}
figure.L50	{
	float:left;
	width:48%;
	height:auto;
	margin:5px 0;
}
figure.L70	{
	float:left;
	width:68%;
	height:auto;
	margin:5px 0;
}
figure.R50	{
	float:right;
	width:48%;
	height:auto;
	margin:5px 0;
}
figure.C30	{
	float:none;
	width:48%;
	height:auto;
	margin:10px auto;
}
figure.C80	{
	float:none;
	width:80%;
	height:auto;
	margin:10px auto;
}
.L80 {	width:80%;}


/*---------------------------------テーブル-*/
table.hyo1	{
	width:95%;
	margin:5px 0 5px 2%;
}

table.hyo1 th,table.hyo1 td	{
	padding:5px 0 5px 5px;
	border-top:solid 1px #CCC;
	
	
}
table.hyo1 th	{
	font-size: 0.9em;
	white-space: nowrap;
}
table.hyo1 td	{
	font-size:0.8em;
	line-height:1.5em;
}


/*フィードバック*/
p.fb	{
	font-size:0.8em;
	line-height:1.2em;
}


img.contact	{
	margin:10px 0;
}

img.migi	{
	float:right;
	padding:0 10px 5px 5px;
}
/*----------------------------------*/
/*               動画               */
/*----------------------------------*/
    div.doga80	{
        width:80%;
        height:auto;
        margin:5px auto;
    }
     div.doga20	{
        width:20%;
        height:auto;
        margin:5px 0;
        float: right;
    }
     div.doga30	{
        width:30%;
        height:auto;
        margin:5px 1.45%;
        float: left;
    }
    div.dogaNote {
        width:79%;
        height:auto;
        margin:5px 0;
        float: left;  
    }
    iframe {
        max-width: 100%;
        margin:5px auto;
}








/*=======================================================================*/
/*                 PC  右サイドバー部                                    */
/*=======================================================================*/

/*サイドバー枠*/
.s-waku,.s-wakufa	{
	position:relative;
	width:99.3%;
	height:auto;
	padding:0;
	margin:0 auto 10px auto;
	border:solid 1px #666;
    box-sizing: border-box;
}

/*左上●画像*/
.s-waku-maru	{
	position: absolute;
	width: 23%;
	height: auto;
	padding: 0;
	margin: 0;
	background-color: #FFB0B0;
	z-index: 2;
	background-image: url(../images/maru-pink.png);
}
/*タイトル文字列*/
hr.pink {
	clear: both;
	border: none;
	width: 97%;
	margin: 15px auto;
    height: 2px;
	background-color: #DF8B90;
}
  .line-pink{
        margin-top: 10px;
        clear: both;
        line-height: 1.1rem;
        border-top: solid 2px #DF8B90;
    }
.s-waku h1	{
	position:absolute;
	width:77%;
	
	top:0;
	left:0;
	
	z-index:1;
	
	font-size:0.85em;
	line-height:1.5em;
	text-align:left;
	border: none;
	padding: 10px 0 10px 26%;/*変更2021.06　left：24%*/
	margin: 0 0 10px 0;
	
	background-repeat: no-repeat;
	background-position: right center;
}

.s-waku h1 a	{
	display:block;
	color:#fff;
	text-decoration:none;
}
.s-waku h1.b-contact a	{
	color:#000;
}

h1 a:hover	{
	text-decoration:none;
}

/**/
h1.b-red	{
	background-color: #FFB0B0;
	background-image: url(images/bka_pink.png);
	}
h1.b-orange	{
	background-color: #FD8D11;
	background-image: url(images/bka_orange.png);
}

h1.b-og	{
	background-color: #CACC97;
	background-image: url(images/bka_og.png);
}

h1.b-an	{
	background-color: #990000;
	background-image: url(images/bka_red.png);
}


h1.b-og a	{
	color:#000;
}


h1.b-contact	{
	background-color: #DDD;
	background-image: url(images/bka_contact.png);
	color:#000;
}

h1.b-lesson	{
	background-color: #FF7373;
	background-image: url(images/bka_dpink.png);
}

/**/

.notes	{
	font-size:11px;
}

/*説明文章と画像のレスポンシブ*/
p.note	{
	clear:both;
	padding:60px 10px 0 10px;
	font-size:0.75em;
	line-height:1.5em;
	color:#000;
		}
p.note-no	{
	clear:both;
	height:0;
	padding:45px 10px 0 10px;
	font-size:0;
	line-height:0;

	color:#000;
		}

p.note-bosyu	{
	clear:both;
	padding:0 10px 0 10px;
	font-size:0.75em;
	line-height:1.5em;
	color:#000;
		}
p.bosyu	{
	clear:both;
	padding:60px 10px 0 10px;
	line-height:1.1em;
	text-align:center;
	font-size:18px !important;
	font-weight:bold;
}
p.bosyu a	{
	color:#990000;
}


/*リンクBanner*/
h2.links	{
	clear:both;
	text-align:center;
	padding:10px;
	font-size:1em;
	line-height:1.1em;
	color:#000;
		}
	
p.links	{
	padding:0 10px;
	font-size:0.75em;
	line-height:1.5em;
	color:#000;
		}
		
/*画像中央*/
.s-waku-i	{
			width:90%;
			height:auto;
			margin:0 auto 10px auto;
            text-align: center;
		}
/*Web予約*/
.yoyaku	{
			width:240px;
			height:auto;
			margin:0 auto 10px auto;
			text-align:center;
		}


/**/



/*動画*/
div.doga	{
	width:560px;
	height:320px;
	margin:5px auto;
}
iframe	{
	width:560px;
	height:315px;
}


/*-----おすすめ角丸------*/

.recommend,
.recommend2,
.recommend3 {
	border-radius: 15px;
	background-color: #FFCECE;
	color:#000;
}
.recommend2 {
    display: block;
    line-height: 2em;
    width:12em;
    font-size: 1.1em;
    font-weight: bold;
    margin: 10px 0 5px 0;
    color:#990000;
}
/*セミナー受講者の声*/
p.recommend3 {
    display: block;
    line-height: 1.5rem;
    width:6rem;
    font-size: 0.8rem;
    font-weight: bold;
    margin: 10px 0 0 20px;
    color:#990000;
    text-align: center;
}


.back-b	{
	background-color:#9CF;
}
.back-p	{
	background-color:#C9C;
}
.back-o	{
	background-color:#F93;
}

.back-m	{
	background-color:#F99;
}
.back-g	{
	background-color: #9FC;
}


/*-----講座申込み・お問合せ------*/

/*リンクボタン*/
.app-b	{
	display:block;
	width:200px;
	height:50px;
	background-color:#F99;
		
	
	
}




.app	{
	width:70%;
	height:50px;
	font-size:0.8em;
	line-height:1.5em;
	text-align:center;
	margin:20px auto 50px auto;
	padding:20px 10px;
	border:solid 1px #666666;
	border-radius: 10px;
}



/*-----セミナータイトル角丸------*/

div.bannerP a	{
	margin: 5px 0 5px 15px;
	padding: 3px;
	width: 360px;
	border: solid 1px #CC0000;
	border-radius: 30px;
	background-color: #FFCECE;
	display: block;
	/**/
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}
div.bannerP a:hover	{
	background-color: #99CCFF;
	text-decoration: none !important;
}

.TextBlue	{
	color:#06C !important;
	font-weight:bold !important;
}
.TextRed	{
	color:#990000 !important;
	font-weight:bold !important;
}

/*------------------------------------------------Banner書式*/
.banner p	{
	font-size:0.7em;
	line-height:1.3em;
	margin:0.5em 0 10px 0;
}
.banner img.migi	{
	margin:0 0 20px 5px;
}

/*パーソナルレッスン*/
.step	{
    float: left;
    width:20%;
    text-align: right;
}
	
.stepNote	{
	float:right;
    width: 79%;
    text-align: left;
}
hr.stepLine	{
    clear: both;
	width:100%;
	height:1px;
    margin-bottom: 10px;
	border:none;
	background-color:darksalmon;
}


.k-list a {text-decoration-line: none !important}
.k-list a:hover {text-decoration-line: underline!important}

/********************************************************************************/
/*スマートホン向けのレイアウトの指定：1060px未満
/********************************************************************************/
@media only screen and (max-width:1059px) {
	
	
/*-------------------------------ヘッダー部　ロゴ・タイトル*/
header#header	{    

	width:100%;
	height:auto;/*150px*/
	margin:0;
	padding:0;
	background-color: #990000;
}

#head-0	{
	width:100%;
	height:auto;
	margin:0 auto;
	background-color: #990000;
}
.head-r,.head-l{
	float:none;
	text-align:center;
	width:100%;
	/*height:auto;*/
	background-color: #990000;
    display: block;
	
}

.head-r h1	{
	margin:5px 0;
	color:#fff;
	font-size:0.9em;
	text-align:center;
	padding:5px 0;
	background-color: #990000;
	
}

/*------------------------------------------------------NAVI-*/	

#navi	{
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	height:auto;
	float: none;
	background-color: #990000;
}
#navi ul {
	margin:0;
	padding:10px 0;
	background-color: #990000;
}
#navi li {
	display: inline;
	text-align:center;
	
}

#navi a {
	display: block;
	float: left;
	padding: 5px 0;
	margin: 0;
	line-height: 1.1em;
	width: 49.4%;
	height: 20px;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	background-color: #990000;
	font-weight: 420;
	border: solid 1px #ccc;
}

#navi a.home {
	border:solid 1px #fff;
}


#navi a:hover {
	color: #3366CC;
}



/*---------------------------Box　NAVI-*/	
.naviBox1 {
	width:47%;
	height:auto;
	padding:0 1%;
	margin:10px 0;
	
	line-height:1.2em;
}
.naviBox1 a {
	font-size:1.3em;
	font-weight:bold;
	line-height:1.2em;
}

nav#navi	{
	display:none;
	visibility:hidden;
}
/*=======================================================================*/
/*                スマホ版 フッター部                                    */
/*=======================================================================*/


footer	{
	clear:both;
	width:100%;
	height:auto;
	position:relative;
}



#foot	{
	background-color: #990000;
	color:#FFFFFF;
	font-size:12px;
	padding:30px 0;
}
#foot h1,#foot ul,#foot p	{
	padding:0 3%;
}
#foot ul	{
	float: left;
	width: 90%;
	margin: 10px 10px 10px 20px;
	font-size:1.3em;
	line-height: 2em;
	list-style-type: square;
}
#foot ul ol	{
	list-style-type:none;
}




#foot ul.no3	{
	float:left;
	width:90%;
	margin:10px 2% 10px 0;
}

#foot p	{
	padding-top:20px;
}
/*--------------------------------------------------TOPタイトル*/
#TopTitle	{
	width: 100%;
	height: 25px;
	font-size: 20px;
	line-height: 1.1em;
	margin: 10px 0 0 0;
	padding: 10px 0;
	text-align: center;
	background-color: #fff;
	
	/*上左右のみ角丸　border-top-right-radius*/
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
}


.TopTitles	{
	font-size:13px;
	line-height:1.2em;
	padding:10px 0;
}

/*--------------------------------------------------TOP画像スライダー*/


#topimage	{
	clear:both;
	width:100%;
	height:auto;
	margin:10px auto;
}

/*-------------------------*/


div#contents	{
	width:100%;
	height:auto;
	margin:10px auto;
	background-color: #FFFFFF;
/*	border:solid 1px #CC0000;
*/}
	
.main	{
	float:none;
	width:100%;
	height:auto;
	margin:5px 0 0 0;
	background-color: #FFFFFF;
	/*border:solid 1px #CC0000;*/
}
.main h1	{
	font-size: 1.2em;
}
.main p	{
	color:#000;
	padding:0.5em 15px;
}


.main ul,.main ol	{
	margin:10px 10px 5px 40px;
}

/*バナー---------------------------------*/
.banner	{
	float:none;
	width:100%;
	margin:5px 0 0 0;
	padding:0;
	/*overflow: auto;*/
}
/*動画*/
div.doga80	{ width:80%;margin: 5px auto;}
iframe { margin: 5px auto;}
    
    
    
    
/*=======================================================================*/
/*                 スマホ版  右サイドバー部                              */
/*=======================================================================*/

/*サイドバー枠*/
.s-waku	{
	width:100%;
	height:auto;
	padding:0;
	margin:10px 0;
	border:none;
}
.s-wakufa	{
	width:240px;
	height:400px;
	padding:0;
	margin:0 auto;
	border:none;
}
.s-waku h1	{
	height:3em;
	/*width:80%;*/
	font-size:1em;
}
/*左上●画像*/
.s-waku-maru	{
	height:4em;
	width: auto;
}
/*説明文章と画像のレスポンシブ*/
p.note	{
    font-size:0.8em;
	padding:6em 10px 0 10px;
		}
/*リンクBanner*/
p.links	 { font-size:0.8em;}
h2.links { font-size:1em;}
/*-----------------------------------------*/
		
/*画像中央*/
.s-waku-i	{
			width:90%;
			height:auto;
			margin:0 auto 10px auto;
		}
/**/



/*動画*/
div.doga	{
	width:100%;
	margin:5px auto;
}
iframe	{
	width:100%;
	height:auto;
}

/*画像回り込み*/
img.migi40	{
	float:right;
	text-align:right;
	width:40%;
	margin:0 0 10px 10px;
}

/*---------------------------------テーブル-*/
table.hyo1	{
	width:100%;
	margin:5px 0;
}

table.hyo1 th,table.hyo1 td	{
	padding:2px;
}
table.hyo1 th	{
	font-size: 0.9em;
	white-space: normal;
}
table.hyo1 td	{
	font-size:0.8em;
}


}
/********************************************************************************/
/*タブレット用*/
/********************************************************************************/

@media only screen and (min-width: 600px) and (max-width:959px) {
nav#navi	{
	display:inherit;
	visibility:visible;
}

#navi a {
	padding: 5px 0;
	line-height: 1.1em;
	width: 24.6%;
	height: 20px;
}
#foot ul	{
	float: left;
	width: 42%;
	margin: 10px 2% 10px 10px;
	font-size:1.1em;
	line-height: 2em;
	list-style-type: square;
}
/*動画*/
    div.doga80	{
            width:100%;
            margin: 5px 0;
    }

	
/*=======================================================================*/
/*                 タブレット版  右サイドバー部                              */
/*=======================================================================*/

/*リンクBanner*/
h2.links	{	font-size:1em;		}

/*画像回り込み*/
img.migi,img.tabmigi	{
	float:right;
	text-align:right;
	max-width:25%;
	margin:0 0 10px 10px;
}



}