@charset "utf-8";
/* CSS Document */

.main2 { max-width: 780px; width: 100%; margin: 0 0 0 200px;}
.main3 { max-width: 780px; width: 100%; margin: 0 auto;}
.oykdt_wrap { max-width: 1000px; width: 100%; margin: 0 auto;}

.oykdt_wrap h1,.oykdt_wrap h2 { display: block; box-sizing: border-box; width: 100%; max-width: 780px; margin-bottom: 15px;	padding: auto 7px; font-size: 1.3em; font-weight: 600; text-align: left;}
.oykdt_wrap h1 { background-color: #004885; color: #fff; font-size: 1.2em;}
.oykdt_wrap h2 { background-color: #c6e5f9; color: #004885; font-size: 1.1em;}

.oykdt_wrap section { margin-bottom: 20px;/* border-bottom: 1px #999 solid; */}
.oykdt_wrap section:after { display: block; clear:both; content: "";}

.oykdt_wrap .oyk_day { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px #999 solid; color: #333333; font-size: 12px; line-height: 1.3em; text-align: right;}

.oykdt_wrap .w100 { width: 100px;}
.oykdt_wrap .w200 { width: 200px;}
.oykdt_wrap .w380 { width: 380px;}
.oykdt_wrap .w780 { max-width: 780px; width: 100%;}
.oykdt_wrap .w75 { box-sizing: border-box; width: 75%; padding: 0 5px;}
.oykdt_wrap .w50 { box-sizing: border-box; width: 50%; padding: 0 5px;}
.oykdt_wrap .w33 { box-sizing: border-box; width: 33%; padding: 0 5px;}
.oykdt_wrap .w25 { box-sizing: border-box; width: 25%; padding: 0 5px;}
.oykdt_wrap .flex { display: flex; flex-wrap: wrap;}
.oykdt_wrap .sp-bet { justify-content: space-between;}
.oykdt_wrap .sp-ar { justify-content: space-around;}

.oykdt_wrap .pr_15 { padding: 0 15px 0 0;}
.oykdt_wrap .pt16w { padding: 5px; background-color: #2A72AF;}

.oykdt_wrap .oykdt_li ul { padding-left: 20px;}
.oykdt_wrap .oykdt_li li { display: block; position: relative; margin: 0 0 40px -5px;}
.oykdt_wrap .oykdt_li li::before { position: absolute; left: -15px; content: "●"; color: #0266a3;}

.oykdt_wrap .left-linone { margin: 0px; padding: 0px 0px 0px 30px; list-style: none;}
.oykdt_wrap .left-ul li { margin-bottom: 15px;}
.oykdt_wrap .left-li-child { position: relative; margin: 0 0 0 10px; font-size: 12px;}
.oykdt_wrap .left-li-child a { display: block; margin: 10px 5px 10px 0; line-height: 13px;}
.oykdt_wrap .left-li-child a::before { position: absolute; left: -14px; content: "∟"}

.oykdt_wrap .oykdt_waku01 { box-sizing: border-box; border-radius: 5px 5px 0 0; background-color: #6699ff;}
.oykdt_wrap .oykdt_waku02 { box-sizing: border-box; border-radius: 0 0 5px 5px; border: #6699ff 1px solid;}

.oykdt_wrap .oykdt { box-sizing: border-box; margin-bottom: 20px; padding: 5px;}
.oykdt_wrap .oykdt-01 .lf {	box-sizing: border-box;	width: 50%; margin-bottom: 20px; padding: 5px;}
.oykdt_wrap .oykdt-01 img { width: auto; height: auto;}
.oykdt_wrap .oykdt-02 img { width: 100px; height: auto;}
.oykdt_wrap .oykdt-02 .lf { padding: 0 10px 0 0;}
.oykdt_wrap .oykdt-03 .lf { box-sizing: border-box; width: 33%; padding: 5px;}
.oykdt_wrap .oykdt-04 .lf { box-sizing: border-box;	width: 100%; padding: 5px;}
.oykdt_wrap .oykdt-05 .lf {	box-sizing: border-box; width: 35%; padding: 5px;}
.oykdt_wrap .oykdt-05 p:nth-child(even),
.oykdt_wrap .oykdt-05 ul { width: 65%; padding-bottom: 10px;}

@media screen and (max-width: 699px) and (min-width: 0) {
.oykdt_wrap .oykdt-01 .lf,
.oykdt_wrap .oykdt-03 .lf,
.oykdt_wrap .oykdt-04 .lf,
.oykdt_wrap .oykdt-05 .lf{ float: none; width: 100%;}
}


.oykdt_wrap .box {
	margin: 2em 0;
	padding: 0.5em 1em;
	border: solid 3px #6091d3;
	border-radius: 10px;
	background: #FFF;
}
.oykdt_wrap .box a { margin: 0; padding: 0;}
.oykdt_wrap .box li { margin: 5px 0;}
.oykdt_wrap .box .w250 { max-width: 250px; margin: 5px auto;}
.oykdt_wrap .box .w450 { max-width: 450px; margin: 5px auto;}
.oykdt_wrap .box2 { padding: 5px; border: solid 1px #999999;}

.oykdt_wrap .point {
	width: 96%;
	margin: 20px 0 20px 0;
	padding: 7px;
	border: 1px solid #FFCC00;
	background: #FCF5D7;
	line-height: 1.5em;
}
.oykdt_wrap .point img {padding: 50px 0 0;}

.oykdt_wrap .caption {
	margin: 0 0 10px 0;
	border-bottom: dotted 1px #e66700;
	color: #e66700;
	font-size: 1.1em;
	font-weight: 600;
}

.oykdt_wrap .number {
	width: 98%;
	margin: 10px auto 7px auto;
	padding: 3px 0 0 5px;
	border-bottom: double 3px #408fc7;
	color: #00487B;
	font-size: 1.2em;
	font-weight: 600;
}

.oykdt_wrap .number_list { list-style:decimal;}
.oykdt_wrap .number_list li { padding: 0 10px 10px 0;}

.oykdt_wrap .square_list { list-style:square; padding: 0 0 0 25px;}
.oykdt_wrap .square_list li { padding: 0 10px 10px 0;}

.oykdt_wrap .img250 {width: 100%; max-width: 250px;}
.oykdt_wrap .img358 {width: 100%; max-width: 358px;}
.oykdt_wrap .img420 {width: 100%; max-width: 420px;}
.oykdt_wrap .img780 {width: 100%; max-width: 780px;}
.oykdt_wrap .img_oy {display: inline-block; vertical-align: top; margin-right: 15px;}

.oykdt_wrap .oy_txt {line-height: 1.8em; max-width: 560px; display: inline-block;}

.oykdt_wrap .oy_caution { padding: 5px;	line-height: 1.3em;	background-color: #FF0000; color: #FFFFFF; font-size: 16px;}
.oykdt_wrap .oy_caution2 { box-sizing: border-box; width: 100%;	max-width: 770px; margin: 0 0 30px 0; padding: 7px;	border: double 4px #e30126;	background-color: #ffeaed; color: #ab011d; text-align: center;}

.oykdt_wrap .oy_table table { width: 100%; border: 0; text-align: center; background-color: #000000; font-size: 14px; margin-bottom: 10px;}
.oykdt_wrap .oy_table td { padding: 3px; background-color: #FFFFFF;}

.oykdt_wrap .oy_title {	width: 100%; max-width: 780px; background-image: url(https://www.neonet-marine.com/info/newnnm/images/title-bg.gif); background-repeat: no-repeat;}

.oykdt_wrap .dotline { width: 780px; height: 1px; border: none; border-top: dashed 1px #666666; color: #FFFFFF;}




/* kakunotenken.html */
#inspection_pwc-03 .oykdt-06 { display: table; padding-bottom: 10px;}
#inspection_pwc-03 .oykdt-06 img { padding: 10px;}
#inspection_pwc-04 .oykdt-04 p { margin-bottom: 10px;}
#inspection_pwc-05 .oykdt-04 { padding-left: 20px;}
#inspection_pwc-07 div.lf { width: 50%; margin-bottom: 20px;}
#inspection_pwc-07 .oykdt-01 img { max-width: 50%;}
#inspection_pwc-08 .oykdt-01 { width: 100%;}
#inspection_pwc-08 .oykdt-01 .lf { max-width: 33%; margin-bottom: 20px; text-align: center;}
#inspection_pwc-09 .oykdt-01 { padding-left: 20px;}
#inspection_pwc-09 .oykdt-01 .lf { width: 100%;}ss
#inspection_pwc-10 .oykdt-01 ul { padding-left: 32px;}



/*DIY-YAM.html DIY-KAW.html DIY-SD.html*/
.oykdt_wrap .oyk_day_diy { margin-bottom: 10px; color: #333333; font-size: 12px; line-height: 1.3em; text-align: right;}
.diy_kanban { background: #005b97; text-align: center;}
.diy_kanban p.title { padding: 1% 0 0 5%; color: #FFF; font-size: 1.2em; text-align: left;}
.diy_kanban h1 { padding: 10px; background: #006FB8; color: #fff000; font-size: 1em; text-align: center;}
.diy_kanban h1 span { padding-left: 10px; font-size: 1.4em; font-weight: bold;}
#oil-01 .qa { position: relative; margin-bottom: 20px;}
#oil-01 .qa p { background-color: #FFD3F3; padding: 0 0 0 35px;}
#oil-01 .qa p::before { content: "Q："; position: absolute; left: 5px; color: #FF0000; font-weight: bold;}
#oil-01 .qa p:nth-child(even) { background-color: #FFFEE0; margin-bottom: 20px;}
#oil-01 .qa p:nth-child(even)::before { content: "A："; position: absolute; left: 5px; color: #000DFF; font-weight: bold;}
#oil-02 ul { padding: 10px; list-style: upper-alpha inside;}
#oil-03 .clearfix { text-align: center;}
#oil-03 .oykdt div.lf { width: 45%; margin: 0 0 20px;}
#oil-03 .oykdt div.lf p { padding: 10px; font-size: 14px;}
#oil-03 .oykdt div.lf img { max-height: 150px;}
#oil-03 .oykdt div.lf:nth-child(2) { width: 10%; padding-top: 8%;}
#oil-04 .oy_caution2 p {width: 80%; padding-left: 10px;}
#oil-06 .clearfix p { width: 70%; padding: 10px;}


 
/*TearAid.html*/
#tearaid-01 h2 { margin-bottom: 0;}
#tearaid-01 h3 { color: #fff; font-weight: normal; text-align: center;}
#tearaid-01 .type-a h3 { background-color: #826500;}
#tearaid-01 .type-b h3 { background-color: #0E787A;}
#tearaid-01 p { padding: 10px; color: #FF0001; font-weight: bold;}
#tearaid-01 li { font-size: 15px;}
#tearaid-02 .lf li { position: relative; padding: 5px 10px; font-size: 15px;}
#tearaid-02 .lf li span { position: absolute; right: 10px;}
#tearaid-02 .lf li span::before {content: "："}
#tearaid-03 div.lf { width: 45%; margin: 0 0 20px; text-align: center;}
#tearaid-03 div.lf p { padding: 10px; font-size: 14px; text-align: center;}
#tearaid-03 div.lf img { max-height: 150px;}
#tearaid-03 div.lf:nth-child(2) { width: 10%; padding-top: 8%;}
#tearaid-04 .oykdt-01 { width: 100%;}
#tearaid-04 .oykdt-01 img { max-height: 110px;}
#tearaid-04 .oykdt-01 a { padding: 5px;}
#tearaid-04 .oykdt-01 .lf { max-width: 33%; margin-bottom: 20px; font-size: 14px; text-align: center;}

@media screen and (max-width: 699px) and (min-width: 0) {
	#tearaid-01 .w50,#tearaid-02 .lf { width: 100%; float: none;}
}



/*wet-ykdt.html*/
#wetsuit-01 p, #wetsuit-02 p, #wetsuit-03 p,
#wetsuit-04 p, #wetsuit-05 p { padding: 10px;}
#wetsuit-01 span { display: block; padding-bottom: 0; font-weight: bold;}
#wetsuit-01 span::before { content: "●";}
#wetsuit-02 h3 { color: #FF00DD;}
#wetsuit-02 h3::before { content: "●";}
#wetsuit-02 p:first-child { padding-bottom: 0; font-weight: bold;}
#wetsuit-02 span { color: #FF4700; font-weight: bold;}
#wetsuit-03 h3 { color: #FF00DD;}
#wetsuit-05 span { color: #FF00DD;}
#wetsuit-06 ul { position: relative; padding-left: 40px; list-style:decimal;}
#wetsuit-06 img { margin-left: 20px;}
#wetsuit-06 p:first-child { font-weight: bold;}
#wetsuit-06 .orange { margin-top: 20px;}

@media screen and (max-width: 699px) and (min-width: 0) {
	#wetsuit-01 .lf,#wetsuit-02 .lf,#wetsuit-03 .lf,#wetsuit-04 .lf,#wetsuit-05 .lf,#wetsuit-06 .lf { width: 100%; float: none;}
	#wetsuit-01 img,#wetsuit-02 img,#wetsuit-03 img,#wetsuit-04 img,#wetsuit-05 img,#wetsuit-06 img { max-width: 100px; width: 100%;}
	#wetsuit-02 .spring { display: inline; margin-bottom: 0; font-size: 14px;}
}



/*dry-tsk.html*/
.oykdt_wrap .shopinfo { max-width: 200px; margin: 10px 0 20px; border: 1px #FF2F00 solid; border-radius: 5px;}
.oykdt_wrap .shopinfo .clearfix { background-color: #F17A2A;}
.oykdt_wrap .shopinfo p.w75 { box-sizing: border-box; padding: 4px 2px 2px; color: #7E0507; font-size: 16px; font-weight: bold; line-height: 16px;}
.oykdt_wrap .shopinfo img.w25 { box-sizing: border-box; padding: 3px;}
.oykdt_wrap .shopinfo ul { padding: 0 3px 3px;}
.oykdt_wrap .shopinfo li a { font-size: 14px; font-weight: bold;}
.oykdt_wrap .shopinfo p { font-size: 12px; line-height: 12px;}
.oykdt_wrap .blog { max-width: 200px;}
.oykdt_wrap .blog ul,.oykdt_wrap .blog div { margin-bottom: 20px;}
.oykdt_wrap .ta_c { margin: 10px 0 20px;}

.oykdt_wrap .dry_title { background-color: #c6e5f9; padding-bottom: 10px;}
#drysuit-01 p {padding: 5px 5px 10px;}
#drysuit-01 .dry_title h2 { margin-bottom: 0px; background-color: #c6e5f9; color: #004885; font-size: 1.1em;}
#drysuit-01 .dry_title p { margin: 0 4px; padding: 0px; border-bottom: 20px; border-top: 1px #fff solid; background-color: #fff; color: #004885; font-size: 1em;}
#drysuit-02 h3,#drysuit-05 h3 { height: 30px; padding-left: 8px; margin-top: 20px;  background-image: url(/info/e/dry-suits_select/images/tab.png); color: #ffffff; font-size: 16px; font-weight: 600; line-height: 1.8em; text-align: left;}
#drysuit-05 h5 { margin-bottom: 20px; background-color: #c6e5f9; color: #004885; font-size: 15px;}

.oykdt_wrap .dry_point { border: 1px #FFD200 solid; margin: 0 0 40px; background-color: #ffffec;}
.oykdt_wrap .dry_point img { width: 5%; margin: 10px;}
.oykdt_wrap .dry_point p { width: 90%;}
.oykdt_wrap .dry_point h6 { background-color: #ffe563; color: #ff6600; font-size: 16px; font-weight: 600;}

#drysuit-05 table { width: 100%; margin-bottom: 40px; border-collapse: collapse;}
#drysuit-05 th, #drysuit-05 td{ border: 1px #999 solid;}
#drysuit-05 th, #drysuit-05 td:first-child,#drysuit-05 td.th { padding-left: 10px; background-color: #def5fe; font-weight: bold; text-align: left;}
#drysuit-05 td.th, #drysuit-05 th { color:#004885;}
#drysuit-05 td { color:#FF0000; text-align: center}

#drysuit-05 .red p::before,#drysuit-05 .chui p::before{content: "※"}
#drysuit-05 div.red { margin-bottom: 20px;}



/*toryo-ykdt2.html*/
#toryo { font-size: 15px;}
#toryo h1 { padding-left: 10px; }
#toryo h2 { font-size: 18px; padding-left: 10px;}
#toryo h3 { font-size: 16px; margin-bottom: 5px;}
#toryo h4 { color: #004885; font-size: 15px; margin-bottom: 5px;}
#toryo h5 { font-size: 15px;}
#toryo .waku { border: 1px #666 solid;}
#toryo .bg { background-color: aliceblue;}
#toryo .bg2 { background-color: #fff;}
@media screen and (max-width: 699px) and (min-width: 0) {
	#toryo { font-size: 14px;}
}

#toryo-02 table { border-collapse: collapse; text-align: center; border-collapse: collapse;}
#toryo-02 table p { font-size: 14px; text-align: center;}
#toryo-02 table th { width: 20%;}
#toryo-02 table th, #toryo-02 table td { border: 1px #999 solid;}
#toryo-02 table td.bg { background-color: aliceblue;}
#toryo-02 div { padding: 10px; background-color: aliceblue; margin-bottom: 10px;}
#toryo-02 div:nth-of-type(2) { background-color: seashell;}
#toryo-02 div:nth-of-type(3) { background-color: azure;}
#toryo-02 div:nth-of-type(4) { background-color: beige;}
#toryo-02 div:nth-of-type(5) { background-color: whitesmoke;}
#toryo-02 table span { font-size: 12px; letter-spacing: 1px;}

#toryo-03 .bg { background-color: #BBB; color: #000; font-weight: bold;}
#toryo-03 .bg_odd { background-color: #777; color: #fff; font-weight: bold;}
#toryo-03 .bg_even { background-color: #999; color: #fff; font-weight: bold;}
#toryo-03 .odd { background-color: #CCC;}
#toryo-03 .even { background-color: #DDD;}
#toryo-03 table tr td:first-child { width: 100px;}
#toryo-03 table th:first-child { width: 40%;}
#toryo-03 table th { width: 20%;}
#toryo-03 div p { font-size: 12px;}

#toryo-04 div.clearfix div.w48 { border: 1px #666 solid;}
#toryo-04 div.clearfix div.w48 p{ display: block; height: 70px;}
#toryo-04 div.keisan { padding: 5px 10px; background-color: whitesmoke;}
#toryo-04 p.boat_spec { position: relative; margin-bottom: 5px; padding: 0 5px 0 100px; background-color: #004885; color: #fff; font-size: 15px; font-weight: bold;}
#toryo-04 p.boat_spec::before { content: "船体データ："; position: absolute; left: 10px; font-weight: normal;}
#toryo-04 table { table-layout: fixed; word-break: break-all; word-wrap: break-word;}
#toryo-04 table.table_smp th { width: 25%;}
#toryo-04 .sankou { padding: 5px; border: 1px #666 solid;}
#toryo-04 .sankou table { background-color: whitesmoke;}
#toryo-04 .hyou { width: 48%; font-size: 14px;}
#toryo-04 img { padding: 0 5px;}

#toryo-05 .clearfix .orange { padding: 5px;}
#toryo-05 .clearfix { background-color: whitesmoke;}
#toryo-05 .clearfix ul { background-color: #fff;}
#toryo-05 .white { padding: 5px; background-color: #004885;}
.btn a{ padding: 10px; border: 1px #FF5700 solid; border-radius: 10px; background-color: #FF5700; color: #FFF; font-size: 20px; font-weight: bold;}

#toryo table { border-collapse: collapse; text-align: center;}
#toryo table th, #toryo table td { border: 1px #666 solid;}

#toryo .w780 ul { padding-left: 20px;}
#toryo li.dot { display: block; position: relative; margin: 0 0 10px;}
#toryo li.dot::before { content: "・"; position: absolute; left: -20px;}
#toryo li.kome { display: block; position: relative; margin: 0 0 10px;}
#toryo li.kome::before { content: "※"; position: absolute; left: -20px;}

@media screen and (max-width: 640px) {
	#toryo h2 { font-size: 16px;}
	#toryo .w50 { width: 100%; margin-bottom: 5px;}
	#toryo table.table_smp { width: 100%;}
	#toryo table.table_sm th, #toryo table.table_smp td { border: 1px #fff solid;}
	#toryo table.table_smp .thead { display: none;}
	#toryo table.table_smp tr { width: 100%;}
	#toryo table.table_smp td { display: block; width: 100%; padding-bottom: 10px; text-align: center;}
	#toryo table.table_smp td br { display: none;}
	#toryo table.table_smp .maker td:first-child { color: #004885; font-weight: bold; text-align: center;}
	#toryo table.table_smp td::before { content: attr(data-label); display: block; width: 100%; margin-right: 10px; color: #004885; font-weight: bold; text-align: left;}
	#toryo-02 table td.bg2 { background-color: whitesmoke;}
	#toryo-04 table .bg2 { background-color: whitesmoke;}
	
	#toryo-02 table span { display: block; width: 100%;}
	#toryo-03 table { display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch;}
	#toryo-04 .hyou { width: 100%;}
	
}

/* LastUp2024.09.11_kimata */