/*width755未満レスポンシブデザイン*/
*{
  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;
}
ul{
  list-style: none;
}
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:30px;
  font-family: 'ヒラギノ明朝 ProN W3', serif;
}
h2{
  margin: 24px 0 20px 0;
  font-size: 20px;
  font-weight: normal;
}
/*サイトの説明文*/
.left-column p{
  font-size:16px;
  text-align: left;
}
/*更新履歴*/
.up-dates{
  width:220px;
  height:110px;
  white-space: nowrap;
  overflow:scroll;
  border: 1px solid #000;
  margin: 0 auto;
}
/*ヘッダー*/
header{
  display: none;
}
.header-logo{
  color:#777;
  font-weight:700;
  font-size:22px;
  font-family:'Dosis',sans-serif;
  line-height: 50px;
  margin-left: 30px;
}
/*問題一覧*/
/*タイトル*/
.list-title{
  margin:40px 15px 0 15px;
  border:1px solid #f3f3f3;
  box-shadow:0 2px 6px rgba(0, 0, 0, 0.15);
}
/*問題へのリンク*/
.laws li{
  padding-bottom: 5px;
  font-size: 24px;
}
.laws a,.up-dates a{
  color:#0033cc;
}
.laws a:hover,.up-dates a:hover{
  color:#0dc0c0;
}
footer{
  margin-top:20px;
}
/*問題一覧へのリンク*/
.anchor{
  margin-top:20px;
  font-size: 16px;
}
.anchor a{
  color: #0033cc;
  transition:all .3s;
}
.anchor a:hover{
  color:#0dc0c0;
}
/*ソーシャル*/
.sns{
  margin-top:20px;
}
.twitter{
  margin-bottom: 10px;
}
/*jQuery用スライド設定*/
.explain{
  display: none;
}
.slide{
  display: none;
}
.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
}
/*問題文左寄せ*/
.slide,.explain{
  text-align: left;
  margin-left: 20px;
  margin-right:20px;
  font-size: 20px;
}
/*問題ページのアドセンス*/
#lessons-ad{
  display: none;
}
#lessons-ad-sm{
  margin-top:40px;
  display: block;
}
ins[style]{
background-color:transparent;
}
/*右カラム*/
  .right-column{
    display: none;
  }
/*左カラム*/
  .left-column{
    display: none;
  }
  .up-dates p{
    text-align: left;
  }
/*フッター*/
footer{
  height:60px;
  margin-bottom: 10px;
}
.footer-logo{
  line-height: 30px;
}
/*トップページ*/
.laws-wrapper h2{
  font-weight: bold;
  font-size: 22px;
}