@charset "UTF-8"; @import url("pagenavi-css.css"); /*======================================== ========================================*/ body.single div#main { width: 1100px; margin-top: 15px; } /*======================================== ========================================*/ body.double div#main { width: 850px; float: left; margin-right: 50px; margin-top: 15px; } /* Utilities ---------------*/ body.double div#utilities { width: 300px; float: left; clear: right; margin-top: 15px; } /*======================================== Page ========================================*/ #blog_mainvisual, #news2_mainvisual{ background: url(../images/blog/mainvisual.jpg) no-repeat center; background-size: cover; position: relative; width: 100%; height: 250px; overflow: hidden; text-align: left; min-width: 768px; } #news2_mainvisual{ background: url(../images/other/mainvisual_news.jpg) no-repeat center; } @media screen and (max-width:640px){ #blog_mainvisual, #news2_mainvisual{ height: 200px; min-width: 100%; } } #blog_mainvisual p, #blog_mainvisual h1, #news2_mainvisual p, #news2_mainvisual h1{ width: 1200px; margin: 0 auto; padding-top: 140px; color: #fff; font-size: 40px; letter-spacing: 10px; font-family: serif; text-shadow: 1px 1px 5px #666; text-align: left; font-weight: normal; } #blog_mainvisual p small, #blog_mainvisual h1 small, #news2_mainvisual p small, #news2_mainvisual h1 small{ font-size: 16px; margin-left: 20px; font-weight: normal; letter-spacing: 5px; } @media screen and (max-width:640px){ #blog_mainvisual, #news2_mainvisual{ width: 100%; height: 200px; min-width: 100%; } #blog_mainvisual p, #blog_mainvisual h1, #news2_mainvisual p, #news2_mainvisual h1{ font-size: 35px; margin: auto; margin-left: 20px; padding-top: 100px; } } div.entry h1, h1.catettl{ background: none; margin: 0; font-size: 22px; border-bottom: 1px solid #ccc; padding-bottom: 3px; text-align: left; } h1:before { display: none; } div.textBody{ margin-top: 15px; margin-bottom: 30px; line-height: 2em; } div.textBody p{ line-height: 1.8em; margin-bottom: 1em; font-size: 100%; } div.textBody img{ max-width: 100%; height: auto; } .catetitle{ margin: 0px; margin-top: 40px; margin-bottom: 5px; font-size: 167%; font-weight: normal; } /* div.cateTitle ---------------*/ div.cateTitle{ border-bottom: 2px solid #666; padding-bottom: 0px; margin-top: 40px; margin-bottom: 20px; } div.cateTitle h2{ float: left; display: inline; font-size: 153.9%; font-weight: normal; margin: 0px; width: 600px; } div.cateTitle p{ float: right; display: inline; margin: 0px; margin-right: 5px; font-size: 123.1%; } div.cateTitle p strong{ font-size: 146.5%; } /* div.cateBox ---------------*/ div.cateBox{ } div.cateBox dl{ float: left; display: inline; margin: 0px; margin-right: 18px; margin-left: 5px; width: 120px; } div.cateBox dl dt{ } div.cateBox dl dd{ margin: 0px; margin-top: 5px; line-height: 1.5em; } div.cateBox dl dd h3{ margin: 0px; padding: 0px; font-size: 100%; line-height: 1.5em; } div.cateBox dl dd h3 a{ margin: 0px; color: #333; } div.cateBox dl dd p{ color: #777; font-size: 93%; margin: 0px; margin-top: 2px; line-height: 1.5em; } /* div.cateBoxBlog ---------------*/ div.cateBoxBlog{ margin-top: 50px; } div.cateBoxBlog h2{ border-bottom: 2px solid #666; padding-bottom: 5px; margin-bottom: 30px; font-size: 153.9%; } div.cateBoxBlog h2 span{ font-weight: normal; } div.cateBoxBlog dl{ float: left; display: inline; margin: 0px; margin-right: 28px; margin-left: 3px; width: 170px; } div.cateBoxBlog dl dt{ } div.cateBoxBlog dl dd{ margin: 0px; margin-top: 5px; line-height: 1.5em; } div.cateBoxBlog dl dd h3{ margin: 0px; padding: 0px; font-size: 100%; line-height: 1.5em; font-weight: normal; } div.cateBoxBlog dl dd h3 a{ margin: 0px; color: #333; } /* div.listBoxTitle ---------------*/ div.listBoxTitle .area{ background: #f2e9de; padding: 5px 10px; font-size: 138.5%; margin-top: 10px; border-left: 2px solid #630; } div.listBoxTitle .town{ font-size: 123.1%; margin-bottom: 0px; } div.listBoxTitle .recipe{ font-size: 123.1%; margin-bottom: 0px; color: #460; } /* div.listBox ---------------*/ div.listBox{ margin-bottom: 40px; border-top: 2px solid #f2e9de; } div.btnone{ border-top: none; } div.listBox h4{ font-size: 123.1%; margin-top: 50px; padding-bottom: 20px; border-bottom: 2px solid #f2e9de; } div.listBox dl{ margin: 0px; margin-top: 20px; padding-bottom: 17px; border-bottom: 2px solid #f2e9de; } div.listBox dl dt{ float: left; display: inline; width: 100px; margin-left: 3px; } div.listBox dl dd{ float: right; display: inline; width: 650px; margin: 0px; } div.listBox dl dd .title{ border: none; margin: 0px; padding: 0px; margin-top: 5px; font-size: 131%; margin-top: 10px; } div.listBox dl dd p{ margin: 0px; line-height: 1.5em; } div.listBox dl dd p.shopname{ margin-top: 5px; font-size: 116%; } div.listBox dl dd p.name{ margin-top: 5px; color: #666; } div.listBox dl dd p.addr{ margin-top: 3px; color: #666; } div.listBox dl dd p.genre { display: inline-block; *display: inline; *zoom: 1; background: #333; padding: 3px 10px; color: #fff; margin-top: 5px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; behavior: url("/wp-content/themes/shizunami-resort/assets/css/PIE.htc"); } /* div.listBoxAll ---------------*/ div.listBoxAll{ margin-bottom: 40px; border-top: 2px solid #f2e9de; } div.listBoxAll dl{ margin: 0px; margin-top: 20px; padding-bottom: 17px; border-bottom: 2px solid #f2e9de; } div.listBoxAll dl dt{ margin: 0px; } div.listBoxAll dl dd{ margin: 0px; } div.listBoxAll dl dd p{ margin: 0px; line-height: 1.5em; font-size: 93%; } /* div.listBoxNews ---------------*/ div.listBoxNews{ border-top: 1px solid #ccc; margin-bottom: 30px; } div.listBoxNews .inner{ margin: 0px; margin-top: 15px; padding: 0 10px; padding-bottom: 17px; border-bottom: 1px solid #ccc; } div.listBoxNews .inner h2{ border: none; margin: 0px; padding: 0px; font-size: 153.9%; margin-top: 5px; font-weight: normal; } div.listBoxNews .inner p{ margin: 0px; margin-top: 5px; line-height: 1.7em; } /* div.listBoxBlog ---------------*/ div.listBoxBlog{ border-top: 1px solid #ccc; margin-bottom: 30px; } div.listBoxBlog dl{ margin: 0px; margin-top: 15px; padding-bottom: 17px; border-bottom: 1px solid #ccc; } div.listBoxBlog dl dt{ float: left; display: inline; width: 120px; margin-left: 3px; } div.listBoxBlog dl dt img{ width: 120px; height: 120px; } div.listBoxBlog dl dd{ float: right; display: inline; width: 690px; margin: 0px; } div.listBoxBlog dl dd h2{ border: none; margin: 0px; padding: 0px; font-size: 153.9%; margin-top: 5px; font-weight: normal; } div.listBoxBlog dl dd p{ margin: 0px; margin-top: 5px; line-height: 1.7em; } div.listBoxBlog dl dd p.name{ margin-top: 5px; } .alignright{ float:right; display: inline; margin-left: 20px; margin-top: 5px; } .alignleft{ float:left; display: inline; margin-right: 20px; margin-top: 5px; } .aligncenter{ display: block; margin-left: auto; margin-right: auto; } .alignright, .alignleft, .aligncenter, .alignnone { margin-bottom: 15px; } /* ul.info ---------------*/ div.entry ul.info { margin: 0 0 20px 0; padding: 0.3em 0; border-bottom: 1px solid #ccc; list-style-type: none; } div.entry ul.info li { float: right; margin: 0.3em 0; padding: 0 15px; border-left: 1px solid #ccc; color: #444; font-size: 85%; } div.entry ul.info li a { text-decoration: none; } /* ul.reaction ---------------*/ div.entry ul.reaction { margin: 1em 0; border-top: 1px solid #ccc; list-style-type: none; } div.entry ul.reaction li { float: right; margin: 0 0 0 10px; padding: 5px 0 0 10px ; border-left: 1px solid #ccc; font-size: 85%; } /* Newer | Older */ ul#flip2 { margin: 1em 0; padding: 15px 20px; border: 1px solid #ccc; list-style: none; } ul#flip2 li.newer{ float: right; } ul#flip2 li.older{ float: left; } div#utilities dl.navi { margin: 0px; padding-bottom: 20px; } div#utilities dl.navi dt { background: #000000; margin: 0px; padding: 10px 8px 8px 10px; color: #fff; font-size: 108%; } div#utilities dl.navi dd { margin: 3px 5px 10px; padding: 1px 0; line-height: 1.5em; } div#utilities dl.navi dd ul { margin: 5px 5px 5px 5px; padding-left: 12px; } div#utilities dl.navi dd ul li { margin: 0.5em 0; list-style: disc; } div#utilities dl.navi dd ul li a { } @media screen and (max-width:640px){ body.double div#main{ float: none; width: auto; margin: 0 20px; } /* div.listBoxBlog ---------------*/ div.listBoxBlog{ margin-bottom: 30px; width: auto; } div.listBoxBlog dl{ margin: 0px; margin-top: 15px; padding: 0px 15px; padding-bottom: 17px; border-bottom: 1px solid #ccc; } div.listBoxBlog dl dt{ float: right; display: inline; width: 110px; margin-left: 10px; } div.listBoxBlog dl dt img{ width: 110px; height: 110px; } div.listBoxBlog dl dd{ float: none; display: block; width: auto; margin: 0px; } div.listBoxBlog dl dd h2{ font-size: 131%; line-height: 1.5em; margin-top: 0px; } body.double div#utilities { width: auto; float: none; clear: right; margin-right: 20px; margin-left: 20px; margin-top: 15px; } }