/* レスポンシブデザイン用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:0px; margin-left:12px; padding:0px; font-size:12px; line-height:1.3em; list-style:disc;}
.left-li1{margin:0px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no1_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li2{margin:0px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no2_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li3{margin:0px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no3_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li4{margin:0px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no4_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li5{margin:0px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no5_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li6{margin:0px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no6_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li7{margin:0px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no7_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li8{margin:0px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no8_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li9{margin:0px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no9_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li10{margin:0px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no10_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li11{margin:0px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no11_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li12{margin:0px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no12_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-li13{margin:0px; padding: 0px 0px 0px 30px; background: url(/info/images/icon-no13_w20.gif) no-repeat 3px 0em; list-style: none;}
.left-linone{margin:0px; padding: 0px 0px 0px 30px; list-style: none;}

.left-sikaku{margin:0px; 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; overflow : hidden; 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; overflow : hidden; 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; overflow : hidden; box-sizing:border-box;}
#contents2 {width : 1050px; margin :10px auto 0;}
#contents #main , #contents #lside,#contents2 #main , #contents2 #lside { float:left;}
#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;}

}


/* LastUp2025.05.20_kimata */