/* CSS Document */

/*****************************************

スマホ向け

****************************************/
@media screen and (max-width:48.000em) {


 p, h2, h3,h5 {
	margin:20px;

}
p {
	margin:5px 22px  5px 22px;
}
.btn {
	text-align: left;
	padding-left: 4em;
	text-indent: 0em
}

/*******************

float 系

********************/

.float_right,.float_left {
	float: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
	max-width: 80%;
}


.fl_img_style001{
	display: block;
	width: 100%;
	vertical-align: top;
	margin-top: 0;
	margin-right: 0px;
	margin-left: 0px;
}

.fl_img_style002_l img, .fl_img_style002_r img, .fl_img_style001 img{
	width: 100%;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	padding-left: 0;
	position: relative;
	/**** 角丸 ****/
	/* chrome & safari */
	-webkit-border-radius: 8px;
	/* firefox */
	-moz-border-radius: 8px;
	/* other */
	border-radius: 8px;
	/* IE */
	behavior: url(PIE.htc);
	border: #7B5C35 solid 3px;
	margin-left: 0px;
}

.fl_p_style001{
	display:block;
	padding:0;
	margin:10px 0;
}
.fl_p_style001 p {
	margin:0;
}

.fl_p_style002{
	display:block;
	margin:10px 0px;
}
.fl_p_style001 a.btn{
	margin:0;
}
#detail{ margin:10px 0;
width:100%;
 }
#detail th,#detail td{
	vertical-align:middle;
	width:100%;
	display: block;
	text-align:left;
}

#detail td {background: #FFF7ED;}

/*******************

display



********************/
/*mobileの時に表示にして、pcでは表示しない*/
#sp_display{display: block;}

#pc_display{display: none;}

/*******************

menu

********************/
h2.slide-trigger {
	font-size: 174%;
	border:none;
		/**** 角丸 ****/
	/* chrome & safari */
	-webkit-border-radius: 0px;
	/* firefox */
	-moz-border-radius: 0px;
	/* other */
	border-radius: 0px;
	/* IE */
	behavior: url(PIE.htc);
    text-indent: -0em; 
	cursor: pointer;
	padding: 12px  0;
	margin: 0px ;
	background-color:#00a1e7;
	color:#FFFFFF;
	text-align:center;

}
.slide-trigger span.icon_menu01 {
	padding:  0 31px;
		background-image:url(../images/css/img_icon_spmenu.png);
		background-position: left 6px;
}
.slide-trigger span.icon_menu01:after{
		content:url(../images/css/img_icon_spmenu_arrow.png);
}
.slide-trigger:hover{
color:#FFF;
background: #0086C0;
}

/*******************
footer
********************/
#footer{
	margin-top:20px;
	background-color: #CCECFA;
	background-image:url(../images/css/img_bg_footer_sub.png) ;
	background-repeat:repeat-x;
}
.footer_bg_sub{
	height:auto;
	width:100%;
}
ul.ui_menu-footer_sub{
	height:auto;
	padding:0;
	display:block;
	width:auto;
	padding:0;
	margin:16px 0 0 0 ;
	text-align:center;

}
ul.ui_menu-footer_sub li{
	text-align:left;
	width:auto;
	display: block;
	cursor:pointer;
	padding:0;
	padding-left:2em;
	margin:0;
	border-bottom:1px #FFFFFF solid;

}
ul.ui_menu-footer_sub li:first-child{
	border-top:1px #FFFFFF solid;
}
ul.ui_menu-footer_sub li:hover{
	background:#7DCEF2;
}
ul.ui_menu-footer_sub li a{
	background-image: url(../images/css/img_icon_arrow_blue.png) ;
	background-position:0 center ;
	background-repeat: no-repeat ;
	font-size:123.1%;
	display:block;
}
.open{
	  	border:#7B5C35 5px solid;

	    	/**** 角丸 ****/
	/* chrome & safari */
	-webkit-border-radius:8px 8px  0 0 ;
	/* firefox */
	-moz-border-radius:8px 8px  0 0 ;
	/* other */
	border-radius:8px 8px  0 0 ;
	/* IE */
	behavior: url("PIE.htc");

}
.navigation {
	display:none;
	max-width: none;
	background:#FFF;
	margin:0;
  	border-bottom:#fff 1px solid;
}
.navigation li {
  	border-bottom: #7B5B35 1px solid;
}

.navigation li a {
  display: block;
  color: #7B5C35;
	font-size:138.5%;
  padding: 14px 0;
  	padding-left: 2em;
	background: url(../images/css/img_in_arrow_brown01.png) no-repeat 6px center;	
}
.navigation li:last-child  a{
  color: #7B5C35;
}

.navigation li:hover {
    background: #AFAFAF;

  
}

/*******************

table系

********************/
.wrap_table,.wrap_layout{
	padding-top: 0;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0;
	margin: 15px 0;
}
#table {
	border-collapse: collapse;
}
#table tr {
	display: block;
	border: none;
}
#table th, #table td {
	text-align:left;
	display: list-item;
	list-style:none;

	padding:10px 20px;
}
#table th {
	list-style-type: none;
}
#table td {
	background: #fff7ed;
}
/*******************
image layout patarn
********************/
/**********
/contents/recommendation/mother.html
**********/
#layout_three td{
width:100%;
display:block;
}
#layout_two li{
width:100%;
display:block;
padding:15px 0%;
}
table#layout_two {
	width:100%;
}
#layout_two td {
	width:100%;
	display:block;
}
#layout_two td:first-child ,#layout_two td:last-child {
	padding: 15px 0%;
}
#layout_two img{
	width:100%;
}
#layout_three td {
	width: 100%;
	padding-right: 15px 0%;
}
#layout_three td:first-child {
	padding: 15px 0% 15px 0%;
}
#layout_three td:last-child {
	padding: 15px 0% 15px 0%;
}

#layout_three img{
width:100%;
height: auto;
}
/**********
/contents/goods/
**********/
ul#three-column{ position:relative; right:-2%;}
ul#three-column li {
	
	width:45%;
	height:80%;
	margin:0 4% 0 0 ;
	display:inline-block;
	vertical-align:top;
}
ul#three-column li :first-child{
	margin:0 ;
}
ul#three-column li :last-child{
	margin:0 0 0 0% ;
}
div#layout_three-column{
display: block;  width:100%;
margin:0 30px;
}
div#layout_three-column li {
display:inline-block; 
width:166px;
margin: 0 30px;
}
#layout_table-cell{
    text-align: center;
    width:100%;
    display:block;
}
#layout_table-cell li{
    display:block;
	padding: 0 10px;
}
#layout_table-cell li{
    display:block;
	padding: 0 10px;
}
#layout_table-cell.ginmaru li{
	width:100%;
}
#links{
	display: block;
	background: #FFF7ED;
	padding: 20px;
	margin: 20px;
	/**** 角丸 ****/
	/* chrome & safari */
	-webkit-border-radius: 8px;
	/* firefox */
	-moz-border-radius: 8px;
	/* other */
	border-radius: 8px;
	/* IE */
	behavior: url("PIE.htc");
	font-size: large;
}

ul.in_arrow_orange,ul.in_circle_orange{
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
}
.cn_caption dt{
   float:left;
   width:20%;
  padding-bottom:10px;
}
.cn_caption dd{
	width:80%;
    padding-bottom:10px;

   }
}