/* CSS Document */

body{
_behavior:url("css/csshover2.htc"); /* for IE6 */
}

*:first-child+html body{
position:relative; /* for IE7 */
}



td {word-break: break-all; vertical-align:top!important}

.size8 {font-size:22px; line-height:26px;}
.size7 {font-size:20px; line-height:24px;}
.size6 {font-size:18px; line-height:22px;}
.size5 {font-size:16px; line-height:20px;}
.size4 {font-size:13px; line-height:18px;}
.size3 {font-size:13px; line-height:20px;}
.size2 {font-size:12px; line-height:14px;}
.size1 {font-size:10px; line-height:16px;}
.size33 {font-size:12px;  line-height:20px;}
.size13 {font-size:13px; line-height:17px;}


.comon .size3 ,
.comon .size1{padding-left:20px;}

body {color: #333;}

.basket center { padding-bottom:50px;}
#main-contents {padding-bottom:60px;}
#main-contents img {max-width:100%;}
#main-contents > center img {width:100%;}
a:hover img{ opacity: 0.7;   transition:all .3s; }


/*.pad { vertical-align:top!important ;}*/

.box {
	width: 100%;
	height: 20px;
	margin: 0px;
	background: #fff;
	box-shadow: 0 4px 2px -3px rgba(0, 0, 0, .5) inset;
}


.red {font-size: 12px; line-height:15px; color: red;}
.borderl {border : 1px solid #bbbbbb;width:75%!important}
.w20 {padding-left:20px;padding-right:20px;padding-top:15px;}
.komado { border : 1px solid #595656;font-size: 13px; line-height:18px; color:#595656; margin-bottom:10px;width:80%;padding:0px 30px 30px 30px ; text-align:left; margin-top:10px}
.komado .title {font-size: 15px; padding:15px  ;color: #595656;text-align:center }
.komado p{font-size: 15px; text-align:left;display:table-cell;padding:10px 0px 0px 0px }
.komado li { font-size:13px; line-height:20px;margin:0px 0px 5px 15px; text-align:left;}
.komado ul{    list-style-type:    square; margin:0;padding:0}
.sss {font-size: 20px; line-height:40px; color: blue;}
.blue {font-size: 12px; line-height:18px; color: #595656;}
.blue2 {font-size: 13px; line-height:17px; color: #595656;}
.blue3 {font-size: 20px; line-height:29px; color: #595656; }

.zassi { line-height:20px; color: #4949B5;}
.head {padding:5px;font-size:11px;line-height:25px; }

#main-contents table {background:#fff;  width:100% ;}
/*#main-contents table td { padding:10px; ;}*/
#main-contents img{ max-width:100%; ;}



table.comon { display:inline-block; width:100% ; height:auto }

table.comon td {padding:4px 0px 4px 4px ;vertical-align:middle;
font-size:13px; line-height:15px;border-bottom: solid 1px #ccc;  }
table.comon td:nth-child(2) {width:35vw; }
table.comon td:nth-child(3) {text-align:center; vertical-align:middle;
width:30vw; }
table.comon .size1 {font-size:12px; line-height:16px;}

.comon tr:nth-child(6) td:nth-child(2) {white-space:nowrap; }

.comon tr:nth-child(2) td:nth-child(1) ,
.comon tr:nth-child(3) td:nth-child(1),
.comon tr:nth-child(4) td:nth-child(1),
.comon tr:nth-child(5) td:nth-child(1) {white-space:nowrap; }


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

.comon tr:nth-child(2) td:nth-child(1) ,
.comon tr:nth-child(3) td:nth-child(1),
.comon tr:nth-child(4) td:nth-child(1),
.comon tr:nth-child(5) td:nth-child(1),
.comon tr:nth-child(6) td:nth-child(1),
.comon tr:nth-child(7) td:nth-child(1)
 {	display:none;}

}

table.size4{ height:200px ; background:#fff; }
table.size4 td{vertical-align:top;}
/*一覧系*/
.c5 {word-break: break-all;}

table.list {background:#fff;}

table.list tr:nth-child(1) td { background:#595656;padding:0px; }

table.list tr:nth-child(1) td:not(:last-child) { border-right: solid 1px #ffffff;}


table.list tr:nth-child(even){ display:none; }

table.list td:nth-child(1) {width:45px!important ; padding-right:4px!important;}

table.list td:nth-child(4)  { white-space:nowrap;   }


table.list td:nth-child(4) ,
table.list td:nth-child(5) , 
table.list td:nth-child(6) , 
table.list td:nth-child(7)  {  }

table.list td:nth-child(8)  { width:70px ; ;padding:0px ; }

table.list td.last { text-align:center;}
input[name="bks"]{ }


table.list td:nth-child(2) {width:85px!important }

table.list tr {border-bottom: solid 1px #ccc; }

table.list td {vertical-align:middle!important; padding:5px;}
table.list td.c1 { text-align:left; padding:10px 10px 10px 0px ; }
table.list td.c1 img {  min-width:45px; }

table.list td.c2 {
	font-size:13px; line-height:20px;
	padding:3 5 3 5px; 
	}
table.list td.c2 a {font-weight:bold}
table.list td.c3 {
	font-size:11px; line-height:17px;
	text-align:center; 
	}
table.list td.c4 {
	font-size:13px; line-height:20px;text-align:center; 
	padding:3 5 3 10px; 
	}
table.list td.c5 {
	font-size:10px; line-height:17px;padding-left:1px;

	}



table.list a { color: #555;}


@media only screen and (max-width: 800px){
table.list td:nth-last-child(2) ,
table.list td:nth-last-child(3) ,
table.list td:nth-last-child(4) ,
table.list td:nth-last-child(5) 
{ display:none }

table.list td:nth-last-child(6) { width:35% }
table.list td:last-child {width:10%!important}

}

.whitet {font-size:12px; line-height:30px; padding:5px;color: #ffffff;}









/*--------------------------------*/


table.gobk {  border: solid 1px #595656;  }
table.gobk td {  vertical-align:top;padding:0px!important  }
table.gobk td:first-child ,
table.gobk td:last-child {  width:5vw ;white-space:nowrap }
table.gobk td:second-child {   }

table.gobk a ,  table.gobk font { color: #595656;  }
table.gobk a:hover { background:#eee; transition:all .3s; text-decoration:none; }

table.gobk td:first-child a {float:right }
table.gobk td:first-child a , table.gobk td:last-child a  
{ font-size:12px;font-weight:bold;  }

.whiteb { color:#fff!important; border:none ;background:#595656; }
.whiteb , table.gobk a , table.gobk font {
font-size:15px; line-height:17px; 
min-width:30px; padding:6px;  text-align:center; 
}

.whiteb , table.gobk a , table.gobk font { float:left; }


@media only screen and (max-width: 700px){
table.gobk td:first-child ,table.gobk td:last-child {  width:1vw }
}

.ken { width:100%; margin-bottom:30px;}
.ken td { background-color:#fff;  text-align:left;padding:5px 10px 0px 10px; }
/*background-color:#f5f3f2; */

/*雑誌の本の詳細*/
table.mag { position:relative;top:-40px; background:#fff; }
table.mag td { padding:5px!important; }
table.mag tr:nth-child(1) td { background:#595656;padding:0px!important; }
table.mag td {border-bottom: solid 1px #ccc; padding:4px;
text-align:left; vertical-align:top; font-size:12px!important; line-height:17px; }
table.mag td.c {  border-right: solid 1px #ffffff; }
table.mag td.c2 {  border-right: solid 1px #ffffff; }
table.mag td.last {text-align:center;}
table.mag td:nth-child(1) { width:5vw!important; text-align:center}
table.mag td:nth-child(2) { width:1vw!important; text-align:center}
table.mag td:nth-child(3) { width:45vw;text-align:left}
table.mag td:nth-child(4) { width:45vw;}
table.mag img{ width:140px; height:178px }

@media only screen and (max-width: 700px){
table.mag td:nth-child(1) ,
table.mag td:nth-child(2) ,
table.mag td:nth-child(3) ,
table.mag td:nth-child(5) { display:none;}



}





/*バスケット*/

.hidden_show table.bas  {margin-top:0px; border-top: solid 0px #595656;  }


table.bas {/*margin-top:3px; */border-top: solid 2px #595656; }
table.bas img { margin:3px; }
table.bas b { font-weight:bold; }
table.bas td:nth-child(1) {  background:#595656;  color:#fff; width:155px ; }
table.bas td { vertical-align:middle; padding:10px 0px 10px 10px !important ; background:#fff; }
table.bas tr:not(:nth-child(16))  {border-bottom: solid 1px #dcdcdc;  }
table.bas tr:nth-child(10) td {  display:none;}



ul.tbl-basket-02 a { font-weight:bold!important; font-size:18px;}
ul.tbl-basket-02  {  width:100%!important; display:table; }
ul.tbl-basket-02 li img { width:599px!important; }


.waku a img {max-width:250px!important}
.waku img:nth-child(2) {
border-bottom: solid 1px #dcdcdc;  border-right: solid 1px #fff; 
width:100% ; 	background:#595656; padding-left:155px ;margin-bottom:30px}

.waku td{ margin:0px ; padding:0px 0px 40px 0px!important;background: #fff;  }
/*background-color:#f5f3f2; */
.waku .size3{font-size:13px; }

.waku table:nth-child(3) td
{padding:0px!important }

.waku table:nth-child(3) td:nth-child(2) {width:100%; text-align:center; white-space:normal }

.waku center table td:nth-child(2) {width:100%; text-align:center; white-space:normal ;}

.white{
background: -moz-linear-gradient(top,  #f5f3f2 20%, #ffffff 20%); 
background: -webkit-linear-gradient(top,  #f5f3f2 20%,#ffffff 20%);
background: linear-gradient(to bottom,  #f5f3f2 20%,#ffffff 20%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f3f2', endColorstr='#ffffff',GradientType=0 ); IE6-9 }



@media only screen and (max-width: 700px){
.waku a img {max-width:49%!important}
.waku img:nth-child(2) {width:100%;padding:0px  ; }

table.bas td:nth-child(1) {padding:5px 15px!important ;width:100% }
table.bas td { clear:both; display:block;padding:15px 0px!important }
table.bas td {border-bottom: none; }
table.bas td:nth-child(2) {  width:auto}

.link_line { font-size:14px!important; line-height:20px!important }

table.bas tr:nth-child(1) input[type="text"] { width : 41vw;}
table.bas tr:nth-child(3) input[type="text"] ,
table.bas tr:nth-child(4) input[type="text"] { width : 42vw;}
table.bas tr:nth-child(5) input[type="text"] { width : 25vw;}

table.bas tr:nth-child(7) input[type="text"] ,
table.bas tr:nth-child(8) input[type="text"] ,
table.bas tr:nth-child(9) input[type="text"] ,
table.bas tr:nth-child(11) input[type="text"] 
{ width : 97%;clear:both; }
}
table.bas td.last a{ color:white;}


.basket {clear:both ; }


/*    ーーーーーーーー2025/06追加ーーーーーーー    */

.bas select{color:#595656;font-size:13px}
.bas div label{display:inline-block;padding:15px; background:#fff;}

img[name='otodoke'] { position:relative;top:-1px; }
select[name="jbs_ex_mm"],select[name="jbs_ex_yy"]{ width:80px!important}

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

.basket img{ width: 170px!important;}
img[name='otodoke'] { width:200px!important; height:40px!important; }
form[name='order'] img{ width:200px!important; height:40px!important;}
.hidden_box label{height:33px!important ;}

table.bas input[type='text'] { max-width:250px;  }

}
@media only screen and (max-width: 700px){
.basket , .basket p{ line-height:15px!important;}
}
@media only screen and (max-width: 500px){
.basket img{ width: 150px!important;}
.basket , .basket p{ line-height:13px!important;font-size:11px!important}
.hidden_box label{height:29px!important ;}


table.bas2 td:nth-child(2) { width:200px;}


table.bas2 input[type='text'] {
width:50px!important; 

}
}
/*    ーーーーーーーー2025/06追加ーーーーーーー    */




.basket {display:block;color:#000;line-height:45px; }


.basket p { padding:0px 0px 0px 10px!important ; font-size:13px; ;line-height:45px;display:table-cell;}
.basket img{ width: 250px  ; float:left; }
.basket .md-btn
{ font-size:13px ; line-height:40px; color:#595656; font-weight:bold ;  margin-left:10px; }
.basket a img{ width: 250px ; height:45px; float:right; }



.basket a:hover  { text-decoration: none;  }
.kakutei_red {font-size: 12px; line-height:15px; color: red;clear:both; padding:20px 0px;}
.kakutei2_red {text-align: left; font-size: 14px; line-height:1.7em; color: red;clear:both; padding:10px 30px 10px 30px;}

.kakutei_red img{ float : none!important; margin:30px }
.kakutei2_red img{ float : none!important; margin:30px }
#p11{    padding: 20px; font-size:15px}

.right100 {float:right; clear:both; width:100%; text-align:right;}

.precautions{padding:10px; line-height:22px}


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

.kakutei_red img{ float : none!important; margin:20px 1px 0px 1px }
.kakutei2_red img{ float : none!important; margin:20px 1px 0px 1px }
}

/*バスケット2*/
/*    ーーーーーーーー2025/06追加ーーーーーーー    */
table.bas2 tr td,table.bas2 tr td b {  line-height:16px;font-size:12px!important }

table.bas2 tr:nth-child(odd){ border-bottom: solid 1px #ccc; }
table.bas2 tr:not(:nth-child(1)) {  background:#fff;  }
table.bas2 tr:nth-child(1) {  background:#595656; }

table.bas2 tr:nth-child(1) td:nth-last-child(3) ,
table.bas2 tr:nth-child(1) td:nth-last-child(2) ,
table.bas2 tr:nth-child(1) td:nth-last-child(1){  text-align:center;  }

table.bas2 tr:nth-child(1) td{ color:#ffffff; }
table.bas2 tr:nth-child(1) td:not(:last-child){ border-right: solid 1px #ffffff;}
table.bas2 td { vertical-align:middle;padding:10px;}
table.bas2 td:nth-child(5) { white-space:nowrap; text-align:right;}/*注文数*/



table.bas2 td:nth-child(6) {  }/*小計*/
table.bas2 tr:nth-last-child(5) td:nth-last-child(2) { }
/*手数料の金額と小計の冊数 ずれている*/

table.bas2 td:nth-child(7) { width:30px ;white-space:nowrap; }/*削除*/

table.bas2 td:nth-child(4) { text-align:left;width:95px; }/*金額と小計と手数料と合計*/

table.bas2 td:nth-last-child(2) .size4 {  padding-left:8px; font-size:14px}/*小計と手数料と合計の金額*/

table.bas2 tr:nth-last-child(5) td:nth-last-child(2) { text-align:left;  }
.basket table.bas2 tr:nth-last-child(5) td:nth-last-child(2) { text-align:right; }
/*basket_top 手数料の金額*/
.basket table.bas2 tr:nth-last-child(5) td:nth-last-child(4) { text-align:right;  }
/*conf 手数料の金額*/

.basket .c2 { letter-spacing: 3px; } /*conf 冊の隙間*/


/*conf　小計と合計の冊*/
.basket table.bas2 tr:nth-last-child(5) td:nth-last-child(2),
.basket table.bas2 tr:nth-last-child(1) td:nth-last-child(2)
 { padding-right: 12px!important; }
@media only screen and (max-width: 700px){
.basket table.bas2 tr:nth-last-child(5) td:nth-last-child(2),
.basket table.bas2 tr:nth-last-child(1) td:nth-last-child(2)
 { padding-right: 0.7rem!important; }
}
/*conf　小計と合計の冊*/






table.bas2 td:nth-last-child(1) {  text-align:left; }/*削除と小計*/


/*
table.bas2 td{ border-right: solid 1px #000;}

*/
table.bas2 tr:nth-child(even) ,
table.bas2 img { display:none;}


table.bas2 input[type='text'] {
width:60px; 
height: 25px;
}

table.bas2 input[type='checkbox'] {
width:22px; 
height: 22px;

}


input[type='checkbox']   {
width:19px; 
height:19px;
  position: relative;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #333;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;
}
input[type="checkbox"]:checked {
  border:none;
  background-image: url("https://www.bookshop-ps.com/img/check.gif");
  background-repeat: no-repeat;
  background-size: cover;
}
input[type='radio']   {
width:19px; 
height:19px;
  position: relative;
  display: inline-block;
  border-radius: 10px;
  border: 1px solid #333;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;
}
input[type="radio"]:checked {
width:19px; 
height:19px;
  border:none;transition:all .2s ;
  background-image: url("https://www.bookshop-ps.com/img/radio.gif");
  background-repeat: no-repeat;
  background-size: cover;
  border: 0px solid #c5051b
}


input   {
padding: 5px 2px;
margin: 0px 3px 0px 0px;
border: solid 1px #dcdcdc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #eee;
outline: 0;
}



table.bas2 select  { width:45px; line-height:13px; }

table.bas input[type='text'] ,
table.bas2 input[type='text'] { margin: 3px; padding:5px}
table.bas select  { width:160px; height:30px }

table.bas select , table.bas2 select{
	background: url(https://www.bookshop-ps.com/arrow02.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#fff 100%);

	background: url(https://www.bookshop-ps.com/img/arrow02.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#fff 100%);
	background-size: 20px, 100%;
margin: 3px;  padding:5px
}
/*
border: solid 1px #dcdcdc;

*/
select option {

}
select {	
margin-right:5px; 
padding: 0px 5px 0px 10px;
height: 25px; line-height:20px;
border: solid 0px #dcdcdc;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}





table.bas2 .kaimono a,
table.bas2 .saikeisan a 
{ font-size:13px ; line-height:17px; color:#ffffff; font-weight:bold ;  text-align:center; 
padding:6px 29px;  border-radius: 3px  ; -ms-border-raduis: 3px;
margin:5px 0px;  }

table.bas2 .kaimono a { background:#595656;  float:left;} 
table.bas2 .saikeisan a{ background:#595656;  float:right;} 

table.bas2 .kaimono a:hover ,
table.bas2 .saikeisan a:hover
 { background:#7f7b7b; text-decoration: none;  transition:all .3s;  }

.order {  clear:both ; width:100%;text-align:right;
padding:20px 10px 25px 0px ; }
.order a { } 
.order img { width:250px; }


.awsete { background-color:#fff!important; display:inline-block; 
border : 2px solid #f7639b;	padding:10px;margin-top:20px;
color:#f7639b; font-weight:bold; font-size:16px; clear:both;
/*padding-left:40px; 
position:relative; background:url("https://www.bookshop-ps.com/img/bikkuri.png") no-repeat 3px 3px;
background-size   : 35px 35px;*/
}

@media only screen and (max-width: 700px){
table.bas2 td:nth-child(2) {padding-left:5px!important}
table.bas2 td:nth-child(7) {padding-right:10px!important; }
table.bas2 tr:nth-child(odd):not(:last-child) td:nth-child(1) { display:none;}

table.bas2 td:nth-child(3) { display:none;}

table.bas2 td{padding:5px!important}
table.bas2 td:nth-child(4) {  width:85px }/*金額・列*/
table.bas2 tr:nth-last-child(3) td:nth-last-child(2) { 
 }/*手数料・送料*/

.order  { text-align:center; padding:20px 20px 20px 20px ;}
.order a { width:100%; }
.awsete {margin:20px 0px}
.basket table.bas2 tr:nth-last-child(1) td:nth-child(1) {  display:none; }

.basket table.bas2 td:nth-last-child(1){  width:80px }
}







.hs3{margin:5px 5px 5px 5px;}


/*.toku {margin:0 11 0 17px; padding:0 10 5 10px;  line-height:16px;}*/
.toku2 {margin:0 15 0 15px; padding:0 10 5 10px;  line-height:16px; color:red}
.toku3 {margin:0 11 0 17px; padding:0 10 5 10px; font-size:13px; line-height:20px;}




/*お問い合わせ*/
table.inq td {font-size:13px; line-height:20px;border-bottom: solid 2px #ffffff;}
table.inq td.c1 {text-align:left;  padding:15px; }
table.inq a { color: blue;}
table.inq a:hover { color: #47B1D6;}

/*お問い合わせフォーム*/
table.form td {border-bottom: solid 1px #858585;  line-height:16px;
padding:10 0 10 0px}
table.form td.c2 {font-size:11px; line-height:17px;}

/*初めての方*/
table.first td { line-height:20px;}
table.first td.c1 {font-size:14px; line-height:20px;}
table.first a { color: blue;}
table.first a:hover { color: #47B1D6;}

/*best5*/
table.best5 td {font-size:13px; line-height:20px;padding:3px 0px 3px 0px;}
table.best5 td.c2 {padding:3px 5px 3px 5px;}
table.best5 td.c1 {padding:5px;text-align:left}

.imag {border : 1px solid #bbbbbb; margin:0px 10px 8px 0px;}
.p630 {width:630px}
table.sugg {width:630px}
table.sugg td {padding:3px 0px 3px 0px; line-height:16px;}
table.sugg td.c1 {padding:10px 0px 10px 10px;}

.topcach{display:none}
.topcach td{ padding:0px!important; }
.topcach img{display:none}


@media only screen and (max-width: 700px){
.topcach td{ padding:0px 10px!important; }
}



/*あなたにオススメ*/

.lyt-recommend-02 {
margin-top:30px;
padding:20px 0px  ;
width:100%; 

}

#recommend    {
width:100%; text-align:left;
font-size:15px; line-height:30px;
color:#595656; font-weight:bold;
border-bottom : 2px solid #595656; 
}

.slide_selector a img { border: solid 1px #ccc; }
.slide_selector .img { min-height:160px ;width:100%; }
.slide_selector li { text-align:center;margin:0px 5px; font-size: 10px;background-color: #fff;}
.slide_selector span { display:inline-block; }

.slide_selector {
	padding-top:30px;
	padding-bottom:10px;
}

.slide_selector img{
	width:100px!important;
	margin: auto;

}
.slide_selector a{ font-size: 12px;font-weight:bold; }









/*-------------プログラムが変えれないためかなり特殊な状態
------------------------------------------------------------------------------*/
form table:first-child {width:100%; }
/*background-color:#f5f3f2; */

form table:first-child td:nth-child(2) img{ }
form table:first-child td:nth-child(2) .size2 {}
img[name="pbas"]{ float:right;height:30px;  margin-bottom:5px}

img[name="pbas2"]{ padding: 10px 0px; height:50px; }




.comon img[name="pbas"]{ float:none;height:35px;margin:20px 0px 5px 5px }

#main-contents .size2{ margin:7px 0px; }

.hdg-text-01 { width:60vw; max-width:750px}
.hdg-text-01 h1{ font-size:16px; }
.hdg-text-01 b{ color:#555555;font-weight:bold; font-size: 15px; }
.hdg-text-01 a {
	float:right;
	margin-left:15px;
	line-height:15px;
	font-size: 11px;
	color:#166471;
	text-decoration: none;
}
.hdg-text-01 a:hover {color:#208d9f;}

@media screen and (min-width:850px) and ( max-width:900px) {

.hdg-text-01 { width:58vw;}
.hdg-text-01 h1{ font-size:15px; }

}

@media only screen and (max-width: 849px){
.hdg-text-01 { width:65vw; background:#fff}
.hdg-text-01 h1{ font-size:15px;}
#main-contents a.size2{ margin:0px 0px 3px 0px ; clear:both; float:left; }
.comon img[name="pbas"]{ margin-top:20px;}

}
@media only screen and (max-width: 650px){
.hdg-text-01 { width:55vw; }
}

@media only screen and (max-width: 500px){
.hdg-text-01 { width:49vw; }
}

.none{ border-top: solid 2px #595656; 
border-bottom: solid 1px #dcdcdc; clear:both;
padding-bottom:40px; margin-bottom:50px;
display:block; background:#fff}





#guidebody,
#guidebody2 {background:#fff;
max-width:820px;
font-size:14px;line-height:23px;
text-align:left;

padding:20px;
}

#guidebody{ }


#guidebody,
#guidebody li,
#guidebody ul,
#guidebody table td
{ font-size:14px;line-height:23px; }

#guidebody p { background:#595656; font-size:18px;  color:#fff; padding:8px ; font-weight:bold;text-align:center; }


#guidebody span {padding:15px; display:block}


#guidebody ul li:before {
position:relative; 
display: inline-block;
background:url("img/ten.gif") no-repeat 3px 3px;
background-size   : 25px 25px;
}
/*content: "■"; */
#guidebody li:before { color:#595656; font-size:23px; margin-left:-15px}
#guidebody li{ margin-left:15px; list-style-type: square}
#guidebody ul{ list-style-type: none; }

#guidebody a ,  #guidebody a b, #guidebody2 a 
{  color:#595656;}

#guidebody b{font-weight:bold }
.heading{font-weight:bold;  background:#7fb4ce; display:inline-block;padding:5px 10px;width:100%;margin-bottom:10px; }
#guidebody table{width:100%; }
#guidebody table td{font-size:14px line-height:22px}


#guidebody h1{ width:40%; }
#guidebody h2{ margin:0px;color:blue;line-height:26px; width:90%;float:left; }
#guidebody h3{ margin:0px;color:blue; width:100%;float:left;  }
#guidebody h4{ width:30%;text-align:center; }




#guidebody #kiyaku a {float:right; color:white}

#guidebody 
#modal1 ul , #modal2 ul {
    padding-left: 13px;   margin: 0;text-align: left;
}

.foms {border: solid 1px #8E8E8E; font-size:13px;line-height:24px;
padding:0px; margin:0px; }

.foms2 {border: solid 1px #8E8E8E; text-align: left; }

#guidebody2 Iframe{margin:0px; width:100%;height:80%} 






.marumoji { color:red; font-weight:bold;font-size:20px;
float:left; 
margin-right:3px; display:inline-block; overflow:hidden; clear:both;}

.sample {width:100%; border: solid 1px #8E8E8E; }


#yokuarutoi { text-align:center; }
#yokuarutoi i {display:inline-block;
color:#595656;font-size: 20px;font-weight:bold;
transform: scale( 1.3 , 0.7   );
}
#yokuaru{

text-align:center;
border : 1px solid #000000;

}
#yokuaru p{background-color:#c8d5dc;
padding:15px 0px 15px 0px ;
line-height: 1.3; color:#595656;
font-size: 18px;font-weight:bold;
}
div#yokuaru b{
color:#ffffff;display:block;
padding:5px ;
background-color:#595656;
font-size: 16px;font-weight:bold;
}

#yokuaru u{
padding:15px ;
line-height: 1;
width:60%;
display:inline-block;
background-color:#fff; 
font-size: 16px;
color:#595656;
border : 2px solid #595656;
text-decoration:none;
}

#yokuaru i {
transform: scale( 0.9 , 0.5   );
display:inline-block;
line-height: 0.5;color:#595656;
padding:10px 0px 10px 0px ;
}

#yokuaru img {
width:100px
}

div#yokuaru dd button{/*submit*/
	display:inline-block;
	background:#8cbfdb;
	margin-top:20px;	color:#595656;
	width:55px;
	height:35px;
	line-height:28px;font-size:16px; font-weight:bold;
	border:none;
	border-radius: 0 10px 10px 0;
}
div#yokuaru dd button:hover {/*submit*/
	background:#8cbfdb;
}
div#yokuaru dd button span{/*submit*/
	display:block;
	color:#FFF;
}




#bskt
{margin-bottom:5px;
padding:8px 15px 7px 15px ;
color:white;line-height: 1;
font-weight:bold;
background-color:#595656;
display:inline-block;
}



.faq_header{ padding:0px 20px;max-width:820px;width:100%; background:#fff; clear:both;}
.faq_header img{ width:100%;}


.close img {
	width: 200px;margin:5px
}



@media only screen and (min-width:800px){
.s_size{width:780px}

}




.faq { padding:20px; display:inline-block; max-width:820px;background:#fff; }

.faq p { background:#595656; font-size:20px;  color:#fff; padding:5px ; font-weight:bold; }

.faq li , .faq li a  { font-size:14px; padding:10px 0px 10px 5px ; color:#595656; text-decoration:none; }
.faq li { background:#fff; float:left; display:inline-block;
text-align:left;border-bottom: solid 1px #dcdcdc; }
.faq li { width:50%;}
.odd58 li:nth-child(even) { width:42%;}
.odd58 li:nth-child(odd) { width:58%;}

.faq li img{ height:30px; vertical-align: middle; }
.faq li p{ display:inline-block; text-align: center;}
.faq li a { font-size:14px; }
.faq li {float:left; height:35px;}
/*
.faq li:nth-child(1):before{content:"Ｑ 1."}
.faq li:nth-child(2):before{content:"Ｑ 2."}
.faq li:nth-child(3):before{content:"Ｑ 3."}
.faq li:nth-child(4):before{content:"Ｑ 4."}
.faq li:nth-child(5):before{content:"Ｑ 5."}
.faq li:nth-child(6):before{content:"Ｑ 6."}
.faq li:nth-child(7):before{content:"Ｑ 7."}
.faq li:nth-child(8):before{content:"Ｑ 8."}
.faq li:nth-child(9):before{content:"Ｑ 9."}
.faq li:nth-child(10):before{content:"Ｑ10."}
.faq li:nth-child(11):before{content:"Ｑ11."}
.faq li:nth-child(12):before{content:"Ｑ12."}
.faq li:nth-child(13):before{content:"Ｑ13."}
.faq li:nth-child(14):before{content:"Ｑ14."}
.faq li:nth-child(15):before{content:"Ｑ15."}
.faq li:nth-child(16):before{content:"Ｑ16."}
.faq li:nth-child(17):before{content:"Ｑ17."}
*/

@media only screen and (max-width: 550px){
.faq  { width:100%!important }
.faq li {clear:both!important;width:100%!important;height:25px!important ; }
.faq li , .faq li a { font-size:13px; padding:3px!important ; }

.faq li:nth-child(18) {display:none;}


.heading{width:110%;}
}







.hidden_box, .hidden_box p {
    margin: 0;
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
display:block;color:#000;line-height:45px;
    cursor :pointer;
    transition: .5s;
border-bottom: solid 2px #595656; 
}
.hidden_box label img{ margin-right:10px }
/*アイコンを表示*/
.hidden_box label:before {
}

/*ボタンホバー時*/
.hidden_box label:hover {
    opacity: 0.6;
}

/*チェックは見えなくする*/
.hidden_box input[type=checkbox] {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked + label + .hidden_show {
    padding:  0;
    height: auto;
    opacity: 1;
}

@media only screen and (max-width: 455px){
/*ボタン装飾*/
.hidden_box label {

}

}




.s_guest { width:400px; display:block; font-size:17px;letter-spacing: 1px; padding:10px; ;text-align:left;background:#fff;margin-top:15px;font-weight:bold;color:#666;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}



/*font-weight:bold;font-weight: 600;*/

.s_login {  background: #e60000; text-align:center;padding:15px ;}

.s_login div {  display: inline-block;width:100%;
background: #fff; text-align:center;padding:25px ; border-radius: 30px;
color:#666;font-size:18px;font-weight: 600;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}
.s_login hr {
  height: 0;

  padding: 0;
  border: 0;
width:350px; border-top: 2px solid #dad691;margin:15px 0px; display: inline-block;}

.s_login p {  border-radius:65px;border: solid 8px #e60000; display: inline-block;}

.s_login span {
  position: relative;
  top: 0;
  display: inline-block;
  padding:25px 20px; letter-spacing:0.1rem; 
  background: #e60000;
  border-radius: 50px;
  font-size: 25px; color: #fff;font-weight:bold;
  text-decoration: none;
  transition: .2s ease-in-out;
border: solid 5px #fff; 
}

.s_login img {height: 95px; margin-bottom:10px}
 a .s_login:hover { opacity: 0.6;   transition:all .3s; }
 a .s_login:hover img { opacity: 1; }
.s_login a:hover {text-decoration:none;}


/*.s_login a:hover {
  top: 5px; 
  box-shadow: 0 0 #4C0F13;
}
*/


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

.s_login div { font-size: 15px; padding:25px 15px; }
.s_login span {   font-size: 18px; padding:10px;   ;}

.s_login hr {width:70%; }
.s_guest { width:100%;padding:0px;  }


}




.hidden_box input[type=radio] {
margin-top:10px;vertical-align:bottom
}
.hidden_box label p {
font-size:13px;}
@media only screen and (max-width:650px){
.hidden_box label , .hidden_box label p {
font-size:12px;line-height:17px;height:47px;
}
}




.motto {  text-align:center; }
.motto b {width:200px; display:inline-block ;color:#fff; font-weight:bold;line-height:23px;background: #555; font-size:18px; padding:5px ; border-radius: 5px ;   cursor :pointer;
font-family:"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W8",sans-serif;}

.motto b:hover { opacity: 0.7;   cursor :pointer;transition:all .3s; }
.motto input {display: none!important;}

.motto ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.motto label  {  transition: 1s all linear; }
.motto li {    text-align:left;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
#motto_bar01:checked ~ #links01 li   {
    height: auto;  
    opacity: 1;
}
.cart { width:100%;text-align:center;margin-top:20px; }
.cart img{height:40px!important}
.cart a{display:inline-block;background: #8cbfdb;
padding:3px ;border-radius: 5px ;  width:400px; color:#000;line-height:40px;font-size:25px;font-weight:bold;
font-family:"ヒラギノ角ゴ Pro W8","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6",sans-serif;}
.cart a:hover {opacity: 0.7;  cursor :pointer; transition:all .3s; text-decoration:none; }


.midashi2{ width:100%; text-align:left; clear:both; float:left;margin-bottom:20px;
background: url(../img/dashed.png) 10px 15px repeat-x;
background-size: 15% 20px;
}
.midashi2 img { width: 192px; float:left; margin-bottom:12px; border-right: 10px solid #fff; }

.character img{border:1px solid #595757;margin-bottom:20px}


.zaiko {background: #fff; width:150px;float:right; margin-top:40px;  }
.zaiko a{font-size:15px; line-height:23px;;  width:150px; }



.pad  { text-align:center; width:240px;}
.pad  { padding-right:20px;}

.share p img{  width:100%;padding:20px 45px 0px 45px }

.share *{float:left;}
.share img{width:70px;}
.share a:nth-child(3){margin:0px 5px; ;}





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

.borderl {width:100%!important;min-width:90px; }
.pad  {width:150px;text-align:center;white-space:nowrap;background: #fff;padding:0px 10px 0px 0px !important}
.pad img  {width : 140px;}

.share p img{ width:100%;padding:20px 8px 0px 8px!important }

.share a img{width:70%;;margin:3px ;margin-left:20px}
.share a:nth-child(3){margin:0px;}


.cart a{width:230px;font-size:22px;}
.zaiko a{font-size:15px; line-height:23px;;  width:150px; }

.common table td { padding:5px; ;}
.motto b {width:120px; font-size:14px; padding:5px ;}

}


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

.share a img{width:90%;margin-left:5px}
}


/* add:2024-03-13 MLS */
.filecontetns100500{
    width: 100%;
    margin: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 20px;
}
.filecontetns100500.open{
    height: auto;
    overflow: unset;
    padding-bottom: 70px;
}
.mottomotto{
    background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(255, 255, 255, 0.5), white) repeat scroll 0 0;
    width: 100%;
    padding: 30px 0 10px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease-in;
}
.filecontetns100500.open .mottomotto{
    background: none;
}
.mottomotto span{

    width:200px;
    display:inline-block;
    color:#fff;
    font-weight:bold;
    line-height:23px;
    background: #555; 
    font-size:18px;
    padding:5px;
    border-radius: 5px;
    cursor :pointer;
    font-family:"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W8",sans-serif;
}
.mottomotto span::after{
    content: '+ さらに見る';
}
.filecontetns100500.open .mottomotto span::after{
    content: '- 閉じる';
}
/* add:2024-03-13 MLS */

@media only screen and (min-width: 800px){
.lr50{width:80%}

}
input[type='radio']   {vertical-align: sub; }
#shoidcheck input{ vertical-align: sub; }




 .shorinsha{background:#2d9be9;color:#ffffff; font-size: 1.5em; text-align:center;margin-bottom:15px;padding:5px}





@media only screen and (max-width: 950px){
.menu3sai { display: block!important;}
.menu-item {float:left;width:calc(100% / 6 ); font-size:15px!important;padding-bottom:5px!important}
}
@media only screen and (max-width: 750px){
.menu3sai { display: block!important;}
.menu-item {float:left;width:calc(100% / 4 ); font-size:13px!important;padding-bottom:5px!important}
}

.menu3sai {justify-content: center;align-items: center; 
 list-style: none;
 padding: 0;
margin: 0;
display: flex;
gap: 16px;
}
.menu-item {white-space:nowrap;font-size:16px;
color: #aaa; 
letter-spacing: -0.02em; 
}
.menu-item a {
color: inherit;
text-decoration: none;
}
.arrow {
 display: inline-block;
 margin-right: 1px;
}
.menu-item.active {
 color: #000;
}
.menu-item.active .arrow {
transform: rotate(90deg);
}