/* ---------------------------------------------------------------- */ @media print, screen and (min-width: 641px) { body { font-family: Helvetica, "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN" , YuGothic, "游ゴシック体", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-text-size-adjust: 100%; line-height: 1.6; font-size: 14px; font-size: 1.4em; } p{ font-size: 1.4rem;line-height: 2.3rem;} table{ font-size: 1.4rem;line-height: 1.5;} /* header */ header {width:100%;background:#fff;} header div.HeaderInnerBox{position:relative;margin:0 auto;width:1084px;height:130px;overflow:hidden;} header div.HeaderInnerBox dl{ display:none;} .togmenu {display:none;} header .Logo{ position:absolute; top:18px; left:0px; width:180px; height:45px;} header nav.nav { position:absolute; bottom:10px; left:0px;} header nav.nav ul{ width:1084px; margin:0 auto;} header nav.nav ul li{ float:left; font-weight:bold; margin-right:20px;} header nav.nav ul li a{display:block;text-decoration:none;color:#000; min-width:95px; text-align:center;} header nav.nav ul li a span{ display:block; border-bottom:1px solid #f76d5b; width:100%; padding-bottom:3px; margin-bottom:3px; font-size:1.1rem;} header nav.nav ul li a:hover{ color:#33bbff;} header nav.nav ul li a:hover span{ border-bottom:1px solid #33bbff;} header ul.SnsIcon{ position:absolute; right:0px; bottom:25px;} header ul.SnsIcon li{ float:left; margin-left:14px;} header ul.SnsIcon li a{ color:#33bbff; font-size:1.9rem;} header ul.SnsIcon li a:hover{ color:#f76d5b;} header div.search{ position:absolute; top:25px; right:0px; width:270px; height:28px;border:solid 1px #ccc;} header div.search input.Search{ float:left; border-radius:0px; width:240px; border: none;-webkit-appearance: none; padding:4px;} header div.search input.Btn{ width:25px; padding:5px; border:none;} /* -------------------------------------------------- */ /* TOPPage */ /* -------------------------------------------------- */ /* Slider */ div.flexsliderOuter{ background-color:#99ddff; width:100%; height:470px; overflow:hidden;} div.flexsliderOuter div.flexslider{ width:1084px; height:470px; margin:0 auto;} div.flexsliderOuter div.flexslider ul li{ width:1084px;} div.flexsliderOuter div.flexslider ul li div.SumPhoto{ float:left; text-align:left;} div.flexsliderOuter div.flexslider ul li div.SumPhoto img{ -ms-interpolation-mode: bicubic;} div.flexsliderOuter div.flexslider ul li div.Body div.Category{position:absolute; bottom:0px; left:-770px; right:320px; z-index:50;line-height:40px;font-size:1.6rem; font-weight:bold; border-top-left-radius:6px; border-bottom-left-radius:6px; padding:0px 20px;} div.flexsliderOuter div.flexslider ul li div.Body{float:right; position:relative; padding:60px 50px 0px 0px; width:290px; height:455px;} div.flexsliderOuter div.flexslider ul li div.Body h2{ font-size:2.2rem; line-height:2.8rem; font-weight:bold;} div.flexsliderOuter div.flexslider ul li div.Body p.Date{ padding:8px 0px 10px; font-size:1.3rem;} div.flexsliderOuter div.flexslider ul li div.Body p.Txt{ margin-bottom:20px;} div.flexsliderOuter div.flexslider ul li div.Body p.Link{ position:absolute; bottom:0px; width:270px; margin-left:-30px;} div.flexsliderOuter div.flexslider ul li div.Body a{ display:block; position:relative; background-color:#f76d5b; text-align:center; color:#fff; font-size:1.8rem; height:40px; line-height:40px;border-top-right-radius:6px; border-bottom-right-radius:6px;} div.flexsliderOuter div.flexslider ul li div.Body a::before { content: ""; display: inline-block; border: 7px solid transparent; border-left-color: #fff; position: absolute; right: 12px; top: 50%; margin-top: -7px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a.flex-prev:before {left: 12px;} .flex-direction-nav a.flex-next:before {right:12px;} .flex-direction-nav a.flex-prev:after {left: 16px;} .flex-direction-nav a.flex-next:after {right:16px;} .flex-direction-nav .flex-prev {left:10px;} .flex-direction-nav .flex-next {right:0px;} div.flexsliderOuter div.flexslider ul li div.Body a:hover{ background-color:#fb8879;} div.Emergency{ background-color:#00aaff; padding:8px;} div.Emergency p{ width:1084px; margin:0 auto; color:#fff;} div.Emergency p a{ color:#fff;} /* main */ div.BaseContent{margin:0 auto;padding:35px 0px 50px; width:1084px;} div.BaseContent div.LeftContent{float:left;width:800px;} div.BaseContent div.LeftContent .PageTitle{ font-size:2.8rem;color:#00aaff; margin-bottom:20px;} div.BaseContent div.LeftContent article.TopPage{ padding-bottom:30px; margin-right:-40px;} div.BaseContent div.LeftContent article.TopPage section{ float:left; width:360px; height:460px; margin:0px 40px 0px 0px;} div.BaseContent div.LeftContent article.TopPage section a{ color:#000;} div.BaseContent div.LeftContent article.TopPage section a:hover img, div.BaseContent div.LeftContent article.TopPage section a:hover h3, div.BaseContent div.LeftContent article.TopPage section a:hover p{ opacity:0.7;} div.BaseContent div.LeftContent article.TopPage section img{border-radius:6px;z-index:1;} div.BaseContent div.LeftContent article.TopPage section h3{ font-size:2.0rem; line-height:2.8rem; font-weight:bold; margin-top:-20px;} div.BaseContent div.LeftContent article.TopPage section p.Date{ margin:10px 0px 10px; font-size:1.3rem;} div.BaseContent div.LeftContent article.TopPage section span.Category{ position:relative; top:-55px; left:-5px; display:inline-block; font-size:1.5rem; font-weight:bold; height:35px; line-height:35px; padding:0px 20px; z-index:5; border-top-right-radius:5px; border-bottom-right-radius:5px; white-space: nowrap; max-width:345px;} div.BaseContent div.LeftContent article.TopPage section span.Category::before{ content: ""; display: inline-block; border-left: 5px solid transparent; border-top: 5px solid #333; position: absolute; left: 0px; bottom:-5px; } div.BaseContent div.LeftContent p.MoreBtn a{ position:relative; display:block; text-align:center; background-color:#00aaff; font-size:2.0rem; border-radius:5px; color:#fff; padding:10px 0px;} div.BaseContent div.LeftContent p.MoreBtn a:hover{ background-color:#40bfff;} div.BaseContent div.LeftContent p.MoreBtn a::before{ display: block; content: ''; position: absolute; top: 50%; right:30px; margin-top:-5px; width: 10px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } div.BaseContent div.RightContent{float:right;width:235px;} div.BaseContent div.RightContent aside h2{ color:#00aaff; font-size:1.6rem; font-weight:bold; padding-bottom:3px; margin-bottom:14px; border-bottom:1px solid #ccc;} div.BaseContent div.RightContent aside ul.AccessRacking{ margin-bottom:40px;} div.BaseContent div.RightContent aside ul.AccessRacking li{ position:relative; margin-bottom:12px; font-size:1.2rem; line-height:1.6rem;} div.BaseContent div.RightContent aside ul.AccessRacking li a{ float:left; width:200px; color:#000; padding-left:8px;} div.BaseContent div.RightContent aside ul.AccessRacking li a:hover{ text-decoration:underline;} div.BaseContent div.RightContent aside ul.AccessRacking li::before{ display:inline-block; float:left; text-align:center; width:32px; height:32px; line-height:32px; border-radius:4px; color:#fff; font-size:2.1rem; } div.BaseContent div.RightContent p.SideBanner{width:235px; margin-bottom:30px;} div.BaseContent div.RightContent p.SideBanner img{width:100%; height:auto;} div.BaseContent div.RightContent ul.Banner{width:235px; padding-top:30px; margin-top:20px; border-top:1px solid #ccc;} div.BaseContent div.RightContent ul.Banner li{ margin-bottom:15px;} div.BaseContent div.RightContent ul.Banner div{width:100%; height:auto;} div.BaseContent div.RightContent ul.Banner div img{width:100% !important; height:auto;} /* -------------------------------------------------- */ /* CommonPage */ /* -------------------------------------------------- */ div.TitleBox{ width:100%; background-color:#00aaff; height:100px;} div.TitleBox .ContentTitle, div.TitleBox .ContentTitlePage{ width:1084px; margin:0 auto; line-height:100px; font-size:3.0rem; font-weight:bold; color:#000;} div.TitleBox .ContentTitle span{ margin-left:15px; color:#fff; font-size:1.8rem;} div.Pankuzu{ width:100%; background-color:#e3e3e3;} div.Pankuzu div{ width:1084px; margin:0 auto;height:50px;} div.Pankuzu ul li{ position:relative; float:left; padding:0px 40px 0px 0px; line-height:50px; text-wrap:none;} div.Pankuzu ul li:before{ display: block; content: ''; position: absolute; top: 50%; margin-top:-4px; right:18px; width: 8px; height: 8px; border-right: 1px solid #555; border-bottom: 1px solid #555; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } div.Pankuzu ul li a{ color:#333;} div.Pankuzu ul li.Home a{ font-size:2.2rem; color:#666;} div.Pankuzu ul li.CateList a{ padding:0px 6px;} div.Pankuzu ul li:last-child:before{ display: none;} div.BaseContent div.LeftContent div.SearchBox{ padding:18px 25px; background-color:#f2f2f2; margin-bottom:35px;} div.BaseContent div.LeftContent .TitleStyle02{ font-size:2.4rem; font-weight:bold; color:#00aaff; margin-bottom:20px;} div.BaseContent div.LeftContent div.SingleBody{ width:800px; text-align:left; padding-top:30px;} div.BaseContent div.LeftContent div.SingleBody p, div.BaseContent div.LeftContent div.SingleBody div, div.BaseContent div.LeftContent div.SingleBody hr, div.BaseContent div.LeftContent div.SingleBody blockquote, div.BaseContent div.LeftContent div.SingleBody dl, div.BaseContent div.LeftContent div.SingleBody dt, div.BaseContent div.LeftContent div.SingleBody dd, div.BaseContent div.LeftContent div.SingleBody img{ max-width:100%; height:auto;} div.BaseContent div.LeftContent div.SingleBody iframe{ max-width:100%; margin-bottom:25px;} div.BaseContent div.LeftContent div.SingleBody p{ margin-bottom:25px; line-height: 2.3rem;} div.BaseContent div.LeftContent div.SingleBody div{ margin-bottom:30px;} div.BaseContent div.LeftContent div.SingleBody div img{ margin-bottom:12px;} div.BaseContent div.LeftContent div.SingleBody hr{ margin:10px 0px;} div.BaseContent div.LeftContent div.SingleBody .MainImg{ margin-bottom:30px;} div.BaseContent div.LeftContent div.SingleBody table{ margin-bottom:30px;width: 100%;table-layout:fixed;} div.BaseContent div.LeftContent div.SingleBody table th, div.BaseContent div.LeftContent div.SingleBody table td{ vertical-align:top; padding-right:15px;} div.BaseContent div.LeftContent div.SingleBody table tr th:last-child, div.BaseContent div.LeftContent div.SingleBody table tr td:last-child{ padding-right:0px;} div.BaseContent div.LeftContent div.SingleBody h2{ background-color:#00aaff; color:#fff; border-radius:5px; padding:15px 20px; margin-bottom:25px;} div.BaseContent div.LeftContent div.SingleBody h3{ padding:12px 0px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin-bottom:25px;} div.BaseContent div.LeftContent div.SingleBody h4{ font-weight:bold; margin-bottom:12px; color:#00aaff;} div.BaseContent div.LeftContent .ArticleSubTtl{ font-size:1.8rem; font-weight:bold; margin-bottom:8px; color:#00aaff;} div.BaseContent div.LeftContent div.SingleBody .alignleft{ float:left; margin:0px 15px 15px 0px;} div.BaseContent div.LeftContent div.SingleBody .alignright{ float:right; margin:0px 0px 15px 15px;} div.BaseContent div.LeftContent div.SingleBody blockquote{background-color:#e0e0e0;padding:20px 50px;margin-bottom:20px;position:relative;} div.BaseContent div.LeftContent div.SingleBody blockquote:before{ content:"“"; font-size:600%; line-height:1em; font-family:"ＭＳ Ｐゴシック",sans-serif; color:#f7f7f7; position:absolute; left:10px; top:10px; } div.BaseContent div.LeftContent div.SingleBody blockquote:after{ content:"”"; font-size:600%; line-height:0em; font-family:"ＭＳ Ｐゴシック",sans-serif; color:#f7f7f7; position:absolute; right:10px; bottom:10px; } div.BaseContent div.LeftContent div.SingleBody div.PrivacyBox{ border:5px solid #e9e9e9; padding:15px;} div.BaseContent div.LeftContent div.SingleBody div.PrivacyBox img{ float:left;} div.BaseContent div.LeftContent div.SingleBody div.PrivacyBox p{ float:right; width:600px; padding-top:10px;} div.BaseContent div.LeftContent div.SingleBody ol, div.BaseContent div.LeftContent div.SingleBody ul{ margin-bottom:25px;} div.BaseContent div.LeftContent div.SingleBody ol li, div.BaseContent div.LeftContent div.SingleBody ul li{ margin-left:25px; margin-bottom:4px;list-style:outside; list-style-type:inherit;} div.BaseContent div.LeftContent section.ArticleAuthorBox{ border:1px solid #ccc; padding:18px 20px; margin-bottom:30px;} div.BaseContent div.LeftContent section.ArticleAuthorBox img{ float:left; width:150px; height:auto; max-height:180px;} div.BaseContent div.LeftContent section.ArticleAuthorBox div{ float:right; width:585px;} div.BaseContent div.LeftContent section.ArticleAuthorBox h2{ font-size:1.8rem; font-weight:bold; margin-bottom:12px;} div.BaseContent div.LeftContent section.ArticleAuthorBox h3{ font-size:1.8rem; font-weight:bold; margin-bottom:8px; color:#00aaff;} div.BaseContent div.LeftContent section.ArticleAuthorBox h3 span{ font-size:1.4rem; font-weight:normal; color:#555555; margin-left:13px;} div.BaseContent div.LeftContent section.ArticleAuthorBox a{ text-decoration:underline;} div.BaseContent div.LeftContent div.ArticleRelationList{ width:800px; overflow:hidden; margin-bottom:40px;} div.BaseContent div.LeftContent div.ArticleRelationList ul{ width:810px; margin-right:-10px;} div.BaseContent div.LeftContent div.ArticleRelationList ul li{ float:left; width:395px; margin:0px 10px 10px 0px;} div.BaseContent div.LeftContent div.ArticleRelationList ul li:hover{ opacity:0.7;} div.BaseContent div.LeftContent div.ArticleRelationList ul li a{ display:block; background:#f2f2f2; border:1px solid #dedede; padding:10px 12px; min-height:80px;} div.BaseContent div.LeftContent div.ArticleRelationList ul li a img{ float:left; margin-right:12px; max-width:80px; max-height:60px;} div.BaseContent div.LeftContent div.ArticlePartsList{ width:800px; overflow:hidden;} div.BaseContent div.LeftContent div.ArticlePartsList ul{ width:825px; margin-right:-25px;} div.BaseContent div.LeftContent div.ArticlePartsList ul li{ float:left; width:250px; margin:0px 25px 0px 0px;} div.BaseContent div.LeftContent div.ArticlePartsList ul li:hover{ opacity:0.7;} div.BaseContent div.LeftContent div.ArticlePartsList ul li a{ display:block;} div.BaseContent div.LeftContent div.ArticlePartsList img{ border:1px solid #ccc; border-radius:5px; margin-bottom:8px;} div.BaseContent div.RightContent div.FontSizeBox{ background:#e3e3e3; padding:15px; text-align:center; margin-bottom:5px;} div.BaseContent div.RightContent div.FontSizeBox h2{ font-size:1.5rem; font-weight:bold; margin-bottom:6px;} div.BaseContent div.RightContent div.FontSizeBox ul li{ float:left; width:60px; margin-right:10px; text-align:center; padding:6px 0px; background:#fff; border-radius:5px; box-shadow:0px 0px 5px #bdbdbd;cursor: pointer;} div.BaseContent div.RightContent div.FontSizeBox ul li:hover{ color:#727272;} div.BaseContent div.RightContent div.FontSizeBox ul li:last-child{ margin-right:0px;} div.BaseContent div.RightContent div.FontSizeBox ul li.current{ background:#00aaff; color:#fff;} div.BaseContent div.RightContent div.SnsBtnBox{ background:#e3e3e3; padding:15px; text-align:center; margin-bottom:5px; width:235px;} div.BaseContent div.RightContent div.SnsBtnBox h2{ font-size:1.5rem; font-weight:bold; margin-bottom:15px;} div.BaseContent div.RightContent div.SnsBtnBox ul{ width:210px; margin-right:-10px;} div.BaseContent div.RightContent div.SnsBtnBox ul li{ float:left; width:95px; margin:0px 10px 10px 0px;} div.BaseContent div.RightContent div.SnsBtnBox ul li a:hover{ opacity:0.7;} div.BaseContent div.RightContent div.SnsBtnBox ul li a{ display:block; color:#fff; padding:4px 0px;} div.BaseContent div.RightContent div.SnsBtnBox ul li.facebook a{background-color:#305097;} div.BaseContent div.RightContent div.SnsBtnBox ul li.twitter a{background-color: #55acee;} div.BaseContent div.RightContent div.SnsBtnBox ul li.gplus a{background-color:#dd4b39;} div.BaseContent div.RightContent div.SnsBtnBox ul li.pocket a{background-color:#ED4055;} div.BaseContent div.RightContent div.SnsBtnBox ul li span{ position: relative; display: inline-block; padding: 0px; width: 100%; height: 30px; line-height: 30px; color: #333; border-radius:5px; text-align: center; background: #fff; z-index: 0; margin-bottom:6px; } div.BaseContent div.RightContent div.SnsBtnBox ul li span:before { content: ""; position: absolute; bottom: -4px; left: 50%; margin-left: -4px; width: 0px; height: 0px; border-style: solid; border-width: 4px 4px 0 4px; border-color: #fff transparent transparent transparent; z-index: 0; } div.BaseContent div.RightContent div.SnsBtnBox ul li span:after { content: ""; position: absolute; bottom: -5px; left: 50%; margin-left: -4px; width: 0px; height: 0px; border-style: solid; border-width: 4px 4px 0 4px; border-color: #fff transparent transparent transparent; z-index: -1; } div.BaseContent div.RightContent div.ViewsBox{ background:#777; color:#fff; font-size:1.6rem; padding:7px; text-align:center; margin-bottom:30px; width:235px;} div.BaseContent div.RelationBox{ padding-top:30px; margin-top:30px; border-top:1px solid #ccc;} div.BaseContent div.RelationBox h2{ font-size:2.0rem; font-weight:bold; margin-bottom:25px;} div.BaseContent div.RelationBox section{ position:relative; width:100%; margin:0px 0px 35px 0px;} div.BaseContent div.RelationBox section a{ color:#000;} div.BaseContent div.RelationBox section a:hover img, div.BaseContent div.RelationBox section a:hover h3, div.BaseContent div.RelationBox section a:hover p{ opacity:0.7;} div.BaseContent div.RelationBox section img{ float:left; border-radius:6px; z-index:1;} div.BaseContent div.RelationBox section div.TxtBox{ float:right; width:550px;} div.BaseContent div.RelationBox section div.TxtBox h3{ font-size:2.0rem; line-height:2.6rem; font-weight:bold;} div.BaseContent div.RelationBox section p.Date{ margin:5px 0px 5px; font-size:1.3rem;} div.BaseContent div.RelationBox section span.Category{ position:absolute; top:110px; left:-5px; display:inline-block; font-size:1.3rem; height:30px; line-height:30px; padding:0px 12px; z-index:5; border-top-right-radius:5px; border-bottom-right-radius:5px; white-space: nowrap; max-width:230px;} div.BaseContent div.RelationBox section span.Category::before{ content: ""; display: inline-block; border-left: 5px solid transparent; border-top:5px solid #444444; position: absolute; left: 0px; bottom:-5px; } div.BaseContent div.RelationBox section div p.CaTag{ padding-top:15px; display:block;} div.BaseContent div.RelationBox section div p.CaTag span{ display: inline-block; color:#000; background:#f2f2f2; font-size:1.2rem; padding:1px 8px; border:1px solid #dedede; border-radius:4px; margin:0px 6px 6px 0px;} /* archile */ div.BaseContent div.RightContent ul.ArticleList{ padding-bottom:30px; margin-top:-10px;} div.BaseContent div.RightContent ul.ArticleList li{} div.BaseContent div.RightContent ul.ArticleList li{ width:100%; margin:0px;} div.BaseContent div.RightContent ul.ArticleList li a{ position:relative; display:block;font-size:1.3rem; color:#333333; padding:6px 0px 6px 20px; text-align:left; border-bottom:1px dotted #ccc; background-color:#fff !important;} ul.ArticleList li a::before{ content: ""; display: inline-block; position: absolute; left: 3px; top: 50%; border-radius: 50%; background-color:#ccc; height:10px; width:10px; margin-top: -6px; } div.BaseContent div.RightContent ul.ArticleList li:hover{ opacity:0.7;} /* author */ div.BaseContent .PageTitle span.AuthorMember{ display:inline-block; background-color:#f2f2f2; font-size:1.4rem; padding:3px 15px; margin-left:8px; color:#333; border-radius:4px;} div.BaseContent .AuthorList, div.BaseContent .AuthorSearch{ width:800px; overflow:hidden; padding-bottom:40px;} div.BaseContent .AuthorSearch ul{ margin-right:-10px; width:810px;} div.BaseContent .AuthorSearch li{ float:left; width:125px;margin:10px 10px 0px 0px;} div.BaseContent .AuthorSearch li a{ display:block; border-radius:4px; background:#f2f2f2; text-align:center; padding:6px 0px; color:#333; border:1px solid #dedede;} div.BaseContent .AuthorSearch li a:hover, div.BaseContent .AuthorSearch li a.current{ background:#00aaff; border:1px solid #00aaff; color:#fff;} div.BaseContent .AuthorList ul{ margin-right:-25px; width:825px;} div.BaseContent .AuthorList ul li{ float:left; width:180px; height:280px; margin:0px 25px 0px 0px; overflow:hidden;} div.BaseContent .AuthorList ul li a{ display:block; text-align:center; color:#000; font-size:1.5rem; line-height:1.9rem;} div.BaseContent .AuthorList ul li a, div.BaseContent .AuthorList ul li a span, div.BaseContent .AuthorList ul li a img{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } div.BaseContent .AuthorList ul li a:hover, div.BaseContent .AuthorList ul li a:hover span{ color:#00aaff;} div.BaseContent .AuthorList ul li a:hover img{ border:8px solid #00aaff;} div.BaseContent .AuthorList ul li a img{ width:180px; height:180px; border-radius:90px; margin-bottom:10px; border:1px solid #ccc;} div.BaseContent .AuthorList ul li a span{ display:block; font-size:1.3rem; color:#666666; margin-top:4px;} div.BaseContent .AuthorProfile{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #c5c5c5;} div.BaseContent .AuthorProfile img{ width:180px; height:180px; border-radius:90px; float:left; border:1px solid #ccc;} div.BaseContent .AuthorProfile div{ float:right; width:590px; padding-top:10px;} div.BaseContent .AuthorProfile div h1{ font-size:2.6rem; line-height:2.2rem; color:#00aaff; margin-bottom:10px;} div.BaseContent .AuthorProfile div h1 span{ font-size:1.4rem; font-weight: normal; color:#555; margin-left:10px;} div.BaseContent h2.AuthorTitle{ font-size:2.4rem; margin-bottom:15px; font-weight:bold;} div.BaseContent h2.AuthorTitle span{ font-size:1.6rem; margin-left:10px; font-weight:normal;} /* Movie Couse */ div.BaseContent div.MovieCouseListBox{ width:800px; height:auto;} div.BaseContent div.MovieCouseListBox ul{ width:840px; margin-right:-40px;} div.BaseContent div.MovieCouseListBox ul li{ float:left; width:380px; height:420px; margin:0px 40px 0px 0px;} div.BaseContent div.MovieCouseListBox ul li a{ display:block; color:#000;} div.BaseContent div.MovieCouseListBox ul li a h3{ margin-bottom:8px; line-height:2.4rem; font-size:2.0rem; font-weight:bold; margin-top:-30px;} div.BaseContent div.MovieCouseListBox ul li a p{ padding-top:8px;} div.BaseContent div.MovieCouseListBox ul li a img{ width:380px; border:1px solid #ccc; border-radius:5px; margin-bottom:12px;} div.BaseContent div.MovieCouseListBox ul li a p span{ display:inline-block; color:#000; background:#f2f2f2; font-size:1.2rem; padding:1px 8px; border:1px solid #dedede; border-radius:4px; margin:0px 6px 6px 0px;} div.BaseContent div.MovieCouseListBox ul li a span.Category{ position:relative; top:-65px; left:-5px; display:inline-block; font-size:1.5rem; font-weight:bold; height:35px; line-height:35px; padding:0px 20px; z-index:5; border-top-right-radius:5px; border-bottom-right-radius:5px; white-space: nowrap; max-width:345px; background-color:#ccc;} div.BaseContent div.MovieCouseListBox ul li a span.Category::before{ content: ""; display: inline-block; border-left: 5px solid transparent; border-top: 5px solid #333; position: absolute; left: 0px; bottom:-5px; } div.BaseContent div.MovieCouseListBox ul li a:hover img, div.BaseContent div.MovieCouseListBox ul li a:hover h3, div.BaseContent div.MovieCouseListBox ul li a:hover p{ opacity:0.7;} /* Parts */ div.BaseContent div.RightContent .Accordion dd.Parts{ width:100%; margin-bottom:30px;padding:0px 0px 0px;} div.BaseContent div.RightContent .Accordion dd.Parts li{ width:100%; margin:0px;} div.BaseContent div.RightContent .Accordion dd.Parts li a{ position:relative; display:block;font-size:1.3rem; color:#333333; padding:6px 0px 6px 16px; text-align:left; border-bottom:1px dotted #ccc;} div.BaseContent div.RightContent .Accordion dd.Parts li a::before{ content: ""; display: inline-block; border: 5px solid transparent; border-left-color: #00aaff; position: absolute; left: 3px; top: 50%; margin-top: -5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } div.BaseContent div.RightContent .Accordion dd.Parts li a:hover{ opacity:0.7;} div.BaseContent div.RightContent .Accordion dd.Parts li ul.children{ padding-left:20px;} div.BaseContent div.RightContent .Accordion dd.Parts li ul.children li a::before{border-left-color: #ff7483;} div.BaseContent div.PartsTopListBox{ width:800px; height:auto; overflow:hidden;} div.BaseContent div.PartsTopListBox ul{ width:825px; margin-right:-25px;} div.BaseContent div.PartsTopListBox ul li{ float:left; width:250px; height:310px; margin:0px 24px 0px 0px;} div.BaseContent div.PartsTopListBox ul li a{ display:block; color:#000;} div.BaseContent div.PartsTopListBox ul li a h3{ line-height:1.8rem;} div.BaseContent div.PartsTopListBox ul li a span.Maker{ display:inline-block; color:#000; background:#f2f2f2; font-size:1.2rem; padding:1px 8px; border:1px solid #dedede; margin-bottom:5px; border-radius:4px;} div.BaseContent div.PartsTopListBox ul li a span.Price{ color:#D90003; margin-top:5px;} div.BaseContent div.PartsTopListBox ul li a p{ padding-top:0px;} div.BaseContent div.PartsTopListBox ul li a img{border:1px solid #ccc; border-radius:5px; margin-bottom:8px;} div.BaseContent div.PartsTopListBox ul li a p span{ display:inline-block; color:#000; background:#f2f2f2; font-size:1.2rem; padding:1px 8px; border:1px solid #dedede; border-radius:4px; margin:0px 6px 6px 0px;} div.BaseContent div.PartsTopListBox ul li a:hover{ opacity:0.7;} div.BaseContent h1.PartsPageTitle{ font-weight:bold; margin-bottom:10px;} div.BaseContent div.CaTag a{ display:inline-block; padding:2px 10px; background:#00aaff; color:#333; border-radius:4px; margin:0px 6px 6px 0px;} div.BaseContent div.CaTag a:hover{ opacity:0.7;} div.BaseContent div.CaTag a.parts_tag{ background:#f2f2f2; border:1px solid #dedede; color:#333;} div.BaseContent div.PartsContent{ padding-top:30px;} div.BaseContent div.PartsContent div.ImgBox{ float:left; width:350px;} div.BaseContent div.PartsContent div.ImgBox div.MainImages{ width:350px; height:260px; margin-bottom:10px;} div.BaseContent div.PartsContent div.ImgBox div.MainImages img{ text-align:center;border:1px solid #ccc;} div.BaseContent div.PartsContent div.ImgBox ul{ width:360px; margin-right:-10px;} div.BaseContent div.PartsContent div.ImgBox ul li{ float:left; margin:0px 10px 10px 0px; width:110px; height:85px; overflow:hidden;border:1px solid #ccc; } div.BaseContent div.PartsContent div.ImgBox ul li img{ width:112px; cursor:pointer;} div.BaseContent div.PartsContent div.TxtBox{ float:right; width:420px;} div.BaseContent div.PartsContent div.TxtBox img{ max-width:100%;} div.BaseContent div.PartsContent div.TxtBox h2{ font-size:1.8rem; font-weight:bold; padding:25px 0px 6px; color:#00aaff; } div.BaseContent div.PartsContent div.TxtBox table{ width:100%; border-top:1px solid #cccccc;} div.BaseContent div.PartsContent div.TxtBox table th, div.BaseContent div.PartsContent div.TxtBox table td{ padding:8px 10px; text-align:left; border-bottom:1px solid #cccccc;} div.BaseContent div.PartsContent div.TxtBox table th{ background:#efefef; width:120px;} div.BaseContent div.AuthorStyle{ border-top:none !important; margin-top:0px !important; padding-top:0px !important;} /* Glossary */ div.BaseContent div.LeftContent .GlossaryBox{ margin:0px 0%; border:5px solid #e9e9e9; padding:15px;} div.BaseContent div.LeftContent .GlossaryBox h1{ font-size:2.4rem; font-weight:bold; color:#00aaff; margin-bottom:15px; padding-bottom:15px; border-bottom:2px solid #e9e9e9;} div.BaseContent div.LeftContent .GlossaryBox .SingleBody{ padding:0px; margin:0px; max-width:100%;} div.BaseContent div.LeftContent .GlossaryListTop{ width:100%; margin-bottom:30px;} div.BaseContent div.LeftContent .GlossaryListTop li{ float:left; width:16.6%; margin:0px 0% 10px 0px; padding:0px 8px 0px 0px;} div.BaseContent div.LeftContent .GlossaryListTop li a{ display:block; height:35px; line-height:35px; font-size:1.6rem; color:#333333; text-align:center; background-color:#f2f2f2; border:1px solid #dedede; border-radius:5px;} div.BaseContent div.LeftContent .GlossaryListTop li a:hover{ opacity:0.7;} div.BaseContent div.LeftContent .GlossaryList{ width:100%; margin-bottom:30px; border-top:1px solid #dedede;} div.BaseContent div.LeftContent .GlossaryList li{ width:100%; border-bottom:1px solid #dedede;} div.BaseContent div.LeftContent .GlossaryList li a{ position:relative; display:block; padding:10px 10px 10px 30px; color:#333333; text-align:left;} div.BaseContent div.LeftContent .GlossaryList li a::before { position:absolute; content: ""; display: inline-block; border: 5px solid transparent; border-left-color: #00aaff; position: absolute; left: 12px; top: 50%; margin-top: -4px; } div.BaseContent div.LeftContent .GlossaryList li a:hover{ opacity:0.7;} div.BaseContent div.LeftContent div.GlossaryBottom{ padding-top:50px;} div.BaseContent div.LeftContent div.GlossaryBottom a{ position:relative; display:inline-block; width:70%; margin:0px 15%; background:#00aaff; color:#fff; text-align:center; font-size:1.8rem; border-radius:5px; padding:12px 0px;} div.BaseContent div.LeftContent div.GlossaryBottom a::before { position:absolute; content: ""; display: inline-block; border: 5px solid transparent; border-left-color: #fff; position: absolute; right: 12px; top: 50%; margin-top: -4px; } div.BaseContent div.RightContent .Accordion{ margin-bottom:5px;width:100%;} div.BaseContent div.RightContent .Accordion dt a{ display:block; background:url(../images/toggle.gif) no-repeat 100% 14px; color:#000; text-align:left; font-size:1.5rem; padding:7px 10px 7px 0px; border-bottom:1px solid #ccc; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } div.BaseContent div.RightContent .Accordion dt a{ text-decoration:none;} /* オープン時 */ div.BaseContent div.RightContent .Accordion dt a.ToggleOpen, div.BaseContent div.RightContent .Accordion dt a.toggleFirst{background:url(../images/toggle_on.gif) no-repeat 100% 14px;} /* 閉じる時のhover */ div.BaseContent div.RightContent .Accordion dt a.ToggleOpen:hover, div.BaseContent div.RightContent .Accordion dt a.toggleFirst:hover{background:url(../images/toggle_on.gif) no-repeat 100% 12px;} /* 初回オープン用が閉じた時（注：順番を入れ替えると動かなくなります） */ div.BaseContent div.RightContent .Accordion dt a.ToggleClose{background:url(../images/toggle.gif) no-repeat 100% 14px;} /* オープン時のhover */ div.BaseContent div.RightContent .Accordion dt a:hover, div.BaseContent div.RightContent .Accordion dt a.ToggleClose:hover{background:url(../images/toggle.gif) no-repeat 16px right;} div.BaseContent div.RightContent .Accordion dd.Glossary{ width:100%; margin-bottom:30px;padding:15px 0px 0px;} div.BaseContent div.RightContent .Accordion dd.Glossary li{ float:left; width:16.6%; margin:0px 0% 6px 0px; padding:0px 5px 0px 0px;} div.BaseContent div.RightContent .Accordion dd.Glossary li a{ display:block; height:35px; line-height:35px; font-size:1.3rem; color:#333333; text-align:center; background-color:#f2f2f2; border:1px solid #dedede; border-radius:5px;} div.BaseContent div.RightContent .Accordion dd.Glossary li a:hover{ opacity:0.7;} div.BaseContent div.LeftContent .GlossaryListTop li.cat-item-49{ margin-right:150px;} div.BaseContent div.RightContent .Accordion dd.Glossary li.cat-item-49 { margin-right:50px;} /* entry */ div.BaseContent div.LeftContent .EntrySerch ul li{ float:left; margin-right:40px;} div.BaseContent div.LeftContent .EntrySerch ul li select{ margin-left:10px;} div.BaseContent div.LeftContent .EntrySerch input.Search{ float:left; border-radius:0px; width:670px; height:30px; border: none;-webkit-appearance: none; padding:5px; border:1px solid #a4a4a4;} div.BaseContent div.LeftContent .EntrySerch input.CommonBtn{ height:30px; width:60px; background-color:#00aaff; border:none; color:#fff; margin-left:10px; cursor:pointer;} div.BaseContent div.LeftContent .PartsSerch{ margin-bottom:20px !important;} div.BaseContent div.LeftContent .PartsSerch ul{ padding:15px 0px;} div.BaseContent div.LeftContent .PartsSerch ul li{ float:left; margin-right:20px; font-size:1.3rem;} div.BaseContent div.LeftContent .PartsSerch ul li.Manufacturer{ display:block; width:100%; padding-top:6px;} div.BaseContent div.LeftContent .PartsSerch ul li select{ margin-left:6px;} div.BaseContent div.LeftContent .PartsSerch input.Search{ border-radius:0px; width:99%; height:30px; border: none;-webkit-appearance: none; padding:5px; border:1px solid #a4a4a4;} div.BaseContent div.LeftContent .PartsSerch input.CommonBtn{ height:34px; width:180px; background-color:#00aaff; border:none; color:#fff; cursor:pointer; border-radius:5px;} div.BaseContent div.LeftContent ul.PartsSort{ padding:0px 0px 30px;} div.BaseContent div.LeftContent ul.PartsSort li{ float:left; margin-right:20px;} div.BaseContent div.LeftContent ul.PartsSort li a{ text-decoration:underline; color:#0092FF;} div.BaseContent div.LeftContent ul.EntryList{ padding-bottom:50px;} div.BaseContent div.LeftContent ul.EntryList li{ width:100%; margin-bottom:30px;} div.BaseContent div.LeftContent ul.EntryList li img{ float:left; max-width:235px; height:auto; border-radius:6px;} div.BaseContent div.LeftContent ul.EntryList li div{ float:right; width:545px;} div.BaseContent div.LeftContent ul.EntryList li p.PrefSp{ display:none;} div.BaseContent div.LeftContent ul.EntryList li p.Pref{ margin-bottom:10px; font-size:1.5rem;} div.BaseContent div.LeftContent ul.EntryList li p.Pref span{ background-color:#333; padding:4px 10px; border-radius:4px; font-size:1.3rem; color:#fff; font-weight:normal; margin-right:10px;} div.BaseContent div.LeftContent ul.EntryList li h3{ font-size:2.0rem; font-weight:bold; margin-bottom:8px; line-height:2.8rem;} div.BaseContent div.LeftContent ul.EntryList li dl{ padding-top:10px;} div.BaseContent div.LeftContent ul.EntryList li dl dt, div.BaseContent div.LeftContent ul.EntryList li dl dd{ float:left; margin-right:10px;} div.BaseContent div.LeftContent ul.EntryList li dl dt a, div.BaseContent div.LeftContent ul.EntryList li dl dd a{ position:relative; display:inline-block; padding:6px 30px 6px 20px; color:#fff; border-radius:6px;} div.BaseContent div.LeftContent ul.EntryList li dl dt a{ background-color:#ff7483;} div.BaseContent div.LeftContent ul.EntryList li dl dd a{ background-color:#00aaff;} div.BaseContent div.LeftContent ul.EntryList li dl dt span, div.BaseContent div.LeftContent ul.EntryList li dl dd span{ position:relative; display:inline-block; background-color:#ccc; padding:6px 30px 6px 20px; color:#fff; border-radius:6px;} div.BaseContent div.LeftContent ul.EntryList li dl dt a:hover, div.BaseContent div.LeftContent ul.EntryList li dl dd a:hover{ opacity:0.7;} div.BaseContent div.LeftContent ul.EntryList li dl dt a::before, div.BaseContent div.LeftContent ul.EntryList li dl dd a::before, div.BaseContent div.LeftContent ul.EntryList li dl dt span::before, div.BaseContent div.LeftContent ul.EntryList li dl dd span::before{ display: block; content: ''; position: absolute; top: 50%; right:12px; margin-top:-3px; width: 6px; height: 6px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* Search */ div.SearchAnswer{ background-color:#e9e9e9; padding:15px; margin-bottom:20px;} div.SearchAnswer span{ font-size:2.4rem; padding:0px 3px;} section.SearchNoneBox{ padding:40px 0px;} section.SearchNoneBox h2{ font-size:2.0rem; margin-bottom:20px;} section.SearchNoneBox ul li{ margin-bottom:10px;} section.SearchBox a{ position:relative; display:block; padding:10px 30px 10px 0px; color:#000; border-bottom:1px solid #ccc;} section.SearchBox a:hover{ background:#dff2fb;} section.SearchBox a h2{ font-size:1.7rem; margin-bottom:2px; color:#00aaff;} section.SearchBox a p.Date{ margin-bottom:2px;} section.SearchBox a::before{ display: block; content: ''; position: absolute; top: 50%; right:12px; margin-top:-5px; width: 10px; height: 10px; border-right: 1px solid #00aaff; border-bottom: 1px solid #00aaff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* help */ div.BaseContent div.LeftContent ul.HelpList{ margin-bottom:0px !important;} div.BaseContent div.LeftContent ul.HelpList li{ border-bottom:1px solid #dedede; padding-left:0px; list-style: none !important;margin-left:0px !important; } div.BaseContent div.LeftContent ul.HelpList li a{ position:relative; display:block; padding:10px 10px 10px 30px; color:#333333; text-align:left;} div.BaseContent div.LeftContent ul.HelpList li a::before { position:absolute; content: ""; display: inline-block; border: 5px solid transparent; border-left-color: #00aaff; position: absolute; left: 12px; top: 50%; margin-top: -4px; } div.BaseContent div.LeftContent ul.HelpList li.Contact a{ background-position:8px center;} div.BaseContent div.LeftContent ul.HelpList li.Contact a::before{ display:none;} /* pageing */ div.PagingBox div.wp-pagenavi{ margin-top:60px; padding:10px; border-radius:5px; background-color:#00aaff;} div.PagingBox div.wp-pagenavi span, div.PagingBox div.wp-pagenavi a{ margin-right:6px; display:inline-block; padding:3px 6px;} div.PagingBox div.wp-pagenavi span.pages{ padding:3px 20px 3px 5px; color:#fff;} div.PagingBox div.wp-pagenavi span.current{ background-color:#538eab;color:#fff;} div.PagingBox div.wp-pagenavi a.page{ background-color:#fff; color:#000;} div.PagingBox div.wp-pagenavi a.nextpostslink{color:#fff;} /* footer */ footer{width:100%; border-top:1px solid #e6e6e6;} footer div.FooterInnerBox{width:1084px;margin:0 auto;padding:18px 0px 50px;} footer div.FooterInnerBox p.Copy{font-size:1.3rem;color:#777777;text-align:center;} footer div.FooterInnerBox ul{width:1084px;} footer div.FooterInnerBox ul li{float:left; margin-right:25px; font-weight:bold; font-size:1.3rem; padding-bottom:15px;} footer div.FooterInnerBox ul li a{ color:#000;} footer div.FooterInnerBox ul li a:hover{ text-decoration:underline;} /* -------------------------------------------------- */ /* pagetop */ .pagetop { display: none; position: fixed; bottom: 30px; right: 30px; } .pagetop a { display: block; width:50px; height:50px; line-height:50px; background-color: #004896; border-radius:6px; text-align: center; opacity:0.9; color: #fff; font-size: 1.8rem; text-decoration: none; } .pagetop a:hover { display: block; background-color: #00aaff; text-align: center; color: #fff; font-size: 2.1rem; text-decoration: none; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; } /*追加▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/ section.ConnectBanner{width:100%; margin-bottom:30px;} section.ConnectBanner:after{ content:""; clear:left; display:table;} section.ConnectBanner a{ width:395px; margin-right:10px; border:1px solid #999999; float:left; padding:10px;} section.ConnectBanner>a:last-child{ margin-right:0;} section.ConnectBanner>a img{ width:100px; vertical-align:middle; margin-right:15px; float:left;} section.ConnectBanner>a p{ padding-top:5px;} section.ConnectBanner a:hover{ opacity:0.7;} section.SearchConsole{ padding-bottom:30px;} section.SearchConsole section.WordSearch{ margin:0 0 20px; text-align:left; border-radius:3px; background:#e3e3e3; padding:10px;} section.SearchConsole section.WordSearch input{-webkit-appearance: none;-moz-appearance: none;appearance: none; border:none;} section.SearchConsole section.WordSearch input.Text{ width:300px;padding:10px; font-size:1.2rem; background:#ffffff; border:none; border-radius:3px 0 0 3px;} section.SearchConsole section.WordSearch input.Submit{ width:34px; background:#00aaff url(../images/entrypage/icon_search.png) no-repeat center center ; background-size:18px 18px; height:34px;vertical-align: bottom; border-radius:0 3px 3px 0; text-indent:-9999px;} section.SearchConsole section.SelectSearch{ padding:0;} section.SearchConsole section.SelectSearch ul:after{ content:""; display:table; clear:left;} section.SearchConsole section.SelectSearch ul li{ width:395px; text-align:center; float:left; background:#f3eee8; border-radius:3px; margin-right:10px; display:block; cursor:pointer; padding:10px} section.SearchConsole section.SelectSearch ul li.Active{ border-radius:3px 3px 0 0; background:#e3e3e3;} section.SearchConsole section.SelectSearch ul li:nth-child(2){ margin-right:0;} section.SearchConsole section.SelectSearch ul li:after{ content: "▼";} section.SearchConsole section.SelectSearch ul li.Active:after{ content: "▲";} /*条件検索*/ section.SearchConsole .Condition{ background:#e3e3e3; padding:20px 20px; text-align:left; margin:0 0px; display:none; } section.SearchConsole .Condition p{ margin:0 0 10px 0; font-weight:bold;} section.SearchConsole .Condition ul{ margin-bottom:30px;border-bottom:1px dotted #999999; padding-bottom:10px; } section.SearchConsole .Condition ul.Day:after{ content:""; clear:left; display:table;} section.SearchConsole .Condition ul.Day input{-webkit-appearance: none;-moz-appearance: none;appearance: none; border:none} section.SearchConsole .Condition ul.Day li{ width:375px; margin-right:10px; float:left; padding-bottom:10px;} section.SearchConsole .Condition ul li:last-child{margin-right:0px;} section.SearchConsole .Condition ul li input{ border-radius:3px; margin-bottom:8px; padding:5px; width:80%;} section.SearchConsole .Condition ul li img{ height:20px; margin-left:15px;} section.SearchConsole .Condition ul.Radio li{ display:inline; margin-right:15px; font-size:1.2rem;} section.SearchConsole .Condition ul.Radio li input{ width:auto; margin-right:5px;} section.SearchConsole .Condition .AorB:after{ content:""; clear:left; display:table;} section.SearchConsole .Condition .AorB li input{ width:100%; height:100%; display:block; display:none;} section.SearchConsole .Condition .AorB li{ cursor:pointer; width:50%; float:left; text-align:center; background:#FFFFFF; border-radius:3px 0 0 3px; } section.SearchConsole .Condition .AorB li label{ display:block;padding:20px 0px; cursor:pointer;} section.SearchConsole .Condition .AorB li:last-child{border-radius:0 3px 3px 0;} section.SearchConsole .Condition .AorB li.Active{ background:#29abe2; color:#FFFFFF;} section.SearchConsole div.SelectCity{ border:1px solid #999999; padding:10px 10px 10px; margin-bottom:20px;} section.SearchConsole div.SelectCity #CityBtn { width:100%; padding:15px 0; border-radius:3px; border:1px solid #999999; background:#FFFFFF; text-align:center; cursor:pointer;} section.SearchConsole div.SelectCity #CityBtn:after{ content:"▼";} section.SearchConsole div.SelectCity #CityBtn.Active { background:#29abe2; color:#FFFFFF; border-radius:3px 3px 0 0;} section.SearchConsole div.SelectCity #CityBtn.Active:after{ content:"▲"} section.SearchConsole div.SelectCity dl{ border-radius:0 0 3px 3px; border:1px solid #999999; background:#FFFFFF; position:fixed; top:50px; left:50%; width:800px; height:500px; margin-left:-400px; z-index:105; text-align:left; display:none; overflow-y: scroll;} section.SearchConsole div.SelectCity dl:after{ content:""; clear:left; display:table;} section.SearchConsole div.SelectCity dl dt{padding:10px;/* background:#ffffff; */width: 24%;float: left;background: #29abe2;border-radius: 3px;color: #ffffff;margin-right: 3%;} section.SearchConsole div.SelectCity dl dd{/* background:#efefef; */width: 70%;float: left;} section.SearchConsole div.SelectCity dl input{width:auto;margin-right: 5px;} section.SearchConsole div.SelectCity dl dd ul{margin-bottom:0;padding: 0 15px 5px;margin-bottom: 15px;} section.SearchConsole div.SelectCity dl dd ul:after{ content:""; clear:left; display:table;} section.SearchConsole div.SelectCity dl dd li{margin-bottom:0;width: 25%;float:left;margin-bottom:10px;} section.SearchConsole div.SelectCity div.Selected{ margin-top:20px; margin-top:10px;} #CityReset{ padding:10px 30px; display:inline-block; position:fixed; top:580px; left:50%; margin-left:-212px; z-index:105; background:#FFFFFF; border-radius:3px; background:#666666; color:#FFFFFF; cursor:pointer;} #CitySet{ padding:10px 30px; display:inline-block; position:fixed; top:580px; left:50%; margin-left:10px; z-index:105; background:#29abe2; color:#FFFFFF; border-radius:3px; cursor:pointer;} section.SearchConsole .Condition .MultiSelect{} section.SearchConsole .Condition .MultiSelect ul:after{ content:""; clear:left; display:table;} section.SearchConsole .Condition .MultiSelect ul li{ width:246px; float:left; margin:0 10px 10px 0;} section.SearchConsole .Condition .MultiSelect ul li:nth-child(3n){margin:0 0 10px 0;} section.SearchConsole .Condition .MultiSelect ul li label{ background:#FFFFFF; border-radius:3px; padding:10px; text-align:center; margin-bottom:5px; display:block;} section.SearchConsole .Condition .MultiSelect ul li input{ display:none;} section.SearchConsole .Condition .MultiSelect ul li label.Active{ background:#29abe2; color:#FFFFFF;} section.SearchConsole .Condition .SubmitSearch{} section.SearchConsole .Condition .SubmitSearch input{ border:none; color:#FFFFFF; display:block; width:100%; margin-bottom:0px; padding:10px; background:none;} section.SearchConsole .Condition .SubmitSearch ul{ margin-bottom:0px;} section.SearchConsole .Condition .SubmitSearch ul:after{ content:""; clear:left; display:table; cursor:pointer;} section.SearchConsole .Condition .SubmitSearch ul li{ float:left; width:48.5%; background-color:#999999; text-align:center; padding:0; color:#FFFFFF; border-radius:3px;} section.SearchConsole .Condition .SubmitSearch ul li:first-child{ text-align:left; text-indent:-9999px; background:#999999 url(../images/entrypage/icon_search.png) no-repeat center center; background-size: 18px 18px; margin-right:2%;} section.SearchConsole .Condition .SubmitSearch ul li:first-child input{ text-indent:-9999px; text-align:left;} /*エリア検索*/ section.SearchConsole .Area{ background:#e3e3e3; padding:20px; text-align:left; margin:0 0; display:none; } section.SearchConsole .Area .JapanMap{ position:relative; background:#999999 url(../images/entrypage/map.png) no-repeat center center; background-size:500px auto; width:100%; height:600px;} /*地図リンク位置調整*/ section.SearchConsole .Area .JapanMap a{ position:absolute; padding:8px; background:#666666; display:inline-block; border:1px solid #ffffff; color:#FFFFFF; min-width:160px; text-align:center;} section.SearchConsole .Area .JapanMap a.Pos1{left: 64px; top: 65px;} section.SearchConsole .Area .JapanMap a.Pos2{left: 567px; top: 221px;} section.SearchConsole .Area .JapanMap a.Pos3{left: 524px; top: 400px;} section.SearchConsole .Area .JapanMap a.Pos4{left: 385px; top: 467px;} section.SearchConsole .Area .JapanMap a.Pos5{left: 260px; top: 529px;} section.SearchConsole .Area .JapanMap a.Pos6{ left: 128px; top: 300px;} section.SearchConsole .Area .JapanMap a.Pos7{left: 42px; top: 386px;} section.ResultList ul.Sort{ background:#999999; padding:10px; display:block; text-align:center; margin-bottom:15px;} section.ResultList ul.Sort:after{ content:""; clear:left; display:table;} section.ResultList ul.Sort li{ width:30%; margin-right:3%; display: inline-block; background:#999999; color:#FFFFFF; padding:10px 5px; text-align:center; cursor:pointer} section.ResultList ul.Sort li:last-child{ margin-right:0;} section.ResultList ul.Sort li.Active{ background:#FFFFFF; color:#999999;} section.ResultList .ListConsole{ margin-bottom:5px;} section.ResultList .ListConsole>div{ margin-bottom:10px;} section.ResultList .ListConsole>div:after{ clear:left; content:""; display:table;} section.ResultList .ListConsole>div p:first-child{ float:left; font-weight:bold; font-size:1.6rem;} section.ResultList .ListConsole>div p:last-child{ float:right; font-size:1.8rem;} section.ResultList .ViewCount{ background:#ffffff; padding:10px; margin-bottom:15px;} section.ResultList .ViewCount input{ margin-right:5px;} section.ResultList .ViewCount label{ margin-right:15px; vertical-align:middle;} section.ResultList ul.Changer{ margin-bottom:20px;} section.ResultList ul.Changer:after{ content:""; clear:left; display:table;} section.ResultList ul.Changer li{ width:50%; float:left; background:#FFFFFF; padding:8px; text-align:center; display:block; cursor:pointer;} section.ResultList ul.Changer li.Active{ background:#00aaff; color:#FFFFFF;} ul.ViewType:after{ content:""; clear:left; display:table;} ul.ViewType li{width:50%;float:left; background:#f3eee8; padding:10px; cursor:pointer; text-align:center;} ul.ViewType li#TypeList{ background:#f3eee8 url(../images/entrypage/icon_veiw1.png) no-repeat 10px center; background-size:15px;} ul.ViewType li#TypeMap{ background:#f3eee8 url(../images/entrypage/icon_veiw2.png) no-repeat 10px center; background-size:15px;} ul.ViewType li#TypeList.Active{ background:#e3e3e3 url(../images/entrypage/icon_veiw1.png) no-repeat 10px center; background-size:15px;} ul.ViewType li#TypeMap.Active{ background:#e3e3e3 url(../images/entrypage/icon_veiw2.png) no-repeat 10px center; background-size:15px;} section.ResultList{ background:#e3e3e3; padding:10px 3%;} section.ResultList .TypeList{} section.ResultList .TypeList .Event{ display:none;} section.ResultList .TypeList .Deadline{ display:none;} section.ResultList .Article{ background:#FFFFFF; border-top:3px solid #FFFFFF; padding:20px; text-align:left; margin-bottom:5px;} /*提供元別の設定*/ section.ResultList .Article.Runnet{ border-color:#00aaff; padding:20px; background:#ffffff url(../images/entrypage/logo_runnet.png) no-repeat top 20px right 20px; background-size:130px auto;} section.ResultList .Article.Moshicom{ border-color:#7bb760; padding:20px; background:#ffffff url(../images/entrypage/logo_moshicom.png) no-repeat top 20px right 20px; background-size:130px auto;} section.ResultList .Article h3{ margin-bottom:10px; font-weight:bold; text-align:left; border-radius:3px; margin-right:150px; font-size:1.8em;} section.ResultList .Article .CityArea { padding:5px; display:inline-block; border:1px solid #999999;margin-bottom:10px;} section.ResultList .Article .Layout{ margin-bottom:10px;} section.ResultList .Article .Layout:after{ content:""; clear:both; display:table;} section.ResultList .Article .Layout .Image{ float:left; width:35%; margin-right:3%;} section.ResultList .Article .Layout .Image .Caption{font-size:0.8em;} section.ResultList .Article .Layout .Image .CapPoint{ font-weight:bold; font-size:1.4em;} section.ResultList .Article .Layout .Image .CapReport{ font-size:0.8em;} section.ResultList .Article .Layout .Image img{ max-width:100%; margin-bottom:5px;} section.ResultList .Article .Layout dl{ float:right; width:62%; border-bottom:1px solid #eef0f0;} section.ResultList .Article .Layout dl dt{ color:#999999;} section.ResultList .Article .Layout dd{ margin-bottom:10px; font-size:1.2em;} section.ResultList .Article .Comment { margin-bottom:10px;} section.ResultList .Article dl.Entry dt{ font-size:1em; color:#999999} section.ResultList .Article dl.Entry dd{ font-size:1.2em;} /*簡易表示時*/ section.ResultList .Article.Light h3{ margin-bottom:10px; font-weight:bold; text-align:left; border-radius:3px; margin-right:150px; font-size:1.8em;} section.ResultList .Article.Light .CityArea { padding:5px; display:inline-block; border:1px solid #999999;margin-bottom:10px;} section.ResultList .Article.Light .Layout{ margin-bottom:10px;} section.ResultList .Article.Light .Layout:after{ content:""; clear:both; display:table;} section.ResultList .Article.Light .Layout .Image{ display:none;} section.ResultList .Article.Light .Layout dl{ float:none; width:100%; border-bottom:none;} section.ResultList .Article.Light .Layout dl dt:first-of-type{ color:#999999; display:block;} section.ResultList .Article.Light .Layout dl dd:first-of-type{ margin-bottom:10px; font-size:1.2em; display:block;} section.ResultList .Article.Light .Layout dl dt{ display:none;} section.ResultList .Article.Light .Layout dl dd{ display:none;} section.ResultList .Article.Light .Comment { display:none;} section.ResultList .Article.Light dl.Entry{ display:none;} section.ResultList .TypeMap{ display:none;} section.ResultList .TypeList{} section.ResultList .Article{ background:#FFFFFF; border-top:3px solid #FFFFFF; padding:10px; text-align:left; margin-bottom:5px;} section.ResultList ul.Stat{ font-size:1.5rem;color:#FFFFFF; margin-top:10px; text-align:right} section.ResultList ul.Stat:after{ content:""; clear:left; display:table;} section.ResultList ul.Stat a{ color:#FFFFFF; display:inline-block;} section.ResultList ul.Stat li{ padding:14px 35px 14px 10px; background:#999999 url(../images/entrypage/icon_batsu.png) no-repeat right 10px center; background-size:15px auto; border-radius:3px; display:inline-block; margin-right:5px;} /*オレンジ○*/ section.ResultList ul.Stat li.Active{ padding:0; background:none; background-size:auto; border-radius:0;} section.ResultList ul.Stat li.Active a{ padding:14px 35px 14px 10px; background:#FF3300 url(../images/entrypage/icon_maru.png) no-repeat right 10px center; background-size:15px auto; border-radius:3px; color:#FFFFFF;} /*ゆずれ～る緑○△*/ section.ResultList ul.Stat li.Middle-Circle{ padding:0; background:none; background-size:auto; border-radius:0;} section.ResultList ul.Stat li.Middle-Circle a{ padding:14px 35px 14px 10px; background:#00CC33 url(../images/entrypage/icon_maru.png) no-repeat right 10px center; background-size:15px auto; border-radius:3px; color:#FFFFFF;} section.ResultList ul.Stat li.Middle-Triangle{ padding:0; background:none; background-size:auto; border-radius:0;} section.ResultList ul.Stat li.Middle-Triangle a{ padding:14px 35px 14px 10px; background:#00CC33 url(../images/entrypage/icon_sankaku.png) no-repeat right 10px center; background-size:15px auto; border-radius:3px; color:#FFFFFF;} section.ResultList ul.Stat li.Middle-UnderC{ padding:0; background:none; background-size:auto; border-radius:0;} section.ResultList ul.Stat li.Middle-UnderC a{ padding:14px 35px 14px 10px; background:#999999 url(../images/entrypage/icon_underc.png) no-repeat right 10px center; background-size:15px auto; border-radius:3px;color:#ffffff;} /*グレイ- 準備中*/ section.ResultList ul.Stat li.UnderC{ padding:0; background:none; background-size:auto; border-radius:0;} section.ResultList ul.Stat li.UnderC a{ padding:14px 35px 14px 10px; background:#999999 url(../images/entrypage/icon_underc.png) no-repeat right 10px center; background-size:15px auto; border-radius:3px;color:#ffffff;} .RightContent ul.Recommend{ margin-bottom:30px;} .RightContent ul.Recommend li{ text-align:left;} .RightContent ul.Recommend a:after{ content:""; clear:left; display:table;} .RightContent ul.Recommend li a{ display:block; border-bottom:1px solid #dddddd;} .RightContent ul.Recommend li a img{ float:left; margin:10px 10px 0 0; width:65px;} .RightContent ul.Recommend .text:first-of-type{ margin-top:0;} .RightContent ul.Recommend .text{ padding:10px; font-size:1.2rem; font-weight:bold;} .RightContent ul.Recommend .text span{ display:inline-block; margin-bottom:10px;} .RightContent ul.Recommend .text .Pref{ margin-bottom:0px; font-weight:normal;} .RightContent ul.Recommend .text .Pref span{ margin-bottom:0px !important; background-color: #1c341e;padding: 0px 10px;border-radius: 4px;color: #fff;font-weight: normal;} #map_canvas{ width:100%; height:500px; display:table;} #map_canvas p{ font-size:2.0rem; display:table-cell; vertical-align: middle; text-align: center;} .SelectCondition{ margin-top:10px; text-align:left; font-size:1.2rem; padding:0; color:#333333;} .SelectCondition:after{ content:""; clear:left; display:table;} .SelectCondition dt{ border:1px solid #999999; padding:8px; float:left; clear:left; margin:0 5px 10px 0;} .SelectCondition dd{float:left; padding:8px;} .Pager{ width:100%; background:#00aaff; padding:10px; color:#FFFFFF; text-align:left; margin-top:50px;} .Pager .pages{ display:inline-block; color:#FFFFFF; border-right:1px #ffffff solid; padding-right:10px; margin-right:10px;} .Pager span{ display:inline-block; padding: 3px 20px 3px 5px;} .Pager p.Next{ border-right:none;} .Pager p.Next a{color:#000; background:#00aaff;} .Pager li{ display:inline-block; margin-right:5px;} .Pager a{ padding:6px 3px; background:#FFFFFF; color:#000; margin-right: 6px;} .Pager .extend{ margin-right:10px;} .Pager .nextpostslink{ background:none; color:#FFFFFF;} .Pager .last {display:none;} .Pager .larger { margin-right:3px;} .Pager .extend{ display:none;} .Pager .current{ padding:6px 3px; background:#538eac; margin-right:3px;} section.ResultList .TypeMap{ display:none;} .LikeThis{ border:2px solid #f10f63; background:#ffffff url(../images/entrypage/smile.png) no-repeat 6px center; display:inline; padding:3px 0 3px; border-radius:3px;} .LikeThis span{ display:inline-block; background:#f10f63; color:#ffffff; margin-left:30px; padding:0 8px;} .ComingSoon{ padding:60px; text-align:center;} div#OverLay{ background:#ffffff; opacity:0.8; width:100%; display:block; position:fixed; top:0px; left:0px; z-index:100;} /*カレンダー表示追加*/ .SelectDeta select{border:1px solid #999999; padding:5px; border-radius:3px; height:35px;} .SelectDeta input{ background:#00aaff; color:#FFFFFF; border:none; padding:5px 15px; border-radius:3px; height:35px; cursor:pointer;} .ViewCalender{ background:#FFFFFF; border-radius:3px; margin-top:20px; padding:20px;} .ViewCalender .Year{ background:#FFFFFF; border-bottom:1px solid #999999} .ViewCalender .Date:last-of-type .Events{ border-bottom: none;} .ViewCalender .Year>p{ float:left; margin-right:10px; padding:10px;} .ViewCalender .Date{margin-left:100px;} .ViewCalender .Date.Sat{ background:#E1F0FF;} .ViewCalender .Date.Sun{ background:#FFE8EF;} .ViewCalender .Date > p{ float:left; padding:10px;} .ViewCalender .Date .Events{ padding-left:90px; border-bottom:1px solid #999999;} .ViewCalender .Date .Events .Article{ padding:10px; margin-bottom:0; border-bottom:1px dotted #999999 } .ViewCalender .Date .Events .Article .Detail{ width:80%; float:left;} .ViewCalender .Date .Events .Article .Place{ width:20%; float:right;} .ViewCalender .Date .Events .Article:after{ clear:both; content:""; display:table;} .ViewCalender .Date .Events .Article .Detail > p{ font-size:1.4em; line-height:1.6em;} .ViewCalender .Date .Events .Article:last-of-type{ border-bottom:none;} .NoMuch{border:5px solid #999999; padding:60px; text-align:center; background:#FFFFFF;} .NoMuch.Top{border:5px solid #999999; padding:60px; text-align:center; background:#FFFFFF; margin:10px 10px 30px;} img.ui-datepicker-trigger{cursor: pointer; margin-left: 5px!important;} .infodiv{ //height:260px; font-family: Helvetica, "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN" , YuGothic, "游ゴシック体", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-text-size-adjust: 100%; } .pstyle{ padding-left: 200px } /*▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/ }