@charset "utf-8";
/*----------------------------------------
style.css
2016.08.30 ver.2.00
----------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video{
margin:0;
padding:0;
border:0;
font-size:100%;
}

article, aside, dialog, figure, figcaption, footer, header, hgroup, nav, section{
display:block;
}

div,
ul.contentsList li ul.sns li,
.registBox p,.registBox span{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

/*----------------------------------------
common
----------------------------------------*/
html, body{
width:100%;
height:100%;
padding:0;
margin:0;
}

body{
position:relative;
min-width:980px;
background:#fff;
color:#333;
font-size:81.25%;
font-family:"游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
letter-spacing:0.02em;
-webkit-text-size-adjust:100%;
}

p,h1,h2,h3,p span{
line-height:1.5;
}

p,div.txt{
font-size:115.35%; /* 15px */
}

p img,a img{
vertical-align:text-top;
}

a {
text-decoration:none;
overflow: hidden;
cursor:pointer;
}
a:link {
color: #00289a;
}
a:visited {
color: #804099;
}
a:hover {
color: #00289a;
}
a.hover{
color:#666;
}

p a:hover{
text-decoration:underline;
}

img{
line-height:1;
}

a img{
border: none;
}

ul,ol{
list-style:none;
}

/*
----------------------------------------*/
.contentsWrap{
width:100%;
}

.contentsBox{
position:relative;
width:980px;
margin:0 auto;
}

p.txt{
margin:0 0 1em;
text-indent:1em;
}

h2{
font-size:100%;
}

h1 span,
h2 span{
font-size:80%;
}

h3{
font-size:123%; /* 16px */
}

.thumb{
position:relative;
margin:0;
padding:0;
}

.thumb a:hover img,
.thumb a.hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)";
}

.txtBox .date{
font-size:80%;
text-align:right;
}

.thumb a img{
background:rgba(255,255,255,0.01);
}

.thumb a img,
ul.contentsList li h3 a{
-moz-transition:.3s;
-webkit-transition:.3s;
-o-transition:.3s;
-ms-transition:.3s;
transition:.3s;
}

i.link{
color: #00289a;
font-size:65%;
margin-right:3px;
vertical-align:2px;
}

.hide{
display:none;
}

.goTop{
max-width:980px;
margin:0 auto;
font-size:92.3%;
text-align:right;
}

ul.goTop{
clear:both;
float:right;
}

ul.goTop li{
float:left;
margin:0 0 12px 8px;
padding:0 0 0 8px;
border-left:1px solid #eee;
}

ul.goTop li:first-child,
ul.goTop li.list{
margin:0 0 12px 0;
padding:0;
border-left:none;
}

ul.goTop li a:hover{
text-decoration:underline;
}

ul.goTop li.special-top{
display:none;
}

.special-archive ul.goTop li.special-top{
display:inline;
}

.special-archive ul.goTop li.list{
display:none;
}

/*----------------------------------------
header
----------------------------------------*/
#Logo{
position:absolute;
top:3px;
width:135px;
height:25px;
}

#Logo a img{
width:135px;
height:25px;
}

#Header{
}

#Header h1{
display:block;
margin:15px auto 10px;
width:345px;
height:85px;
text-align:center;
}

#Header h1 img{
margin:0;
padding:0;
line-height:1;
width:220px;
height:auto;
padding-top:26px;
}

.svgBox{
float:right;
width:100px;
height:85px;
margin:0;
}

.path{
stroke:#007AC3; /* 線の色 */
fill:#0078c6; /* 塗りつぶし色 */
stroke-width:1; /* 線の太さ */
stroke-dasharray: 100; /* 破線の間隔 */
stroke-dashoffset:100; /* 破線の開始位置 */
-moz-animation: DASH 3s ease-in alternate forwards; /* アニメーション */
-webkit-animation:DASH 3s ease-in 0s forwards;
-o-animation:DASH 3s ease-in 0s forwards;
animation:DASH 3s ease-in 0s forwards;
}

@keyframes DASH{
0%{stroke-dashoffset:100;fill:#fff;stroke-width:1;}
85%{stroke-dashoffset:0;fill:#fff;stroke-width:1;}
100%{stroke-dashoffset:0;fill:#0078c6;stroke-width:0;}
}

@-moz-keyframes DASH{
0%{stroke-dashoffset:100;fill:#fff;stroke-width:1;}
85%{stroke-dashoffset:0;fill:#fff;stroke-width:1;}
100%{stroke-dashoffset:0;fill:#0078c6;stroke-width:0;}
}

@-webkit-keyframes DASH{
0%{stroke-dashoffset:100;fill:#fff;stroke-width:1;}
85%{stroke-dashoffset:0;fill:#fff;stroke-width:1;}
100%{stroke-dashoffset:0;fill:#0078c6;stroke-width:0;}
}

@-o-keyframes DASH{
0%{stroke-dashoffset:100;fill:#fff;stroke-width:1;}
85%{stroke-dashoffset:0;fill:#fff;stroke-width:1;}
100%{stroke-dashoffset:0;fill:#0078c6;stroke-width:0;}
}



/*----------------------------------------
pick up
----------------------------------------*/
#PickUp{
padding:30px 0 50px;
background:#bbbbb8;
z-index:1;
}

#PickUp .contentsBox > p.txt{
margin:0 0 30px;
}

#PickUp h2{
color:#fff;
}

#PickUp .thumb{
position:relative;
display:table;
float:left;
width:500px;
height:281px;
margin:0 20px 0 0;
background:#111;
text-align:center;
overflow:hidden;
}

#PickUp .thumb p.pic{
display:table-cell;
vertical-align:middle;
line-height:1;
}

.img .img-mask{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-image:url(/vol1/images/pc/null.gif);
}

#PickUp .thumb p.pic img{
max-width:500px;
max-height:281px;
}

#PickUp .txtBox{
float:right;
width:459px;
}

#PickUp p.txt{
text-indent:0;
-moz-text-shadow:0px 1px 2px rgba(255,255,255,0.8);
-webkit-text-shadow:0px 1px 2px rgba(255,255,255,0.8);
text-shadow:0px 1px 2px rgba(255,255,255,0.8);
}

/* btn */
.btn a{
display:block;
width:400px;
height:40px;
margin:20px auto 10px;
padding:0;
border:3px solid #fff;
color:#fff;
font-weight:bold;
text-align:center;
line-height:40px;
-moz-text-shadow:none;
-webkit-text-shadow:none;
text-shadow:none;
-moz-transition:.3s;
-webkit-transition:.3s;
-o-transition:.3s;
-ms-transition:.3s;
transition:.3s;
}

.btn a:hover{
background:#d0cfc7;
}

/*----------------------------------------
contents list
----------------------------------------*/
.contentsWrap{
position:relative;
padding:30px 0;
background:#fff;
}

.contentsWrap:nth-child(2n){
background:#efeee5 url(../images/bg.png) repeat 0 0;
}

.even{
background:#efeee5 url(../images/bg.png) repeat 0 0 !important;
}

#newsList{
background:none !important;
}

.contentsWrap h2{
margin:0 0 0.5em;
padding:2px 0 2px 10px;
font-size:177%; /* 23px */
border-left:7px solid #0078c6;
}

ul.contentsList{
position:relative;
margin:0 auto;
}

ul.contentsList > li{
position:relative;
float:left;
width:230px;
height:200px;
margin:0 6px 20px;
padding:0;
border:1px solid #cdccc4;
background:#fff;
overflow:hidden;
}

ul.contentsList li .thumb img{
width:100%;
height:96px;
vertical-align:top;
}

ul.contentsList li .txtBox{
padding:10px;
}

ul.contentsList .txtBox .date{
position:absolute;
bottom:5px;
right:10px
}

ul.contentsList li h3{
line-height:1.25;
}

ul.contentsList li h3 a{
color:#333;
}

ul.contentsList li h3 a:hover,
ul.contentsList li h3 a.hover{
color:#999;
}

ul.contentsList li ul.sns{
position:absolute;
width:100%;
left:0;
bottom:2px;
margin:0;
}

ul.kijiList li .txtBox{
padding:10px 8px;
}

ul.kijiList li h3{
font-size:107.69%
}

ul.kijiList .thumb{
display:table-cell;
width:230px;
height:96px;
background:#f8f8f8;
text-align:center;
vertical-align:middle;
}

ul.kijiList li .thumb img{
width:auto;
max-width:230px;
height:auto;
max-height:96px;
}

ul.sns li{
display:block;
float:left;
height:23px;
margin:0 5px 0 0;
padding:0 2px;
border:none;
background:transpalent;
}

ul.sns li p{
display:inline;
font-size:100%;
}

ul.sns li .count{
font-size:13px;
margin-top:2px;
}

ul.sns li a.icon{
display:block;
float:left;
width:20px;
height:20px;
margin:0;
text-indent:-99999em;
background:rgba(255, 255, 255, .01);
}

ul.sns li a.count:hover{
color:#999;
}

ul.sns li .count{
color:#666;
}

ul.sns li.fb a.icon{
background:url(../images/icon_sns_fb_s.png) no-repeat 0 0;
background-size:20px 60px;
}
ul.sns li.tw a.icon{
background:url(../images/icon_sns_tw_s.png) no-repeat 0 0;
background-size:20px 60px;
}

ul.sns li.fb a.icon:hover{
background:url(../images/icon_sns_fb_s.png) no-repeat 0 -30px;
background-size:20px 60px;
}
ul.sns li.tw a.icon:hover{
background:url(../images/icon_sns_tw_s.png) no-repeat 0 -30px;
background-size:20px 60px;
}

#FwcSns{
position:absolute;
top:10px;
right:10px;
}

#FwcSns li{
}


/*----------------------------------------
reg(copy from plan6)
----------------------------------------*/
.registBox{
position:relative;
width:720px;
padding:10px;
margin:0 auto;
min-height:1px;
}

.btn-area-wrapper{
width:700px;
margin:20px auto 25px;
padding:15px 13px;
background:#eee;
}

.btn-area-inner{
}

.registBox .degital{
float:left;
width:440px;
}

.registBox .aidoku{
float: right;
}

.registBox .btn-area-wrapper .title{
padding:6px;
margin-bottom:10px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
-ms-border-radius:20px;
border-radius:20px;
text-align:center;
letter-spacing:0.5px;
}

.registBox .bg-blue{
background-color: #53a4d9;
color: #fff;
}

.registBox .bg-pink{
background-color: #eb7b91;
color: #fff;
}

.btn-area-wrapper .box{
width:215px;
padding:10px 0 16px;
background:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
text-align: center;
box-shadow: 0 0 3px #bbb;
-moz-box-shadow: 0 0 3px #bbb;
-webkit-box-shadow: 0 0 3px #bbb;
-o-box-shadow: 0 0 3px #bbb;
-ms-box-shadow: 0 0 3px #bbb;
}

.btn-area-wrapper .box header{
padding:8px 0 12px;
}

.btn-area-wrapper .box h1{
font-size:116%;
font-weight:normal;
}

.btn-area-wrapper .box a{
display:block;
margin:15px 15px 0;
padding:11px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
border-radius:2px;
color: #fff;
font-size:88%;
font-weight: bold;
line-height:129%;
}

.btn-area-wrapper .box .member-01{
margin:25px 0 30px;
}

.btn-area-wrapper .box .member-01 .tax{
margin-left:2px;
font-size: 80%;
}

.btn-area-wrapper .box .member-01 .month{
padding: 3px 0 3px 5px;
background: #333;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
border-radius: 2px;
color: #fff;
font-size: 78%;
letter-spacing: 0.5px;
vertical-align: top;
}

.btn-area-wrapper .box .member-01 .price{
margin-left:7px;
font-size:150%;
}

.btn-area-wrapper .box .yen{
margin-left: 1px;
font-size: 67%;
}

.btn-area-wrapper .box .member-02 {
font-size: 90%;
}

/* 無料会員 */
.regist-web {
float:left;
}

.regist-web p .price{
color:#0077C6;
letter-spacing:3px;
}

.regist-web a{
text-shadow: 0 1px 0 #025c98;
-webkit-text-shadow: 0 1px 0 #025c98;
-moz-text-shadow: 0 1px 0 #025c98;
-ms-text-shadow: 0 1px 0 #025c98;
-o-text-shadow: 0 1px 0 #025c98;
line-height: 260%!important;
letter-spacing: 0.5px;
}

/* 有料会員 */
.regist-premier{
float:right;
}

.regist-premier p .price {
margin-left: 8px;
color: #0b43a0;
}

.regist-premier a {
text-shadow: 0 1px 0 #c65a00;
-webkit-text-shadow: 0 1px 0 #c65a00;
-moz-text-shadow: 0 1px 0 #c65a00;
-ms-text-shadow: 0 1px 0 #c65a00;
-o-text-shadow: 0 1px 0 #c65a00;
}

/* 愛読者プレミア */
.btn-area-wrapper .aidoku header h1{
font-size: 105%
}

.btn-area-wrapper .aidoku .member-01{
margin: 0 0 0.8em ;
line-height: 110%;
}

.btn-area-wrapper .aidoku .member-01 .price{
color: #d63b54;
font-size: 140%;
}

.btn-area-wrapper .aidoku .box .newspaper{
font-size: 90%;
}

.btn-area-wrapper .aidoku .box .plus{
display:block;
margin:1px 0 5px;
}

/* 愛読者案内 */
.regist-member{
width:700px;
margin:0 auto 25px;
padding:20px 0;
background:#fff;
border: #ccc 2px solid;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius: 3px;
text-align: center;
font-size: 95%;
}

#digitalPr{
padding:20px 0 0;
}

.regist-member p{
font-size: 130%;
line-height: 140%;
}

.regist-member .caution-2{
font-size: 93%;
margin-bottom: 14px;
}

.regist-member .button-area{
margin:0 auto;
padding:0 50px;
text-align:center;
}

.regist-member a.entry{
display:block;
width: 350px;
margin:0 auto;
padding:17px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius: 3px;
color: #fff;
font-size: 120%;
font-weight: bold;
text-align: center;
line-height:1.1;
letter-spacing: 1.8px;
}

/* add for special */
.registBox .member-01 b{
line-height:1;
}

/* button */
a.blue {
background-color: #1A91E0;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #1A91E0),color-stop(1, #0077C6));
background-image: -o-linear-gradient(bottom, #1a91e0 0%, #0077c6 100%);
background-image: -moz-linear-gradient(bottom, #1a91e0 0%, #0077c6 100%);
background-image: -webkit-linear-gradient(bottom, #1a91e0 0%, #0077c6 100%);
background-image: -ms-linear-gradient(bottom, #1a91e0 0%, #0077c6 100%);
background-image: linear-gradient(to bottom, #1a91e0 0%, #0077c6 100%);
text-shadow: 0 1px 0 #025c98;
-webkit-text-shadow: 0 1px 0 #025c98;
-moz-text-shadow: 0 1px 0 #025c98;
-ms-text-shadow: 0 1px 0 #025c98;
-o-text-shadow: 0 1px 0 #025c98;
}

a.blue:hover {
background-color: #0c81cf;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0c81cf),color-stop(1, #0268af));
background-image: -o-linear-gradient(bottom, #0c81cf 0%, #0268af 100%);
background-image: -moz-linear-gradient(bottom, #0c81cf 0%, #0268af 100%);
background-image: -webkit-linear-gradient(bottom, #0c81cf 0%, #0268af 100%);
background-image: -ms-linear-gradient(bottom, #0c81cf 0%, #0268af 100%);
background-image: linear-gradient(to bottom, #0c81cf 0%, #0268af 100%);
}

a.navy {
background-color: #0b50ab;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0b50ab),color-stop(1, #07388e));
background-image: -o-linear-gradient(bottom, #0b50ab 0%, #07388e 100%);
background-image: -moz-linear-gradient(bottom, #0b50ab 0%, #07388e 100%);
background-image: -webkit-linear-gradient(bottom, #0b50ab 0%, #07388e 100%);
background-image: -ms-linear-gradient(bottom, #0b50ab 0%, #07388e 100%);
background-image: linear-gradient(to bottom, #0b50ab 0%, #07388e 100%);
text-shadow: 0 1px 0 #012f7e;
-webkit-text-shadow: 0 1px 0 #012f7e;
-moz-text-shadow: 0 1px 0 #012f7e;
-ms-text-shadow: 0 1px 0 #012f7e;
-o-text-shadow: 0 1px 0 #012f7e;
}

a.navy:hover {
background-color: #184a9a;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #184a9a),color-stop(1, #022d73));
background-image: -o-linear-gradient(bottom, #184a9a 0%, #022d73 100%);
background-image: -moz-linear-gradient(bottom, #184a9a 0%, #022d73 100%);
background-image: -webkit-linear-gradient(bottom, #184a9a 0%, #022d73 100%);
background-image: -ms-linear-gradient(bottom, #184a9a 0%, #022d73 100%);
background-image: linear-gradient(to bottom, #184a9a 0%, #022d73 100%);
}

a.purple {
background-color: #bc0656;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #bc0656),color-stop(1, #9a003b));
background-image: -o-linear-gradient(bottom, #bc0656 0%, #9a003b 100%);
background-image: -moz-linear-gradient(bottom, #bc0656 0%, #9a003b 100%);
background-image: -webkit-linear-gradient(bottom, #bc0656 0%, #9a003b 100%);
background-image: -ms-linear-gradient(bottom, #bc0656 0%, #9a003b 100%);
background-image: linear-gradient(to bottom, #bc0656 0%, #9a003b 100%);
text-shadow: 0 1px 0 #88002c ;
-webkit-text-shadow: 0 1px 0 #88002c ;
-moz-text-shadow: 0 1px 0 #88002c ;
-ms-text-shadow: 0 1px 0 #88002c ;
-o-text-shadow: 0 1px 0 #88002c ;
}

a.purple:hover {
background-color: #af0b58;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #af0b58),color-stop(1, #7e013c));
background-image: -o-linear-gradient(bottom, #af0b58 0%, #7e013c 100%);
background-image: -moz-linear-gradient(bottom, #af0b58 0%, #7e013c 100%);
background-image: -webkit-linear-gradient(bottom, #af0b58 0%, #7e013c 100%);
background-image: -ms-linear-gradient(bottom, #af0b58 0%, #7e013c 100%);
background-image: linear-gradient(to bottom, #af0b58 0%, #7e013c 100%);
}




/*----------------------------------------
share2
----------------------------------------*/
.share2{
position:absolute;
right:10px;
top:10px;
height:35px;
padding:20px;
}

.share2 li{
margin:0 10px;
}

.share2 li.tw {
float:right;
}

.share2 li.fb {
float:left;
margin-left:40px;
}

.share2 li a {
display:inline-block;
width:30px;
height:30px;
color:#333;
vertical-align:text-bottom;
}

.share2 .tw a {
background:url(../images/icon_sns_tw.png) no-repeat 0 0;
}

.share2 .tw a:hover {
background:url(../images/icon_sns_tw.png) no-repeat 0 -40px;
}

.share2 .fb a {
background:url(../images/icon_sns_fb.png) no-repeat 0 0;
}

.share2 .fb a:hover {
background:url(../images/icon_sns_fb.png) no-repeat 0 -40px;
}

.share2 .tw .count,
.share2 .fb .count {
display:inline;
background:none;
}

.share2 .tw a.count:hover,.share2 .fb a.count:hover {
background:none;
}

#Twitter,
#facebook{
vertical-align:bottom;
line-height:1;
}


/*----------------------------------------
archive
----------------------------------------*/
/* pager
----------------------------------------*/
.pager{
clear:both;
margin:0 auto 24px;
text-align:center;
}

.pager ul.inline-list{
display:inline-block;
*display:inline;
width:auto;
zoom:1;
}

.pager li{
display:block;
float:left;
margin:0 6px 6px 0;
padding:3px 6px;
text-align:center;
font-size:92.3%; /* 12px */
}

.pager li,
.pager li.current,
.pager li.current:hover{
border:1px solid #ececec;
background:#f8f8f8;
}

.pager li:hover{
border:1px solid #e0e0e0;
background:#f4f4f4;
}

.pager li a{
color:#2a2a2a;
}

.pager li a:hover{
color:#696969;
text-decoration:none;
}

.pager li.current a{
color:#696969;
font-weight:bold;
cursor:default;
}





/*----------------------------------------
footer
----------------------------------------*/
footer{
width:100%;
padding:12px 0;
/*background:#dbdbdb;*/
border-top:1px solid #eee;
font-size:84.6154%;
color:#525252;
}

footer p{
display:block;
width:980px;
margin:0 auto;
font-size:100%;
text-align:right;
line-height:1.5;
}

footer p:first-child{
text-align:left;
}


/*----------------------------------------
 @media size(480,768)
----------------------------------------*/
/* wide 481-768px
----------------------------------------*/
@media screen and (min-width:481px) and (max-width:768px){

body{
min-width:480px;
}

.contentsBox{
width:100%;
padding:10px;
}

/* pick up
------------------*/
#PickUp .thumb{
display:block;
width:30%;
height:auto;
}

#PickUp .thumb p.pic img{
max-width:100%;
max-height:100%;
}

#PickUp .txtBox{
float:none;
width:100%;
}

/* contents list
------------------*/
ul.contentsList > li{
width:32%;
height:220px;
margin:0 0.5% 20px;
}

ul.contentsList li .thumb img,
ul.kijiList li .thumb img{
width:auto;
max-width:100%;
height:auto;
max-height:124px;
}

ul.kijiList .thumb{
display:inline-block;
width:100%;
height:124px;
text-align:center;
}



/* reg(copy from plan6)
------------------*/
.registBox{
width:100%;
}

.btn-area-wrapper{
width:100%;
}

.registBox .degital{
width:66%;
}

.btn-area-wrapper .box{
width:48%;
margin:0 1% 15px;
}

/* 愛読者案内 */
.registBox .aidoku{
width:33%;
}

.aidoku .box{
width:100%;
}

.regist-member{
width:100%;
padding:10px;
}

/* share2
------------------*/
.share2{
right:0;
padding:10px 0 0;
}

/* footer
------------------*/
footer{
padding:10px 0;
}

footer .container{
padding:0 10px;
}

footer p{
width:100%;
text-align:left;
}

}



/* wide 321-480px
----------------------------------------*/
@media screen and (max-width:480px){

body{
min-width:300px;
}

.contentsBox{
width:100%;
padding:10px;
}

/* header
------------------*/
#Logo{
top:10px;
}

#Header h1{
display:block;
clear:both;
margin:0 auto 15px;
padding:30px 0 0;
width:290px;
height:79px;
text-align:center;
}

#Header h1 img{
padding:29px 0 0;
width:180px;
}

.svgBox{
height:85px;
}

#Header p.txt{
clear:both;
}

/* pick up
------------------*/
#PickUp{
padding:10px 0;
}

#PickUp .thumb{
display:block;
width:100%;
height:auto;
margin:0 0 15px;
}

#PickUp .thumb p.pic img{
max-width:100%;
max-height:100%;
}

#PickUp .txtBox{
float:none;
width:100%;
}

/* btn */
.btn a{
display:block;
width:100%;
}

/* contents list
------------------*/
ul.contentsList > li{
width:47%;
height:180px;
margin:0 1% 20px;
}

ul.contentsList li .thumb{
text-align:center;
}

ul.contentsList li .thumb img,
ul.kijiList li .thumb img{
width:auto;
max-width:100%;
height:auto;
max-height:60px;
}

ul.kijiList .thumb{
display:inline-block;
width:100%;
height:60px;
text-align:center;
}

ul.contentsList li .txtBox{
padding:10px 5px;
}

ul.contentsList .txtBox .date{
position:static;
bottom:auto;
}

ul.contentsList li ul.sns{
background:#fff;
}

ul.contentsList h3{
font-size:107.6%; /* 14 */
}

#FwcSns{
position:static;
display:block;
float:right;
margin:0 0 10px;
}

.lead{
display:block;
clear:both;
}

ul.goTop li{
float:none;
border-left:none;
}


/* reg(copy from plan6)
------------------*/
.registBox{
width:100%;
}

.btn-area-wrapper{
width:100%;
}

.registBox .degital{
float:none;
width:100%;
}

.btn-area-wrapper .box{
width:100%;
margin:0 0 15px;
}

/* 愛読者案内 */
.registBox .aidoku{
width:100%;
}

#digitalPr{
padding:10px;
}

.regist-member{
width:100%;
padding:10px;
}

.regist-member .button-area{
padding:0;
}

.regist-member a.entry{
width:100%;
font-size:100%;
padding:17px 0;
}


/* share2
------------------*/
.share2{
position:static;
display:block;
float:right;
margin:0 0 15px;
padding:0;
}

.share2 li{
}

.share2 li.fb{
margin-left:10px;
}







/* footer
------------------*/
footer{
padding:10px 0;
}

footer .container {
padding:0 10px;
}

footer p{
width:100%;
text-align:left;
}

}



/*----------------------------------------
 hac
----------------------------------------*/
.clr:after,.cFix:after,
#PickUp:after,
.contentsWrap:after,ul.contentsList:after,
.container:after,section.box:after,.btn-area-wrapper:after,
ul.goTop:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

/* IE7 */
*:first-child+html .clr,*:first-child+html .cFix,
*:first-child+html #PickUp,
*:first-child+html .contentsWrap,
*:first-child+html ul.contentsList,
*:first-child+html .container,
*:first-child+html section.box,
*:first-child+html .btn-area-wrapper,
*:first-child+html ul.goTop,{
display:inline-block;
zoom:1;
}