@charset "utf-8";

body {width:100%; margin:0,auto; font-family:'Noto Sans Japanese',serif;}
h1 {position:absolute; top:40px; width:960px; z-index:1; font-weight:900; font-size:27px; color:#000; text-align:center;}
h2 {margin:0;}
h3 {width:960px;margin:0 auto;padding:10px;font-size:22px;font-weight:900;color:#fff;background-image:url("img/h3.jpg");background-repeat:repeat-x;height:51px;}
	@media all and (-ms-high-contrast:none){h3 {padding-top:15px;}}/*IE10以降*/
h4 {color:#3a0000;font-size:22px;font-weight:900;border:1px solid #c40000;border-left:10px solid #c40000;background-color:#fff;padding:5px 5px;line-height:1;}
	@media all and (-ms-high-contrast:none){h4 {padding-top:10px;padding-bottom:0px;}}/*IE10以降*/
h5 {color:#0069ab;font-size:20px;font-weight:900;padding-top:5px;background-image:url("img/h5.jpg");background-repeat:repeat-x;height:39px;}
	@media all and (-ms-high-contrast:none){h5 {padding-top:10px;}}/*IE10以降*/
h6 {margin:0 0 15px;background-color:#333333;color:#fff;font-size:15px;font-weight:900;text-align:center;padding:5px;line-height:1;}
	@media all and (-ms-high-contrast:none){h6 {padding:10px 0 2px;}}/*IE10以降*/
.pc{display:block;}
.mobile{display:none;}
@media screen and (max-width: 640px) { /* モバイル用 */
.mobile{display:block;}
.pc{display:none;}
h1,h2,h3,h4,h5,h6{padding-left:0;padding-right:0;border:0;margin-left:0;margin-right:0;}
h1 {position:static;font-size:16px;width:100%;text-align:center;margin:5px 0;}
h3 {width:100%;background-color:#003156;background-image:none;padding:10px 0;line-height:1;height:auto;text-align:center;font-size:20px;}
h4 {width:100%;text-align:center;background-color:#84c1e0;color:#0d3a51;}
}

/* ヘッダー */
#m_head {display:none;}
#head {display:block; width:960px; margin:0 auto;}
#head img{float:left;}
#head:after {content:"";display: block; clear: both;}
@media screen and (max-width: 640px) { /* モバイル用 */
#head {display:none;}
#m_head {display:block; width:100%;}
#m_head {margin:0 auto;}
#m_head table{margin:0 auto; width:100%;}
#m_head img{width:100%;}
}

/* お問い合わせ */
#m_add {display:none;}
#add {display:block; width:940px; margin:0 auto;}
#add table{margin:15px auto;}
#add th{vertical-align:middle;}
#add td{vertical-align:middle; padding:0 10px;}
.tel {font-size:18px; font-weight:700; line-height:1.2;}
.tel_big {font-size:38px; font-weight:900;}
.tel_smale {font-size:25px; font-weight:900;}
.info {font-size:14px; font-weight:700; border-left:1px solid #999999; line-height:1.7;}
.mail img{margin-bottom:5px;}
@media screen and (max-width: 640px) { /* モバイル用 */
#add {display:none;}
#m_add {display:block; width:100%;}
#m_add table{margin:0 auto;}
#m_add td{vertical-align:middle;}
.tel {font-size:15px; line-height:1.2;}
.tel_big {font-size:30px;}
.tel_smale {font-size:20px;}
.info {margin:10px;border:0; line-height:1.3;}
.mail {text-align:center;}
.mail img{margin:5px;}
}

/* セット内容 */
#package {width:920px; margin:0 auto 20px; padding:20px 20px 5px; background-color:#f5f5f5;}
#package:after {content:"";display: block; clear: both;}
.fleft p {margin:10px;font-size:18px;}
.fleft p small {font-size:15px;}
.fleft {float:left;width:60%;}
.fleft strong{display:block;margin:10px;font-size:22px;font-weight:900;color:#c40000;}
.fright {float:right;width:40%;}
.fright p {font-weight:900;line-height:1.2;margin:0 20px;}
.fright p small{font-size:18px;color:#c40000;}
.price {font-size:45px;color:#c40000;}
.alert {font-size:80%;margin:0 20px 10px;}
.alert2{text-align:right;font-weight:500;margin-right:50px;}
.alert3{margin:0 10px 5px;font-size:20px;font-weight:900;color:#c40000;}
@media screen and (max-width: 640px) { /* モバイル用 */
#package {width:100%; margin:0 0 10px; padding:0;}
.fleft {float:none; width:100%; margin:0;padding:0;}
.fright{float:none; width:100%; margin:0;padding:0;}
}

/* ご案内 */
.contents {width:920px; margin:0 auto; font-size:15px; line-height:1.5;font-weight:500;}
.contents .photo{position:absolute;margin-left:570px;}
.contents ul{margin:5px 0 5px 20px;}
.contents li{padding:5px 0;}
.contents p {margin:10px;}
.contents .red{color:#c40000;}
.contents table {width:900px;margin:10px auto;}
.contents table th{color:#0069ab;font-size:18px;background-color:#eeeeee;line-height:1;padding:3px;}
.contents .address{vertical-align:middle;}
	@media all and (-ms-high-contrast:none){.contents table th {padding:8px 0 0;}}/*IE10以降*/
.contents td {padding:5px;}
.contents td.erea{white-space:nowrap;}
.contents tr.ttr td {padding-top:15px;}
.contents tr.btr td {padding-bottom:15px;}
.contents table td u{color:#c40000;text-decoration:none;}
@media screen and (max-width: 640px) { /* モバイル用 */
.contents {width:100%;margin:0;}
.contents .photo{display:none;}
.contents table {width:100%; margin:0;}
}

/* リンク */
#linkbox {width:900px; margin:30px auto; font-size:13px;padding:20px; border:1px solid #aaaaaa; line-height:1.5;}
#linkbox a{text-decoration:none;color:#0069ab;}
#linkbox a:hover{text-decoration:underline;}
#linkbox hr{margin:5px 0;padding:0;}
.black{color:#000;}
@media screen and (max-width: 640px) { /* モバイル用 */
#linkbox {width:100%; margin:30px 0; padding:0; border:0;}
#linkbox hr{100%}
}

/* フッター */
#foot {width:100%; margin:50px 0 0;}
#foot p{width:960px; margin:0 auto; font-size:13px; font-weight:700; text-align:center; color:#666666;}
#foot img{vertical-align:middle;}
@media only screen and (max-width:480px){#foot {width:100%;}}
#copy {font-weight:900; font-size:12px; color:#fff; background-color:#003156; width:100%; text-align:center; margin-top:10px; padding:10px 0 30px 0;}
@media screen and (max-width: 640px) { /* モバイル用 */
#foot p{width:100%; margin:0;}
}

/* トップ注意書き用 2022.1.25 osamu_hazaki@matsuo1956.jp */
#caution{
background: #ffebe9;
border-top: solid 5px #ff7d6e;
border-bottom: solid 5px #ff7d6e;
}
#caution p {
margin: 15px;
padding: 15px;
text-align: center;
font-size:30px;
font-weight:500;
}

#m_caution{
background: #ffebe9;
border-top: solid 5px #ff7d6e;
border-bottom: solid 5px #ff7d6e;
}
#m_caution p {
margin: 15px;
padding: 15px;
text-align: center;
font-size:20px;
font-weight:500;
}

#m_caution {display:none;}
#caution {display:block; width:960px; margin:10px auto;}
#caution img{float:left;}
#caution:after {content:"";display: block; clear: both;}
@media screen and (max-width: 640px) { /* モバイル用 */
#caution {display:none;}
#m_caution {display:block; width:100%;}
#m_caution {margin:10px auto;}
#m_caution table{margin:0 auto; width:100%;}
#m_caution img{width:100%;}
}