@charset "utf-8";
.cont_main_pho {
	/*text-align: center;*/
}
.cont_main_pho a img {
	width: 100%;
}

#wrap{
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 20px;
}
.smallimage {
	background-color: #fff;
	border: 1px solid #CCC;
	padding: 3px;
	margin: 10px 10px 0 0;
}

/*-------------------------------------------------------------------------*/
/*値段エリア*/
/*-------------------------------------------------------------------------*/
.price_font {
	font-size: 180%;
	font-weight: bold;
	color: #FF5E61;
}

/*-------------------------------------------------------------------------*/
/*テーブル*/
/*-------------------------------------------------------------------------*/

.tbcon{
	width: 90%;
	border: 1px solid #909090;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	font-size: 90%;
}
.tbcon caption {
	font-weight: bold;			/*太字に*/
	padding: 10px 5px;			/*上下、左右へのボックス内の余白。基本的に数行下の「.ta1 th, .ta1 td」のpaddingと揃えておけばOKです。*/
	background: #4170af;
	color: #fff;				/*文字色*/
}
.tbcon th{
    padding: 15px;
    border-top: dotted 1px #909090;
    width: 30%;
    overflow: hidden;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    font-size: 100%;
    text-align: center;
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: top;
    background-image: linear-gradient(180deg, rgba(233, 233, 233, 1), rgba(130, 130, 130, 1));
}
 
.tbcon td{
    padding: 15px;
    text-align: center;
    vertical-align: top;
    color: #595960;
    background-color: #ffffff;
    border-top: dotted 1px #909090;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}


/*-------------------------------------------------------------------------*/
/*配送ページ*/
/*-------------------------------------------------------------------------*/

.jpmap img {
	margin: auto;
	display: block;
}

.tranhyo {
	width: 90%;
	border: 1px solid #1b18a2;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	font-size: 90%;
}
.tranhyo caption {
	font-weight: bold;			/*太字に*/
	padding: 10px 5px;			/*上下、左右へのボックス内の余白。基本的に数行下の「.ta1 th, .ta1 td」のpaddingと揃えておけばOKです。*/
	background: #4170af;
	color: #fff;				/*文字色*/
}
.tranhyo th {
    padding: 15px;
    border-top: dotted 1px #1b18a2;
    width: 30%;
    overflow: hidden;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    font-size: 100%;
    text-align: left;
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: top;
}
 
.tranhyo td {
    padding: 15px;
    text-align: left;
    vertical-align: top;
    color: #595960;
    background-color: #ffffff;
    border-top: dotted 1px #1b18a2;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}

.tranhyo th.chubu { /*中部*/
    background-color: #2CA6E0;
}
.tranhyo th.kantou { /*関東*/
    background-color: #00CAFF;
}
.tranhyo th.kansai { /*関西*/
    background-color: #FF9FD4;
}
.tranhyo th.sanin { /*山陰*/
    background-color: #97C932;
}
.tranhyo th.touhouku { /*東北*/
    background-color: #F8D939;
}
.tranhyo th.shikoku { /*四国*/
    background-color: #E95711;
}
.tranhyo th.kyuusyu { /*九州*/
    background-color: #D6E20E;
}
.tranhyo th.hokkaido { /*北海道*/
    background-color: #2AAB39;
}
.tranhyo th.okinawa { /*沖縄*/
    background-color: #F29600;
}


/*---------------------------------------------------------------------------
画面幅900px以下
---------------------------------------------------------------------------*/
@media screen and (max-width:900px) {

    /*table-------------------------------------------------------------------*/
	.tranhyo{
        width: 100%;
    }
    .tranhyo th{
        width:100%;
        display:block;
        margin: 0 auto;
        border:none;
        border-radius: 3px;
    }
    .tranhyo td{
        display: list-item;
        width: 100%;
        border-top: none !important;
    }
	
}