@charset "Shift_JIS";
/* CSS Document */

body {
        font-size:80%;
		font-family: Meiryo;
		line-height:1.5;
		color:#333333;
		width: 95%;
		margin-right: auto;
		margin-left : auto;
}


/* ���o�� */

hr {
        border-top: 2px dotted #808080;
        border-right: none;
        border-bottom: none;
        border-left: none;
}


h1 {
        font-size:150%;
        color: #FFFFFF;/*�����F*/
		line-height:0.8;
		font-weight: bold;
        padding: 0.25em 0.5em;
        border-bottom: 3px solid #FF6600;
        background: #FFCC66;
		line-height: 1.2;
}


h2 {
        font-size:120%;
		line-height:0.8;
		font-weight: bold;
		padding: 0.25em 0.5em;/*�㉺ ���E�̗]��*/
        color: #333333;/*�����F*/
        background: transparent;/*�w�i������*/
        border-left: solid 10px #FF6600;/*����*/
		line-height: 1.2;
}


h3 {
		position: relative;
		padding-bottom: .2em;
		border-bottom: 4px solid #ccc;
}
h3::after {
		position: absolute;
		bottom: -4px;
		left: 0;
		z-index: 2;
		content: '';
		width: 10%;
		height: 4px;
		background-color: #FF6600;
}



/* �e�[�u�� */

table td {/*table����td�ɑ΂���*/
		padding: 10px 20px;/*�㉺10px�ō��E20px*/
}



/* 2�J���� */

.container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
}
.column {
		width: 100%;
}

@media (min-width: 1024px) {
.column {
		width: calc(50% - 16.18px / 2);
}
}


/* �ŔƒJ���� */

.container2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
}
.column2--l,
.column2--r {
		width: 100%;
}

@media (min-width: 1024px) {
.column2--l {
		width: 70%;
}
.column2--r {
		width: 30%;
}
}



/* 3�J���� */

.container3 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
}
.column3 {
		width: calc(50% - 16.18px / 2);
}

@media (min-width: 1024px) {
.column3 {
		width: calc(100% / 3 - 16.18px / 3 * 2);
}
}











/* �{�^�� */

.simple_square_btn2 {
		display: block;
		position: relative;
		padding: 0.8em;
		text-align: left;
		text-decoration: none;
		color: #1B1B1B;
		background: #fff;
		border:1px solid #1B1B1B;
}
.simple_square_btn2:hover {
		background: #1B1B1B;
		color: #fff;
		cursor: pointer;
		text-decoration: none;
}



ul, li {
		list-style: none;
		padding: 0;
}
 
a {
		color: #000;
		text-decoration: none;
}

.link-wrap {
		border: solid #000;
		border-width: 1px 0 0 0;
		font-size: 14px;
}
 
.link {
		display: block;
		height: 44px;
		line-height: 44px;
		padding-left: 10px;
}

.link-wrap:last-child {
		border-bottom-width: 1px;
}


/* �X�N���[���{�b�N�X */


.scroll_wrapper {
		overflow-x: scroll;
		width: 100%;
		height: 220px;
}
.scroll_wrapper2 {
		overflow-x: scroll;
		width: 100%;
		height: 300px;
}

.scroll_inner {
		width: 1600px;
}
.box {
		width: 150px;
		height: 170px;
		border-radius: 50%;
		margin: 5px;
		float: left;
		text-align:center;
}
.box2 {
		width: 150px;
		height: 250px;
		border-radius: 50%;
		margin: 5px;
		float: left;
		text-align:center;
}



/* �V�����i */

.newitem {
  position:relative;
  display:inline-block;
}
.label {
  position:absolute;
  color:white;
  background:#FF3333;
  padding:5px 15px;    
}
.label-left-top{
  left:0px;
  top:0px;
}

/* �����L���O */

.ranking {
  position:relative;
  display:inline-block;
}
.rk_label1 {
  position:absolute;
  color:white;
  background:#DAA520;
  padding:5px 15px;    
}
.rk_label2 {
  position:absolute;
  color:white;
  background:#778899;
  padding:5px 15px;    
}

.rk_label3 {
  position:absolute;
  color:white;
  background:#CD5C5C;
  padding:5px 15px;    
}

.rk_label {
  position:absolute;
  color:white;
  background:#CCCCCC;
  padding:5px 15px;    
}

.rk_label-left-top{
  left:0px;
  top:0px;
}


/* ������ */




#search-form {
    padding: 12px;
    margin: 0 auto;
    font-family: ���C���I;
}
#search-form form {
    width: 100%;
    display: table;
    table-layout: fixed;
    font-size: 14px;
}
#search-form input[type=text] {
    display: table-cell;
    width: 100%;
    height: 38px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-appearance: none;
}
#search-form .search-button {
    display: table-cell;
    vertical-align: top;
    width: 20%;
}
#search-form .search-button input[type="submit"] {
    width: 100%;
    height: 38px;
    font-weight: bold;
    color: #444;
    border: none;
    background: #ddd;
    padding: 0;
    border-radius: 0;
    -webkit-appearance: none;
}
#search-form .search-keyword {
    list-style: none;
    padding: 0;
    margin: 12px auto 0;
}
#search-form .search-keyword li {
    display: inline-block;
    margin: 8px;
    font-size: 12px;
}

#search-form.design-1 {
    background: #EEEEEE;
}
#search-form.design-1 input[type=text] {
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
#search-form.design-1 .search-button input {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #FF6600;
    color: #FFFFFF;
}
#search-form.design-1 .search-keyword li a {
    color: #000;
}


/* �e�X�g */