@charset   "Shift_JIS";


@media screen and (max-width: 320px) {

#container{
  width:320px;
  overflow:hidden;
}

.answer{
       width:290px;
       font-size:11px;
       line-height:18px;
       color:#514d4d;
       letter-spacing:1px;
       margin:5px auto 0 auto;
       padding:10px;
       border:1px dashed #fea7bf;
       border-radius:3px;
}

.sp1a{
   color:#ff607b;
   font-weight:bold;
   text-decoration: underline;
}

.sp1b{
   color:#ff607b;
   font-weight:bold;
}

.sp1c{
   color:#ff9664;
   font-weight:bold;
}

.tyairodake{
  width:320px;
  height:6px;
  background:#bb5a31;
  margin: 2px 0 0 0;
  border-bottom: 4px solid #8a4324;
}

#topbrimg{
  width:320px;
  margin: 0;
}

.catch{
  width:320px;
  height:25px;
  background: url(../imgs/br_tyairo.gif) ;
  margin: 10px 0 5px 0;
}

.catch p{
  margin:0;
  color:white;
  font-size:12px;
  line-height:29px;
  text-align:center;
}

#question{
  width:320px;
  line-height:1;
  margin:0 auto;
  overflow:hidden;
}

#navi{
  width:320px;
  height:60px;
  margin:0 auto;
  padding:0 0 0 2px;
  position:relative;
  top:20px;
  right:1px;
}
#navi li{
  width:59px;
  height:30px;
  float:left;
  margin:0 0 0 2px;
  font-size:11px;
  font-weight:bold;
  text-align:center;
  line-height:32px;
  color:#65513f;
  border-radius: 4px;
  border: 1px solid #ffaf58;
  background:#fff3e6;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.qabox_1,.qabox_2,.qabox_3,.qabox_4,.qabox_5{
       clear:both;
       width:320px;
       margin:0 auto;
}

.qabox_1 h5{
       width:317px;
       height:40px;
       line-height:42px;
       padding:0 0 0 7px;
       margin:10px 0 0 0;
       background:#fff0f2;
       border-left: 6px solid #5fb0fa;
       box-shadow: 1px 1px 1px #e1dfdf;
}
.qabox_2 h5{
       width:317px;
       height:40px;
       line-height:42px;
       padding:0 0 0 7px;
       margin:10px 0 0 0;
       background:#fff0f2;
       border-left: 6px solid #ff598f;
       box-shadow: 1px 1px 1px #e1dfdf;
}
.qabox_3 h5{
       width:317px;
       height:40px;
       line-height:42px;
       padding:0 0 0 7px;
       margin:10px 0 0 0;
       background:#fff0f2;
       border-left: 6px solid #53bd5b;
       box-shadow: 1px 1px 1px #e1dfdf;
}
.qabox_4 h5{
       width:317px;
       height:40px;
       line-height:42px;
       padding:0 0 0 7px;
       margin:10px 0 0 0;
       background:#fff0f2;
       border-left: 6px solid #e49674;
       box-shadow: 1px 1px 1px #e1dfdf;
}
.qabox_5 h5{
       width:317px;
       height:40px;
       line-height:42px;
       padding:0 0 0 7px;
       margin:10px 0 0 0;
       background:#fff7f8;
       border-left: 6px solid #938e88;
       box-shadow: 1px 1px 1px #e1dfdf;
}
#question h5{
       font-size:12px;
       letter-spacing:3px;
}
}

@media screen and (min-width:321px) and (max-width: 374px) {

#container{
  width:360px;
  overflow:hidden;
}

.catch{
  width:350px;
  height:25px;
  background: url(../imgs/br_tyairo.gif) ;
  margin: 10px 0 5px 5px;
}

.catch p{
  margin:0;
  color:white;
  font-size:13px;
  line-height:29px;
  text-align:center;
}

.tyairodake{
  width:350px;
  height:6px;
  background:#bb5a31;
  margin: 2px 0 0 5px;
  border-bottom: 4px solid #8a4324;
}

#topbrimg{
  width:350px;
  height:100px;
  margin: 0 0 0 5px;
}

#question{
  width:350px;
  line-height:1;
  margin:0 auto;
  overflow:hidden;
}

#navi{
  width:338px;
  padding: 0;
  margin: 0 0 0 2px;
  display: flex;
  justify-content: space-between;
   -webkit-tap-highlight-color:rgba(0,0,0,0);
}

#navi > *{
  min-width: 55px;
  padding: 7px 5px 4px 5px;
  font-size: 12px;
  text-align: center;
  background:green;
  margin: 15px 3px 0 0;
  font-weight:bold;
  letter-spacing:2px;
  line-height:22px;
  color:#65513f;
  border-radius: 4px;
  border: 1px solid #ffaf58;
  background:#fff3e6;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}


.qabox_1,.qabox_2,.qabox_3,.qabox_4,.qabox_5{
       width:348px;
       margin:0 0 0 2px;
       padding:5px 0 0 0;
}

.qabox_1 h5{
       width:345px;
       height:40px;
       line-height:42px;
       padding:0 0 0 10px;
       margin:15px 0 0 0;
       background:#fef3f3;
       border-left: 6px solid #ff99a6;
       border-radius:2px;
       box-shadow: 1px 1px 1px #e1dfdf;
}
.qabox_2 h5{
       width:345px;
       height:40px;
       line-height:42px;
       padding:0 0 0 10px;
       margin:15px 0 0 0;
       background:#fff9f2;
       border-left: 6px solid #ffaf58;
       border-radius:2px;
       box-shadow: 1px 1px 1px #e1dfdf;
}
.qabox_3 h5{
       width:345px;
       height:40px;
       line-height:42px;
       padding:0 0 0 10px;
       margin:15px 0 0 0;
       background:#f4fbf8;
       border-left: 6px solid #4ec28b;
       border-radius:2px;
       box-shadow: 1px 1px 1px #e1dfdf;
}
.qabox_4 h5{
       width:345px;
       height:40px;
       line-height:42px;
       padding:0 0 0 10px;
       margin:15px 0 0 0;
       background:#f7fbff;
       border-left: 6px solid #5fb0fa;
       border-radius:2px;
       box-shadow: 1px 1px 1px #e1dfdf;
}
.qabox_5 h5{
       width:345px;
       height:40px;
       line-height:42px;
       padding:0 0 0 10px;
       margin:15px 0 0 0;
       background:#fff7f8;
       border-left: 6px solid #ff607b;
       border-radius:2px;
       box-shadow: 1px 1px 1px #e1dfdf;
}
#question h5{
       font-size:13px;
       letter-spacing:3px;
}



.qabox_1 p,.qabox_2 p,.qabox_3 p,.qabox_4 p,.qabox_5 p{
       font-size:12px;
       line-height:18px;
       color:#625e5e;
       letter-spacing:1px;
}

.answer{
       width:323px;
       font-size:12px;
       line-height:18px;
       color:#514d4d;
       letter-spacing:1px;
       margin:10px auto 0 auto;
       padding:10px;
       border:1px dashed #fea7bf;
       border-radius:3px;
}

.sp1a{
   color:#ff607b;
   font-weight:bold;
   text-decoration: underline;
}

.sp1b{
   color:#ff607b;
   font-weight:bold;
}

.sp1c{
   color:#ff9664;
   font-weight:bold;
}
}





@media screen and (min-width: 375px) and (max-width: 413px) {

.catch{
  width:365px;
  height:25px;
  background: url(../imgs/br_tyairo.gif) ;
  margin: 10px 0 5px 5px;
}

.catch p{
  margin:0;
  color:white;
  font-size:14px;
  line-height:29px;
  text-align:center;
}

.tyairodake{
  width:365px;
  height:6px;
  background:#bb5a31;
  margin: 2px 0 0 5px;
  border-bottom: 4px solid #8a4324;
}

#topbrimg{
  width:365px;
  height:100px;
  margin: 0 0 0 5px;
}

#question{
  width:375px;
  line-height:1;
  margin:0 auto;
  overflow:hidden;
}

#navi{
  width:363px;
  padding: 0;
  margin: 0 0 0 6px;
  display: flex;
  justify-content: space-between;
   -webkit-tap-highlight-color:rgba(0,0,0,0);
}

#navi > *{
  min-width: 57px;
  padding: 7px 5px 4px 5px;
  font-size: 12px;
  text-align: center;
  background:green;
  margin: 15px 0 0 0;
  font-weight:bold;
  letter-spacing:2px;
  line-height:22px;
  color:#65513f;
  border-radius: 4px;
  border: 1px solid #ffaf58;
  background:#fff3e6;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}


.qabox_1,.qabox_2,.qabox_3,.qabox_4,.qabox_5{
       width:363px;
       margin:0 0 0 6px;
       padding:5px 0 0 0;
}

.qabox_1 h5{
       width:345px;
       height:40px;
       line-height:42px;
       padding:0 0 0 10px;
       margin:15px 0 0 0;
       background:#fef3f3;
       border-left: 6px solid #ff99a6;
       border-radius:2px;
       box-shadow: 1px 1px 1px #e1dfdf;
}
.qabox_2 h5{
       width:345px;
       height:40px;
       line-height:42px;
       padding:0 0 0 10px;
       margin:15px 0 0 0;
       background:#fff9f2;
       border-left: 6px solid #ffaf58;
       border-radius:2px;
       box-shadow: 1px 1px 1px #e1dfdf;
}
.qabox_3 h5{
       width:345px;
       height:40px;
       line-height:42px;
       padding:0 0 0 10px;
       margin:15px 0 0 0;
       background:#f4fbf8;
       border-left: 6px solid #4ec28b;
       border-radius:2px;
       box-shadow: 1px 1px 1px #e1dfdf;
}
.qabox_4 h5{
       width:345px;
       height:40px;
       line-height:42px;
       padding:0 0 0 10px;
       margin:15px 0 0 0;
       background:#f7fbff;
       border-left: 6px solid #5fb0fa;
       border-radius:2px;
       box-shadow: 1px 1px 1px #e1dfdf;
}
.qabox_5 h5{
       width:345px;
       height:40px;
       line-height:42px;
       padding:0 0 0 10px;
       margin:15px 0 0 0;
       background:#fff7f8;
       border-left: 6px solid #ff607b;
       border-radius:2px;
       box-shadow: 1px 1px 1px #e1dfdf;
}
#question h5{
       font-size:13px;
       letter-spacing:3px;
}



.qabox_1 p,.qabox_2 p,.qabox_3 p,.qabox_4 p,.qabox_5 p{
       font-size:12px;
       line-height:18px;
       color:#625e5e;
       letter-spacing:1px;
}

.answer{
       width:326px;
       font-size:12px;
       line-height:18px;
       color:#514d4d;
       letter-spacing:1px;
       margin:10px auto 0 auto;
       padding:10px;
       border:1px dashed #fea7bf;
       border-radius:3px;
}

.sp1a{
   color:#ff607b;
   font-weight:bold;
   text-decoration: underline;
}

.sp1b{
   color:#ff607b;
   font-weight:bold;
}

.sp1c{
   color:#ff9664;
   font-weight:bold;
}
}

@media screen and (min-width: 414px) {

.catch{
  width:404px;
  height:25px;
  background: url(../imgs/br_tyairo.gif) ;
  margin: 10px 0 5px 5px;
}

.catch p{
  margin:0;
  color:white;
  font-size:14px;
  line-height:29px;
  text-align:center;
}

.tyairodake{
  width:404px;
  height:6px;
  background:#bb5a31;
  margin: 2px 0 0 5px;
  border-bottom: 4px solid #8a4324;
}

#topbrimg{
  width:404px;
  margin: 0 0 0 5px;
}

#question{
  width:404px;
  line-height:1;
  margin:0 auto;
  overflow:hidden;
}

#navi{
  width:380px;
  padding: 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
   -webkit-tap-highlight-color:rgba(0,0,0,0);
}

#navi > *{
  min-width: 60px;
  padding: 7px 5px 4px 5px;
  font-size: 12px;
  text-align: center;
  background:green;
  margin: 15px 0 0 0;
  font-weight:bold;
  letter-spacing:2px;
  line-height:22px;
  color:#65513f;
  border-radius: 4px;
  border: 1px solid #ffaf58;
  background:#fff3e6;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}


.qabox_1,.qabox_2,.qabox_3,.qabox_4,.qabox_5{
       width:380px;
       margin:0 0 0 12px;
       padding:5px 0 0 0;
}

.qabox_1 h5{
       width:363px;
       height:40px;
       line-height:42px;
       padding:0 0 0 10px;
       margin:15px 0 0 0;
       background:#fef3f3;
       border-left: 6px solid #ff99a6;
       border-radius:2px;
       box-shadow: 1px 1px 1px #e1dfdf;
}
.qabox_2 h5{
       width:363px;
       height:40px;
       line-height:42px;
       padding:0 0 0 10px;
       margin:15px 0 0 0;
       background:#fff9f2;
       border-left: 6px solid #ffaf58;
       border-radius:2px;
       box-shadow: 1px 1px 1px #e1dfdf;
}
.qabox_3 h5{
       width:363px;
       height:40px;
       line-height:42px;
       padding:0 0 0 10px;
       margin:15px 0 0 0;
       background:#f4fbf8;
       border-left: 6px solid #4ec28b;
       border-radius:2px;
       box-shadow: 1px 1px 1px #e1dfdf;
}
.qabox_4 h5{
       width:363px;
       height:40px;
       line-height:42px;
       padding:0 0 0 10px;
       margin:15px 0 0 0;
       background:#f7fbff;
       border-left: 6px solid #5fb0fa;
       border-radius:2px;
       box-shadow: 1px 1px 1px #e1dfdf;
}
.qabox_5 h5{
       width:363px;
       height:40px;
       line-height:42px;
       padding:0 0 0 10px;
       margin:15px 0 0 0;
       background:#fff7f8;
       border-left: 6px solid #ff607b;
       border-radius:2px;
       box-shadow: 1px 1px 1px #e1dfdf;
}
#question h5{
       font-size:13px;
       letter-spacing:3px;
}



.qabox_1 p,.qabox_2 p,.qabox_3 p,.qabox_4 p,.qabox_5 p{
       font-size:12px;
       line-height:18px;
       color:#625e5e;
       letter-spacing:1px;
}

.answer{
       width:350px;
       font-size:12px;
       line-height:18px;
       color:#514d4d;
       letter-spacing:1px;
       margin:10px auto 0 auto;
       padding:10px;
       border:1px dashed #fea7bf;
       border-radius:3px;
}

.sp1a{
   color:#ff607b;
   font-weight:bold;
   text-decoration: underline;
}

.sp1b{
   color:#ff607b;
   font-weight:bold;
}

.sp1c{
   color:#ff9664;
   font-weight:bold;
}
}



.yohakub{
       height:30px;
}

.qabox_1 a{
       color:#633923;
   -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.qabox_2 a{
       color:#633923;
   -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.qabox_3 a{
       color:#633923;
   -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.qabox_4 a{
       color:#633923;
   -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.qabox_5 a{
       color:#633923;
   -webkit-tap-highlight-color:rgba(0,0,0,0);
}