@charset "euc-jp";
/* ɸ½à²ÄÊÑ¥á¥Ç¥£¥¢
   ¥á¡¦E: ²ÄÊÑ¥á¥Ç¥£¥¢¤Ç¤Ï¡¢HTML ¤«¤é¥á¥Ç¥£¥¢¤Î¹â¤µ¤ª¤è¤ÓÉý¤Î°À­¤ò¡¦E¡¦¹¤¡¦¡¦×¤¡¦¢¤¡¦
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 ¤Ç¤ÏºÇÂçÉý¤¬¥µ¥Ý¡¼¥È¤µ¡¦EƤ¤¤Ê¤¤¤¿¤á¡¢¥Ç¥Õ¥¡¦¡¦È¤ÇÉ¡¦100% ¤ËÀßÄꤵ¡¦E¡¦*/
.ie6 img {
	width:100%;
}

@keyframes sliderAnimation {
  100% {
    transform: translateX(-50%);
  }
}
.autoplay-slider{
  display: flex;
  min-width: 100%;
  width: min-content;
  animation: 20s linear infinite sliderAnimation;
}
.slide{
  width: 250px;
  margin: 20px;
  position: relative;
} 


.topimg {
	width: 70%;
}

.mongon{
	
	/*background-color: #fff;*/
}

a.white:link {
color : #ffffff; 
}
a.white:visited {
color : #ffffff; 
}
a.white:active {
text-decoration : underline; 
color : #ffffff; 
}
a.white:hover {
text-decoration : underline; 
color : #ffffff; 
}

/*
	Dreamweaver ²ÄÊÑ¥°¡¦EåɥץúÁѥƥ¤¯
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	°Ê²¼¤«¤é¥Ò¥ó¥È¤òÆþ¡¦E: Ethan Marcotte »á¤Î¡Ö¡¦E¹¥Ý¥ó¥·¥¡¦Web ¥Ç¥¶¥¤¥ó¡× 
	http://www.alistapart.com/articles/responsive-web-design
	
	¤ª¤è¤Ó Joni Korpi »á¤Î¡ÖGolden Grid System¡×
	http://goldengridsystem.com/ 
*/

/* ¥â¥Ð¥¤¡¦E¡¦¤¥¢¥¦¥¡¦: 480 px ¤ª¤è¤Ó¤½¡¦Eʲ¡¦ */

.pjax-target{
	background-repeat: no-repeat;
	background-size: 100%;
}

.allbox {
	font-family: "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¡¦E¡¦, Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", "sans-serif";
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	display: block;
}

.midashi-chuui{
	padding: 5px 10px;
	background-color: darkred;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
}
	.chuui-text {
		border: none; 
		background-color: #FFFFFF; 
		line-height: 150%;	
		padding: 10px;
		font-size: 11px;
		border: 2px solid darkred;
	}

.mongon p{
	font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.midashi-blue{
	font-size: 20px;
	font-weight: bold;
	color: #248FAA;
	text-align: center;
}


	.midashi-gray{
	font-size: 15px;
	font-weight: bold;
	color: #595757;
	text-align: center;
	border-bottom: solid 2px #b8b8b8;
	margin: 20px auto;
}

.text-color{
	text-align: center;
	margin-bottom: 5px;
	color: #A87066;
	font-weight: bold;
}
.itemcoad{
	background-color: #F46C77;
	color: #fff;
	padding: 0 5px 0 5px;
	display: inline-block;
	margin: 5px auto; 
}


.tab-color1{
    background-color: #1E79AC;
}

.tab-color2{
    background-color: #F2A263;
}

.tab-001 {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
    max-width: 1030px;
}

.tab-001 > label {
    flex: 1 1;
    order: -1;
    opacity: .5;
	width: 50%;
    min-width: 70px;
    padding: .6em 1em;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: .5em;
    text-align: center;
    cursor: pointer;
}

.tab-001 > label:hover {
    opacity: .8;
}

.tab-001 input {
    display: none;
}

.tab-001 > div {
    display: none;
    width: 100%;
    padding: 0 0em;
    background-color: #fff;
}

.tab-001 label:has(:checked) {
    opacity: 1;
}

.tab-001 label:has(:checked) + div {
    display: block;
}

.itembox_2 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0px;
}
.itembox_2 div {
	width: 100%;
	text-align: left;
	margin: 0px 5px 5px;
	font-size: 10px;
}
.itembox_2 div p {
	width: 100%;
	margin: 0 auto;
}
.itembox_2 div img {
	width: 100%;
}

.itembox_3 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0px;
}
.itembox_3 div {
	width: 98%;
	text-align: left;
	margin: 0px 5px 5px;
	font-size: 10px;
}

 .itembox_4 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 10px 0;
	padding: 0 10px;
}
.itembox_4 div {
	width: 48%;
	text-align: center;
	margin: 0 0 10px 0;
	
	background-color:#fff; 
	border: dotted 1px  #555555;
	border-radius:10px; 
	padding:5px;
	font-size: 12px;
}

.itembox_4 div img {
	
} 
.scroll_content { /* ¡¦E¹¥ÈÁ´ÂΤΥ¹¥¿¥¤¥¡¦*/
  display: flex;
  max-width: 1500px;
  margin: 1px;
  overflow-x: auto;
}
 
.scroll_content li { /* ³Æ¡¦E¹¥È¤Î¥¹¥¿¥¤¥¡¦*/
  width: 28%;
  padding: 2px;
  margin: 3px;
  flex-shrink: 0;
  list-style: none;
}

/* ²£¥¹¥¯¡¦½¼¡¦E³¤³¤¡¦¡¦*/
.scroll_content img { /* ²è¡¦EÎ¥¹¥¿¥¤¥¡¦*/
  width: 150%;
  max-height: 300px;
  object-fit: cover;
}
.scroll_content p { /* ²è¡¦E¼¤Îʸ»ú¥µ¥¤¥¡¦*/
	font-size: 10px;
}

.scroll_content::-webkit-scrollbar {
  height: 12px; /* ¥¹¥¯¡¦½¼¡¦EС¼¤Î¹â¤¶Â*/
}
 
.scroll_content::-webkit-scrollbar-thumb {
  background: #aaa; /* ¥Ä¥Þ¥ß¤Î¿§ */
  border-radius: 6px; /* ¥Ä¥Þ¥ßξü¤Î´Ý¤ß */
}
 
.scroll_content::-webkit-scrollbar-track {}

/* ²£¥¹¥¯¡¦½¼¡¦E³¤³¤Þ¤ÈÂ*/

.rank-mark{
	display: block;
	margin: 0 auto;
	width: 50px;
	height: 35px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
	line-height: 50px;
}

.rank-color1{
	background-image: url("img/ranking_1.png");
	background-repeat: no-repeat;
	background-size: 100%;
}
.rank-color2{
	background-image: url("img/ranking_2.png");
	background-repeat: no-repeat;
	background-size: 100%;
}
.rank-color3{
	background-image: url("img/ranking_3.png");
	background-repeat: no-repeat;
	background-size: 100%;
}
.rank-color4{
	background-image: url("img/ranking_4.png");
	background-repeat: no-repeat;
	background-size: 100%;
}
.item_setumei  {
    font-size: 12px;
    text-align: left;
	line-height: 150%;
}



.item_setumei_mini{
    font-size:12px;
    text-align: left;
}

.coad_pint {
	background-color: #e38b89;
	color: #fff;
	padding: 0.5px 5px;
    margin: 3px 5px 0 0;
	display: inline-block;
	line-height: 150%;
}


#popup,#popup2,#popup3,#popup4,#popup5,#popup6,#popup7,#popup8,#popup9,#popup10,#popup11,#popup12,#popup13,#popup14,#popup15,#popup16,#popup17,#popup18,#popup19,#popup20
{
  display: none; /* label ¤Ç¥³¥ó¥È¡¦½¼¡¦E¹¤¡¦Î¤ÈÂinput ¤ÏÈóɽ¼¨¤Ë */
}

.popup-open {
  cursor: pointer; /* ¥Þ¥¦¥¹¥ª¡¼¥Ð¡¼¤Ç¥«¡¼¥½¡¦EηÁ¾¡¦òÊѤ¨¤¡¦³¤È¤Ç¡¢¥¡¦¡¦Ã¥¡¦Ç¤­¤¡¦×ÁǤÀ¤È¤¡¦¡¦ê¤ä¤¹¤¤¤è¤¦¤ÌÂ*/
	text-align: center;	
	color:#44403f;
	margin-top: 30px;
}

.popup-overlay {
  display: none; /* input ¤Ë¥Á¥§¥Ã¥¯¤¬Æþ¡¦EޤǤÏÈóɽ¼¨¤ÌÂ*/
}

#popup:checked ~ .popup-overlay,#popup2:checked ~ .popup-overlay,#popup3:checked ~ .popup-overlay,#popup4:checked ~ .popup-overlay,#popup5:checked ~ .popup-overlay,#popup6:checked ~ .popup-overlay,#popup7:checked ~ .popup-overlay,#popup8:checked ~ .popup-overlay,#popup9:checked ~ .popup-overlay,#popup10:checked ~ .popup-overlay,#popup11:checked ~ .popup-overlay,#popup12:checked ~ .popup-overlay,#popup13:checked ~ .popup-overlay,#popup14:checked ~ .popup-overlay,#popup15:checked ~ .popup-overlay,#popup16:checked ~ .popup-overlay,#popup17:checked ~ .popup-overlay,#popup18:checked ~ .popup-overlay,#popup19:checked ~ .popup-overlay,#popup20:checked ~ .popup-overlay {
  display: block;
  z-index: 99999;
  background-color: #00000070;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}


.popup-window {
  width: 90vw;
  max-width: 500px;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 6px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.popup-window2 {
  width: 90vw;
  max-width: 235px;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 6px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popup-text {
  margin: 0 auto;
}
.oshi{
		margin-top: -300px;
	}
.review-gazou {
	border-radius: 50%;
	margin-bottom: 5px;
}
.review-gazou img{
	border-radius: 50%;
	max-width: 95%;	
}
.review{
	width: 309px;
	height: 450px;
	margin: 0 auto;
	display: block;
}
.review2{
	width: 192px;
	height: 280px;
	margin: 0 auto;
	display: block;
}

.popup-text:not(:last-of-type) {
  margin-bottom: 1em;
}

.popup-close {
  cursor: pointer;
  position: absolute;
  top: -26px;
  right: 0;
}

.itemname{
	font-size: 10px;
	font-weight: 300;
	line-height: 150%;
	text-align: center;
	margin: 5px auto;
}

.clearfix {
  display: block;
  clear:both;
}

.br-sp {
	display: inline;
}
.br-pc {
	display:none;
}


.midashi1{
    color: #545454;
	border-bottom: solid 1px #747474;
	position: relative;
	font-size:18px;
}

.midashi2{
	margin: 10px auto;
    color: #545454;
	border-bottom: solid 1px #747474;
	font-size:13px;	
}

.image_sub{
	width: 100%;
	margin: 0 auto;
	display: block;
	margin-bottom: 15px;
	}
	
.itembox_sub {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 5px 0;
}
	
.itembox_sub div {
	width: 43%;
	text-align: center;
	margin: 0 5px 10px;
	font-size: 8px;
}
.itembox_sub div p {
	width: 100%;
	margin: 0 auto;
}
.itembox_sub div img {
	width: 100%;
}

.text_01{
	
}
.text_01 p{
	font-size: 12px;
}
	.repo_box{
		background-color: rgba(0, 128, 255, 0.1) ;
		width: 100%;
		
	}


	.repo_box h3{
		background-color: #0d6a99; 
		text-align: center;
		font-size: 16px;
		line-height: 1;
	}
	.repo_box img{
		padding:5px 10px;
	}
	.repo_box div{
		text-align: center;
		margin: 5px;
	}
	.repo_box p{
		background-color: #fff; 
		border-radius: 5px; 
		margin: 10px;
		padding: 5px; 
	}

.repo_box_2{
	background-color: rgba(0, 227, 224, 0.1) ;
	 /* margin: 5px 5px 15px 5px;*/
	
		
	}
.linklink {
	margin: 5px 5px 20px 5px;

	}
.repo_box_2 h3{
		background-color: #2a9cb6; 
		text-align: center;
		font-size: 16px;
	¡¡¡¡line-height: 1;
	}

.content-wrapper {
    width: 100%;
    /*overflow: hidden;*/
}

.content {
    max-height: 180px; /* ºÇ½é¤Ëɽ¼¨¤¹¡¦E⤵¡ÊÌ¡¦¹Ôʬ¡Ë */
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.read-more {
    text-align: center;
    background-color: #E6E6E6;
	font-weight: bold;
    padding: 10px;
    cursor: pointer;
    margin-top: 10px;
}

.read-more:hover {
    background-color: #555555;
  ¡¡color:#fff;
}

.accordion2 {
  width: 100%;
}
.type1-box{
  width: 100%;
	margin-bottom: 15px;
}

/* input¤Î¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹¤òÈóɽ¼¨ */
.accordion-hidden {
  display: none;
}

/* ¸«½Ð¤·¥Ü¥¿¥óÉôʬ */
.accordion-open {
  display: block;
  padding: 10px 80px 10px 10px;
  background:#E6E6E6;
		cursor: pointer;
  margin: 5px 0;
  position: relative;
}

/* ¡Ü¥¢¥¤¥³¡¦E*/
.accordion-open::before,
.accordion-open::after {
  content: '';
  width: 20px;
  height: 3px;
  background: #000;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

/* ¥¢¥¤¥³¥ó¤Î¡¼ */
.accordion-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

/* ¥¢¥³¡¼¥Ç¥£¥ª¥ó¤¬³«¤¤¤¿¤é¡¼¤Ë */
.accordion-hidden:checked+.accordion-open:after {
  transform: translateY(-50%) rotate(0);
}

/* ¥¢¥³¡¼¥Ç¥£¥ª¥óÃæ¿ÈÉôʬ */
.accordion-inner {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;
  /* ɽ¼¨Â®ÅÙ¤ÎÀß¡¦E*/
  cursor: pointer;
}

/* ¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹¤Ë¥Á¥§¥Ã¥¯¤¬Æþ¤Ã¤¿¤éÃæ¿ÈÉôʬ¤òɽ¼¨¤¹¡¦E*/
.accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
  padding: 10px;
}
/* ¢¬¤³¤³¤Þ¤Ç¶¦ÄÌ */



/* Ãæ¤Ë¤¤¡¦À¤¡¦âþ¡¦E¿¤¤¤È¤¡¦*/
.accordion-box {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 1s;
}

.accordion-hidden:checked+.accordion-open+.accordion-box {
  height: auto;
  opacity: 1;
  padding: 10px;
}

.balloon-009 {
    display: flex;
    justify-content: left;
    align-items: start;
    gap: 0 22px;
}

.balloon-009 img {
   width: 7em;
    height: 7em;
    border: 3px solid #f2f2f2;
    border-radius: 50%;
}

.balloon-009 p {
    position: relative;
    max-width: 300px;
    margin: 3px 0 0;
    padding: .8em 1em;
    border-radius: 5px;
    background-color: #f2f2f2;
    color: #333333;
}

.balloon-009 p::before {
    position: absolute;
    left: -15px;
    width: 15px;
    height: 30px;
    background-color: #f2f2f2;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    content: '';
}
.circle2 {
    position: relative;
    width: 150px;
    height: 150px; 
    background-color: pink;
    border-radius: 50%; 
    margin: 0 auto;
    text-align: center;
}
.circle2-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    line-height: 1.6;
}

/* ¥Ç¥¹¥¯¥È¥Ã¥×¡¦E¤¥¢¥¦¥¡¦: 769 px ¡ÁºÇ¡¦E1232 px¡£¥â¥Ð¥¤¡¦E¡¦¤¥¢¥¦¥È¤È¥¿¥Ö¥¡¦Ã¥È¥¡¦¤¥¢¥¦¥È¤¡¦é¥¹¥¿¥¤¥¡¦ò·Ñ¾µ¡¤Â*/

@media only screen and (min-width: 769px) {
	
.pjax-target{
	background-repeat: no-repeat;
	background-size: 100%;
}
	
.allbox {
	font-family: "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¡¦E¡¦, Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", "sans-serif";
	width: 100%;
	max-width: 950px;
	margin: 0 auto;
	padding-top: 0px;
}
.midashi-chuui{
	padding: 5px 10px;
	background-color: darkred;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
}
	.chuui-text {
		border: none; 
		background-color: #FFFFFF; 
		line-height: 200%;	
		padding: 10px;
		font-size: 16px;
		border: 2px solid darkred;		
	}
	
.mongon p{
	font-size: 16px;
    font-weight: bold;
    text-align: center;
}
    
.midashi-blue{
	font-size: 30px;
	font-weight: bold;
	color: #248FAA;
	text-align: center;
}
	
	
	.midashi-gray{
	font-size: 20px;
	font-weight: bold;
	color: #595757;
	text-align: center;
	border-bottom: solid 2px #b8b8b8;
	margin: 20px auto;
}
	
	
.tab-color1{
    background-color: #1E79AC;
}

.tab-color2{
    background-color: #F2A263;
}
	
.tab-001 > label {
    font-size: .8em;
}

.tab-001 > div {
    padding: 1.5em 0em;
}
	
.itemcoad{
	background-color: #F46C77;
	color: #fff;
	padding: 0 2px;
	text-align: center;
	display: inline-block;
	margin-bottom: 5px; 
}	
    
    
.itembox_2 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 20px 0;
	padding: 0 10px;
}
.itembox_2 div {
	width: 49%;
	text-align: center;
	margin: 0 0 10px 0;
	font-size: 10px;
}

.itembox_2 div img {
	width: 100%;
}
 .itembox_4 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 10px 0;
	padding: 0 10px;
}
.itembox_4 div {
	width: 24%;
	text-align: center;
	margin: 10px 0 10px 0;
	font-size: 12px;
}

.itembox_4 div img {
	
}   
   
.scroll_content { /* ¡¦E¹¥ÈÁ´ÂΤΥ¹¥¿¥¤¥¡¦*/
  display: flex;
  max-width: 1500px;
  margin: 1px;
  overflow-x: auto;
}
 
.scroll_content li { /* ³Æ¡¦E¹¥È¤Î¥¹¥¿¥¤¥¡¦*/
  width: 18%;
  padding: 2px;
  margin: 3px;
  flex-shrink: 0;
  list-style: none;
}

/* ²£¥¹¥¯¡¦½¼¡¦E³¤³¤¡¦¡¦*/	
.scroll_content p { /* ²è¡¦E¼¤Îʸ»ú¥µ¥¤¥¡¦*/
	font-size: 12px;
}


.scroll_content img { /* ²è¡¦EÎ¥¹¥¿¥¤¥¡¦*/
  width: 150%;
  max-height: 300px;
  object-fit: cover;
}
 
.scroll_content::-webkit-scrollbar {
  height: 12px; /* ¥¹¥¯¡¦½¼¡¦EС¼¤Î¹â¤¶Â*/
}
 
.scroll_content::-webkit-scrollbar-thumb {
  background: #aaa; /* ¥Ä¥Þ¥ß¤Î¿§ */
  border-radius: 6px; /* ¥Ä¥Þ¥ßξü¤Î´Ý¤ß */
}
 
.scroll_content::-webkit-scrollbar-track {}

/* ²£¥¹¥¯¡¦½¼¡¦E³¤³¤Þ¤ÈÂ*/
	
.oshi{
		margin-top: -420px;
	}

.popup-window2 {
  max-width: 870px;
}	
	
.popup-open {
	margin-top: 50px;
}
	
.review-gazou {
	border-radius: 50%;
	margin-bottom: 5px;
}
.review-gazou img{
	border-radius: 50%;
	max-width: 80%;
}
.review{
	width: 412px;
	height: 600px;
	margin: 0 auto;
	display: block;
}
	
.review2{
	width: 412px;
	height: 600px;
	margin: 0 auto;
	display: block;
}
	
.itemname{
	font-size: 10px;
	font-weight: 300;
	line-height: 120%;
	text-align: center;
	margin: 0 auto 5px;
}
	
.br-sp {
	display:none;
}
.br-pc {
	display: inline;
}
	
.midashi1{
    color: #545454;
	border-bottom: solid 1px #747474;
	font-size: 20px;
}
.midashi2{
	margin: 10px auto;	
    color: #545454;
	border-bottom: solid 1px #747474;
}

.sub-bg{
	background: #FFFFFF;
	border: solid 5px #F1F1F1;
}
	
.midashi_sub{
	width: 100%;
	background: #545454;
    color: #FFF;
    padding: 10px 15px;
}
	
.image_sub{
	width: 100%;
	margin: 0 auto;
	display: block;
	margin-bottom: 15px;
	}
	
.itembox_sub {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 10px 0;
}
	
.itembox_sub div {
	width: 45%;/*45%*/
	text-align: center;
	margin: 0 5px 10px;
	font-size: 8px;
}
.itembox_sub div p {
	width: 100%;
	margin: 0 auto;
}
.itembox_sub div img {
	width: 100%;
}	
	.text_01{
		
	}	
	.text_01 p{
		font-size:14px;
	}
	
	summary {
  cursor: pointer;
  transition: 0.2s; /* ÊѲ½¤ò³ê¤é¤«¤Ë */
list-style: auto!important;
	padding:5px;
}
/* ¥Û¥Ð¡¼»þ¤Î¥¹¥¿¥¤¡¦E*/
summary:hover {
  cursor: pointer; /* ¥«¡¼¥½¡¦Eò»Ø¥Þ¡¼¥¡¦ÌÂ*/
  background-color: #EFEFEF;
}
	
	.repo_box{
		background-color: rgba(0, 128, 255, 0.1) ;
		padding: :0 0px;

	}
	
	.repo_box h3{
		background-color: #0d6a99; 
		text-align: center;
		font-size: 18px;
	}
	


	
	.repo_box img{
		padding:5px 10px;
	}
	.repo_box div{
		text-align: center;
	}
	.repo_box p{
		background-color: #fff; 
		border-radius: 5px; 
		margin: 10px;
		padding: 5px; 
	}


	.repo_box_2 h3{
		
		font-size: 18px;
	}
	
	
	.itembox_3 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0px;
}
.itembox_3 div {
	width: 28%;
	text-align: left;
	margin: 0px 5px 5px;
	font-size: 12px;
}

}




/* ¥¿¥Ö¡¦Eåȥȥåץ¡¦¤¥¢¥¦¥¡¦: 769 px ¡ÁºÇ¡¦E1100 px¡£*/

@media only screen and (max-width: 1100px)  and (min-width: 560px) {
	.pjax-target{
	background-repeat: no-repeat;
	background-size: 100%;
}
}