@charset "UTF-8";
/* ▼PC用のスタイル */

body{
text-align:center;
background:#f0f9ff;
margin:0;
font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}

h1{
font-size:small;
font-weight:bold;
margin-top:0px;
margin-left:5px;
margin-bottom:1px;
color:#505050
}

div.main6 h1{
font-size:1em;
color:#000
}

h2{
padding:.8em .5em;
background:#f4f4f4;
border-left:solid 8px orange;
border-bottom:solid 3px #d7d7d7;
font-size:1.1em;
line-height:150%;
margin-top:25px;
text-align:left
}

h3{
font-size:1.1em;
line-height:150%;
text-align:left;
margin-left:7px;
margin-bottom:5px;
margin-top:25px;
padding:.5em .5em;
background:#eaf3ff;
border-left:solid 5px #7db4e6;
border-bottom:dotted 1px #7db4e6
}

table h3{
border-bottom:double 5px #FFC778;
line-height:200%;
margin-left:5px;
margin-bottom:10px;
margin-top:10px;
padding:.5em .1em;
font-size:small;
border-left:none;
background:#fff
}

.rankingh3{
border-bottom:double 5px #FFC778;
line-height:200%;
margin-left:5px;
margin-bottom:10px;
padding-top:1.8em;
padding-bottom:.8em;
font-size:small;
border-left:none;
background:#fff
}

.no01{
background:url(https://moalicense.jp/rank_m01.png) no-repeat
}
.no02{
background:url(https://moalicense.jp/rank_m02.png) no-repeat
}
.no03{
background:url(https://moalicense.jp/rank_m03.png) no-repeat
}
.no04{
background:url(https://moalicense.jp/rank_m04.png) no-repeat
}
.no05{
background:url(https://moalicense.jp/rank_m05.png) no-repeat
}
.no06{
background:url(https://moalicense.jp/rank_m06.png) no-repeat
}
.no07{
background:url(https://moalicense.jp/rank_m07.png) no-repeat
}
.no08{
background:url(https://moalicense.jp/rank_m08.png) no-repeat
}
.no09{
background:url(https://moalicense.jp/rank_m09.png) no-repeat
}
.crown{
background-position:left .6em;
padding-left:4.8em
}

h4,.item{
color:#505050;
font-weight:bold;
padding:.1em 1em 0em;
margin:.6em .2em 0;
display:inline-block;
line-height:1.5em;
text-align:left;
background:#dbebf8;
vertical-align:middle;
border-radius:25px 25px 25px 25px
}

table h4,table.item{
margin:.2em;
font-size:small
}

div.h4clear h4{
display:inline;
color:#666;
font-size:1em;
font-weight:normal;
padding:0;
margin:0;
line-height:1.5em;
background:000
}

li{
line-height:170%;
text-align:left
}

p{
text-align:left;
padding-left:5px;
line-height:180%
}

img{
border:none
}

img[height="1"]{
display:block;
line-height:0
}
a img[height="1"]{
display:inline;
}

th{
text-align:center
}

.base{
width:1050px;
text-align:center;
padding:0 10px 5px;
background:#f0f9ff;
height:auto;
margin:0 auto
}

.foot{
text-align:right;
font-size:0.85em;
line-height:120%;
clear:left;
padding-top:5px;
border:solid Gray;
border-width:2px 0 0
}
.foot li{
margin-bottom:8px
}

.head{
width:100%;
min-width:1070px;
background:#fff;
font-size:small;
text-align:center;
margin:0 auto 10px
}

.logo{
display:inline-block;
width:800px;
background:#fff;
font-size:small;
text-align:left;
padding-top:5px
}

.search{
display:inline-block;
margin-top:0px;
width:250px;
}

.search-sp{
display:none
}

.search-box{
box-sizing: border-box;
position: relative;
border: 1px solid #DFE1E5;
background-color:#fff;
display:inline-block;
padding: 2px 5px;
margin-bottom:3px;
border-radius: 2px;
height:30px;
width:250px;
overflow: hidden;
}
.search-box input[type="text"]{
border:none;
height: 25px;
padding:0px 30px 0px 2px;
width:100%; 
box-sizing:border-box;
font-size:small;
}
.search-box input[type="text"]:focus{
outline: 0;
}
.search-box input[type="submit"]{
cursor: pointer;
font-family:"icomoon";
border:none;
font-size:1.2em;
background: #629DFD;
color:#fff;
padding:0px;
position:absolute;
width:30px;
height:38px;
right:0;
top:-4px;
outline:none;
}

.head1{
width:100%;
height:70px;
background:url(https://moalicense.jp/skyblue2.jpg);
background-position:top right;
font-size:small;
padding:5px 0
}

.pankuzu{
width:1050px;
margin:5px auto 0;
text-align:left
}

.pr{
width:1044px;
background:#fff;
border:solid #999999;
border-width:1px;
padding:1px 3px;
margin:0 auto;
text-align:left;
}

.main{
width:778px;
float:left;
text-align:center;
margin:auto;
background:#f0f9ff
}

.main6,.menu1{
background:linear-gradient(#fff 0%,#9f9 100%);
font-size:1.2em;
font-weight:bold;
line-height:150%;
padding:7px 10px 6px 10px
}

.main2{
background:#fff;
text-align:left;
padding:1px 40px 5px 38px
}

#menu{
width:250px;
float:left;
text-align:center;
background:#f0f9ff;
padding-right:20px;
margin:auto;
font-color : black;
text-decoration : none
}

.menu_under{
display:none
}

#hamburger{
display:none
}

.menu1{
font-size:medium;
padding:9px;
background:linear-gradient(#fff 0%,#fc3 100%)
}

.underline{
border:solid #f60;
border-width:0px;
padding:1em .1em
}

.tabbox{
width:100%;
border:solid #00f;
border-width:0 0 1px;
box-shadow: 0px 8px 5px -6px #a9a9a9;
background:#fff;
margin:0 auto 3px;
font-size:1.1em;
line-height:150%
}

.tab{
width:950px;
padding:2px 50px;
margin:0 auto;
}

.box2-simple{
padding:.5em;
margin:1em .5em;
color:#666666;
line-height:170%;
background:#FFF;
border:solid 1px #6091d3;
border-radius:10px
}

.box7{
padding:.5em .2em;
margin:2em 0;
color:#474747;
background:whitesmoke;
border-left:double 7px #4ec4d3;
border-right:double 7px #4ec4d3;
text-align:left
}

.box11{
padding:.5em .4em;
margin:2em 0.5em;
color:#666;
font-size:0.85em;
background:#fff;
border-top:solid 5px #000080;
box-shadow:0 3px 5px rgba(0,0,0,0.22)
}
.box11.link{
padding:.8em .7em .3em;
font-size:0.88em;
}

.box11.menu{
font-size:1em;
}

.box26,.box26margin{
position:relative;
margin:2em 0.5em;
padding:.5em 1em;
border:solid 3px #95ccff;
border-radius:8px;
text-align:left
}
.box26 .box-title{
position:absolute;
display:inline-block;
top:-10px;
left:10px;
padding:0 9px;
line-height:1;
font-size:17px;
background:#FFF;
color:#95ccff;
font-weight:bold
}
.box26margin{
margin:1em .5em;
padding:.5em .8em
}

.box26orange{
position:relative;
margin:1em .5em;
padding:.5em .8em;
border:solid 3px #FFC778;
border-radius:8px;
font-size:medium
}

.box26gray,.box26graymargin{
position:relative;
margin:.5em;
padding:.5em .8em;
border:solid 3px #a9a9a9;
border-radius:8px;
color:#696969
}
.box26graymargin{
margin:1em .5em
}

.box28{
position:relative;
margin:2em 0.5em;
padding:25px 10px 7px;
border:solid 2px #FFC107
}
.box28 .box-title{
position:absolute;
display:inline-block;
top:-2px;
left:-2px;
padding:0 9px;
height:25px;
line-height:25px;
vertical-align:middle;
font-size:medium;
background:#FFC107;
color:#fff;
font-weight:bold
}

.box2-simple p,.box11 p,.box26margin p,.box26orange p,.box28 p,.box7 p{
margin:0;
padding:0
}

.box26 p,.box26gray p{
margin-top:10px;
margin-bottom:10px;
padding:0
}

.box-top{
display:inline-block;
width:28%;
font-size: 0.88em;
margin: 10px 5px 20px 5px;
padding: 10px;
vertical-align: top;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
}
.box-top p{
padding-top:5px
}
.box-top_title{
padding:0.9em 0 0.6em;
margin: -10px -11px -10px;
font-size: 1.1em;/*タイトル文字サイズ*/
background: #efefef;/*タイトル文字背景色*/
border-left:0;
border-bottom: 3px solid #cccccc;/*タイトル下線*/
color: #000;/*タイトル文字色*/
font-weight: bold;
text-align:center;
border-top-right-radius: 10px;
border-top-left-radius: 10px
}
.box-top_title p{
margin: 0;
text-align: center
}

.new3{
background:#fff;
text-align:left;
padding:1px 10px 5px 20px;
height:200px
}

.new2{
display:inline-block;
margin:10px 10px;
width:46%;
height:148px;
}

.ranking{
border-bottom:double 5px #FFC778;
line-height:180%;
text-align:left;
margin:0 0 10px 5px;
padding:.3em .1em
}

.yayanor,.yayanorgray{
font-size:small;
font-weight:normal
}

.yayanorgray{
color:#505050
}

.num01{
background:#eaf3ff url(https://moalicense.jp/num01.png) no-repeat
}
.num02{
background:#eaf3ff url(https://moalicense.jp/num02.png) no-repeat
}
.num03{
background:#eaf3ff url(https://moalicense.jp/num03.png) no-repeat
}
.num04{
background:#eaf3ff url(https://moalicense.jp/num04.png) no-repeat
}
.num05{
background:#eaf3ff url(https://moalicense.jp/num05.png) no-repeat
}
.num06{
background:#eaf3ff url(https://moalicense.jp/num06.png) no-repeat
}
.num07{
background:#eaf3ff url(https://moalicense.jp/num07.png) no-repeat
}
.num08{
background:#eaf3ff url(https://moalicense.jp/num08.png) no-repeat
}
.num09{
background:#eaf3ff url(https://moalicense.jp/num09.png) no-repeat
}
.number{
background-position:0.3em .5em;
padding-left:1.8em
}

p.indent02{
text-indent:-1em;
padding-left:1em;
margin:.3em 5px
}

table.standard{
width:95%;
margin:0 auto;
font-size:0.88em;
line-height:170%;
border-collapse:collapse
}
table.standard td{
border:1px solid #696969;
padding:5px
}
table.standard th{
border:1px solid #696969;
background:#E6FFFF;
padding:5px
}
table.weight-normal th{
font-weight:normal
}
table.td-v-top td,table.th-v-top th{
vertical-align:top
}
table.standard .bgyellow{
background:#ffffea;
font-weight:normal;
text-align:center
}
table.td-center td{
text-align:center
}
table.td-right td{
text-align:right
}
table.border0 td{
border:0
}
table.center1 td:nth-child(1){
text-align:center
}
table.center2 td:nth-child(2){
text-align:center
}
table.center3 td:nth-child(3){
text-align:center
}
table.center4 td:nth-child(4){
text-align:center
}

table.right2 td:nth-child(2){
text-align:right
}

table.right3 td:nth-child(3){
text-align:right
}

table.right4 td:nth-child(4){
text-align:right
}

table.blue2 td:nth-child(2){
background-color:#e6ffff
}

.source,.notes{
display:block;
width:95%;
margin:3px auto 3px;
font-size:0.82em;
text-align:right;
color:#666
}

p.point{
color:#c00;
font-size:117%;
font-weight:bold
}

ul.normal2{
padding:0 0 0 2.7em
}
ul.normal3{
padding:0 0 0 1.7em;
margin-top:0px;
margin-bottom:0px
}
ul.normal2 li,ul.normal3 li{
padding:.5em 0
}

ol.normal{
padding:0 0 0 1.8em
}
ol.normal2{
padding:0 0 0 2.8em
}
ol.normal li,ol.normal2 li{
padding:.5em 0
}

ol.for_marusuuzi{
margin:0 0 0 .3em;
padding:0
}
ol.for_marusuuzi li{
list-style:none;
padding:.5em 0 .5em 1.3em;
text-indent:-1.3em
}

ul.tabmenu{
list-style:none;
margin:.1em 0;
padding-left:0
}
ul.tabmenu li{
display:inline-block;
padding-left:.2em
}
ul.tabmenu li::after{
content:'|';
padding:0 .2em;
color:#555
}
ul.tabmenu li:last-child::after{
content:''
}
ul.tabmenu a{
color:black;
text-decoration:none
}
ul.tabmenu a:hover{
color:gray
}

ul.check01,ul.check02,ul.check03,ul.circle{
padding:0 0 0 .8em
}

ul.salespoint,ul.merit,ul.weakpoint,ul.demerit,ol.toprank{
padding:0;
margin:0
}

ul.check01 li,ul.check02 li,ul.check03 li{
background:url(https://moalicense.jp/check01.png) no-repeat;
background-position:left .9em;
padding:.5em 0 .5em 1.6em;
list-style-type:none!important
}

ul.check02 li{
background:url(https://moalicense.jp/check02.png) no-repeat;
background-position:left .9em
}
ul.check03 li{
background:url(https://moalicense.jp/check03.png) no-repeat;
background-position:left .9em
}

ul.check04{
padding:0 0 0 .8em;
margin:0
}
ul.check04 li{
line-height:1.5em;
background:url(https://moalicense.jp/check01.png) no-repeat;
background-position:left .1em top .8em;
padding:.5em 0 0.4em 1.8em;
list-style-type:none!important
}

ol.toprank li{
background-position:left .9em;
padding:.2em 0 .5em 2em;
list-style-type:none!important
}
ol.toprank li:nth-child(1){
background:url(https://moalicense.jp/rank_s01.png) no-repeat
}
ol.toprank li:nth-child(2){
background:url(https://moalicense.jp/rank_s02.png) no-repeat
}
ol.toprank li:nth-child(3){
background:url(https://moalicense.jp/rank_s03.png) no-repeat
}

ul.salespoint li,ul.merit li{
line-height:1.5em;
background:url(https://moalicense.jp/salespoint.gif) no-repeat;
background-position:left .1em top .2em;
padding:.2em 0 0 1.6em;
list-style-type:none!important
}
ul.merit li{
line-height:1.7em;
padding:.2em 0 1em 1.6em;
}

ul.weakpoint li,ul.demerit li{
line-height:1.5em;
background:url(https://moalicense.jp/weakpoint.gif) no-repeat;
background-position:left 0 top .2em;
padding:.2em 0 0 1.5em;
list-style-type:none!important
}
ul.demerit li{
line-height:1.7em;
padding:.2em 0 1em 1.5em;
}

ul.circle li{
line-height:1.5em;
background:url(https://moalicense.jp/arrow022_02.png) no-repeat;
background-position:left .3em;
padding:0 0 .5em 1.2em;
list-style-type:none!important
}

ul.circlesub{
padding:.5em 0 0
}
ul.circlesub li{
line-height:1.5em;
background:url(https://moalicense.jp/circlemini_green.png) no-repeat;
background-position:left .4em;
padding:0 0 .5em 1em;
list-style-type:none!important
}

ul.formenu{
margin:0;
padding:0 1em 0 0.9em;
position:relative;
background-color:#fff;
font-size:0.85em
}
ul.formenu li{
background:url(https://moalicense.jp/link01.gif) no-repeat;
background-position:left 0.95em;
padding:.7em 0 .5em 1.4em;
border-bottom:dashed 1px #ffdab9;
line-height:1.5em;
list-style-type:none!important
}
ul.formenu li:last-of-type{
border-bottom:none
}
ul.formenu a{
display:block;
color:black;
text-decoration:none
}
ul.formenu a:hover{
color:gray
}

ul.formenusub{
margin:7px 0 0;
padding:0 .2em;
position:relative;
background-color:#fff
}
ul.formenusub li{
background:url(https://moalicense.jp/link02.gif) no-repeat;
background-position:left .9em;
padding:.7em 0 .5em 1.4em;
border-top:dashed 1px silver;
border-bottom:none;
line-height:1.5em;
list-style-type:none!important
}
ul.formenusub li:last-of-type{
padding:.7em 0 0 1.4em
}

ul.formokuzi,ul.formokuzisub{
margin:0;
padding:0;
position:relative;
background-color:#fff;
font-size:small
}
ul.formokuzi li{
background:url(https://moalicense.jp/ico05-006.gif) no-repeat;
background-position:left .6em;
padding:.6em 0 .2em 1.6em;
border-bottom:dashed 1px silver;
line-height:1.5em;
list-style-type:none!important
}
ul.formokuzi li:last-of-type{
border-bottom:none
}

ul.formokuzi a{
text-decoration:none
}
ul.formokuzi a:hover{
text-decoration: underline;
}

ul.formokuzisub{
margin:5px 0 0
}
ul.formokuzisub li{
background:url(https://moalicense.jp/ico05-004.gif) no-repeat;
background-position:left .6em;
padding:.5em 0 .3em 1.6em;
border-top:dashed 1px silver;
border-bottom:none;
line-height:1.5em;
list-style-type:none!important
}

ul.formainmenu,ul.formainmenusub{
margin:0;
padding:0 .5em;
position:relative;
background-color:#fff
}
ul.formainmenu li{
line-height:1.5em;
background:url(https://moalicense.jp/arrow47_003.gif) no-repeat;
background-position:left .9em;
padding:.7em 0 .5em 1.8em;
border-bottom:dashed 1px #ffdab9;
list-style-type:none!important
}
ul.formainmenu li:last-of-type{
border-bottom:none
}
ul.formainmenusub{
margin:10px 0 0
}
ul.formainmenusub li{
line-height:1.5em;
background:url(https://moalicense.jp/arrow47_009.gif) no-repeat;
background-position:left .9em;
padding:.7em 0 .5em 1.8em;
border-top:dashed 1px silver;
border-bottom:none;
list-style-type:none!important
}

ul.forlink,ul.arrow_orange{
margin:0.7em 0.5em 0;
text-align:left;
padding:0;
position:relative
}
ul.forlink li,ul.arrow_orange li{
line-height:1.7em;
background:url(https://moalicense.jp/arrow022_05.png) no-repeat;
background-position:left .3em;
padding:0 0 .7em 1.5em;
list-style-type:none!important
}
ul.arrow_orange li{
background:url(https://moalicense.jp/arrow022_02.png) no-repeat;
background-position:left .3em;
}

a.linkout{
background:url(https://moalicense.jp/link-out-3.png) no-repeat right center;
padding-right:15px
}

.scroll-table{
display:block;
overflow-x:auto;
overflow-y:auto;
}
.scroll-table table{
margin: 0;
border-spacing: 0;
font-size:0.88em;
line-height:150%
}
.scroll-table td{
border-right: 1px solid #999;
border-bottom: 1px solid #999;
background: #FFF;
padding: 5px
}
.scroll-table th{
border-right: 1px solid #999;
border-bottom: 1px solid #999;
background: #E6FFFF;
position: sticky;
top: 0;
left: 0
}
.scroll-table tr:first-child th{
border-top: 1px solid #999
}
.scroll-table th:first-child{
border-left: 1px solid #999
}
.scroll-table tr:first-child th:first-child{
z-index: 1
}

.ranking-table{
height:650px
}

.yellow-line{
background:linear-gradient(transparent 60%,#ff6 60%)
}
.blue-line{
background:linear-gradient(transparent 60%,#9cf 60%)
}

.floatright{
float:right;
display:block;
}
.floatleft{
float:left
}

.btn{
display:inline-block;
padding:0.8em 0.5em;
margin:7px 16px;
width:13em;
text-decoration:none;
border-radius:0.3em;
box-shadow:0 2px 4px rgba(0,0,0,0.3);
transition:.3s
}
.btn:hover{
box-shadow:0 0 2px rgba(0,0,0,0.2)
}
.btn-mini{
display:block;
padding:0.3em 0.2em;
margin:7px 5px;
width: 45%
}

.btn1{
display:inline-block;
font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
padding:0.6em 1.5em;
margin:5px 0;
text-decoration:none;
border-radius:100vh;
box-shadow:0 2px 4px rgba(0,0,0,0.3);
transition:.3s
}
.btn1:hover{
box-shadow:0 0 2px rgba(0,0,0,0.2);
opacity:0.8
}

.btn2,.btn_half1,.btn_half2{
position:relative;
display:block;
padding:0.2em 0;
margin:6px 10px;
text-align:center;
font-size:1.6em;
line-height:140%;
font-weight:bold;
letter-spacing:0.1em;
color:#fff;
text-decoration:none;
text-shadow:1px 1px 0 #000,-1px -1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,0px 1px 0 #000,0-1px 0 #000,-1px 0 0 #000,1px 0 0 #000;
background-color:#21D717;
background-image:-webkit-linear-gradient(rgba(255,255,255,.3) 0%,transparent 50%,transparent 50%,rgba(0,0,0,.1) 100%);
background-image:linear-gradient(rgba(255,255,255,.3) 0%,transparent 50%,transparent 50%,rgba(0,0,0,.1) 100%);
box-shadow:0 2px 2px 0 rgba(255,255,255,.1) inset,0 2px 10px 0 rgba(255,255,255,.2) inset,0 -2px 2px 0 rgba(0,0,0,.1) inset;
border:1px solid rgba(0,0,0,.2);
border-radius:0.3em;
transition:.3s
}

.btn2::after{
content: "";
border-top: 5px double #fff;
border-right: 5px double #fff;
border-radius:0.1em;
height: 8px;
width: 8px;
position: absolute;
top: 42%;
right: 20px;
transform: rotate(45deg)
}
.btn2:hover{
box-shadow:0 0 2px rgba(0,0,0,0.2);
opacity:0.8
}

.btn_half1{
display:inline-block;
width:47%
}
.btn_half1:hover{
box-shadow:0 0 2px rgba(0,0,0,0.2);
opacity:0.8
}

.btn_half2{
display:inline-block;
background-color:#FF9138;
margin:6px 0px;
padding:0.8em 0em 0.8em;
font-size:1.7em;
letter-spacing:0.4em;
vertical-align: top;
width:46%
}
.btn_half2:hover{
box-shadow:0 0 2px rgba(0,0,0,0.2);
opacity:0.8
}

.youtube{
margin:0 auto;
width:90%;
padding:0;
box-sizing:border-box
}
.youtube .inner{
padding-top:56.25%;
position:relative;
height:0;
overflow:hidden
}
.youtube .inner iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}

@font-face{
font-family:'icomoon';
src:url('fonts/icomoon3.woff') format('woff'),
url('fonts/icomoon3.ttf') format('truetype'),
url('fonts/icomoon3.eot') format('embedded-opentype'),
url('fonts/icomoon3.svg') format('svg');
font-weight: normal;
font-style: normal;
font-display: block
}

.breadcrumb{
background:#fff;
margin:0;
padding:0px 0 2px 0;
list-style:none
}
.breadcrumb li{
display:inline;
list-style:none;
font-weight:normal
}
.breadcrumb li::after{
content:'>';
padding:0 .2em;
color:#555
}
.breadcrumb li:last-child::after{
content:''
}
.breadcrumb li a{
text-decoration:none;
color:#000
}
.breadcrumb li a:hover{
color:gray
}
.breadcrumb li:first-child a::before{
font-family:'icomoon';
content:'\e901';
font-weight:normal;
font-size:1em;
color:#000;
padding:0 .2em
}

blockquote.normal{
position:relative;
padding:30px 15px 3px 15px;
margin:20px 20px;
box-sizing:border-box;
background:#efefef;
color:#555
}
blockquote.normal::before{
display:inline-block;
position:absolute;
top:5px;
left:15px;
content:"\e977";
font-family:"icomoon";
color:#cfcfcf;
font-weight:normal;
font-size:28px;
line-height:1
}
blockquote.normal p{
padding:0;
margin:10px 0
}
blockquote.normal cite{
display:block;
text-align:right;
color:#888888;
font-size:0.9em
}

#page_top{
width:40px;
height:40px;
position:fixed;
right:8px;
bottom:8px;
background:#70b7ff;
border:2px solid #007fff;
opacity:.9;
border-radius:50%
}
#page_top a{
position:relative;
display:block;
width:40px;
height:40px;
text-decoration:none
}
#page_top a::before{
font-family:'icomoon';
font-weight:normal;
content:'\e900';
font-size:25px;
color:#fff;
position:absolute;
width:25px;
height:25px;
top:-3px;
bottom:0;
right:0;
left:0;
margin:auto;
text-align:center
}

div.social-button ul{
list-style-type:none;
line-height:1;
font-size:12px;
text-align:right
}
div.social-button ul li{
display:inline-block;
margin:0 0 0 5px
}
div.social-button ul li a{
display:inline-block;
padding:9px 15px 7px;
border-radius:4px;
text-decoration:none;
color:#fff;
vertical-align:middle
}
div.social-button ul li a::before{
display:inline-block;
font-family:'icomoon'!important;
font-style:normal;
font-weight:normal;
line-height:1;
font-size:130%;
margin-right:10px;
vertical-align:middle
}
div.social-button ul li a:hover{
opacity:.7
}
div.icon-only ul li a{
padding:9px 10px
}
div.icon-only ul li a::before{
margin-right:0
}
div.circle ul li a{
display:inline-block;
padding:9px 7px 9px 10px;
border-radius:20px;
text-decoration:none;
color:#fff;
vertical-align:middle
}
div.social-button ul li.twitter-tweet a{
background:#000
}
div.social-button ul li.twitter-tweet a::before{
content:"\e904"
}
div.social-button ul li.facebook-share a{
background:#3a5795
}
div.social-button ul li.facebook-share a::before{
content:"\ea91"
}
div.social-button ul li.hatena-bookmark a{
background:#00a4de
}
div.social-button ul li.hatena-bookmark a::before{
content:"\e902"
}
div.social-button ul li.line-send a{
background:#00c300
}
div.social-button ul li.line-send a::before{
content:"\e903"
}
/* ▲PC用のスタイル */

/* ▼スマホ用のスタイル */
@media (max-width: 767px){
.main,#menu{
float:none;
margin:0;
width:auto
}

img{
max-width:100%;
height:auto
}

.floatright{
float:none;
margin:0 auto
}

.floatleft{
float:none
}


body{
margin:0 0px 0
}

.base{
width:100%;
padding:0 8px 0px;
box-sizing: border-box;
}

.logo,.pankuzu,.pr{
width:100%;
box-sizing: border-box;
}

.main{
width:100%
}

.main2{
padding:1px 5px 5px 5px
}

.tab,.tabbox,.title2,.main1,.new,.search{
display:none
}

.pankuzu{
overflow-x:scroll;
word-break:keep-all;
white-space:nowrap;
-webkit-overflow-scrolling:touch;
}

.head{
min-width:0;
}

.search-sp{
display:block;
margin:20px 0 10px 0;
}

.search-box{
width:80%
}

.head1{
border:solid #00f;
border-width:0 0 1px;
box-shadow: 0px 8px 5px -5px #a9a9a9;
margin-bottom:4px
}

.menu_under{
display:block;
width:100%;
text-align:center;
background:#f0f9ff;
padding-right:0;
margin-top:15px
}

#menu{
position:fixed;
z-index:2;
padding-right:0;
width:70%;
left:-70%;
height:100vh;
overflow:auto;
top:0;
background:#f0f9ff;
transition:.6s;
-webkit-overflow-scrolling:touch
}

#hamburger{
display:block;
position:fixed;
cursor:pointer;
transition:.6s;
opacity:.9;
right:8px;
top:15px;
width:38px;
height:44px;
z-index:3;
background:#66b2ff;
border:2px solid #007fff;
text-align:center
}

.inner_line{
display:block;
position:absolute;
width:27px;
border-bottom:solid 3px #fff;
background-color:#fff;
transition:.6s;
left:6px
}

#line1{
top:6px
}
#line2{
top:15px
}
#line3{
top:24px
}
#line4{
border:none;
background-color:#66b2ff;
color:#fff;
font-size:10px;
font-weight:bold;
top:29px
}
.in{
transform:translateX(100%)
}
.line_1,.line_2,.line_3{
background:#fff
}
.line_1{
transform:translateY(9px) rotate(-45deg);
top:0
}
.line_2{
opacity:0
}
.line_3{
transform:translateY(-9px) rotate(45deg);
top:0
}

#menu-overlay{
position:fixed;
height:100vh;
width:100%;
left:-100%;
top:0;
z-index:2;
background:rgba(0,0,0,0.5)
}
.back{
transform:translateX(100%)
}

.btn_half1{
display:block;
margin:10px auto;
width:90%
}

.btn_half2{
display:block;
margin:10px auto;
width:90%
}

.box-top{
display:block;
width:90%;
margin:30px auto
}

.new3{
padding:1px 10px 5px 10px;
height:400px
}

.new2{
display:block;
width:95%;
height:190px;
margin:10px auto
}

p.textimg img{
height:200px
}

.ranking-table{
height:auto
}

}
/* ▲スマホ用のスタイル */