@charset "UTF-8";
/* CSS Document */

/* -----------------------------------------
トップ
----------------------------------------- */
.pbig {
	width: 100%;
	margin: 0;
}
.pbig img {
	margin: 0;
}

/* カテゴリーボタン 
----------------------------------------- */
#main .odsubmenu {
	width: 100%;
	padding: 0;
	margin: 0em auto 2em auto;
	float: left;
}
#main .odsubmenu ul {
    display: block;
    list-style-type: none;
}
#main .odsubmenu li a {
	color: #1f849a;
	font-size: medium;
	list-style: none;
	border: #cbcbcb 1px solid;
	padding: 1em;
	float: left;
	margin: 0% 1% 1% 0%;
	border-radius: 10px;
	text-decoration: none;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(220,236,239,1) 100%);
}
#main .odsubmenu li a:hover {
	opacity: .6;
}

/* ブルーボックス 
----------------------------------------- */
#ordble {
	background-color: #e2eff2;
	padding: 10% 5%;
	width: 90%;
	margin: 3em 0;
	float: left;
}
#ordble .blmd {
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #401e09;
	font-size: 20px;
	font-weight: normal;
	border: none;
	width: 100%;
	padding: 0em 0em 0em .5em;
	margin: 2em 0 1em 0;
	border-left: 5px #401e09 solid;
	float: left;
}
#ordble p {
	text-align: center
}
/* トップ写真並び 
----------------------------------------- */
#ordble .ordble_p {
	width: 100%;
	padding: 0;
}
#ordble .ordble_p li {
	width: 32%;
	text-align: center;
	list-style: none;
	float: left;
	padding: 0;
	margin: 0% 1% 1% 0%;
	background-color: #fff;
	text-decoration: none;
	background-image: none;
}
#ordble .ordble_p li a {
	display: block;
	list-style: none;
}
#ordble .ordble_p li a:hover {
	opacity: .6;	
}
#ordble .ordble_p li img {
	width: auto;
	height: 125px;
}
/* 
#main ul li{
	padding-left: 10px;
	background-image: url(../img/list01.png);
	background-repeat: no-repeat;
	background-position: left 3px;
}
#ordble .ordble_p li a {
	width: 32%;
	text-align: center;
	list-style: none;
	float: left;
	padding: 0;
	margin: 0% 1% 1% 0%;
	background-color: #fff;
	text-decoration: none;
}
#ordble .ordble_p ul {
	width: 100%;	
	margin: 0%;
	padding: 0;
	list-style-type: none;
}
#ordble .ordble_p li {
	width: 21%;
	display: inline-block;
	margin: 1% 1% 0% 0%;
	background-color: #fff;
	text-align: center;
	list-style-type: none;
} */


/* -----------------------------------------
詳細ページ
----------------------------------------- */
#ordtbl {
	width: 100%;
}
#ordtbl th {
	padding: 3% 0;
	width: 20%;
}
#ordtbl td {
	padding: 3% 0;
}
#ordtbl tr {
	width: 100%;
	border-bottom: dotted 2px #e6d2c7;
}
.thmaru {
	color: #e6d2c7;
}

/* サムネイル
----------------------------------------- */
.ordtdet {
	color: #401e09;
	font-size: large;
	font-weight: bold;
	border-bottom: 7px solid #e6d2c7;
	margin: 2em 0 1em 0;
	padding-bottom: .5em;
}
#main .ordsam {
	float: left;
	width: 90%;
	margin: 1em 0;
	padding: 5%;
	background-color: #f2ece9;
}
#main .ordsam li {
	width: 31%;
	text-align: center;
	list-style: none;
	float: left;
	padding: 0;
	margin: 0% 2% 2% 0%;
	background-color: #fff;
	text-decoration: none;
	background-image: none;
	border: #d1d1d1 1px solid;
}
#main .ordsam li a {
	display: block;
	list-style: none;
}
#main .ordsam li a:hover {
	opacity: .6;	
}
#main .ordsam li img {
	width: auto;
	height: 125px;
}

/* 画像大きめ
----------------------------------------- */
.ordbig {
	width: 100%;
	text-align: center;
}
.ordbig p {
	width: 100%;
}



@media screen and (max-width: 670px){
#main .ordsam li {
	width: 30%;
}
#main .ordsam li img {
	width: auto;
	height: 100px;
}	
	
	
@media screen and (max-width: 450px){
#main .ordsam li img {
	width: auto;
	height: 80px;
}
#ordble .ordble_p li img {
	width: auto;
	height: 80px;
}
#ordtbl th {
	width: 100%;
	display: block;
	margin-top: 1em;
}
#ordtbl td {
	width: 95%;
	margin-bottom: 1em;
	display: block;
}
	
@media screen and (max-width: 390px){
#main .ordsam li img {
	width: auto;
	height: 70px;
}
#ordble .ordble_p li img {
	width: auto;
	height: 70px;
}
	
	
@media screen and (max-width: 300px){
#main .ordsam li {
	width: 47%;
}
#main .ordsam li img {
	width: auto;
	height: 70px;
}
#ordble .ordble_p li {
	width: 47%;
}