*{
  line-height: normal;
  font-family:Helvetica,Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic,“ヒラギノ角ゴ ProN W3″,“Hiragino Kaku Gothic ProN”, “メイリオ”,Meiryo, sans-serif;
  box-sizing: border-box;
}

body{
  text-align: center;
  font-family:'Hiragino Kaku Gothic ProN W3', sans-serif;
  font-weight:400;
  -webkit-font-smoothing: antialiased;
  color:#262626;
}
a{
  text-decoration: none;
  color:#323a45;
  transition:all .3s;
}
a:hover{
  color:#0dc0c0;
  text-decoration:none;
}
h1{
  font-size: 24px;
  line-height: 50px;
  margin-bottom: 15px;
  margin-top:0px;
  font-family: 'ヒラギノ明朝 ProN W3', serif;
}
h2{
  margin: 24px 0 20px 0;
  font-size: 20px;
  font-weight:normal;
}
/*更新履歴*/
.up-dates{
  width:300px;
  height:140px;
  white-space: nowrap;
  overflow:scroll;
  border: 1px solid #000;
  margin-left: 90px;
}
/*ヘッダー*/
header{
  height: 50px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color:#fff;
  border-bottom:1px solid #eee;
  z-index: 10;
  display: block;
}
.header-title{
  float: left;
}
.header-logo{
  color:#777;
  font-weight:700;
  font-size:18px;
  font-family: 'ヒラギノ明朝 ProN W3', serif;
  line-height: 50px;
  margin-left: 30px;
  display: block;
}
ul{
  list-style:none;
  text-align: left;
}
p{
  font-size: 20px;
  line-height: normal;
  text-align: left;
}
.up-dates p{
  font-size: 17px;
}
.wrapper{
  margin:0 auto;
  margin-top:100px;
  width:1102px;
  height:1200px;
}

.container{
  float:left;
  width: 470px;
  margin: 0 auto;
  height:1200px;
}
.container p{
  padding: 0 20px;
}
/*問題一覧*/
/*タイトル*/
.list-title{
  text-align: center;
  margin:40px 15px 0 15px;
  border:1px solid #f3f3f3;
  box-shadow:0 2px 6px rgba(0, 0, 0, 0.15);
}
/*リンクのレイアウト*/
.laws-wrapper{
  margin:0 -16px 0 30px;
}
.box{
  float:left;
  width:33%;
  text-align: left;
}
.laws li{
  padding-bottom: 5px;
  font-size:16px;
}
.laws a,.up-dates a{
  color:#0033cc;
}
.laws a:hover,.up-dates a:hover{
  color:#0dc0c0;
}
/*左カラム*/
.left-column{
  margin-right:16px;
  padding: 3px;
  float: left;
  width:300px;
  background-color: #f1fff6;
  box-shadow:5px 5px 10px;
  height: 1160px;
  display: block;
}
/*吹き出し*/
.left-column h3 {
background-color:#fff;
border:1px solid #000;
border-radius:5px;
position:relative;
}
.left-column h3:before {
border:10px solid transparent;
border-top-color:#fff;
border-bottom-width:0;
bottom:-9px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
z-index:1;
}
.left-column h3:after {
border:10px solid transparent;
border-top-color:#000;
border-bottom-width:0;
bottom:-10px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
}
/*左カラム内文章*/
.left-column p{
  font-size: 16px;
  margin-top:15px;
  margin-bottom: 20px;

}
/*右カラム*/
.right-column{
  margin-left:16px;
  float:right;
  width:300px;
  display: block;
}
/*.clearfix::after{
  content:'';
  display:block;
  clear:both;
}*/

/*フッター*/
footer{
  /*clear: both;*/
  background-color:#fff;
  border-top:1px solid #eee;
  height: 100px;
  margin-top:30px;
  padding-top:10px;
}
/*問題一覧へのリンク*/
.anchor{
  margin-top:20px;
  font-size: 20px;
}
.anchor a{
  color: #0033cc;
  transition:all .3s;
}
.anchor a:hover{
  color:#0dc0c0;
}
/*ソーシャル*/
.sns{
  margin-top:20px;

}
.twitter{
  float:left;
  margin-left: 132px;
  margin-right: 20px;
  margin-top:10px;
}
.hatena{
  float:left;
}
.clear{
  clear:left;
}
.footer-logo{
  color:#777;
  font-weight:700;
  font-size:20px;
  font-family:'Dosis',sans-serif;
  text-align: center;
}
/*jQuery用スライド設定*/
.explain{
  display: none;
  margin-left: 5px;
  margin-right:5px;
}
.slide{
  display: none;
  margin-left: 5px;
  margin-right:5px;
}
.active,.open{
  display: block;
}
/*正解！or誤りのデザイン*/
.result{
  text-align: center;
  margin: 10px 10px;
}
/*○✖ボタンのデザイン*/
.select{
  display: inline-block;
      position: relative;
      text-decoration: none;
      color: rgba(3, 169, 244, 0.54);
      width: 100px;
      height: 100px;
      border-radius: 50%;
      text-align: center;
      background: #f7f7f7;
      box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.08);
}
.select{
    width: 80px;
    height: 80px;
    line-height: 80px;
    vertical-align: middle;
    left: 10px;
    top: 9px;
    border-radius: 50%;
    font-size: 40px;
    background-image: -webkit-linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
    border-bottom: solid 2px #b5b5b5;
    margin:10px 10px;
}
.select:hover{
  opacity: 0.8;
}
.select:active{
  box-shadow:none;
}
/*次へボタンのデザイン*/
.change-btn{
  position: relative;
	background-color: #1abc9c;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #0e8c73;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  font-weight:bold;
  line-height: 40px;
  margin: 10px 10px;
  display: none;
}
.change-btn:hover{
  cursor: pointer;
  background-color: #31c8aa;
	box-shadow: 0 3px 0 #23a188;
}
.change-btn:active{
  top: 3px;
	box-shadow: none;
}

.answer{
  font-size: 20px;
  text-align: center;
  margin: 10px 0;
  display: none;
}
.view{
  display: none
}
/*問題ページのアドセンス*/
#lessons-ad{
  margin-top:40px;
  display: block;
}
#lessons-ad-sm{
  display: none;
}
ins[style]{
background-color:transparent;
}