header{width:1000px;margin:0px auto;padding:0px 20px 10px 20px;}
header:after{content:"";display:block;clear:both;}
header a.logo{display:block;margin-top:10px;float:left;}
header a.logo img{display:block;width:auto;height:80px;}
header .menu{font-size:0.8rem;line-height:1em;text-align:right;margin:0px;padding:0px;width:50%;float:right;}
header .menu > a{color:#454242;font-size:0.75rem;line-height:1.0em;display:inline-block;padding:0px 5px;}
header .menu > a:last-of-type{padding:0px 0px 0px 5px;}
header .menu ul{text-align:right;margin:8px 0px 0px 0px;}
header .menu ul li{display:inline-block;}
header .menu ul li a{color:#454242;font-size:1rem;font-weight:bold;line-height:20px;display:block;padding:0px 0px 0px 25px;margin-left:30px;}
header .menu ul li.keep a{background:url("../img/icon_keep.png") no-repeat left center;}
header .menu ul li.login a{background:url("../img/icon_login.png") no-repeat left center;}
header .menu ul li.signup a{background:url("../img/icon_signup.png") no-repeat left center;}
hr.line{margin:0px;border:none;min-width:1000px;height:2px;background:#007ec1;}
.search-form{display:inline-block;width:220px;height:40px;margin:9px 0px 9px 10px;position:relative;}
.search-form input[type="search"]{font-size:0.75rem;font-family:'游ゴシック', YuGothic, 'メイリオ', Meiryo, "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", sans-serif;display:block;width:100%;height:40px;padding:10px 40px 10px 5px;background:#ffffff;border:solid 1px #aaa;border-radius:4px;}
.search-form input[type="submit"]{display:block;width:40px;height:40px;background: url(https://icongr.am/jam/search.svg?size=28&color=ffffff) no-repeat center center/26px auto,#006aad;border:none;border-radius:0px 4px 4px 0px;position:absolute;top:0px;right:0px;cursor:pointer;}
.search-form .screen-reader-text{display:none;}
#main .search-form{width:auto;height:40px;margin:10px;display: block;}
#main .search-form input[type="search"]{width:100%;}




@media screen and (min-width: 601px){
.top h3{font-size:1.5rem;font-weight:normal;line-height:1.0em;margin:30px 0px 10px 0px;border-bottom:solid 1px #e5e5e5;position:relative;}
.top h3 span{font-size:1.2rem;font-weight:normal;border-bottom:solid 1px #007ec1;position:absolute;bottom:-1px;left:0px;}
#breadlist + #fv{min-width:1000px;background:#f2f2f2;margin-bottom:40px;}
#fv ul{width:1000px;margin:0px auto;padding:20px;}
#fv ul:after{content:"";display:block;clear:both;}
#fv ul li{background:url("../img/sample.png") no-repeat center center;background-size:auto 100%;border-radius:4px;position:relative;transition:all 0.2s ease 0s;}
#fv ul li:hover{background-size:auto 110%;}
#fv ul li:nth-child(1){width:660px;height:470px;float:left;}
#fv ul li:nth-child(2){float:right;width:290px;height:230px;}
#fv ul li:nth-child(3){float:right;width:290px;height:230px;margin-top:10px;}
#fv ul li img{width:100%;height:auto;}
#fv ul li a:first-child{color:#ffffff;display:block;width:100%;height:100%;border-radius:4px;position:absolute;top:0px;left:0px;}
#fv ul li a:first-child span{display:block;width:100%;padding:20px;position:absolute;bottom:0px;left:0px;background:rgba(0,0,0,0.5);}
#fv ul li a span{border-radius: 0px 0px 4px 4px;}
#fv ul li a span b{font-size:1.0rem;line-height:1.2em;display:block;}
#fv ul li a span i{font-size:0.75rem;font-style:normal;text-align:right;display:block;}
#next{border:solid 1px #e6e6e6;border-radius:4px;margin:0px 0px 20px 0px;padding:10px;}
#next b{font-size:1rem;font-weight:bold;line-height:40px;text-align:center;display:inline-block;width:120px;margin-right:10px;background:#f2f2f2;border-radius:3px;}
.pagenation ul{text-align:center;margin:40px;}
.pagenation ul li{color:#007ec1;line-height:40px;text-align:center;display:inline-block;width:40px;}
.pagenation ul li.prev,
.pagenation ul li.next{width:80px;}
#main .pagenation ul li a{color:#007ec1;text-decoration:none;display:block;width:100%;height:100%;border:solid 1px #007ec1;}
}

@media screen and (min-width: 0px) and (max-width: 600px){
.top h3{font-size:1.2rem;font-weight:normal;line-height:1.2em;border-left:solid 4px #334854;margin:20px 10px 10px 10px;padding-left:5px;}
#fv ul{border-top:solid 1px #ffffff;border-left:solid 1px #ffffff;}
#fv ul:after{content:"";display:block;clear:both;}
#fv ul li{position:relative;background-repeat:none;background-position:center center;background-size:auto 100%;border-right:solid 1px #ffffff;border-bottom:solid 1px #ffffff;}
#fv ul li > a[rel="category"]{left:-5px;padding-left:5px;}
#fv ul li:nth-child(1){width:66.67%;float:left;}
#fv ul li:nth-child(2),
#fv ul li:nth-child(3){width:33.33%;float:right;}
#fv ul li a:first-child{display:block;width:100%;height:100%;}
#fv ul li a:first-child span{display:block;width:100%;padding:20px;position:absolute;left:0px;bottom:0px;background:rgba(0,0,0,0.5);}
#fv ul li a:first-child span b{color:#ffffff;font-weight:bold;display:block;}
#fv ul li a:first-child span i{color:#ffffff;font-size:0.6rem;font-style:normal;text-align:right;display:block;}
#fv ul li a[rel*="category"]{left:0px;}
#fv ul li a[rel*="category"]:before{content:none;}
#fv ul li:nth-child(1){width:100%;}
#fv ul li:nth-child(2),
#fv ul li:nth-child(3){display:none;}
}







.menu-gmenu-container{
	max-width: 1000px;
    margin: 0 auto 20px auto;
    padding: 0 20px;
	line-height: 1.1em;
}
.menu-gmenu-container ul.menu li{
	display: inline-block;
}
.menu-gmenu-container ul.menu li a{
	color: #003252;
	font-size: 14px;
    font-weight: bold;
    line-height: 1.1em;
    display: block;
    margin-right: 20px;
    padding-left: 15px;
    position: relative;
}
.menu-gmenu-container ul.menu li a:before{
	content: "";
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
    transform: rotate(45deg);
    border-top: solid 2px #003252;
    border-right: solid 2px #003252;
}
@media screen and (min-width: 0px) and (max-width: 820px){
	.menu-gmenu-container{
    	overflow-x: scroll;
        white-space: nowrap;
        padding: 10px 10px 0 10px;
        margine-top: 10px;
        clear: both;
    }
}














#ptop{
	font-size: 12px;
	max-width: 1000px;
	margin: 0px auto;
	padding: 0 20px;
}
@media screen and (min-width: 0px) and (max-width: 600px){
#ptop{
	font-size: 10px;
	padding: 0 5px;
}
header{
	width: auto;
}
hr.line{
	min-width: auto;
    width: auto;
}
header a.logo img{
	display: none;
}



header ul{float:right;}
header ul:after{content:"";display:block;clear:both;}
header ul li{float:left;padding: 5px;}


header ul li:first-child a{color:#ffffff;font-size:12px;font-weight:bold;line-height:12px;text-align:center;text-decoration:none;display:block;width:90px;height:46px;padding:12px 0px 10px 0px;border-radius:4px;background: #006aad;box-shadow: 0px 2px 0px #000;position: relative;}
header ul li:first-child a span{display:inline-block;padding-left:25px;position: relative;}
header ul li:first-child a span:before{content:"";display:block;width:24px;height:24px;margin-top:-12px;position:absolute;top:50%;left:0px;background:url(https://icongr.am/jam/box-f.svg?size=120&color=ffffff) no-repeat 0px 0px/100% auto;}


header ul li:last-child{width:50px;height:50px;margin: 0 10px;}
header ul li:last-child a{color:#444444;font-size:0.6rem;font-weight:bold;text-align:center;display:block;width:100%;height:100%;padding-top:10px;position:absoulte;top:0px;left:0px;cursor:pointer;}
header ul li:last-child a i{display:block;width:30px;height:22px;margin:0px auto;border-top:solid 4px #444444;border-bottom:solid 4px #444444;position:relative;}
header ul li:last-child i:after{content:"";display:block;width:30px;height:4px;margin:-2px auto 0px auto;background:#444444;position:absolute;top:50%;left:0px;}
hr.line{margin:0px;border:none;height:2px;background:#007ec1;}


/*-- #breadlist + h2{background:url("../img/title_bg.jpg") no-repeat center center/100% auto;margin:0px;}
#breadlist + h2 span{color:#ffffff;font-size:1.5rem;font-weight:normal;line-height:100px;text-shadow:0px 2px 4px rgba(0,0,0,0.5);display:block;padding:0px 10px;margin:0px auto;} --*/
#breadlist + h2{
	color: #006aad;
	font-size: 12px;
	line-height: 1.0em;
	font-weight: normal;
	text-align: center;
	padding: 40px 10px;
	margin: 0px 0px 10px 0px;
	background: #efefef;
	color: #ffffff;
	background: url("../img/polygon.png") no-repeat center center / 100% auto;
}
#breadlist + h2 b{
	font-size: 30px;
	font-weight: normal;
	line-height: 1.2em;
	display: block;
	margin: 15px 0px 5px 0px;
}
#breadlist + h2 p{
	margin: 0px;
}

#breadlist{color:#111111;font-size:0.6rem;line-height:30px;width:100%;height:30px;padding:0px;background:#c9e3f1;overflow-x:scroll;}
#breadlist:after{content:"";display:block;width:1000px;clear:both;}
#breadlist .inner{display:table;width:auto;padding-right:10px;}
#breadlist .inner:after{content:"";display:block;clear:both;}
#breadlist a,
#breadlist span{color:#111111;font-size:0.6rem;line-height:30px;text-decoration:none;display:table-cell;padding:0px 17px 0px 5px;white-space:nowrap;position:relative;}
#breadlist a:first-child{color:#454545;padding:0px 17px 0px 5px;}
#breadlist a:after{content:"";display:block;width:17px;height:100%;background:url("../img/breadlist_allow.png") no-repeat center center/100% 100%;position:absolute;top:0px;right:0px;}
#breadlist a:first-child{background:#e5e5e5;}
#breadlist a:last-of-type{margin-right:5px;}
#breadlist i{display:inline-block;margin:0px;padding:0px;opacity:0;width:5px;}
#breadlist a span{display:table-cell;white-space:nowrap;}