body{
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	font-family: Verdana, Roboto, "Droid Sans", YuGothic, Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 16px;
	line-height: 2.0em;
	color: #666666;
	background-color:#edf5f8;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}

a:link{text-decoration: none; color:#996600;}
a:visited{text-decoration: none; color:#996600;}
a:hover{text-decoration: none; color:#990000;}

p {
   margin: 1em 0px;   /* ???1em????0px */
}

.highlightLink:link {text-decoration: none; color:#ffffff;}
.highlightLink:visited {color:#ffffff;}
.highlightLink:hover {text-decoration: none; color:#FF9900;}

.white-font{color: #fff;}
.white-font16{color: #fff; font-size: 16px;}
.white-font18{color: #fff; font-size: 18px;}
.font18 {font-size: 18px;}
.font17 {font-size: 17px;}
.font16W {color: #FFFFFF; font-size: 16px;}
.font16P {color: #FFCCCC; font-size: 16px; font-weight: bold;}
.font16Y {color: #FFFF00; font-size: 16px; font-weight: bold;}
.font15 {font-size: 15px;}
.font14R {font-size: 14px; color: red; }
.tomato {color: #FF6347}

.font11 {font-size: 11px;}
.font11W {color: #FFFFFF; font-size: 11px;}
.font12 {font-size: 12px;}
.font12W {color: #FFFFFF; font-size: 12px;}
.font13 {font-size: 13px;}
.font13B {color: #000000; font-size: 13px;}
.font13W {color: #FFFFFF; font-size: 13px;}
.font14 {font-size: 14px;}
.font14B {color: #000000; font-size: 14px; font-weight: bold;}
.font14W {color: #FFFFFF; font-size: 14px;}
.font14WB {color: #FFFFFF; font-size: 14px; font-weight: bold;}
.font16 {font-size: 16px;}
.font16BB {color: #000000; font-size: 16px; font-weight: bold;}
.font16W {color: #FFFFFF; font-size: 16px;}
.font16LGB {color: #ccff33; font-weight: bold;}
.font24 {font-size: 24px; font-weight: bold;}
.font28R {color: #FF0000; font-size: 28px; font-weight: bold;}}

h1{font-size:16px; color: #FFFFFF; font-weight: bold; margin-bottom:0px; margin-top:0px; margin-left: 1px; margin-right: 1px; padding: 3px; background-color: #285763; text-align:center}
h2{font-size:16px; color: #000000; font-weight: bold; margin-bottom:0px; margin-top:0px}
h3{font-size:16px; color: #FFFFFF; font-weight: bold; margin-bottom:0px; margin-top:0px; padding: 3px 15px; background-color: #3C5A99; border-top-right-radius: 9px; border-top-left-radius: 9px;text-align:left; text-align:center}
h4{font-size:16px; color: #FFFFFF; font-weight: bold; margin-bottom:0px; margin-top:0px; padding: 3px; background-color: #253e74; text-align:center}
h5{font-size:16px; color: #FFFFFF; font-weight: bold; margin-bottom:0px; margin-top:0px; padding: 3px; background-color: #5176c8; text-align:center}
h6{font-size:16px; font-weight: bold; margin-bottom:0px; margin-top:0px; padding: 2px; background-color: #edf5f8; text-align:center}

img {border: none;}

.dotline {
   border-bottom: 2px dotted #999;
   margin-top: 6px;       /* 上線の外側の余白 */
   padding-top: 0px;      /* 上線の内側の余白 */
   margin-bottom: 6px;  /* 下線の外側の余白 */
   padding-bottom: 0px; /* 下線の内側の余白 */
}

.spacer10{
	width: 100%;
	height: 10px;
	margin: 0px 0px;
	padding: 0px;
}

.spacer-10{
	width: 100%;
	height: 0px;
	margin: 0px 0px -10px 0px;
	padding: 0px;
}
.spacer-9{
	width: 100%;
	height: 0px;
	margin: 0px 0px -9px 0px;
	padding: 0px;
}

.spacer7{
	width: 100%;
	height: 7px;
	margin: 0px 0px;
	padding: 0px;
}

.spacer8{
	width: 100%;
	height: 8px;
	margin: 0px 0px;
	padding: 0px;
}

.spacer10W{
	width: 100%;
	height: 10px;
	margin: 0px 0px;
	padding: 0px;
	background-color: #ffffff;
}

.spacer5LB{
	width: 100%;
	height: 5px;
	margin: 0px 0px;
	padding: 0px;
	background-color: #edf5f8;
}

.spacer7LB{
	width: 100%;
	height: 7px;
	margin: 0px 0px;
	padding: 0px;
	background-color: #edf5f8;
}
.spacer10LB{
	width: 100%;
	height: 10px;
	margin: 0px 0px;
	padding: 0px;
	background-color: #edf5f8;
}

.spacer20LB{
	width: 100%;
	height: 20px;
	margin: 0px 0px;
	padding: 0px;
	background-color: #edf5f8;
}

.spacer20{
	width: 100%;
	height: 20px;
	margin: 0px 0px;
	padding: 0px;
}

.spacer1{
	width: 100%;
	height: 1px;
	margin: 0px 0px;
	padding: 0px;
}

.spacer3{
	width: 100%;
	height: 3px;
	margin: 0px 0px;
	padding: 0px;
}

.spacer-3{
	width: 100%;
	height: 0px;
	margin: 0px 0px -3px 0px;
	padding: 0px;
	background-color: #ffffff;
}

.spacer-6{
	width: 100%;
	height: 0px;
	margin: 0px 0px -6px 0px;
	padding: 0px;
	background-color: #ffffff;
}

.spacer-16{
	width: 100%;
	height: 0px;
	margin: 0px 0px -16px 0px;
	padding: 0px;
	background-color: #ffffff;
}


.spacer-30{
	width: 100%;
	height: 0px;
	margin: 0px 0px -30px 0px;
	padding: 0px;
	background-color: #ffffff;
}

.spacer5{
	width: 100%;
	height: 5px;
	margin: 0px 0px;
	padding: 0px;
}

.spacer5W{
	width: 100%;
	height: 5px;
	margin: 0px 0px;
	padding: 0px;
	background-color: #ffffff;
}

.search{
	width: auto;
	max-width:  width: 260px;
	border: solid 1px #ccc;
	margin: 0px 0px 10px;
	padding: 10px 5px 10px;
	background-color: #CEE3F6;
	background-image: url("https://www.mamejiten.com/assets/images/art/search.jpg"); 
	background-size:auto;
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* ----- パンくずリスト ----- */
#breadcrumbs{
	height:25px;
	background-color:#fff;
}

/* ----- ヘッダー ----- */
#header {
height:90px;
background-color:#fff;
}

#header2 {
height:80px;
background-color:#fff;
}

#header3 {
height:43px;
margin-top:-10px;
background-color:#fff;
}

#header4 {
height:33px;
margin-top:-10px;
background-color:#fff;
}

#header5 {
height:100px;
background-color:#fff;
}

/* ----- ナビ ----- */
#navigation {
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
	height:45px;
	background-color: #6eb3c4;	/* --medddium cyan-- */
	margin-top:1px;
	margin-bottom:3px;
}

/* ----- メイン ----- */
#content { 
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
	min-height:450px;
	height:auto; 
	margin-top:0px;
}

#photoM { 
	width: 100%;
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
	height:auto; 
	margin-top:0px;
}

#photoN { 
	width: 100%;
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	height:auto; 
	margin-top:0px;
}

#photoS1 { 
	max-width: 32.5%;
	margin-right: 5px;
	margin-left: auto;
	height:auto; 
	margin-top:0px;
	float:left;
}

#photoS2 { 
	max-width: 32.5%;
	margin-right: 2px;
	margin-left: auto;
	height:auto; 
	margin-top:0px;
	float:left;
}

#photoS3 { 
	max-width: 32.5%;
	margin-right: auto;
	margin-left: auto;
	height:auto; 
	margin-top:0px;
	float:right;
}

/* ----- フッダー ----- */
#footer { 
height:65px;
background-color:#80bccb;
margin-top:10px;
clear:both;
}

li.4col {
  width : 25% ; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(100% / 4) ;
  width : calc(100% / 4) ;
}

.col4 {
  display: flex;
}

.col4 li {
  width: calc(100% / 4);
}

.col4 li a:hover{
  background: #6eb3c4;
  text-decoration: none;
}

.header{
	width: 100%;
	height: 2px;
	margin: 0px 0px;
	padding: 0px;
	background-color: #336600;
}

ul,
li {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}

li {
  background: #3b8091;
  text-align: center;
  padding: 4px 0;
  border: 1px solid #fff;
}


.box1 {
	border: solid 1px #999; border-collapse: collapse;
	width: auto;
	max-width: 100%;
	margin: 0px;
	padding: 15px;
	background-color:#fff;
	clear: both;
}

.box10 {
	border: none; border-collapse: collapse;
	width: auto;
	max-width: 100%;
	margin: 0px;
	padding: 0px;
	background-color:#fff;
	clear: both;
}

.box10H {
	border: dotted 2px #8EA7DB; border-collapse: collapse;
	width: auto;
	max-width: 100%;
	margin: 0px;
	padding: 0px;
	background-color:#fff;
	clear: both;
}

.box1R {
	border: dashed 2px #999; border-collapse: collapse;
	border-radius: 9px;
	width: auto;
	max-width: 100%;
	margin: 0px;
	padding: 10px;
	background-color:#fff;
	clear: both;
}

.box1HR {
	border: dotted 2px #8EA7DB; border-collapse: collapse;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px;
	width: auto;
	max-width: 100%;
	margin: 0px;
	padding: 10px;
	background-color:#fff;
	clear: both;
}

.box1H {
	border: dotted 2px #8EA7DB; border-collapse: collapse;
	width: auto;
	max-width: 100%;
	margin: 0px;
	padding: 10px;
	background-color:#fff;
	clear: both;
}

.box11 {
	border: solid 1px #CCC; border-collapse: collapse;
	width: auto;
	max-width: 100%;
	margin: 0px;
	padding: 1px;
	background-color:#fff;
	clear: both;
}

.box2 {
	border: dashed 2px #6eb3c4; border-collapse: collapse;
	border-radius: 9px;
	width: auto;
	margin: 0px;
	padding: 10px;
	background-color:#f1f8ff;
	clear: both;
}

p.box2 {
   border-bottom: #6eb3c4;
   margin-top: 10px;       /* 上線の外側の余白 */
   padding-top: 0px;      /* 上線の内側の余白 */
   margin-bottom: 10px;  /* 下線の外側の余白 */
   padding-bottom: 0px; /* 下線の内側の余白 */
}

.box20 {
	border: dashed 2px #6eb3c4; border-collapse: collapse;
	border-radius: 9px;
	width: auto;
	margin: 0px;
	padding: 0px;
	background-color:#f1f8ff;
	clear: both;
}

.box25 {
	border: dotted 2px #24355c; border-collapse: collapse;
	border-radius: 9px;
	width: auto;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	background-color:#3C5A99;
	clear: both;
}

.box45 {
	border: dotted 2px #24355c; border-collapse: collapse;
	border-radius: 9px;
	width: auto;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	background-color:#7e97cd;
	clear: both;
}

.box3 {
	border: dashed 2px #446600; border-collapse: collapse;
	border-radius: 9px;
	width: auto;
	margin: 0px;
	padding: 10px;
	background-color:#f7ffe6;
	clear: both;
}

p.box3 {
   border-bottom: #446600;
   margin-top: 10px;       /* 上線の外側の余白 */
   padding-top: 0px;      /* 上線の内側の余白 */
   margin-bottom: 10px;  /* 下線の外側の余白 */
   padding-bottom: 0px; /* 下線の内側の余白 */
}

.box30 {
	border: dashed 2px #446600; border-collapse: collapse;
	border-radius: 9px;
	width: auto;
	margin: 0px;
	padding: 0px;
	background-color:#f7ffe6;
	clear: both;
}

.line {
   border-bottom: 1px solid #ccc;
   margin-top: 12px;       /* 上線の外側の余白 */
   padding-top: 0px;      /* 上線の内側の余白 */
   margin-bottom: 6px;  /* 下線の外側の余白 */
   padding-bottom: 0px; /* 下線の内側の余白 */
}

table.type13 {border: solid 1px #CCCCCC; border-collapse: collapse;}
table.type13 tr td {
padding:3px;
border:solid 1px #ccc;
}

table.type15 {border: solid 1px #CCCCCC; border-collapse: collapse;}
table.type15 tr td {
padding:5px;
border:solid 1px #ccc;
}

table.type111 {border: solid 1px #CCCCCC; border-collapse: collapse;}
table.type111 tr td {
padding:11px;
border:solid 1px #ccc;
}

table.dic {
	border: solid 3px #fff; border-collapse: collapse;
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}

table.R td a {display: block; width:100%; height:100%}
td.R  {background-color: #ebebe0; text-indent:0.1em;} /* very light gray */
td.R:hover {background-color:#FC0;} /* light orange */

table.green td a {display: block; width:100%; height:100%}
td.green  {background-color: #394d00; text-indent:0.1em;} /* dark green */
td.green:hover {background-color:#e6ff99;} /* very light green */

table.lgreen td a {display: block; width:100%; height:100%}
td.lgreen  {background-color: #77b300; text-indent:0.1em;} /* green */
td.lgreen:hover {background-color:#bfff00;} /* very light green */

table.lightgreen td a {display: block; width:100%; height:100%}
td.lightgreen  {background-color: #f7ffe6; text-indent:0.1em;} /* very very green */
td.lightgreen:hover {background-color:#FC0;} /* light orange */

table.blue td a {display: block; width:100%; height:100%}
td.blue  {background-color: #668ad8; text-indent:0.1em;} /* dark blue */
td.blue:hover {background-color:#99bbff;} /* very light blue */

table.lightblue td a {display: block; width:100%; height:100%}
td.lightblue  {background-color: #f1f8ff; text-indent:0.1em;} /* very light blue */
td.lightblue:hover {background-color:#FC0;} /* light orange */

table.cyan td a {display: block; width:100%; height:100%}
td.cyan  {background-color: #6eb3c4; text-indent:0.1em;} /* cyan*/
td.cyan:hover {background-color:#a4cfda;} /* light cyan */

table.dic td a {display: block; width:100%; height:100%}
td.dic  {background-color: #8a8a5c; text-indent:0.1em;} /* brown*/
td.dic:hover {background-color:#FC0;} /* light orange */

table.sky td a {display: block; width:100%; height:100%}
td.sky  {background-color: #8EA7DB; text-indent:0.1em;} /* sky blue*/
td.sky:hover {background-color:#a4cfda;} /* light cyan */

table.pink td a {display: block; width:100%; height:100%}
td.pink  {background-color: #FF9999; text-indent:0.1em;} /* pink*/
td.pink:hover {background-color:#a4cfda;} /* light cyan */


table.A {
	border: dashed 2px #4390a3; border-collapse: separate;
	-webkit-border-radius:9px;
 	-moz-border-radius:9px;
 	border-radius:9px;
	width: auto;
	max-width: 800px;
	margin: auto;
	background-color:#dbecf0; /* very very light cyan */
	clear: both;
}

table.A th {
    padding: 5px;
    vertical-align: top;
    border: 1px dashed #ccc;
}

table.A td {
	width: auto;
    padding: 5px;
    vertical-align: top;
    border: 1px dashed #ccc;
}

td.A {background-color: #dbecf0;} /* very light cyan */
td.A:hover {background-color: #ffd633;} /* light orange */

.eighty{
	width: 80%;
	margin-left: 40px;
}

.ninety{
	width: 90%;
	margin-left: 20px;
}

.rightT{
	float: right;
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 7px;
}

.phr{
	float: right;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 7px;
}

.phr0{
	float: right;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 20px;
}

.phr5{
	float: right;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.right350 {
	border: solid 1px #fff; border-collapse: separate;
	width: 350px;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom:30px;
	padding: 0px;
	background-color:#fff;
	float: right;
}

.T1 {
	border: none; border-collapse: separate;
	width: 49%;
	min-width: 360px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom:10px;
	padding: 0px;
	background-color:#fff;
	float: left;
}

.T2 {
	border: none; border-collapse: collapse;
	width: 49%;
	min-width: 360px;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom:10px;
	padding: 0px;
	background-color:#fff;
	float: left;
}

.ad {
	border: solid 1px #fff; border-collapse: separate;
	width: 340px;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom:30px;
	padding: 0px;
	background-color:#fff;
	float: right;
}

.adB1 {
	border: none; border-collapse: separate;
	width: 350px;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom:10px;
	padding: 0px;
	background-color:#fff;
	float: left;
}


.adB2 {
	border: none; border-collapse: collapse;
	width: 350px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom:20px;
	padding: 0px;
	background-color:#fff;
	float: left;
}
.search{
	width: 300px;
	border: solid 1px #ccc;
	margin: auto;
	padding: 5px 5px 10px;
	background-color: #CEE3F6;
	background-image: url("https://www.mamejiten.com/assets/images/art/search.jpg"); 
	background-size:auto;
	background-repeat: no-repeat;
	background-position: right bottom;
}

.titleCyan {
	border: none; border-collapse: collapse;
	border-top-left-radius : 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-right-radius : 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	width: auto;
	margin: 0px;
	padding: 3px;
	color:#FFFFFF;
	font-weight: 700;
	text-align: center;
	background-color: #008080;
	clear: both;
}

.titleCyanRound {
	border: none; border-collapse: collapse;
	border-top-left-radius : 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-right-radius : 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-bottom-left-radius : 8px;
	border-bottom-right-radius : 8px;
	width: auto;
	margin: 0px;
	padding: 3px;
	color:#FFFFFF;
	font-weight: 700;
	text-align: center;
	background-color: #008080;
	clear: both;
}

.titleBlue {
	border: none; border-collapse: collapse;
	border-top-left-radius : 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-right-radius : 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	width: auto;
	margin: 0px;
	padding: 3px;
	color:#FFFFFF;
	font-weight: 700;
	text-align: center;
	background-color: #121f3a;
	clear: both;
}

.titleRed {
	border: none; border-collapse: collapse;
	border-top-left-radius : 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-right-radius : 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	width: auto;
	margin: 0px;
	padding: 3px;
	color:#FFFFFF;
	font-weight: 700;
	text-align: center;
	background-color: #cc0000;
	clear: both;
}

.titleRed2 {
	border: none; border-collapse: collapse;
	border-top-left-radius : 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-right-radius : 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	width: auto;
	margin: 3px;
	padding: 7px;
	color:#FFFFFF;
	font-weight: 700;
	text-align: center;
	background-color: #aa0000;
	clear: both;
}

.titleSky {
	border: none; border-collapse: collapse;
	border-top-left-radius : 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-right-radius : 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	width: auto;
	margin: 0px;
	padding: 3px;
	color:#FFFFFF;
	font-weight: 700;
	text-align: center;
	background-color: #85a3e0;
	clear: both;
}

.buyGDO {
	border: none; border-collapse: collapse;
	width: auto;
	margin: 0px;
	padding: 3px;
	color:#FFFFFF;
	font-weight: 700;
	text-align: center;
	background-color: #3695d5;
	clear: both;
}

.buyRakuten {
	border: none; border-collapse: collapse;
	width: auto;
	margin: 0px;
	padding: 3px;
	color:#FFFFFF;
	font-weight: 700;
	text-align: center;
	background-color: #c00000;
	clear: both;
}

.buyAmazon {
	border: none; border-collapse: collapse;
	width: auto;
	margin: 0px;
	padding: 3px;
	color:#FFFFFF;
	font-weight: 700;
	text-align: center;
	background-color: #ff9900;
	clear: both;
}

.buyYahoo {
	border: none; border-collapse: collapse;
	width: auto;
	margin: 0px;
	padding: 3px;
	color:#000000;
	font-weight: 700;
	text-align: center;
	background-color: #b366ff;
	clear: both;
}

.clear-element {
  clear: both;
}

#photo-container {display:block; width:100%; 
                    margin:auto;
                    padding: 0px 0px 0px 0px;
                }  

.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.photo-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}
 
.photo-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#SNS{
	width: auto;
	max-width:796px;
	margin: -18px auto 0px;
	padding: 0px 5px 11px 0px;
	background-color: #fff;
}

#SNS2{
	width: auto;
	max-width: 810px;
	margin: auto;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	clear: both;
}

.TW{
	width: 125px;
	margin-top:10px;
	padding: 0px;
	background-color: #fff;
	float:left;
}

.TW2{
	width: 125px;
	margin-top:9px;
	margin-bottom:-10px;
	padding: 0px;
	background-color: #fff;
	float:left;
}

.TW3{
	width: 125px;
	margin-top:0px;
	margin-bottom:-10px;
	padding: 0px;
	background-color: #fff;
	float:left;
}

.clear {
  clear: both;
  height: 1px;
  background: #edf5f8;
}

#pageTop {

  position: fixed;
  bottom: 10px;
  right: 20px;
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 12px 0 0 0;
  border-radius: 30px;
  width: 50px;
  height: 50px;
  background-color: #668ad8;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.topline {
   border-bottom: 1px dashed #9fbfdf;
   margin-top: 0px;       /* 上線の外側の余白 */
   padding-top: 0px;      /* 上線の内側の余白 */
   margin-bottom: 1px;  /* 下線の外側の余白 */
   padding-bottom: 0px; /* 下線の内側の余白 */
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.grid {
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
}

.item {
  border: none;
  background-color: #edf5f8;
  margin: 1px;
  padding: 1px;
  text-align: center;
}

.item1 {
  border-radius: 8px;
  border: dotted thin;
  background: #4976d0;
  margin: 3px;
  padding: 6px;
  text-align: center;
}

.item1:hover{
background-color:#ffcc66;
}

.item2 {
  border-radius: 0px;
  background: #fff;
  margin: 0px;
  padding: 0px;
  text-align: left;
}

.item4 {
  border-radius: 8px;
  border: dotted thin;
  background: #e68a00;
  margin: 3px;
  padding: 6px;
  text-align: center;
}

.item4:hover{
background-color:#ffcc66;
}

.grid-auto-fit {
  display: grid;
  border: 0px;
  grid-auto-rows: auto;
  grid-gap: 0px;
  padding: 0px;
  margin: 1px;
  overflow: hidden;
}

.grid-auto-fit {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.grid-auto-fit > div {
  padding: 0px;
  margin: 5px;
  background: #fff;
}

.item img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.item:hover img {
    transform: scale(1.1);
}