@charset "utf-8";
  section#contents div#keyVisual { margin-bottom: 20px; }
div.newsArea {
padding: 0px 16px 0 14px;
background: url(//hemophilia-japan.org/wp-content/themes/annex/images/bg-newsarea-middle.png) repeat-y top left;
}
div.newsAreaBottom {
width: 602px;
height: 44px;
position: relative;
background: url(//hemophilia-japan.org/wp-content/themes/annex/images/bg-newsarea-bottom.png) no-repeat top left;
}
div.newsAreaBottom .more {
position: absolute;
top: 10px;
right: 20px;
}
div.newsArea ul li {
border-bottom: 1px dotted #d2d2d2;
padding-bottom: 10px;
}
div.newsArea ul li p {
padding-left: 12em;
}
div.newsArea dl { overflow: hidden;}
div.newsArea dl dt,
div.newsArea dl dd {
line-height:1.6;
}
div.newsArea dl dt {
margin-top: 15px;
padding-left: 30px;
background: url(//hemophilia-japan.org/wp-content/themes/annex/images/img-ico-arrow01.png) no-repeat 10px 5px;
clear:both;
float: left;
}
div.newsArea dl dd {
margin-top: 15px;
margin-bottom: 10px;
padding-left: 12em;
}
div.newsArea dl dd a {
font-weight: bold;
}
aside#subContents div.subBox ul.profileArea {
width: 310px;
margin: 0px 0px 0px;
}
aside#subContents div.subBox ul.profileArea li{
background: url(//hemophilia-japan.org/wp-content/themes/annex/images/img-ico-circle01.png) no-repeat left 4px;
margin-top: 15px;
padding: 0px 0px 0px 20px;
}
aside#subContents div.subBox ul.profileArea li:first-child { margin-top: 0px; } aside#subContents div.frame div.subBoxInner {
width: 310px;
margin: 0px;
padding:10px 0px;
background: url(//hemophilia-japan.org/wp-content/themes/annex/images/bg-frame-subBoxInner.png) repeat-y left top;
}
aside#subContents div.frame div.subBoxInner div.loginArea {
background: #fff6ee;
margin: 0px 15px 10px 14px;
padding: 10px;
}
aside#subContents div.frame div.subBoxInner div.loginArea #user_mail,
aside#subContents div.frame div.subBoxInner div.loginArea #user_password { margin-bottom: 5px; }
aside#subContents div.frame div.subBoxInner p.btnArea { text-align: center; }
aside#subContents div.frame div.subBoxInner p.loginTxt {
font-size: 10px;
margin: 4px 0;
}
aside#subContents div.frame button {
margin:10px auto 0px;
background: none repeat scroll 0 0 transparent;
border: medium none;
cursor: pointer;
padding: 0;
} ul#bannerArea {
padding: 10px 13px 0px;
overflow: hidden;
}
ul#bannerArea li { float: left; } div.rule dl.kiyaku > dt {
display: block;
font-size: 15px;
margin-top: 40px;
margin-bottom: 15px;
padding-left: 10px;
padding-top:3px;
font-weight: bold;
background-color: #f2f2f2;
border-top: 1px dotted #aaaaaa;
border-bottom: 1px dotted #aaaaaa;
}
div.rule dl.kiyaku > dd { padding: 0 30px; }
div.rule ul li,
div.rule ol li {
margin-bottom: 20px;
margin-top: 10px;
}
div.rule dl.kiyaku dd dl dd li,
div.rule dl.kiyaku dd li li,
div.rule ul.dotList li {
margin-bottom: 10px;
}
div.rule ul.dotList li {
background: url(//hemophilia-japan.org/wp-content/themes/annex/images/img-dotlist.png) left 6px no-repeat;
margin-left: 15px;
padding-left: 12px;
list-style: none;
}
div.rule dl.kiyaku dd dl { margin-bottom: 20px; }
div.rule dl.kiyaku dd ol { padding-left: 20px; }
div.rule ol li { list-style-type: decimal; }
div.rule dl.kiyaku dd ul.dotList li { list-style-type: none; }
div.rule dl.kiyaku dd dl dt {
font-weight: bold;
border-bottom: 1px dotted #aaaaaa;
font-size: 14px;
margin-top: 20px;
margin-bottom: 10px;
}
div.rule div.kiyakuTxtArea {
width: 400px;
margin: 35px auto;
padding: 10px;
border: 5px solid #f2f2f2;
}
div.rule div.kiyakuTxtArea dl { overflow: hidden; }
div.rule div.kiyakuTxtArea dl dt {
float: left;
width: 100px;
margin-top: 5px;
}
div.rule div.kiyakuTxtArea dl dd {
float: left;
width: 245px;
margin-top: 5px;
}
div.rule > p {
padding-right: 20px;
margin-left: 10px;
margin-bottom: 20px;
}
div.rule > ol {
margin-left: 40px;
padding-right: 20px;
}
div.rule dl.policy {
padding: 0 20px;
}
div.rule dl.policy dt {
font-size: 14px;
font-weight: bold;
border-bottom: 1px dotted #aaaaaa;
padding-top:3px;
padding-bottom:3px;
padding-left: 5px;
margin-top: 15px;
margin-bottom: 10px;
}
div.rule dl.policy dd {
padding-left: 20px;
margin-bottom: 30px;
} div.newsList {
border: 1px solid #d2d2d2;
padding: 10px;
background-color: #fafafa;
}
div.newsList ul {
background-color: #ffffff;
padding: 15px 20px 20px 20px;
}
div.newsList ul li {
list-style: none;
margin-bottom: 15px;
border-bottom: 1px dotted #d2d2d2;
padding-bottom: 15px;
}
div.newsList ul li:last-child {
border: none;
margin-bottom: 0;
padding-bottom: 0;
}
div.newsList dl dt,
div.newsList dl dd {
float: left;
}
div.newsList dl {
overflow: hidden;
}
div.newsList dl dt{
margin-right: 10px;
display: block;
width: 110px;
height: 100%;
background: url(//hemophilia-japan.org/wp-content/themes/annex/images/img-ico-arrow01.png) no-repeat 2px 3px;
padding-left: 20px;
margin-top: 2px;
}
div.newsList dl dd {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
width: 715px;
}
div.newsList dl dd a {
font-weight: bold;
}
div.newsList p {
margin-left: 140px;
}
p.newsTxt { line-height: 2em; }
p.newsDate {
height: 20px;
text-align: right;
margin-bottom: 10px;
margin-top: -35px;
margin-bottom: 20px;
} #mainContents div.contents {
padding-right: 15px;
padding-left: 10px; margin-bottom: 25px;
line-height: 2em;
} #mainContents div.contents h4:first-child {
margin-top: 20px;
}
#mainContents div.contents h4 {
width: 680px;
height: auto;
line-height: 1.25;
font-size: 15px;
background: linear-gradient(#FFF2CB, #FFE86C);
margin-top: 35px;
margin-bottom: 15px;
position:relative;
z-index: 0;
padding: 5px 0 5px 45px;
box-sizing: border-box;
}
#mainContents div.contents > h4:before,
#mainContents div.contents section > h4:before,#mainContents div.contents div > h4:before {
content:"";
display:block;
width:36px;
height: 35px;
background-image: url(//hemophilia-japan.org/wp-content/uploads/2023/03/h4-popup.png?20230619);
background-repeat:no-repeat;
background-position: left top;
background-size: 36px auto;
position: absolute;
top:0;
left:0;
}
#mainContents div.contents h4 a {
color: #333333;
font-weight: normal;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
display:block;
}
#mainContents div.contents p { line-height: 2em; }
#mainContents div.contents img {
display: block;
}
#mainContents .thumb img {
max-width: 200px;
max-height: 150px;
border: 1px solid #d2d2d2;
padding: 5px;
}
#mainContents .category .thumb,
#mainContents .category p {
float: left;
}
#mainContents .category{ overflow: hidden; } div.contents ul.link {
margin-top: 20px;
}
div.contents ul.link li {
margin-bottom: 10px;
}
div.contents ul.link li a {
padding-left: 15px;
background: url(//hemophilia-japan.org/wp-content/themes/annex/images/img-icon-sideMenu.png) no-repeat 0 center;
} .sitemap li a,
#sitemap li a {
font-size: 16px;
display: block;
color: #ffffff;
margin-bottom: 10px;
background-color: #837662;
padding: 4px 3px 4px 5px;
}
.sitemap li a:hover,
#sitemap li a:hover {
color: #ffffff;
background-color: #938570;
text-decoration: none;
}
.sitemap li,
#sitemap li {
margin-top: 35px;
}
#sitemap li:first-child {
margin-top: 0;
}
.sitemap li li,
#sitemap li li {
margin-top: 0;
}
.sitemap li li a,
#sitemap li li a {
color: #047fdd;
display: inline;
margin-bottom: 0;
background-color: #ffffff;
padding-left: 0;
line-height: 3em;
}
.sitemap li li a:hover,
#sitemap li li a:hover {
color: #047fdd;
background-color: #ffffff;
text-decoration: underline;
}
.sitemap li li ul,
#sitemap li li ul {
padding-left: 20px;
}
.sitemap li ul,
#sitemap li ul {
overflow: hidden;
}
.sitemap li ul li,
#sitemap li ul li {
float: left;
width: 48%;
margin-left: 10px;
}
.sitemap li ul li a,
#sitemap li ul li a {
padding-left: 15px;
font-weight: bold;
background: url(//hemophilia-japan.org/wp-content/themes/annex/images/img-icon-sideMenu.png) no-repeat left center;
}
.sitemap li ul li ul li,
#sitemap li ul li ul li {
clear: both;
width: 100%;
}
.sitemap li ul a,
#sitemap li ul a {
font-size: 12px;
padding-left: 20px;
margin-top: 5px;
}
#sitemap ul.contents li a {
margin-left: 20px;
border-bottom: 1px dotted #d2d2d2;
display: block;
}
#sitemap ul.contents li ul a {
font-weight: normal;
padding-left: 15px;
border: none;
display: inline;
background: url(//hemophilia-japan.org/wp-content/themes/annex/images/img-sitemap.png) no-repeat left center;
} .contactform { overflow: hidden;}
dl.contactform dt,
dl.contactform dd {
line-height:1.6;
}
dl.contactform dt {
margin-top: 15px;
clear:both;
float: left;
}
dl.contactform dd {
margin-top: 15px;
padding-left: 12em;
}
dl.contactform dt span{ color: #ff2222;}
dl.contactform dd span.error{ color: #ff0000; }
.success{
padding: 10px;
background:#DBEAF9;
border: 1px solid #0F87FF;
font-size: 16px;
color: #005BB7;
}
article#mainContents div.contents div.formBtnArea {
margin:10px 0px 0px;
text-align: center;
}
article#mainContents div.contents div.formBtnArea button {
background: none repeat scroll 0 0 transparent;
border: medium none;
cursor: pointer;
padding: 0;
}
dl.contactform dd input {
width: 240px;
}
#email2,#email3 {
width: 100px;
}
dl.contactform dd span {
margin: 0 5px;
}
dl.contactform dd textarea {
width: 400px;
} .login-header a{
background: #f8f8f8 none repeat scroll 0 0;
border: 1px solid #ddd;
border-radius: 5px;
color: #333;
display: block;
font-size: 10px;
height: 30px;
line-height: 30px;
padding: 0 4px;
}
.login-header{
display:none;
position: absolute;
right: 48px;
top: 4px;
}
nav#globalNav ul.menu:after{
clear:both;
display:block;
content:"";
}
nav#globalNav ul{
overflow:hidden;
}
img{
max-width:100% !important;
height:inherit !important;
}
#contents h2 img{
max-width:inherit !important;
}
ul#bannerArea li{
width:14.285714%;
text-align:center;
}
span.close-menu{
display:none;
} .globalNav-mobile{
display:none;
background:none;
}
.globalNav-mobile li a{
line-height:54px;
color:#fff;
font-size:16px;
font-weight:bold;
display:block;
border-radius:5px;
position:relative;
}
.globalNav-mobile li a:hover{
text-decoration:none;
}
.globalNav-mobile li a.menu-on{
background:#D02A2B;
}
.globalNav-mobile li a.menu-on:after{
border-bottom: 8px solid #fff;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
content: "";
height: 0;
left: 49%;
bottom:0;
position:absolute;
width: 0;
}
@media screen and (min-width: 120px) and (max-width: 479px) {
.globalNav-pc{
display:none;
}
.globalNav-mobile{
display:block;
}
span.close-menu{
display:block;
}
header div#headerInner h1{
margin-right:0;
}
div#wrapper{
padding:0 12px;
background-color:#fff;
}
.login-header{
display:block;
}
header .subNav {
display:none;
}
header .btn-menu-sp {
display:block;
}
header div#headerInner ul, header div#headerInner ul li{
float:none;
}
.menu-sp ul li{
list-style:none;
border:1px #ccc solid;
background:#f8f8f8;
margin:4px 5px 0;
}
.menu-sp ul li a{
color:#333;
padding:8px;
line-height:18px;
display:block;
}
.menu-sp ul li a:hover{
text-decoration:none;
color:#EE5354;
}
nav#globalNav{
height: auto;
background:none;
}
nav#globalNav ul{
text-align:center;
}
nav#globalNav ul.menu li{
background:#e45354 url(//hemophilia-japan.org/wp-content/themes/annex/images/bg-globalnav.png) repeat scroll center top;
float:none;
margin:5px 0;
border-radius:5px;
}
section#contents{
padding-top:0;
}
div.newsArea ul li p{
display:none;
}
article#mainContents.index{
width:100%;
float:none;
margin:0;
}
aside#subContents{
width:100%;
float:none;
}
div.newsAreaBottom{
background:#fff !important;
border:1px #ccc solid;
border-top:none;
border-radius:0 0 5px 5px;
width:inherit !important;
}
div.newsArea{
background:#fff !important;
border:1px #ccc solid;
border-top:none;
border-bottom:none;
}
#mainContents.index h2{
border:1px #ccc solid;
border-radius:4px 4px 0 0;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(241,241,241,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
position:relative;
height:auto;
padding:5px 0 5px 35px;
line-height:20px;
}
#mainContents.index h2:after{
background: linear-gradient(to bottom, rgba(248,80,98,1) 0%, rgba(199,41,49,1) 100%);
width:6px;
height:19px;
border:2px #fff solid;
border-radius:10px;
position:absolute;
top:4px;
left:15px;
content:"";
}
div.newsArea dl dt{
background:none !important;
padding-left:0 !important;
padding-right:4px !important;
}
div.newsArea dl dd{
padding:0 !important;
}
aside#subContents div.subBox{
margin:15px 0 30px 0;
}
.frame{
display:none;
}
aside#subContents div.subBox h2, aside#subContents div.subBox ul.profileArea{
width:inherit !important;
}
ul#bannerArea li{
width:50%;
}
ul#bannerArea li:nth-of-type(3n+1) {
clear:none;
}
#contents.common h2{
margin-left:0;
border:1px #ccc solid;
border-radius:4px;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(241,241,241,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
position:relative;
padding-top:0;
}
#contents.common h2:after{
background: linear-gradient(to bottom, rgba(248,80,98,1) 0%, rgba(199,41,49,1) 100%);
width:6px;
height:19px;
border:2px #fff solid;
border-radius:10px;
position:absolute;
top:8px;
left:15px;
content:"";
}
article#mainContents{
width:inherit !important;
margin-left:0;
float:none;
}
div.rule > p{
margin-left:0 !important;
margin-right:0 !important;
}
div.rule dl.kiyaku > dd{
padding:0 !important;
}
div.rule div.kiyakuTxtArea{
width:inherit !important;
}
#contents.common h2{
margin-left:0;
border:1px #ccc solid;
border-radius:4px;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(241,241,241,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
position:relative;
padding-top:0;
height:auto;
padding:5px 0 5px 35px;
line-height:20px;
}
#contents.common h2:after{
background: linear-gradient(to bottom, rgba(248,80,98,1) 0%, rgba(199,41,49,1) 100%);
width:6px;
height:19px;
border:2px #fff solid;
border-radius:10px;
position:absolute;
top:4px;
left:15px;
content:"";
}
article#mainContents{
width:inherit !important;
margin-left:0;
float:none;
}
div.rule > p{
margin-left:0 !important;
margin-right:0 !important;
}
div.rule dl.kiyaku > dd{
padding:0 !important;
}
div.rule div.kiyakuTxtArea{
width:inherit !important;
}
.sitemap li ul li, #sitemap li ul li{
width:100% !important;
margin-left:0 !important;
}
#sitemap ul.contents li a{
margin-left:0 !important;
}
#mainContents h3{
margin-left:0;
}
article#mainContents.hasSub{
margin-left:0 !important;
}
#mainContents div.contents{
padding-left:0 !important;
padding-right:0 !important;
}
#subContents .btn-menu-sp-list {
background-color: #ee5354;
border-radius: 5px;
cursor: pointer;
height: 30px;
overflow: hidden;
width: 30px;
margin-bottom:12px;
}
#subContents .btn-menu-sp-list {
display: block;
}
#subContents .btn-menu-sp-list span:first-child {
margin-top: 7px;
}
#subContents .btn-menu-sp-list span {
background-color: #fff;
border-radius: 3px;
display: block;
height: 2px;
margin: 5px auto;
width: 70%;
}
#subContents .menu-sp-list {
background-color: #fff;
display: none;
height: 100%;
position: fixed;
right: 0;
top: 0;
width: 65%;
z-index: 100;
}
.scroll{
overflow-y:scroll;
height: 100%;
}
#subContents .menu-sp-list .close-menu {
color: #fff;
cursor: pointer;
font-size: 21px;
left: -25px;
position: absolute;
top: 13px;
}
#contents.common #subContents .subBox.sideMenu li a{
border-bottom:none;
}
#contents.common #subContents .subBox{
border:none;
}
#subContents .menu-sp-list h3{
display:none;
}
.menu-sp-list li {
background: #f8f8f8;
border: 1px solid #ccc;
list-style: outside none none;
margin: 4px 5px 0;
}
.menu-sp-list li a {
color: #333;
display: block;
line-height: 18px;
padding: 8px;
}
.menu-sp-list li a:hover {
text-decoration:none;
color:#ee5354;
}
.menu-sp-list li ul{
margin:0 4px;
border-top: 1px solid #ccc;
}
.menu-sp-list li ul li{
border:none;
}
.menu-sp-list li ul li ul li{
border:none;
}
dl.contactform dt{
float:none;
display:block;
}
dl.contactform dd{
padding-left:0;
}
dl.contactform dd textarea{
width:284px !important;
}
.sslArea p{
margin-left:0 !important;
}
#mainContents div.contents h4{
}
#mainContents h3{
height:auto; }
.booklet-btn {
position: absolute;
top: 12vw !important;
right: 0px;
}
div.newsList p{
margin-left:0;
}
#contents.common h2{
font-size:15px;
}
h2.title-main{
display:none;
} #list-nav ul li{
overflow:hidden;
position:relative;
}
#list-nav ul li a{
padding-right:30px !important;
}
#list-nav ul li ul li a{
padding:8px 6px 8px 15px !important;
}
#list-nav ul li span{
background:#fff;
border:1px #ccc solid;
border-radius:4px;
float:right;
margin-right:3px;
padding: 0 2px;
position:absolute;
right:0;
top:6px;
width:20px;
height:20px;
cursor:pointer;
}
#list-nav ul li span span{
padding:0;
background:none;
float:none;
margin:0;
border:none;
position:relative;
top:0;
}
#list-nav ul li span span:after{
border-top: 8px solid #595959;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
content: "";
height: 0;
width: 0;
position: relative;
top: 14px;
left:2.2px;
}
} @media screen and (min-width: 480px) and (max-width: 599px) {
.globalNav-pc{
display:none;
}
.globalNav-mobile{
display:block;
}
span.close-menu{
display:block;
}
header div#headerInner h1{
width:70%;
margin-right:0;
}
div#wrapper{
padding:0 12px;
background-color:#fff;
}
.login-header{
display:block;
}
nav#globalNav{
height: auto;
background:none;
}
header .subNav {
display:none;
}
header .btn-menu-sp {
display:block;
}
header div#headerInner ul, header div#headerInner ul li{
float:none;
}
.menu-sp ul li{
list-style:none;
border:1px #ccc solid;
background:#f8f8f8;
margin:4px 5px 0;
}
.menu-sp ul li a{
color:#333;
padding:8px;
line-height:18px;
display:block;
}
.menu-sp ul li a:hover{
text-decoration:none;
color:#EE5354;
}
nav#globalNav ul{
text-align:center;
}
nav#globalNav ul.menu li{
background:#e45354 url(//hemophilia-japan.org/wp-content/themes/annex/images/bg-globalnav.png) repeat scroll center top;
float:none;
margin:5px 0;
border-radius:5px;
}
section#contents{
padding-top:0;
}
div.newsArea ul li p{
display:none;
}
article#mainContents.index{
width:100%;
float:none;
margin:0;
}
aside#subContents{
width:100%;
float:none;
}
div.newsAreaBottom{
background:#fff !important;
border:1px #ccc solid;
border-top:none;
border-radius:0 0 5px 5px;
width:inherit !important;
}
div.newsArea{
background:#fff !important;
border:1px #ccc solid;
border-top:none;
border-bottom:none;
}
#mainContents.index h2{
border:1px #ccc solid;
border-radius:4px 4px 0 0;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(241,241,241,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
position:relative;
}
#mainContents.index h2:after{
background: linear-gradient(to bottom, rgba(248,80,98,1) 0%, rgba(199,41,49,1) 100%);
width:6px;
height:19px;
border:2px #fff solid;
border-radius:10px;
position:absolute;
top:11px;
left:15px;
content:"";
}
div.newsArea dl dt{
background:none !important;
padding-left:0 !important;
padding-right:4px !important;
}
div.newsArea dl dd{
padding:0 !important;
}
aside#subContents div.subBox{
margin:15px 0 30px 0;
}
.frame{
display:none;
}
aside#subContents div.subBox h2, aside#subContents div.subBox ul.profileArea{
width:inherit !important;
}
ul#bannerArea li{
width:33.33333%;
}
ul#bannerArea li:nth-of-type(4n+1) {
clear:none;
}
#contents.common h2{
margin-left:0;
border:1px #ccc solid;
border-radius:4px;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(241,241,241,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
position:relative;
padding-top:0;
height:auto;
padding:5px 0 5px 35px;
line-height:20px;
}
#contents.common h2:after{
background: linear-gradient(to bottom, rgba(248,80,98,1) 0%, rgba(199,41,49,1) 100%);
width:6px;
height:19px;
border:2px #fff solid;
border-radius:10px;
position:absolute;
top:4px;
left:15px;
content:"";
}
article#mainContents{
width:inherit !important;
margin-left:0;
float:none;
}
div.rule > p{
margin-left:0 !important;
margin-right:0 !important;
}
div.rule dl.kiyaku > dd{
padding:0 !important;
}
div.rule div.kiyakuTxtArea{
width:inherit !important;
}
.sitemap li ul li, #sitemap li ul li{
width:100% !important;
margin-left:0 !important;
}
#sitemap ul.contents li a{
margin-left:0 !important;
}
article#mainContents.hasSub{
margin-left:0 !important;
}
#mainContents div.contents{
padding-left:0 !important;
padding-right:0 !important;
}
#subContents .btn-menu-sp-list {
background-color: #ee5354;
border-radius: 5px;
cursor: pointer;
height: 30px;
overflow: hidden;
width: 30px;
margin-bottom:12px;
}
#subContents .btn-menu-sp-list {
display: block;
}
#subContents .btn-menu-sp-list span:first-child {
margin-top: 7px;
}
#subContents .btn-menu-sp-list span {
background-color: #fff;
border-radius: 3px;
display: block;
height: 2px;
margin: 5px auto;
width: 70%;
}
#subContents .menu-sp-list {
background-color: #fff;
display: none;
height: 100%;
position: fixed;
right: 0;
top: 0;
width: 65%;
z-index: 100;
}
.scroll{
overflow-y:scroll;
height: 100%;
}
#subContents .menu-sp-list .close-menu {
color: #fff;
cursor: pointer;
font-size: 21px;
left: -25px;
position: absolute;
top: 13px;
}
#contents.common #subContents .subBox.sideMenu li a{
border-bottom:none;
}
#contents.common #subContents .subBox{
border:none;
}
#subContents .menu-sp-list h3{
display:none;
}
.menu-sp-list li {
background: #f8f8f8;
border: 1px solid #ccc;
list-style: outside none none;
margin: 4px 5px 0;
}
.menu-sp-list li a {
color: #333;
display: block;
line-height: 18px;
padding: 8px;
}
.menu-sp-list li a:hover {
text-decoration:none;
color:#ee5354;
}
dl.contactform dd textarea{
width:284px !important;
}
.sslArea p{
margin-left:0 !important;
}
#mainContents h3{
height:auto;
}
div.newsList p{
margin-left:0;
}
#contents.common h2{
font-size:15px;
}
h2.title-main{
display:none;
} #list-nav ul li{
overflow:hidden;
position:relative;
}
#list-nav ul li a{
padding-right:30px !important;
}
#list-nav ul li ul li a{
padding:8px 6px 8px 15px !important;
}
#list-nav ul li span{
background:#fff;
border:1px #ccc solid;
border-radius:4px;
float:right;
margin-right:3px;
padding: 0 2px;
position:absolute;
right:0;
top:6px;
width:20px;
height:20px;
cursor:pointer;
}
#list-nav ul li span span{
padding:0;
background:none;
float:none;
margin:0;
border:none;
position:relative;
top:0;
}
#list-nav ul li span span:after{
border-top: 8px solid #595959;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
content: "";
height: 0;
width: 0;
position:relative;
top: 14px;
left:2.2px;
}
} @media screen and (min-width: 600px) and (max-width: 767px) {
.globalNav-pc{
display:none;
}
.globalNav-mobile{
display:block;
}
span.close-menu{
display:block;
}
header div#headerInner h1{
width:70%;
margin:0;
}
div#wrapper{
padding:0 12px;
background-color:#fff;
}
.login-header{
display:block;
}
header .subNav {
display:none;
}
header .btn-menu-sp {
display:block;
}
header div#headerInner ul, header div#headerInner ul li{
float:none;
}
.menu-sp ul li{
list-style:none;
border:1px #ccc solid;
background:#f8f8f8;
margin:4px 5px 0;
}
.menu-sp ul li a{
color:#333;
padding:8px;
line-height:18px;
display:block;
}
.menu-sp ul li a:hover{
text-decoration:none;
color:#EE5354;
}
nav#globalNav{
height: auto;
background:none;
}
nav#globalNav ul{
text-align:center;
}
nav#globalNav ul.menu li{
background:#e45354 url(//hemophilia-japan.org/wp-content/themes/annex/images/bg-globalnav.png) repeat scroll center top;
float:none;
margin:5px 0;
border-radius:5px;
}
section#contents{
padding-top:0;
}
div.newsArea ul li p{
display:none;
}
article#mainContents.index{
width:100%;
float:none;
margin:0;
}
aside#subContents{
width:100%;
float:none;
}
div.newsAreaBottom{
background:#fff !important;
border:1px #ccc solid;
border-top:none;
border-radius:0 0 5px 5px;
width:inherit !important;
}
div.newsArea{
background:#fff !important;
border:1px #ccc solid;
border-top:none;
border-bottom:none;
}
#mainContents.index h2{
border:1px #ccc solid;
border-radius:4px 4px 0 0;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(241,241,241,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
position:relative;
}
#mainContents.index h2:after{
background: linear-gradient(to bottom, rgba(248,80,98,1) 0%, rgba(199,41,49,1) 100%);
width:6px;
height:19px;
border:2px #fff solid;
border-radius:10px;
position:absolute;
top:11px;
left:15px;
content:"";
}
div.newsArea dl dt{
background:none !important;
padding-left:0 !important;
padding-right:4px !important;
}
div.newsArea dl dd{
padding:0 !important;
}
aside#subContents div.subBox{
margin:15px 0 30px 0;
}
.frame{
display:none;
}
aside#subContents div.subBox h2, aside#subContents div.subBox ul.profileArea{
width:inherit !important;
}
ul#bannerArea li{
width:25%;
}
ul#bannerArea li:nth-of-type(5n+1) {
clear:none;
}
#contents.common h2{
margin-left:0;
border:1px #ccc solid;
border-radius:4px;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(241,241,241,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
position:relative;
padding-top:0;
min-height:40px;
}
#contents.common h2:after{
background: linear-gradient(to bottom, rgba(248,80,98,1) 0%, rgba(199,41,49,1) 100%);
width:6px;
height:19px;
border:2px #fff solid;
border-radius:10px;
position:absolute;
top:8px;
left:15px;
content:"";
}
article#mainContents{
width:inherit !important;
margin-left:0;
float:none;
}
div.rule > p{
margin-left:0 !important;
margin-right:0 !important;
}
div.rule dl.kiyaku > dd{
padding:0 !important;
}
div.rule div.kiyakuTxtArea{
width:400px !important;
}
.sitemap li ul li, #sitemap li ul li{
width:100% !important;
margin-left:0 !important;
}
#sitemap ul.contents li a{
margin-left:0 !important;
}
article#mainContents.hasSub{
margin-left:0 !important;
}
#mainContents div.contents{
padding-left:0 !important;
padding-right:0 !important;
}
#subContents .btn-menu-sp-list {
background-color: #ee5354;
border-radius: 5px;
cursor: pointer;
height: 30px;
overflow: hidden;
width: 30px;
margin-bottom:12px;
}
#subContents .btn-menu-sp-list {
display: block;
}
#subContents .btn-menu-sp-list span:first-child {
margin-top: 7px;
}
#subContents .btn-menu-sp-list span {
background-color: #fff;
border-radius: 3px;
display: block;
height: 2px;
margin: 5px auto;
width: 70%;
}
#subContents .menu-sp-list {
background-color: #fff;
display: none;
height: 100%;
position: fixed;    
right: 0;
top: 0;
width: 65%;
z-index: 100;
}
.scroll{
overflow-y:scroll;
height: 100%;
}
#subContents .menu-sp-list .close-menu {
color: #fff;
cursor: pointer;
font-size: 21px;
left: -25px;
position: absolute;
top: 13px;
}
#contents.common #subContents .subBox.sideMenu li a{
border-bottom:none;
}
#contents.common #subContents .subBox{
border:none;
}
#subContents .menu-sp-list h3{
display:none;
}
.menu-sp-list li {
background: #f8f8f8;
border: 1px solid #ccc;
list-style: outside none none;
margin: 4px 5px 0;
}
.menu-sp-list li a {
color: #333;
display: block;
line-height: 18px;
padding: 8px;
}
.menu-sp-list li a:hover {
text-decoration:none;
color:#ee5354;
}
#mainContents h3{
height:auto;
}
#contents.common h2{
font-size:15px;
}
h2.title-main{
display:none;
} #list-nav ul li{
overflow:hidden;
position:relative;
}
#list-nav ul li a{
padding-right:30px !important;
}
#list-nav ul li ul li a{
padding:8px 6px 8px 15px !important;
}
#list-nav ul li span{
background:#fff;
border:1px #ccc solid;
border-radius:4px;
float:right;
margin-right:3px;
padding: 0 2px;
position:absolute;
right:0;
top:6px;
width:20px;
height:20px;
cursor:pointer;
}
#list-nav ul li span span{
padding:0;
background:none;
float:none;
margin:0;
border:none;
position:relative;
top:0;
}
#list-nav ul li span span:after{
border-top: 8px solid #595959;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
content: "";
height: 0;
width: 0;
position:relative;
top: 14px;
left:2.2px;
}
} @media screen and (min-width: 768px) and (max-width: 959px){
header div#headerInner h1{
width:56%;
margin:0;
}
div#headerInner, nav#globalNav ul.menu, footer div#footerInner{
padding:0 12px;
}
section#contents{
padding:12px 12px 40px !important;
}
section#contents{
padding-top:0;
}
article#mainContents.index{
width:62% !important;
margin:0;
}
aside#subContents{
width:38% !important;
}
div.newsAreaBottom{
background:#fff !important;
border:1px #ccc solid;
border-top:none;
border-radius:0 0 5px 5px;
width:inherit !important;
}
div.newsArea{
background:#fff !important;
border:1px #ccc solid;
border-top:none;
border-bottom:none;
}
#mainContents.index h2{
border:1px #ccc solid;
border-radius:4px 4px 0 0;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(241,241,241,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
position:relative;
}
#mainContents.index h2:after{
background: linear-gradient(to bottom, rgba(248,80,98,1) 0%, rgba(199,41,49,1) 100%);
width:6px;
height:19px;
border:2px #fff solid;
border-radius:10px;
position:absolute;
top:11px;
left:15px;
content:"";
}
aside#subContents div.frame h2{
border:1px #ccc solid;
border-radius:4px 4px 0 0;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(241,241,241,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
width:inherit;
}
aside#subContents div.frame div.subBoxInner{
background:#fff !important;
border:1px #ccc solid;
border-top:none;
border-bottom:none;
width:inherit !important;
}
aside#subContents div.frame div.subBoxBottom{
background:#fff !important;
border:1px #ccc solid;
border-top:none;
border-radius:0 0 5px 5px;
width:inherit !important;
}
footer div#footerInner p.pageTop{
top:-35px;
}
#contents.common h2{
margin-left:0;
border:1px #ccc solid;
border-radius:4px;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(241,241,241,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
position:relative;
padding-top:0;
height:auto;
padding:5px 0 5px 35px;
line-height:20px;
}
#contents.common h2:after{
background: linear-gradient(to bottom, rgba(248,80,98,1) 0%, rgba(199,41,49,1) 100%);
width:6px;
height:19px;
border:2px #fff solid;
border-radius:10px;
position:absolute;
top:4px;
left:15px;
content:"";
}
div.rule > p{
margin-left:0 !important;
margin-right:0 !important;
}
div.rule dl.kiyaku > dd{
padding:0 !important;
}
section#contents.common aside#subContents{
width:30% !important;
}
article#mainContents.hasSub{
width:67% !important;
}
section.common aside#subContents div.subBox {
margin: 0 0 30px;
}
dl.contactform dd textarea{
width:inherit !important;
}
#mainContents h3{
height:auto;
}
#contents.common h2{
font-size:15px;
}
h2.title-main{
display:none;
}
}
@media (max-width: 767px){
.sitemap li a, #sitemap li a {
font-size:14px;
}
.globalNav-pc{
display:none;
}
.globalNav-mobile{
display:block;
}
}
ul#bannerArea li {
height:70px;
}
ul#bannerArea li:first-child{
display:none;
}
.backHome {
border: 1px solid #ccc;
color: #333 !important;
display: block;
font-size: 12px;
padding: 6px 12px;
position: absolute;
}
#headerInner .backHome {
right:10px;
top:10px;
}
#footerInner .backHome {
left:10px;
top:-26px;
}
.mainContentsInner h2 img, .subBox h2 img{
height:auto !important;
}