/*10px＝77%
/*11px＝85%
/*12px＝93%
/*13px＝100%
/*14px＝108%
/*15px＝116%
/*16px＝124%
/*17px＝131%
/*18px＝139%
/*19px＝147%
/*20px＝154%
/*21px＝162%
/*22px＝170%
/*23px＝177%
/*24px＝185%
/*25px＝193%

/* ---------------------------------------------------------------- */
@media screen and (max-width: 640px) {

body {
	font-size: 1.5em;
	line-height: 1.5;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	-webkit-text-size-adjust: 100%; /* フォントサイズ自動調整 */  
    margin-left:auto;
    margin-right:auto;
    max-width: 640px;
	overflow-x: hidden;
}

p{font-size: 1.5rem;line-height: 1.6;}
table{font-size: 1.4rem;line-height: 1.5;}

*{word-break: break-all;/* 意図しない横幅が出ないように画面幅で強制改行を有効にする */}

a,div,img,ul,li,ol,dt,dl,dd,span,
h1,h2,h3,h4,h5,h6,h7,h8,
article,aside,canvas,details,figcaption,figure,
header,footer,hgroup,menu,nav,section,summary,input,textarea {
	-webkit-box-sizing: border-box;
    box-sizing: border-box; 
}

/* header */

header {width:100%;background:#fff;}
header div.HeaderInnerBox{position:relative;margin:0 auto;width:100%;height:60px;}

header div.HeaderInnerBox p.MenuBtn{ display:none;}
.togmenu {display:none;}

header .Logo{ position:absolute; top:15px; left:50%; width:140px; margin-left:-70px;}
header nav.nav { position:absolute; bottom:10px; left:0px;}

header nav.nav ul{display:none;}
header ul.SnsIcon{ display:none;}
header div.search{ display:none;}

header dl{}
header dl dt{position:absolute; top:5px; left:2%;}
header dl dt a{
	display:block;
	 height:50px; width:50px;
	 padding:0px;
	-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;
	}
	
header dl dt a{ text-decoration:none; }
header dl dt a:hover{}

header dl dt a span{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 25px;
	height: 2px;
	margin: -1px 0 0 -13px;
	background: #004896;
	transition: .2s;
}

header dl dt a span:before, header dl dt a span:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 25px;
  height: 2px;
  background: #004896;
  transition: .3s;
}
header dl dt a span:before{margin-top: -8px;}
header dl dt a span:after{margin-top: 6px;}

header dl dt a.ToggleOpen span,
header dl dt a.toggleFirst span{background: transparent;}

header dl dt a.ToggleOpen span:before,
header dl dt a.toggleFirst span:before{margin-top: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
header dl dt a.ToggleOpen span:after,
header dl dt a.toggleFirst span:after{margin-top: 0;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}

header dl dd{ z-index:999; position:absolute; top:60px; width:100%; background:#00aaff; padding:6px 0% 0px;display:none;}
header dl dd ul{
	width:100%;
	padding:0px 3% 10px;
	}
	
header dl dd ul.Global li{ float:left; margin:10px 1% 0px; width:48%;}
header dl dd ul.Global li a{ position: relative;display:block; padding:10px 0%; color:#000 !important; background-color:#fff;border-radius:4px; text-align:center;
-moz-box-shadow: 0px 0px 3px #000;-webkit-box-shadow: 0px 0px 5px #006394;}
header dl dd ul.Global li a{ background-position: 8% center;}

header dl dd ul a:hover{ text-decoration:none;}

header dl dd ul.SnsIcon{ display:inline-block;}
header dl dd ul.SnsIcon li{ float:left; width:23%; margin:0px 1% 0px;}
header dl dd ul.SnsIcon li a{ display:block; padding:15px 0%; color:#000 !important; background-color:#fff;border-radius:4px; text-align:center;
-moz-box-shadow: 0px 0px 3px #000;-webkit-box-shadow: 0px 0px 5px #006394; font-size:2.5rem; color:#00aaff !important;}

header dl dd div.searchOuter{ width:100%; padding:20px 4%; background-color:#008fd6;}
header dl dd div.search{ display:inline-block; position:relative; width:100%;border:solid 1px #004f77; background-color:#fff;}
header dl dd div.search input.Search{ border-radius:0px; width:100%; border: none;-webkit-appearance: none; padding:6px; height:40px;}
header dl dd div.search p{ position:absolute; top:0px; right:0px; overflow:hidden;}
header dl dd div.search input.Btn{ border:none; background-color:#fff; height:40px; background-size:50%; }

/* Slider */

div.flexsliderOuter{ background-color:#99ddff; width:100%;}
div.flexsliderOuter div.flexslider{ width:100%;  margin:0 auto;}
div.flexsliderOuter div.flexslider ul li{ width:100%;}
div.flexsliderOuter div.flexslider ul li div.SumPhoto{ width:100%;text-align:left;}
div.flexsliderOuter div.flexslider ul li div.SumPhoto img{ width:100%; height:auto; overflow:hidden; -ms-interpolation-mode: bicubic;}

div.flexsliderOuter div.flexslider ul li div.Body{padding:0px 0px 20px; width:100%;}
div.flexsliderOuter div.flexslider ul li div.Body div.Category{z-index:50;height:30px; line-height:30px;padding:0px 4%;}
div.flexsliderOuter div.flexslider ul li div.Body h2{ font-size:1.6rem; line-height:2.0rem; font-weight:bold; margin:15px 4% 0px;}
div.flexsliderOuter div.flexslider ul li div.Body p.Date{ padding:6px 4% 8px; font-weight:bold;}
div.flexsliderOuter div.flexslider ul li div.Body p.Txt{ margin:0px 4% 20px; line-height:1.8rem;}
div.flexsliderOuter div.flexslider ul li div.Body p.Link{ margin:0 auto; width:88%;}
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; padding:8px 0px; border-radius:6px;}
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; padding:8px 0px; border-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: 14px;}
.flex-direction-nav a.flex-next:before {right:14px;}
.flex-direction-nav a.flex-prev:after {left: 18px;}
.flex-direction-nav a.flex-next:after {right:18px;}
.flex-direction-nav .flex-prev {left:2%; }
.flex-direction-nav .flex-next {right:2%;}

div.flexsliderOuter div.flexslider ul li div.Body a:hover{ background-color:#fb8879;}
.flex-control-nav { display:none !important;}
.flex-direction-nav a {
  width: 34px !important;
  height: 34px !important;
  border-radius:17px !important;
  top: 90px !important;
  opacity:0.6;
}

div.Emergency{ background-color:#00aaff; padding:12px; text-align:left;}
div.Emergency p{ width:96%; margin:0 auto; color:#fff;}
div.Emergency p a{ color:#fff; display:block;}

/* main */

div.BaseContent{margin:0 auto;padding:15px 0% 30px; width:100%; text-align:center;}

div.BaseContent div.LeftContent{width:100%; padding:0px 3%;}
div.BaseContent div.CommonLeftCont{width:100%; padding:0px 0% !important;}

div.BaseContent div.LeftContent .PageTitle{ font-size:2.0rem; font-weight:bold; text-align:left; color:#00aaff; margin-bottom:15px; padding:0 3%;}
div.BaseContent div.LeftContent article.TopPage{ padding-bottom:30px;}
div.BaseContent div.LeftContent article.TopPage section{ width:100%; padding-bottom:40px; text-align:left;}
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{ width:100%; height:auto; overflow:hidden;border-radius:6px;-ms-interpolation-mode: bicubic;  z-index:1;}
div.BaseContent div.LeftContent article.TopPage section h3{ font-size:2.0rem; line-height:2.6rem; font-weight:bold; margin-top:-15px;}
div.BaseContent div.LeftContent article.TopPage section p.Date{ margin:8px 0px 8px; font-size:1.3rem;}
div.BaseContent div.LeftContent article.TopPage section p.Txt{ line-height:1.8rem;}
div.BaseContent div.LeftContent article.TopPage section span.Category{ position:relative; top:-45px; left:-5px; display:inline-block; font-size:1.4rem; font-weight:bold;  height:30px; line-height:30px; padding:0px 15px; z-index:5;
border-top-right-radius:5px; border-bottom-right-radius:5px; white-space: nowrap; max-width:95%;}

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:1.6rem; font-weight:bold; border-radius:5px; color:#fff; padding:10px 0px;}
div.BaseContent div.LeftContent p.MoreBtn a::before{
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	right:3%;
	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{width:100%; padding:20px 0% 0px;}
/* div.BaseContent div.RightContent aside h2{ color:#00aaff; font-size:2.2rem; font-weight:bold; padding-bottom:3px; margin-bottom:25px; border-bottom:1px solid #ccc;}*/
div.BaseContent div.RightContent aside h2{ color:#fff; font-size:1.8rem; font-weight:bold; padding:8px 0px; margin:0px 0% 8px; background-color:#004896;}
div.BaseContent div.RightContent aside ul.AccessRacking{ margin-bottom:0px; padding:0px 0%;}
div.BaseContent div.RightContent aside ul.AccessRacking li{ position:relative; padding:6px 4%; border-bottom:1px dotted #ccc;}
div.BaseContent div.RightContent aside ul.AccessRacking li a{ float:left; width:84%; color:#000; padding-left:8px; text-align:left;}
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:36px; 
  height:36px;
  line-height:36px;
  border-radius:4px;
  color:#fff;
  font-size:2.1rem;
	}

div.BaseContent div.RightContent p.SideBanner{width:100%; padding:0px; margin-top:-10px;}
div.BaseContent div.RightContent p.SideBanner img{width:100%; height:auto;}

div.BaseContent div.RightContent ul.Banner{width:100%; padding-top:30px; margin-top:0px; border-top:1px solid #ccc; }
div.BaseContent div.RightContent ul.Banner li{ margin-bottom:15px;}
div.BaseContent div.RightContent ul.Banner div{width:100% !important; height:auto;}

/* -------------------------------------------------- */
/* CommonPage */
/* -------------------------------------------------- */

div.TitleBox{ width:100%; background-color:#00aaff; height:80px; text-align:center; overflow:hidden;}
div.TitleBox .ContentTitle{ width:100%;font-size:2.0rem; font-weight:bold; color:#000; padding:20px 0px; line-height:1.8rem;}
div.TitleBox .ContentTitle span{ display:block; margin-top:8px;color:#fff; font-size:1.4rem;}
div.TitleBox .ContentTitlePage{ width:100%;font-size:2.0rem; font-weight:bold; color:#000; line-height:80px;}

div.Pankuzu{ width:100%; background-color:#e3e3e3; height:40px;}
div.Pankuzu div{ width:100%; margin:0 auto; height:40px; line-height:40px; overflow: auto;}

div.Pankuzu ul{ padding:0px 3%; height:40px !important;}
div.Pankuzu ul li{ position:relative; display:table-cell; padding:0px 22px 0px 0px; white-space: nowrap; height:40px !important;}
div.Pankuzu ul li:before{
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	margin-top:-4px;
	right:10px;
	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:last-child{ padding:0px 0px 0px 0px;}
div.Pankuzu ul li:last-child:before{ display: none;}

div.Pankuzu ul li a{ color:#333;}
div.Pankuzu ul li.Home a{ font-size:2.0rem; color:#666;}
div.Pankuzu ul li.CateList a{ padding:0px 0px;}

div.BaseContent div.LeftContent .CommonPage p.Date{ text-align:left; padding:0px 3%;}
div.BaseContent div.LeftContent div.SingleBody{ width:100%; 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 hr{ margin:10px 0px;}
div.BaseContent div.LeftContent div.SingleBody p{ font-size:1.5rem; margin-bottom:20px; line-height: 2.3rem;}
div.BaseContent div.LeftContent div.SingleBody div{ margin-bottom:20px;}
div.BaseContent div.LeftContent div.SingleBody div img{ margin-bottom:12px;}
div.BaseContent div.LeftContent div.SingleBody .MainImg{ margin-bottom:30px;}
div.BaseContent div.LeftContent div.SingleBody table{ margin-bottom:25px;}
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 4%; font-size:1.8rem; margin-bottom:20px;}
div.BaseContent div.LeftContent div.SingleBody h3{ font-size:1.8rem; padding:12px 0px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin-bottom:20px;}
div.BaseContent div.LeftContent div.SingleBody h4{ font-size:1.8rem; 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; max-width:50%;}
div.BaseContent div.LeftContent div.SingleBody .alignright{ float:right; margin:0px 0px 15px 15px; max-width:50%;}

div.BaseContent div.LeftContent div.SingleBody blockquote{background-color:#e0e0e0;padding:17px 10%;margin-bottom:20px;position:relative; width:100%;}
div.BaseContent div.LeftContent div.SingleBody blockquote:before{
content: "\f10d";
font-size:14px;
line-height:1em;
font-family: 'FontAwesome';
color:#f7f7f7;
position:absolute;
left:10px;
top:10px;
}
div.BaseContent div.LeftContent div.SingleBody blockquote:after{
content: "\f10e";
font-size:14px;
line-height:1em;
font-family: 'FontAwesome';
color:#f7f7f7;
position:absolute;
right:10px;
bottom:10px;
}

div.BaseContent div.LeftContent div.SingleBody div.PrivacyBox{ border:5px solid #e9e9e9; padding:15px; width:100%; text-align:center;}
div.BaseContent div.LeftContent div.SingleBody div.PrivacyBox img{}
div.BaseContent div.LeftContent div.SingleBody div.PrivacyBox p{width:100%; padding-top:10px; text-align:left;}

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 div.SearchBox{ padding:23px 5%; background-color:#f2f2f2; margin-bottom:35px;}

div.BaseContent div.LeftContent .TitleStyle02{ font-size:2.4rem; font-weight:bold; color:#00aaff; margin-bottom:15px;}

div.BaseContent div.LeftContent div.SingleBody{ width:100%; padding:0px 3%; text-align:left;}
div.BaseContent div.LeftContent div.SingleBody img{ max-width:100%; height:auto;}
div.BaseContent div.LeftContent div.SingleBody iframe{ max-width:100%; margin-bottom:15px;}
div.BaseContent div.LeftContent div.SingleBody p{ font-size:1.5rem; margin-bottom:20px;}
div.BaseContent div.LeftContent div.SingleBody .MainImg{ margin-bottom:20px; padding-top:10px;}

div.BaseContent div.LeftContent div.SingleBody .alignleft{ float:left; margin:0px 15px 15px 0px; max-width:50%;}

div.BaseContent div.LeftContent section.ArticleAuthorBox{ border:1px solid #ccc; padding:18px 20px; margin:0px 3% 30px;}
div.BaseContent div.LeftContent section.ArticleAuthorBox img{ width:50%; height: auto; border-radius:800px;}
div.BaseContent div.LeftContent section.ArticleAuthorBox div{ padding-top:30px; width:100%;}
div.BaseContent div.LeftContent section.ArticleAuthorBox h2{ font-size:2.0rem; font-weight:bold; margin-bottom:12px;}
div.BaseContent div.LeftContent section.ArticleAuthorBox h3{  font-size:2.2rem; line-height:2.2rem; text-align:center; color:#00aaff; margin-bottom:10px;}
div.BaseContent div.LeftContent section.ArticleAuthorBox h3 span{ font-size:1.3rem; font-weight: normal; color:#555;display:block; margin-top:8px;}
div.BaseContent div.LeftContent .ArticleSubTtl{ font-size:1.8rem; font-weight:bold;padding-bottom:30px; padding:15px 3%; background-color:#e9e9e9;}
div.BaseContent div.LeftContent section.ArticleAuthorBox p{ text-align:left;}
div.BaseContent div.LeftContent section.ArticleAuthorBox a{ text-decoration:underline;}

div.BaseContent div.LeftContent div.ArticleRelationList{ width:100%;}
div.BaseContent div.LeftContent div.ArticleRelationList ul{ width:100%; }
div.BaseContent div.LeftContent div.ArticleRelationList ul li{ width:100%; margin:0px;}
div.BaseContent div.LeftContent div.ArticleRelationList ul li a{ position:relative; display:block; width:100%; color:#000; padding:15px 8% 15px 3%; border-bottom:1px solid #ccc; text-align:left;}
div.BaseContent div.LeftContent div.ArticleRelationList ul li a:before{
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	margin-top:-4px;
	right:15px;
	width: 8px;
	height: 8px;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
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:100%; overflow:hidden; margin-top:-10px;}
div.BaseContent div.LeftContent div.ArticlePartsList ul li{ float:left; width:50%; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:left;}
div.BaseContent div.LeftContent div.ArticlePartsList ul li a{ display:block; color:#000; padding:15px 6% 15px 6%; height:210px; overflow:hidden; line-height:1.3rem;}
div.BaseContent div.LeftContent div.ArticlePartsList img{ width:100%; border-radius:5px; margin-right:3%; margin-bottom:8px;}

div.BaseContent div.RightContent div.FontSizeBox{ display:none;}

div.BaseContent div.RightContent div.SnsBtnBox{ background:#e3e3e3; padding:15px 2%; text-align:center; margin:0px 0% 0px;}
div.BaseContent div.RightContent div.SnsBtnBox h2{ font-size:1.8rem; font-weight:bold; margin-bottom:15px;}

div.BaseContent div.RightContent div.SnsBtnBox ul{ width:100%; margin-right:-10px; display:table;}
div.BaseContent div.RightContent div.SnsBtnBox ul li{ width:25%; padding:0px 1% 0px 1%; display:table-cell; vertical-align:bottom;}
div.BaseContent div.RightContent div.SnsBtnBox ul li a{ display:block; color:#fff; padding:10px 0px; font-size:1.2rem;}
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:#999; color:#fff; font-size:1.6rem; padding:7px; text-align:center; margin-bottom:30px; width:100%;}

div.BaseContent div.AuthorStyle{  border-top:1px solid #ccc;}
div.BaseContent div.RelationBox{ margin-top:0px; width:100%; padding:0px 0% 0px;text-align:left;}
div.BaseContent div.RelationBox h2{ font-size:1.8rem; font-weight:bold;padding-bottom:30px; padding:15px 3%; background-color:#e9e9e9;}
div.BaseContent div.RelationBox section{}
div.BaseContent div.RelationBox section a{ position:relative; display:block; width:100%; color:#000; padding:20px 8% 20px 3%; border-bottom:1px solid #ccc;}
div.BaseContent div.RelationBox section a:before{
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	margin-top:-4px;
	right:15px;
	width: 8px;
	height: 8px;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
div.BaseContent div.RelationBox section div.ImgBox{ float:left; width:30%;}
div.BaseContent div.RelationBox section div.ImgBox span.Category{ width:100%; display:inline-block; margin-top:8px; font-size:1.3rem;line-height:1.6rem; padding:6px 10%; text-align:center; border-radius:5px;}
div.BaseContent div.RelationBox section img{ height:auto; width:100%; border-radius:6px; z-index:1;}
div.BaseContent div.RelationBox section div.TxtBox{ float:right; width:67%;}
div.BaseContent div.RelationBox section div.TxtBox h3{ font-size:1.8rem; line-height:2.0rem; font-weight:bold;}
div.BaseContent div.RelationBox section p.Date{ margin:6px 0px 6px; font-size:1.4rem;}
div.BaseContent div.RelationBox section p.Txt{ line-height:1.8rem; font-size:1.4rem;}

div.BaseContent div.RelationBox section div p.CaTag{ padding-top:10px; display:block;}
div.BaseContent div.RelationBox section div p.CaTag span{ display:inline-block; color:#000; background:#f2f2f2; font-size:1.2rem; padding:4px 8px; border:1px solid #dedede; border-radius:4px; margin:0px 6px 6px 0px;}

/* archile */

div.BaseContent div.RightContent ul.ArticleList{ padding-bottom:0px; 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; color:#333333; padding:10px 5% 10px 30px; text-align:left; border-bottom:1px dotted #ccc; background-color:#fff !important;}
ul.ArticleList li a::before{
  content: "";
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 50%;
  border-radius: 50%;
  background-color:#ccc;
  height:12px;
  width:12px;
  margin-top: -6px;
}
ul.ArticleList li a::after{
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	margin-top:-4px;
	right:15px;
	width: 8px;
	height: 8px;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* 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 .AuthorSearch{ width:100%; overflow:hidden; padding:15px 2% 30px;}
div.BaseContent .AuthorSearch ul{ width:100%;}
div.BaseContent .AuthorSearch li{ float:left; width:33.3%; padding:0px 1% 12px;}
div.BaseContent .AuthorSearch li a{ display:block; border-radius:4px; background:#f2f2f2; text-align:center; padding:10px 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{ padding:0px 0% 30px; border-top:1px solid #e9e9e9;}
div.BaseContent .AuthorList ul{ width:100%;}
div.BaseContent .AuthorList ul li{ width:100%;}
div.BaseContent .AuthorList ul li a{ position:relative; display:block; height:76px; text-align:left; color:#000; font-size:1.5rem; border-bottom:1px dotted #ccc; padding:16px 3% 8px;}
div.BaseContent .AuthorList ul li a:hover img{ opacity:0.7;}
div.BaseContent .AuthorList ul li a img{ width:60px; height:60px; border-radius:90px; margin-bottom:10px; float:left; margin-right:15px; margin-top:-8px; border:1px solid #ccc;}
div.BaseContent .AuthorList ul li a span{ display:block; font-size:1.3rem; color:#666666;}
div.BaseContent .AuthorList ul li a::before{
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	margin-top:-4px;
	right:15px;
	width: 8px;
	height: 8px;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

div.BaseContent .AuthorProfile{ padding-bottom:30px; margin:30px 0px; border-bottom:1px solid #c5c5c5;}
div.BaseContent .AuthorProfile img{ width:60%; height: auto; border-radius:800px; border:1px solid #ccc;}
div.BaseContent .AuthorProfile div{ padding-top:30px; width:100%;}
div.BaseContent .AuthorProfile div h1{ font-size:2.2rem; line-height:2.2rem; text-align:center; color:#00aaff; margin-bottom:10px;}
div.BaseContent .AuthorProfile div h1 span{ font-size:1.3rem; font-weight: normal; color:#555;display:block; margin-top:8px;}
div.BaseContent .AuthorProfile div p{ padding:0px 4%; text-align:left;}

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:100%; height:auto; overflow:hidden;}
div.BaseContent div.MovieCouseListBox ul{ width:100%;}
div.BaseContent div.MovieCouseListBox ul li{ width:100%; margin:0px 0px 20px 0px; padding:0 4% 10px; border-bottom:1px solid #ccc;}
div.BaseContent div.MovieCouseListBox ul li a{ display:block; color:#000; text-align:left;}
div.BaseContent div.MovieCouseListBox ul li a h3{ margin-bottom:8px; line-height:2.2rem; font-size:1.8rem; font-weight:bold; margin-top:-25px;}
div.BaseContent div.MovieCouseListBox ul li a p{ padding-top:8px;}
div.BaseContent div.MovieCouseListBox ul li a img{ width:100%; height:auto; 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.4rem; padding:2px 10px; border:1px solid #dedede; border-radius:4px; margin:0px 6px 6px 0px;}
div.BaseContent div.MovieCouseListBox ul li a span.Category{ position:relative; top:-60px; left:-5px; display:inline-block; font-size:1.4rem; font-weight:bold;  height:30px; line-height:30px; padding:0px 15px; z-index:5;
border-top-right-radius:5px; border-bottom-right-radius:5px; white-space: nowrap; max-width:95%;}

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;
}

/* 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:14px 0px 14px 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:100%; height:auto; border-top:1px solid #ccc;}
div.BaseContent div.PartsTopListBox ul li{ float:left; width:50%; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
div.BaseContent div.PartsTopListBox ul li a{ display:block; color:#000; padding:15px 6% 15px 6%; height:260px; overflow:hidden; text-align:center;}
div.BaseContent div.PartsTopListBox ul li a h3{ font-size:1.3rem; line-height:1.6rem; text-align:left; margin:6px 0px;}
div.BaseContent div.PartsTopListBox ul li a span.Maker{ display:inline-block; color:#000; background:#f2f2f2; font-size:1.1rem; padding:1px 8px; border:1px solid #dedede; margin-bottom:5px; border-radius:4px;}
div.BaseContent div.PartsTopListBox ul li a span.Price{ color:#D90003; text-align:left !important; width:100%; display:block;}
div.BaseContent div.PartsTopListBox ul li a img{ max-height:120px; max-width:100%; border-radius:5px; margin-bottom:8px;}
div.BaseContent div.PartsTopListBox ul li a p{ display:block; padding-top:5px; text-align:left;}
div.BaseContent div.PartsTopListBox ul li a p span{ display:inline-block; color:#000; background:#f2f2f2; font-size:1.1rem; padding:2px 8px; border:1px solid #dedede; border-radius:4px; margin:0px px 4px 0px;}

div.BaseContent div.PartsTopListBox ul li a:hover{ opacity:0.7;}

div.BaseContent h1.PartsPageTitle{ font-size:2.0rem; text-align:left; font-weight:bold; margin-bottom:15px; padding:0px 3%;}
div.BaseContent div.CaTag{ padding:0px 3%; text-align:left;}
div.BaseContent div.CaTag a{ display:inline-block; padding:6px 12px; background:#00aaff; color:#333; margin-right:8px; margin-bottom:8px; border-radius:4px;}
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:20px; text-align:left;}
div.BaseContent div.PartsContent div.ImgBox{ width:100%; padding:20px 3% 0px;}
div.BaseContent div.PartsContent div.ImgBox div.MainImages{ width:100%;text-align:center; padding:1px; margin-bottom:15px; border:1px solid #ccc; text-align:center; vertical-align:middle;}
div.BaseContent div.PartsContent div.ImgBox div.MainImages img{max-width:100%; max-height:260px; }

div.BaseContent div.PartsContent div.ImgBox ul{ width:102.5%; margin-right:-2.2%; overflow:hidden; z-index:1;}
div.BaseContent div.PartsContent div.ImgBox ul li{ float:left; margin:0px 2.2% 10px 0px; width:31%; overflow:hidden; border:1px solid #ccc; padding:1px; }
div.BaseContent div.PartsContent div.ImgBox ul li img{ cursor:pointer; width:100%; }

div.BaseContent div.PartsContent div.TxtBox{ width:100%; padding:0px 3%;}
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;}


/* Glossary */

div.BaseContent div.LeftContent .GlossaryBox{ margin:0px 3%; border:7px solid #e9e9e9; padding:10px 4%;}
div.BaseContent div.LeftContent .GlossaryBox h1{ font-size:1.8rem; font-weight:bold; text-align:left !important; color:#00aaff; margin-bottom:15px; padding-bottom:5px; border-bottom:2px solid #e9e9e9;}
div.BaseContent div.LeftContent .GlossaryBox .SingleBody{ padding:0px; margin:0px;}

div.BaseContent div.LeftContent .GlossaryListTop{ width:96%;  margin:0px 3% 30px;}
div.BaseContent div.LeftContent .GlossaryListTop li{ float:left; width:20%; margin:0px 0% 10px 0px; padding:0px 1% 0px 1%;}
div.BaseContent div.LeftContent .GlossaryListTop li a{ display:block; height:40px; line-height:40px; 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.cat-item-2,
div.BaseContent div.LeftContent .GlossaryListTop li.cat-item-3,
div.BaseContent div.LeftContent .GlossaryListTop li.cat-item-4,
div.BaseContent div.LeftContent .GlossaryListTop li.cat-item-5,
div.BaseContent div.LeftContent .GlossaryListTop li.cat-item-6,
div.BaseContent div.LeftContent .GlossaryListTop li.cat-item-7,
div.BaseContent div.LeftContent .GlossaryListTop li.cat-item-8,
div.BaseContent div.LeftContent .GlossaryListTop li.cat-item-9,
div.BaseContent div.LeftContent .GlossaryListTop li.cat-item-10,
div.BaseContent div.LeftContent .GlossaryListTop li.cat-item-11{ width:100%;}

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:15px 5% 15px 5%; color:#333333; text-align:left;}
div.BaseContent div.LeftContent .GlossaryList li a::before {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	right:12px;
	margin-top:-4px;
	width: 8px;
	height: 8px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
div.BaseContent div.LeftContent .GlossaryList li a:hover{ opacity:0.7;}

div.BaseContent div.LeftContent div.GlossaryBottom{ padding-top:30px;}
div.BaseContent div.LeftContent div.GlossaryBottom a{ position:relative; display:inline-block; width:94%; margin:0px 3%; background:#00aaff; color:#fff; text-align:center; font-size:1.6rem; 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{width:94%; margin:0px 3% 5px;}

div.BaseContent div.RightContent .Accordion dt a{
	display:block;
	background:url(../images/toggle02.gif) no-repeat 96% 18px #00aaff;
	color:#fff;
	text-align:left;
	font-size:1.6rem;
	padding:12px 6%;
	border-radius:5px;
	-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/toggle02_on.gif) no-repeat 96% 18px #00aaff;}

/* 閉じる時のhover */
div.BaseContent div.RightContent .Accordion dt a.ToggleOpen:hover,
div.BaseContent div.RightContent .Accordion dt a.toggleFirst:hover{background:url(../images/toggle02_on.gif) no-repeat 96% 16px #00aaff;}

/* 初回オープン用が閉じた時（注：順番を入れ替えると動かなくなります） */
div.BaseContent div.RightContent .Accordion dt a.ToggleClose{background:url(../images/toggle02.gif) no-repeat 96% 16px #00aaff;}

/* オープン時のhover */
div.BaseContent div.RightContent .Accordion dt a:hover,
div.BaseContent div.RightContent .Accordion dt a.ToggleClose:hover{background:url(../images/toggle02.gif) no-repeat 18px right #00aaff;}

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:20%; margin:0px 0% 6px 0px; padding:0px 5px 0px 0px;}
div.BaseContent div.RightContent .Accordion dd.Glossary li a{ display:block; height:40px; line-height:40px; 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.RightContent .Accordion dd.Glossary li.cat-item-2,
div.BaseContent div.RightContent .Accordion dd.Glossary li.cat-item-3,
div.BaseContent div.RightContent .Accordion dd.Glossary li.cat-item-4,
div.BaseContent div.RightContent .Accordion dd.Glossary li.cat-item-5,
div.BaseContent div.RightContent .Accordion dd.Glossary li.cat-item-6,
div.BaseContent div.RightContent .Accordion dd.Glossary li.cat-item-7,
div.BaseContent div.RightContent .Accordion dd.Glossary li.cat-item-8,
div.BaseContent div.RightContent .Accordion dd.Glossary li.cat-item-9,
div.BaseContent div.RightContent .Accordion dd.Glossary li.cat-item-10,
div.BaseContent div.RightContent .Accordion dd.Glossary li.cat-item-11{ width:100%;}

/* entry */

div.BaseContent div.LeftContent .EntrySerch ul li{ text-align:center; text-align:left; padding-bottom:8px;}
div.BaseContent div.LeftContent .EntrySerch ul li span{ display:block; margin-bottom:3px; font-weight:bold;}
div.BaseContent div.LeftContent .EntrySerch ul li select{ margin-top:5px; font-size:16px;}
div.BaseContent div.LeftContent .EntrySerch input.Search{ float:left; border-radius:0px; width:80%; height:30px; border: none;-webkit-appearance: none; padding:5px; border:1px solid #a4a4a4; font-size:1.6rem;}
div.BaseContent div.LeftContent .EntrySerch input.CommonBtn{ height:30px; width:20%; background-color:#00aaff; border:none; color:#fff;}
div.BaseContent div.LeftContent p.NonArticle{ padding:15px 3%;}

div.BaseContent div.LeftContent .PartsSerch{ margin-bottom:25px !important;}
div.BaseContent div.LeftContent .PartsSerch ul{ padding:15px 0px;}
div.BaseContent div.LeftContent .PartsSerch ul li{ margin-right:20px;margin-bottom:10px; text-align:left;}
div.BaseContent div.LeftContent .PartsSerch ul li span{ font-weight:bold; font-size:1.4rem;}
div.BaseContent div.LeftContent .PartsSerch ul li select{ margin:3px 0px 5px; font-size:1.6rem; width:90%;}
div.BaseContent div.LeftContent .PartsSerch input.Search{ border-radius:0px; width:100%; height:30px; border: none;-webkit-appearance: none; padding:5px; border:1px solid #a4a4a4; font-size:1.6rem;}
div.BaseContent div.LeftContent .PartsSerch input.CommonBtn{ height:46px; width:100%; margin:0 auto; background-color:#00aaff; border:none; color:#fff; cursor:pointer; border-radius:5px; font-size:1.6rem;}

div.BaseContent div.LeftContent ul.PartsSort{ padding:0px 3% 30px;}
div.BaseContent div.LeftContent ul.PartsSort li{ float:left; width:33.3%; padding:0px 1% 0px 0px;}
div.BaseContent div.LeftContent ul.PartsSort li a{ display:block; background:#fff; height:44px; line-height:44px; border-radius:4px; background-color:#00aaff; color:#fff; font-size:1.3rem;}
div.BaseContent div.LeftContent ul.PartsSort li:first-child{ width:100%; text-align:left; margin-bottom:8px; font-size:1.6rem; font-weight:bold; padding:0px;}
div.BaseContent div.LeftContent ul.PartsSort li:last-child{ padding:0px;}

div.BaseContent div.LeftContent ul.EntryList{ text-align:left; border-top:1px solid #ccc;}
div.BaseContent div.LeftContent ul.EntryList li{ width:100%%; margin:0px 0% ; padding:14px 3%; border-bottom:1px solid #ccc;}
div.BaseContent div.LeftContent ul.EntryList li img{ float:left; width:34%; height:auto; margin-right:10px;}
div.BaseContent div.LeftContent ul.EntryList li div{ float:left; width:100%; padding-top:10px;}
div.BaseContent div.LeftContent ul.EntryList li p.Comment{ line-height:2.0rem;}
div.BaseContent div.LeftContent ul.EntryList li p.Pref{ display:none;}
div.BaseContent div.LeftContent ul.EntryList li p.PrefSp{ font-size:1.6rem; }
div.BaseContent div.LeftContent ul.EntryList li p.PrefSp span{ background-color:#333; padding:4px 14px; border-radius:4px;color:#fff; font-weight:normal; margin-bottom:10px; display:inline-block;font-size:1.4rem;}
div.BaseContent div.LeftContent ul.EntryList li h3{ font-size:1.8rem; 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; width:48%; margin:0 1%;}
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; width:100%; height:42px; line-height:42px; text-align:center; 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; width:100%; height:42px; line-height:42px; text-align:center; color:#fff; border-radius:6px;}
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 3%; text-align:left;}
div.SearchAnswer span{ font-size:2.0rem; padding:0px 3px;}
section.SearchNoneBox{ padding:20px 0px; margin:0px 3%;}
section.SearchNoneBox h2{ font-size:1.9rem; margin-bottom:20px;}
section.SearchNoneBox ul li{ width:86%; margin:0 auto 10px;}
section.SearchNoneBox ul li a{ display:block; width:100%; background:#00aaff; color:#333; font-size:1.6rem; color:#fff; padding:8px 0px; border-radius:5px;}

section.SearchBox a{ position:relative; display:block; padding:15px 8% 15px 3%; color:#000; border-bottom:1px solid #ccc; text-align:left;}
section.SearchBox a:hover{ background:#dff2fb;}
section.SearchBox a h2{ font-size:1.6rem; margin-bottom:3px; color:#00aaff;}
section.SearchBox a p{ font-size:1.3rem;}
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{ padding-left:0px; list-style: none !important;margin-left:0px !important; }
div.BaseContent div.LeftContent ul.HelpList li a{ color:#333 !important; display:block; background-color:#e9e9e9; border:1px solid #ccc; color:#fff; font-size:1.5rem; text-align:center; border-radius:4px; padding:10px 0px; width:100%; margin:0 auto;}

div.BaseContent div.LeftContent ul.HelpList li.Contact a{ background-position:15% center;}
div.BaseContent div.LeftContent ul.HelpList li.Contact a::before{ display:none;}

/* pageing */

div.PagingBox div.wp-pagenavi{ margin-top:50px; padding:10px 3%; background-color:#00aaff; text-align:left;}
div.PagingBox div.wp-pagenavi span,
div.PagingBox div.wp-pagenavi a{ margin-right:6px; display:inline-block; padding:8px 12px;}
div.PagingBox div.wp-pagenavi span.pages{ padding:3px 10px 3px 0px; color:#fff; border-right:1px solid #fff; margin-right:6px;}
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,
div.PagingBox div.wp-pagenavi a.previouspostslink{color:#fff;}

/* footer */

footer{width:100%; background-color:#004896;}

footer div.FooterInnerBox{width:100%;margin:0 auto;padding:40px 0px; text-align:center;}
footer div.FooterInnerBox p.Copy{ text-align:center;color:#d8ebff; padding-top:15px;}
footer div.FooterInnerBox ul li{ margin-bottom:10px; font-weight:bold;}
footer div.FooterInnerBox ul li a{ display:block; background-color:#5086c0; color:#fff; font-size:1.5rem; border-radius:4px; padding:10px 0px; width:85%; margin:0 auto;}
footer div.FooterInnerBox ul li:last-child a{ background:url(../images/icon-external02.gif) no-repeat 15% center #5086c0;}

/* pagetop */

.pagetop {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 10px;
}
.pagetop a {
    display: block;
	width:45px;
	height:45px;
	line-height:45px;
    background-color: #004896;
	border-radius:6px;
    text-align: center;
	opacity:0.9;
    color: #fff;
    font-size: 2.0rem;
    text-decoration: none;
}
.pagetop a:hover {
    display: block;
    background-color: #00aaff;
    text-align: center;
    color: #fff;
    text-decoration: none;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
/*追加▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/
section.ConnectBanner{width:100%;padding:14px 3%;}
section.ConnectBanner:after{ content:""; clear:left; display:table;}
section.ConnectBanner a{ width:48.5%; margin-right:3%; border:1px solid #999999; float:left; padding:10px; height:86px;}
section.ConnectBanner>a:last-child{ margin-right:0;}
section.ConnectBanner>a img{ max-width:50%; margin-bottom:5px;}
section.ConnectBanner>a p{ font-size:1.2rem;}

section.SearchConsole{ padding-bottom:30px;}
section.SearchConsole section.WordSearch{ margin:0 3% 10px; text-align:center; broder-radius:3px;}
section.SearchConsole section.WordSearch input{-webkit-appearance: none;-moz-appearance: none;appearance: none; border:none}
section.SearchConsole section.WordSearch input.Text{ width:87%;padding:10px; font-size:1.2rem; background:none; border:none; background:#f3eee8; border-radius:3px 0 0 3px;}
section.SearchConsole section.WordSearch input.Submit{ width:13%; background:#00aaff url(../images/entrypage/icon_search.png) no-repeat center center ; background-size:18px 18px; height:38px;vertical-align: bottom; border-radius:0 3px 3px 0; text-indent:-9999px;}
section.SearchConsole section.SelectSearch{ padding:0 3%;}
section.SearchConsole section.SelectSearch ul:after{ content:""; display:table; clear:left;}
section.SearchConsole section.SelectSearch ul li{ width:49%; float:left; background:#f3eee8; border-radius:3px; margin-right:2%; 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 3%; text-align:left; margin:0 3%; display:none; }
section.SearchConsole .Condition p{ margin:0 0 10px 0;}
section.SearchConsole .Condition ul{ margin-bottom:20px;}
section.SearchConsole .Condition ul.Day input{-webkit-appearance: none;-moz-appearance: none;appearance: none; border:none}
section.SearchConsole .Condition ul li input{ border-radius:3px; margin-bottom:8px; padding:5px; width:80%;}
section.SearchConsole .Condition ul li img{ height:34px; 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;}
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 #29abe2; text-align:left; display:none; margin:0;}
section.SearchConsole div.SelectCity dl dt{ padding:10px; background:#ffffff;}
section.SearchConsole div.SelectCity dl dd{  background:#efefef;}
section.SearchConsole div.SelectCity dl input{ width:auto;}
section.SearchConsole div.SelectCity dl dd ul{ margin-bottom:0; padding: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:50%; float:left; margin-bottom:10px;}
section.SearchConsole div.SelectCity div.Selected{ margin-top:20px; margin-top:10px;}

section.SearchConsole .Condition .MultiSelect{}
section.SearchConsole .Condition .MultiSelect ul{}
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;}
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 3%; text-align:left; margin:0 3%; display:none; }
section.SearchConsole .Area .JapanMap{ position:relative; background:#999999 url(../images/entrypage/map.png) no-repeat 60px 56px; background-size:180px auto; width:100%; height:300px;}
	/*地図リンク位置調整*/
	section.SearchConsole .Area .JapanMap a{ position:absolute; padding:8px; background:#666666; display:inline-block; border:1px solid #ffffff; color:#FFFFFF; font-size:1.2rem;}
	section.SearchConsole .Area .JapanMap a.Pos1{ left: 41px;top: 21px;}
	section.SearchConsole .Area .JapanMap a.Pos2{left: 220px;top: 99px;}
	section.SearchConsole .Area .JapanMap a.Pos3{left: 230px;top: 166px;}
	section.SearchConsole .Area .JapanMap a.Pos4{left: 169px;top: 204px;}
	section.SearchConsole .Area .JapanMap a.Pos5{left: 100px;top: 252px;}
	section.SearchConsole .Area .JapanMap a.Pos6{left: 58px;top: 86px;}
	section.SearchConsole .Area .JapanMap a.Pos7{left: 20px;top: 138px;}
	
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:29%; margin-right:3%; display: inline-block; background:#999999; color:#FFFFFF; padding:10px 5px; font-size:1.2rem; text-align:center;}
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.4rem;}
section.ResultList .ViewCount{ background:#ffffff; padding:10px; font-size:1.2rem; margin-bottom:10px;}
section.ResultList .ViewCount input{ margin-right:5px;}
section.ResultList .ViewCount label{ margin-right:10px; vertical-align:middle;}
section.ResultList ul.Changer{ margin-bottom:10px;}
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;}
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 .Event{ display:none;}
section.ResultList .TypeList .Deadline{ 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 .Article .Stat{ font-size:1.2rem;color:#FFFFFF; margin-top:10px; text-align:right}
section.ResultList .Article .Stat li{ padding:0px; background:#999999 url(../images/entrypage/icon_batsu.png) no-repeat right 10px center; background-size:10px auto; border-radius:3px; display:inline-block; margin-left:5px;}
section.ResultList .Article .Stat li a{  padding:12px 30px 12px 10px;display:inline-block; color:#FFFFFF;}

section.ResultList .Article .Stat li.Active{  padding:0; background:none; background-size:0; border-radius:0; display:inline-block}
section.ResultList .Article .Stat li.Active a{ padding:12px 30px 12px 10px; background:#FF3300 url(../images/entrypage/icon_maru.png) no-repeat right 10px center; background-size:10px auto; border-radius:3px; color:#FFFFFF;}

section.ResultList .Article .Stat li.Middle-Circle{  padding:0; background:none; background-size:0; border-radius:0; display:inline-block;}
section.ResultList .Article .Stat li.Middle-Circle a{ padding:12px 30px 12px 10px; background:#00CC33 url(../images/entrypage/icon_maru.png) no-repeat right 10px center; background-size:10px auto; border-radius:3px; color:#FFFFFF;}
section.ResultList .Article .Stat li.Middle-Triangle{  padding:0; background:none; background-size:0; border-radius:0; display:inline-block;}
section.ResultList .Article .Stat li.Middle-Triangle a{ padding:12px 30px 12px 10px; background:#00CC33 url(../images/entrypage/icon_sankaku.png) no-repeat right 10px center; background-size:10px auto; border-radius:3px; color:#FFFFFF;}
section.ResultList .Article .Stat li.Middle-UnderC{  padding:0; background:none; background-size:0; border-radius:0; display:inline-block;}
section.ResultList .Article .Stat li.Middle-UnderC a{ padding:12px 30px 12px 10px; background:#999999 url(../images/entrypage/icon_underc.png) no-repeat right 10px center; background-size:10px auto; border-radius:3px; color:#ffffff;}

section.ResultList .Article .Stat li.UnderC{  padding:0; background:none; background-size:0; border-radius:0; display:inline-block;}
section.ResultList .Article .Stat li.UnderC a{ padding:12px 30px 12px 10px; background:#999999 url(../images/entrypage/icon_underc.png) no-repeat right 10px center; background-size:10px auto; border-radius:3px; color:#ffffff;}

/*提供元別の設定*/
section.ResultList .Article.Runnet{ border-color:#00aaff; background:#ffffff url(../images/entrypage/logo_runnet.png) no-repeat top 10px right 10px; background-size:60px auto;}
section.ResultList .Article.Moshicom{ border-color:#7bb760; background:#ffffff url(../images/entrypage/logo_moshicom.png) no-repeat top 10px right 10px; background-size:60px auto;}

section.ResultList .Article h3{ margin-bottom:10px; font-weight:bold; text-align:left; border-radius:3px; margin-right:70px;}
section.ResultList .Article .CityArea { padding:5px; display:inline-block; border:1px solid #999999; font-size:0.8em; 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.8rem;}
section.ResultList .Article .Layout .Image .CapPoint{ font-weight:bold; font-size:1.4rem;}
section.ResultList .Article .Layout .Image .CapReport{ font-size:0.8rem;}
section.ResultList .Article .Layout .Image img{ max-width:100%; margin-bottom:5px;}
section.ResultList .Article .Layout dl{ float:right; width:62%; font-size:1rem; border-bottom:1px solid #eef0f0;}
section.ResultList .Article .Layout dl dt{ color:#999999;}
section.ResultList .Article .Layout dd{ margin-bottom:10px; font-size:1.2rem;}
section.ResultList .Article .Comment { font-size:1.2rem; margin-bottom:10px;}
section.ResultList .Article dl.Entry dt{ font-size:1rem; color:#999999}
section.ResultList .Article dl.Entry dd{ font-size:1.2rem;}
	/*簡易表示時*/
	section.ResultList .Article.Light h3{ margin-bottom:10px; font-weight:bold; text-align:left; border-radius:3px; margin-right:70px;}
	section.ResultList .Article.Light .CityArea { padding:5px; display:inline-block; border:1px solid #999999; font-size:0.6em; 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%; font-size:1rem; 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.2rem; font-weight:bold; 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;}

/*.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;}
.Pager p.Next{ border-right:none;}
.Pager p.Next a{color:#FFFFFF;}
.Pager li{ display:inline-block; margin-right:5px;}
.Pager  a{ padding:8px 10px; background:#FFFFFF; color:#00aaff;}
.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:5px 10px; background:#538eac; margin-right:3px;}
section.ResultList .TypeMap{ display:none;}*/


section.ResultList .TypeMap{ display:none;}
.RightContent aside h2{ margin-bottom:0px !important;}
.RightContent ul.Recommend{}
.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-right:10px;}
.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: 4px 10px;border-radius: 4px;color: #fff;font-weight: normal;}

#map_canvas{ width:100%; height:300px; 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 3%; 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;}

.LikeThis{
border:2px solid #f10f63; background:#ffffff url(../images/entrypage/smile.png) no-repeat 6px center; display:inline-block; padding:0; border-radius:3px; margin-top:5px;}
.LikeThis span{ display:inline-block; background:#f10f63; color:#ffffff; margin-left:30px; padding:0 8px;}
.ComingSoon{ padding:30px; text-align:center;}

#NoticeTop{ display:block; width:80px; background:#ff3300; padding:10px; position: fixed; top:54px; left:15px; z-index:100; width: 50%; color:#FFFFFF;}
#NoticeTop:after{ background:#FF3300; position:absolute; width:15px; height:15px; transform: rotate(-45deg); left:10px; top:-7px; display:block; content:""; z-index:99;}

.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;}

.infodivscroll{
height: 190px;
width: 90%
padding: 5px;
overflow: scroll;
border: 1px solid #CCC;
-webkit-overflow-scrolling: auto;

font-family: Helvetica, "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN" , YuGothic, "游ゴシック体", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}

.infodiv{

font-family: Helvetica, "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN" , YuGothic, "游ゴシック体", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}

.pstyle{
padding: 30px;
}

/*▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/
}