@charset "euc-jp";
/* レスポンシブデザイン用CSS*/

@charset "euc-jp";

img{max-width : 100%}

.pnmb{color:#0000FF; font-size:20px;}
.main-w950{width:950px; margin:0 auto;}
.pdbg{background-color:#FFFFCC; padding:5px;}

.ybox{ width:100%; margin:0 auto 30px auto;}/*お役立ち講座メイン　1項目分BOX*/

/*ツリー用*/
.trctt{border:1px solid #666666; width:100%; background-color:#E3E3E3; margin-bottom:0px; line-height:2.0em; font-size:18px;}
.trcts{border:1px solid #666666; padding:7px; margin:0; background-color:#FFFFFF; font-size:14px; line-height:1.3em;}

/**リスト用**/

.main-ul{margin:0px; margin-left:20px; padding:0px; font-size:12px; line-height:1.3em; list-style:square;}
.main-ul2{margin:0px; margin-left:20px; padding:0px; font-size:12px; line-height:1.3em; list-style:disc;}
.main-ul3{margin:0 0 0 255px; padding:0px; font-size:12px; line-height:1.3em; list-style:disc;}
.left-ul{list-style:none; margin:0px; margin-left:0px; padding:0px;}

.ul-none12{list-style:none; margin:0px; padding: 0px 0px 0px 12px;}
.ul-none14{list-style:none; margin:0px; padding: 0px 0px 0px 14px;}

.left-ul2{margin:0 0 5px; margin-left:12px; padding:0px; font-size:12px; line-height:1.3em; list-style:disc;}
.left-li1{margin:0 0 5px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no1_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li2{margin:0 0 5px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no2_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li3{margin:0 0 5px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no3_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li4{margin:0 0 5px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no4_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li5{margin:0 0 5px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no5_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li6{margin:0 0 5px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no6_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li7{margin:0 0 5px;padding: 0px 0px 0px 30px; background: url(/info/images/icon-no7_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li8{margin:0 0 5px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no8_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li9{margin:0 0 5px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no9_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li10{margin:0 0 5px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no10_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li11{margin:0 0 5px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no11_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li12{margin:0 0 5px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no12_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-linone{margin:0 0 5px; padding: 0px 0px 0px 30px; list-style: none;}

.left-sikaku{margin:0 0 5px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-sikaku_w20.gif) no-repeat 3px 0em; list-style: none;}

.yboxbd2px{width:100%; padding:5px; border:#333 solid 2px; box-sizing:border-box;}/*枠つき可変ボックス*/
.ybarPink{background-color:#F03; padding:4px; font-weight:bold; color:#FFFFFF; font-size:14px; line-height:1.3em;}/*ボックス内用バー（ピンク）*/
.ybarOrange{background-color:#F60; padding:4px; font-weight:bold; color:#FFFFFF; font-size:14px; line-height:1.3em;}/*ボックス内用バー（オレンジ）*/
.ybarLblue{background-color:#A4E9FF; padding:4px; font-weight:bold; color:#000000; font-size:14px; line-height:1.3em;}/*ボックス内用バー（ライトブルー）*/



@media screen and (min-width: 100px) and (max-width: 790px){

#contents {margin : 0 auto; text-align : left; box-sizing:border-box;}
#contents2 {width : 100%; padding :0 10px; box-sizing:border-box;}
#contents #lside {display:none;}
#headbar{display:none;}
#nn{display:none;}
#nnf{display:none;}/*フッター*/
#main{ width:100%; margin:0 auto; padding: 10px; box-sizing:border-box;}
.nn{display:none;}

.main-title780{width:100%; background:linear-gradient(#84f173, #1d8624); margin-bottom:5px;}

/*幅指定フロートボックス*/
.yboxlf{width:100%; margin:0 auto;}
.yboxlf250{width:100%; margin:0 auto;}
.yboxlf350{width:100%; margin:0 auto;}
.yboxlf370{width:100%; margin:0 auto;}
.yboxlf400{width:100%; margin:0 auto;}
.yboxlf500mr15{width:100%; margin:0 auto;}
.yboxlf550mr15{width:100%; margin:0 auto;}
.yboxlf370mr20{width:100%; margin:0 auto;}
.yboxlf370mb15{width:100%; margin:0 auto 15px auto;}
.yboxlf370mr20b15{width:100%; margin:0 auto 15px auto;}

/*テーブル調節用*/
.tb50{width:100%; margin:0;}
.pt14_12{font-size:12px; line-height:1.3em;}
.pt14_11{font-size:11px; line-height:1.3em;}
.pt14_10{font-size:10px; line-height:1.3em;}

.yimglf{text-align:center; margin-top:15px;}
.ytable{font-size:12px; line-height:1.3em;}
.ymmenu{margin-bottom:20px;}

/*YouTube動画をレスポンシブに*/
.yt_rd {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.yt_rd iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.box_780 {width:100%; box-sizing:border-box;}

.ovfscl {overflow:scroll;}

.pnkzPC{display:none;}/*パンくずPC*/
.pnkzMB{width:100%; margin:0 0 1em; font-size:12px; padding:7px 5px; background-color:#D8D8D8; box-sizing:border-box;}/*パンくずMB*/
.pnkzMB ul {padding:0;}/*パンくずMB*/
.pnkzMB ul li {list-style:none;}/*パンくずMB*/

}

@media screen and (min-width: 791px) and (max-width: 1024px){

#contents {margin : 0 auto; text-align : left; box-sizing:border-box;}
#contents2 {width : 100%; margin :0 auto; box-sizing:border-box;}
#contents #lside {display:none;}
#headbar{display:none;}
#pricef{margin:5px 10px 15px 0; width:395px; float:left;}
#markf{width:410px; float:left; margin:5px 0 15px 0;}
#nnf{display:none;}
#main{ width:100%; margin:0 auto; padding: 0 10px; box-sizing:border-box;}

.main-title780{width:100%; background:url(/info/hata/oyakudati-title_boat.gif); height:40px; margin-bottom:5px;}

/*幅指定フロートボックス*/
.yboxlf{width:480px; float:left; margin-right:15px;}
.yboxlf250{width:250px; float:left;}
.yboxlf350{width:350px; float:left;}
.yboxlf370{width:370px; float:left;}
.yboxlf400{width:400px; float:left; margin-right:15px;}
.yboxlf500mr15{width:500px; float:left; margin-right:15px;}
.yboxlf550mr15{width:550px; float:left; margin-right:15px;}
.yboxlf370mr20{width:370px; float:left; margin-right:20px;}
.yboxlf370mb15{width:370px; float:left; margin-bottom:15px;}
.yboxlf370mr20b15{width:370px; float:left; margin:0 20px 15px 0;}

/*テーブル調節用*/
.tb50{width:50%; float:left; margin:0;}
.pt14_12{font-size:14px; line-height:1.3em;}
.pt14_11{font-size:14px; line-height:1.3em;}
.pt14_10{font-size:14px; line-height:1.3em;}



.yimglf{float:left;}
.ytable{font-size:14px; line-height:1.3em;}
.ymmenu{margin-bottom:20px;}

/*YouTube動画をレスポンシブに*/
.yt_rd {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.yt_rd iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.box_780 {width:100%; box-sizing:border-box;}

.pnkzPC{display:none;}/*パンくずPC*/
.pnkzMB{width:100%; margin:0; font-size:12px; line-height:1.3em; padding:5px; background-color:#D8D8D8; box-sizing:border-box;}/*パンくずMB*/

}

@media screen and (min-width: 1025px) and (max-width: 3000px){
	
#contents {width : 1010px; margin : 0 auto; box-sizing:border-box;}
#contents2 {width : 1050px; margin :10px auto 0;}
#contents #main ,#contents2 #main{width :780px;}

#contents #lside {width :200px; margin-right:20px;}
#contents2 #lside {width :250px; margin-right:20px;}
#headbarsm{display:none;}
#kensakusm{display:none;}
#pricef{margin:5px 10px 15px 0; width:395px; float:left;}
#markf{width:410px; float:left; margin:5px 0 15px 0;}
#nnwide{display:none;}
#cttree{display:none;}
#main{ width:780px; margin:0 auto;}

#contents2 #sns {width:100%; display:table;}
#contents2 #sns .pnkzPC {display:table-cell; vertical-align:middle; padding:3px 0 !important;}
#contents2 #sns .snsbox {display:table-cell; vertical-align:bottom;}

.main-title780{width:780px; background:url(/info/hata/oyakudati-title_boat.gif); height:40px; margin-bottom:5px;}

/*幅指定フロートボックス*/
.yboxlf{width:480px; float:left; margin-right:15px;}
.yboxlf250{width:250px; float:left;}
.yboxlf350{width:350px; float:left;}
.yboxlf370{width:370px; float:left;}
.yboxlf400{width:400px; float:left; margin-right:15px;}
.yboxlf500mr15{width:500px; float:left; margin-right:15px;}
.yboxlf550mr15{width:550px; float:left; margin-right:15px;}
.yboxlf370mr20{width:370px; float:left; margin-right:20px;}
.yboxlf370mb15{width:370px; float:left; margin-bottom:15px;}
.yboxlf370mr20b15{width:370px; float:left; margin:0 20px 15px 0;}

/*テーブル調節用*/
.tb50{width:50%; float:left; margin:0;}
.pt14_12{font-size:14px; line-height:1.3em;}
.pt14_11{font-size:14px; line-height:1.3em;}
.pt14_10{font-size:14px; line-height:1.3em;}

.yimglf{float:left;}
.ytable{font-size:14px; line-height:1.3em;}
.ymmenu{display:none;}

/*YouTube動画をレスポンシブに*/
.yt_rd {text-align:center;}

.box_780 {width:780px; margin:0 auto;}

.pnkzPC{width:100%; margin:5px 0; padding:3px 20px; font-size:12px; line-height:1.3em; letter-spacing:0.05em; background-color:#ffffff; box-sizing:border-box;}/*パンくずPC*/
.pnkzPC ul {list-style:none; padding:0;}
.pnkzMB{display:none;}/*パンくずMB*/

}

@media screen and (min-width: 100px) and (max-width: 699px){
	
/*ページTOPへジャンプ rd-nnmitem.cssお役立ち用変更項目*/
#topButton{width:100% !important;}

}

/*9/23追加*/
#contents {
	display: flex; align-items: flex-start;
	margin: 0 auto 50px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;}
#lside {position: sticky; top: 0;}
.left-ul > li {margin:0 0 5px; padding: 0px 0px 0px 30px; list-style: none;}
.left-ul > li:nth-of-type(1) {background: url(/info/images/icon-no1_w20.gif) no-repeat 3px 0em;}
.left-ul > li:nth-of-type(2) {background: url(/info/images/icon-no2_w20.gif) no-repeat 3px 0em;}
.left-ul > li:nth-of-type(3) {background: url(/info/images/icon-no3_w20.gif) no-repeat 3px 0em;}
.left-ul > li:nth-of-type(4) {background: url(/info/images/icon-no4_w20.gif) no-repeat 3px 0em;}
.left-ul > li:nth-of-type(5) {background: url(/info/images/icon-no5_w20.gif) no-repeat 3px 0em;}
.left-ul > li:nth-of-type(6) {background: url(/info/images/icon-no6_w20.gif) no-repeat 3px 0em;}
.left-ul > li:nth-of-type(7) {background: url(/info/images/icon-no7_w20.gif) no-repeat 3px 0em;}
.left-ul > li:nth-of-type(8) {background: url(/info/images/icon-no8_w20.gif) no-repeat 3px 0em;}
.left-ul > li:nth-of-type(9) {background: url(/info/images/icon-no9_w20.gif) no-repeat 3px 0em;}
.left-ul > li:nth-of-type(10) {background: url(/info/images/icon-no10_w20.gif) no-repeat 3px 0em;}
.left-ul > li:nth-of-type(11) {background: url(/info/images/icon-no11_w20.gif) no-repeat 3px 0em;}
.left-ul > li:nth-of-type(12) {background: url(/info/images/icon-no12_w20.gif) no-repeat 3px 0em;}
.left-ul > li.no-num {background: none;}

#main {overflow: hidden;}
h2 {
    width: 100%; max-width: 780px; padding: 10px; margin: 8px 0 0 0;
    color: #004866; font-size: 16px; font-weight: 600;
    background-color: #bae5f7;}
.title {
	box-sizing: border-box;
	margin: 0 0 20px; padding: 7px;
    background-color: #00568E;
    color: #ffffff; font-size: 1.5em; font-weight: 600;}
.ovfscl {overflow-x: scroll;}
.outline {
	margin-bottom: 20px; padding: 10px;
	border: solid 1px #00568e; line-height: 1.5em;}
.mv-title {padding: 10px; background: #555; color: #fff; font-weight: 600;}
.mv-title a {color: #fff;}
.movie {
	position: relative;
	height: 0; margin: 0 0 40px; padding: 56.25% 0 0;}
.movie iframe {
	position: absolute;	top: 0;	left: 0;
	width: 100%; height: 100%;}
.w50 {width: 50%;}

a[href="#head"] {
		display: block;
		position: fixed; bottom: 15px; right: 0; z-index: 5;
		padding: 10px;
		border-radius: 10px 0 0 10px;
		background: #ff9000;
		color: #FFF; font-size: 12px; font-weight: bold;
		text-align: center; line-height: 1.3em;}
#head {margin: 0 0 30px; padding: 15px 0; border-bottom: solid 1px #ccc; text-align: center;}
#head img {vertical-align: bottom;}

@media screen and (max-width:699px){
	#head img {display: block; margin: 0 auto 10px;}
	.dis-tblcl {display: block;}
	.w50 {width: 100%;}
}


/*--LastUp2024.10.03_kobayashi--*/