@charset "utf-8";

/*body{margin: 0;padding: 0;color:#333;background-image:url(../images/2151306.jpg);background-size:100% 250px;}*/
body{margin: 0;padding: 0;color:#333;background:url(../images/3854680.jpg) no-repeat fixed 50% 70%/980px;}
strong{color:red;opacity: 0.7;}


/*  ヘッダー  */
#wrapper1{width:980px;margin:0 auto;background-image:url(../images/2347690.jpg);background-size:cover;padding:50px 0;}
#wrapper1:hover{background-image: url(../images/824883.jpg);transition: background-image 1s linear;}

#wrapper1 h1 span{font-size: 20px;}
#wrapper1 ul{width:850px;background-color:rgba(0, 0, 255, 0.29);list-style:none;margin:5px auto;padding:5px 0;text-align: center; border-radius:35px;}
#wrapper1 ul li{display:inline;color:white;padding:0 5px;}
#wrapper1 ul li i{font-style: oblique;}
#wrapper1 h1{text-shadow: 2px 2px 1px #999999;margin:10px auto;padding-bottom:5px;text-align:center;font-size:45px;color:white;}
#wrapper1 p{width:550px;background-color:rgba(0, 0, 255, 0.29);text-align:center;color:white;margin:0 auto;padding:3px 0 3px 0;border-radius:35px;}

#global_navi{width:980px;overflow:hidden;margin:0 auto;}
#global_navi ul{list-style:none;margin:0;padding:0;}
#global_navi ul li{float:left;width:139px;margin:1px 1px 0 0;text-align:center;}
#global_navi ul li:last-child{width:140px;margin-right: 0;}
#global_navi ul li a{display:block; text-decoration:none;padding:10px 16px; background:linear-gradient(to top left, #05FBFF, #1E00FF);color: white;}
#global_navi ul li.current a{font-size: 20px;font-weight: bold;}
#global_navi ul li a:hover{background: linear-gradient(to bottom right, #05FBFF, #1E00FF); transition:background 1s linear;}

#breadcrumb {width:980px;font-style: smaller;margin:5px auto;}
#breadcrumb ol{list-style: none; margin: 0; padding: 0;}
#breadcrumb ol li{display: inline;}
#breadcrumb ol li::after{content: ">"; padding-left: 7px;}
#breadcrumb ol li:last-child::after { content: none;}
#breadcrumb ol li:last-child{color:blue;}


/*  メイン  */
#wrapper2{width:980px;margin:0 auto;overflow: hidden;}

#main1{width:720px;float:left;margin:3px auto;}
#main1 section{margin-bottom: 3px; border-radius:15px;border:solid 3px #f1ede4;}
#main1 h1{text-shadow: 1px 1px 1px black;border-radius:35px;margin:0 3px 3px 3px;padding:10px 0;text-align:center;font-size:35px;color:white;background:radial-gradient(ellipse, #1E00ff 0%, #05FBFF 100%);opacity: 0.8;}
#main1 section h1{margin-top: 3px;}
#main1 section h2{margin:15px;font-weight: bold;font-size:25px;}
#main1 section h2::before{content: "☆";font-size: 25px;}
#main1 section h3{width: 170px;margin: 0 auto;text-align: center;padding:5px;border:1px solid #c7c7c7;background:#f1ede4;border-radius: 15px;}

#main1 section p{padding:0 35px;font-size:20px;line-height:1.75;text-align:justify;margin:15px;}
.p1{margin: 3px auto !important;padding: 10px !important; line-height: normal !important; text-align:center !important;color:white;font-size: 20px; font-weight: bold;background:linear-gradient(rgba(37, 211, 37, 0.98), rgba(78, 248, 111, 0.53));text-shadow: 1px 1px 1px #999999;border-radius: 50px 0 50px 0;}
.p2{text-align: center !important; margin:5px auto 15px auto;!important;}

#main1 section h1 span,#main1 section h2 span{color:hsla(125, 92%, 29%, 0.97);font-size:25px;text-shadow: 2px 2px 1px white;}
#main1 section h1 span::before,#main1 section h2 span::before{content: "《";font-size: 25px;}
#main1 section h1 span::after,#main1 section h2 span::after{content: "》";font-size: 25px;}
#main1 section h1 span span::after,#main1 section h2 span span::after{content: none;}
#main1 section h1 span span::before,#main1 section h2 span span::before{content: "・";}

#gallery_top{list-style:none;margin:15px auto;padding:0;overflow:hidden;}
#gallery_top li{width:220px;margin-left: 78.6px;padding:10px;border:solid 1px #ccc;float:left;text-align:center;box-shadow:2px 2px 3px rgba(0,0,0,0.1);}
#gallery_top li span{font-size: 12px;}

.gallery{list-style:none;margin:0;padding:0;overflow:hidden;}
.gallery li{width:220px;margin:0 0 30px 12px;padding:10px 0;border:solid 1px #ccc;float:left;text-align:center;box-shadow:2px 2px 3px rgba(0,0,0,0.1);}
.gallery li img{width:200px;height:150px;}
.kuuchou{height:200px !important;}

#ta1{margin:0 auto;text-align:center;border-collapse:collapse;}
#ta1 th{width:250px;border:1px solid #c7c7c7;padding:8px;background-color:#f1ede4;}
#ta1 td{width:250px;border:1px solid #c7c7c7;padding:8px;}

#ta2{margin:30px auto;text-align:center;border-collapse:collapse;}
#ta2 th{background-color:#f1ede4;border:1px solid #c7c7c7;width:200px;padding:8px;}
#ta2 td{border:1px solid #c7c7c7;width:350px;padding:8px;}

#ta3{margin:0 auto;text-align:center;margin-bottom:16px;}
#ta3 tr th{padding-bottom: 10px;}
#ta3 tr:nth-of-type(2) td{border:solid 3px #f1ede4;padding:3px 3px 1px 3px;}
#ta3 tr:nth-of-type(3) td{font-size:20px;padding: 5px;}

/*  物件ページ  */
#hekishi{background:url(../images/3786439.jpg) no-repeat fixed 50% 75%/980px;}
#main_bukken{width:980px;margin:0 auto;overflow: hidden; border-radius:15px;border:solid 3px #f1ede4;box-sizing: border-box;}

#main_bukken h2{margin-top:15px;padding:10px;font-size:30px;color:white;background:linear-gradient(to top left, #05FBFF, #1E00FF);text-align:center;}
#main_bukken p{text-align: center;margin: 5px auto;background-color: ghostwhite;padding: 10px;width:550px;border-radius: 35px;opacity: 0.9;}
#main_bukken img{display:block;margin:0 auto 20px auto;width:400px;height:300px;border:solid 5px #f1ede4;}

#shousai{border-collapse:collapse;width:850px;margin:auto;opacity: 0.9;}
#shousai th{border:1px solid #c7c7c7;padding:8px;background-color:#f1ede4;width:12em;}
#shousai td{border:1px solid #c7c7c7;padding:8px;background-color:ghostwhite;width:20em;text-align:center}

#chizu{text-align: center; margin:0 auto 16px auto;}
#chizu th{padding-bottom:10px;}
#chizu th span{letter-spacing:3em;}
#chizu td{margin-bottom: 15px;}
#chizu tr:nth-of-type(2) td{border:solid 3px #f1ede4;}

/*  問合わせページ  */
#wrapper_contact{width:980px;margin:0 auto;overflow: hidden;text-align: center;}

#wrapper_contact h2{margin:10px auto 20px auto;padding: 10px; font-size:30px;font-weight: normal;color:#b7a077;background:radial-gradient(circle,#f1ede4 0%, #fff 100%);}
#wrapper_contact h2::before,#wrapper_contact h2::after{content:" ✉ "}
.must_mark::before{content: "※";}
#wrapper_contact>p{ width:641px; margin: 0 auto; text-align:center; background-color:#f1ede4; border: 1px solid #ddd;border-bottom: 0; padding: 15px 0;}

#entry{margin-bottom: 30px;}
#entry dl{background:#f1ede4;margin:0 auto;border: 1px solid #ddd;border-top:0;width:641px;}
#entry dl dt{float:left;font-weight: bold;border-top:1px solid #ddd;width:200px;padding: 10px;}
#entry dl dd{background:#fff; margin-left:220px;border-left:1px solid #ddd;border-top:1px solid #ddd;width:400px;padding:10px;}
#entry>p:nth-of-type(1){ width:641px; margin: 0 auto; text-align:center; background-color:#f1ede4; border: 1px solid #ddd;border-top: 0; padding: 15px 0;}

.must {color:#f00;font-size: smaller;font-weight: normal;}
#entry #name,#entry #tel,#entry #email{width:23em;padding:3px;}
#entry #questionnaire2,#entry #questionnaire3,#entry #questionnaire5,#entry #category2,#entry #category4,#entry #category5,#entry #way2,#entry #way3{margin-left: 30px;}
#entry #detail{width:23em;height: 15em;}

#entry #submit_button_cover{text-align: center;}
#entry #submit_button{background-color:#b7a077;border:1px solid #b7a077;padding: 10px 50px;border-radius:10px;font-size: 18px;color:#fff;cursor: pointer;transition: background-color,color 1.5s linear;}
#entry #submit_button:hover {background-color:#f1ede4;color:#b7a077;}


/*  サイドバー  */
#sidebar{width:250px;float:right;margin: 3px:auto;}
#sidebar h2{width:7em;color:white;background:linear-gradient(rgba(37, 211, 37, 0.98), rgba(78, 248, 111, 0.53));text-shadow: 1px 1px 1px #999999;border-radius:35px;padding:3px;margin: 30px auto;font-weight: normal;}

#side_banner{border-radius:15px;border:solid 3px #f1ede4;margin:3px auto;text-align: center;}
#side_banner ul{list-style: none;margin: 0;padding: 0;}
#side_banner ul li{margin: 40px 0;}
#side_banner ul li span{display: block;margin-top: 5px;}
#side_banner img{width:70%;height:70%;opacity: 0.8;}

#side_news{background-image:url(../images/2347690.jpg);background-size:cover;border-radius:15px;border:solid 3px #f1ede4;margin:3px auto;text-align: center;}
#side_news dl{margin:30px 15px;}
#side_news dl dd{margin:10px auto;padding:5px 0;background-color: white;}

#side_contact{border-radius:15px;border:solid 3px #f1ede4;margin:3px auto;background-image:url(../images/2086375.jpg);background-size:cover;text-align: center;}
#side_contact:hover{background-image: url(../images/3519824.jpg);transition: background-image 0.5s linear;}
#side_contact p{margin:5 0 30px 0;font-size:20px;font-weight: bold;}
#side_contact address{font-style: normal;font-size: 30px;font-weight:800;margin-bottom: 0;}
.contact_button{display: inline-block;color: white;padding: 10px;border-radius: 5px;text-decoration: none; background:linear-gradient(rgba(37, 211, 37, 0.98), rgba(78, 248, 111, 0.53));text-shadow: 1px 1px 1px #999999;}
.contact_button:hover{background: linear-gradient(to top left, #1E00EF, #05FBFF);}


/*  フッター  */
footer{width:980px; background-image: url(../images/2347690.jpg);background-size: cover;margin:0 auto;padding:5px 0;text-align: center;}
footer:hover{background-image: url(../images/824883.jpg);transition:background-image 1s linear;}

#footer_navi{list-style:none;margin:0;padding:10px 0;}
#footer_navi li{display:inline;border-left:solid 1px white;margin-left:8px;padding-left:8px;font-size:smaller}
#footer_navi li:last-child{border-right: solid 1px white;padding-right: 8px;}
#footer_navi li a{color: white;}

footer h2{background:radial-gradient(ellipse, #1E00ff 0%, rgba(12, 217, 244, 0.65) 100%);border-radius:35px;font-size:30px;color:white;text-shadow: 2px 2px 1px #999999;width:550px;margin:auto;}
footer address{font-style:normal;font-size:25px;color: white;text-shadow: 2px 2px 1px #999999; margin:10px auto;}
footer span{text-shadow: 2px 2px 1px #999999;font-size:50px;color:blue;}

/*  リンク  */
a:hover{font-weight: bold;}

@media screen and (max-width : 767px){
    img{max-width: 100%;}

    #wrapper1,#wrapper1 ul,#wrapper1 ul li,#wrapper1 p,#breadcrumb,#wrapper2,#main1,#wrapper_contact,#wrapper_contact>p,#entry dl,#entry>p:nth-of-type(1),#global_navi,#sidebar,footer,footer h2,#entry dl dt,#entry dl dd, #main_bukken,#main_bukken p, #shousai, #shousai th, #shousai td{width: 100% ;}
    #wrapper1 ul li{display: block;margin: 0 auto;padding: 0;}

    #wrapper1 h1,#wrapper2 h1,#main1 section h2,#main1 section h2::before,#main1 section h2 span,#main1 section h2 span::after,#main1 section h2 span::before,#main1 section p,.p1,strong,footer h2,footer address,footer address span{font-size: 16px;}
    #main_1 section p{padding: 5px;}
    #gallery_top li{float: none; margin: 10px auto; width :80%;}

    #side_banner img{width: 50%;height: 50%;}

    #global_navi ul li{width:50%;margin:0;padding: 1px;box-sizing: border-box;}
    #global_navi ul li:last-child{width:100%;}
    #global_navi ul li a{margin:0;}
    #global_navi ul li.current a{font-size: medium;font-weight: normal;background: linear-gradient(rgba(37, 211, 37, 0.98), rgba(78, 248, 111, 0.53)) !important;}

    .gallery li{float: none;margin:15px auto;}

    #ta1 th,#ta1 td,#ta2 th,#ta2 td{width:auto;font-size: 12px;}
    #ta3 tr:nth-of-type(3) td,#ta3 tr:nth-of-type(4) td{font-size:12px;}
    iframe{width: 100%;}

#wrapper_contact h2{font-size:30px;}
#wrapper_contact>p{padding: 15px;}

#entry dl dt{float:none; padding: 10px 0;}
#entry dl dd{margin-left:0;padding:5px 0;border-left: 0;}

#entry #name,#entry #tel,#entry #email{width:80%;}
#entry #questionnaire2,#entry #questionnaire3,#entry #questionnaire5,#entry #category2,#entry #category4,#entry #category5,#entry #way2,#entry #way3{margin-left: 0;}

#entry #detail{width:80%;}

#footer_navi{list-style:none;margin:0 auto;padding:10px 0;}
#footer_navi li{text-align: center; display:block;border:none;margin:7px auto;padding:5px;font-size:16px;}
#footer_navi li:last-child{border:none;padding-right:5px;}
#footer_navi li a{color: white;}
footer address span{font-size:25px;}
    
#main_bukken{border:none;}
#main_bukken h2{margin-top:15px;padding:0;font-size:20px;text-align:center;}
#main_bukken p{text-align:center;}
#main_bukken img{margin:0 auto 20px auto;width:70%;height:70%;border:solid 3px #f1ede4;}

#shousai{margin:0 auto;opacity: 0.9;padding: 0;border: 1px solid #c7c7c7;border-top: none;}
#shousai th{border:none;border-top: 1px solid #c7c7c7;padding:5px 0;background-color:#f1ede4;float: left;}
#shousai td{border:none;border-top: 1px solid #c7c7c7;padding:5px 0;text-align:center;float:left;}

#chizu{text-align: center; margin:0 auto 16px auto;}
#chizu th{padding-bottom:10px;}
#chizu th span{letter-spacing:3em;}
#chizu td{margin-bottom: 15px;}
#chizu tr:nth-of-type(2) td{border:solid 3px #f1ede4;}

}