/* 
iPad
iPhone6s
 */ 
@media (max-width: 1100px) {

body {
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

/* 明朝体見出し */
.title_mincho {
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/**********************************
	ロゴ
**********************************/
.logo_block {
width: 190px;
height: 67px;
display: inherit;
position: absolute;
}
.logo {
width: 190px;
height: 67px;
background: url(../images/logo.png) no-repeat;
background-size: contain;
position: absolute;
top: 15px;
left:  40px;
z-index: 9999;
}
.logo span {
display: none;
}


/* ログインボタン */
.header_navi li.login a {
width: 79px;
height: 25px;
margin: 0;
padding: 5px 0 0 0;
border: 2px solid #EF5901;
border-top: none;
border-right: 1px dotted #fff;
background-color: #EF5901;
display: block;
float: left;
color: #fff;
line-height: 100%;
text-align: center;
-moz-border-bottom-left-radius: 10px;
-webkit-bottom-left-border-radius: 10px;
-khtml-bottom-left-border-radius: 10px;
border-bottom-left-radius: 10px;
}
/* ログインボタンマウスオーバー */
.header_navi li.login a:hover {
background-color: #fff;
color: #ef5901;
}
/* カートボタン */
.header_navi li.cart a {
width: 79px;
height: 25px;
margin: 0;
padding: 5px 0 0 0;
border: 2px solid #EF5901;
border-top: none;
background-color: #EF5901;
display: block;
float: left;
color: #fff;
line-height: 100%;
text-align: center;
-moz-border-bottom-right-radius: 10px;
-webkit-bottom-right-border-radius: 10px;
-khtml-bottom-right-border-radius: 10px;
border-bottom-right-radius: 10px;
}
/* カートボタンマウスオーバー */
.header_navi li.cart a:hover {
background-color: #fff;
color: #ef5901;
}
/* お問い合わせボタンレイアウト */
.header_contact {
float: left;
}

.header_contact li.contact {
list-style: none;
}

/* お問い合わせボタン */
.header_contact li.contact a {
width: 100px;
height: 25px;
margin: 0;
padding: 5px 0 0 0;
border: 2px solid #EF5901;
border-top: none;
background-color: #fff;
display: block;
float: left;
color: #EF5901;
line-height: 100%;
text-align: center;
-moz-border-bottom-left-radius: 10px;
-webkit-bottom-left-border-radius: 10px;
-khtml-bottom-left-border-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-bottom-right-radius: 10px;
-webkit-bottom-right-border-radius: 10px;
-khtml-bottom-right-border-radius: 10px;
border-bottom-right-radius: 10px;
}
/* お問い合わせボタン マウスホバー*/
.header_contact li.contact a:hover {
background-color: #EF5901;
color: #fff;
}


/* ------------------- */
/* global navi ------- */
/* ------------------- */

.g_navi01 a {
width: 110px;
height: 42px;
background: url(../images/g_navi01.png) no-repeat;
background-size: contain;
display: block;
}
.g_navi01 a:hover {
background: url(../images/g_navi01_o.png) no-repeat;
background-size: contain;
}

.g_navi02 a {
width: 110px;
height: 42px;
background: url(../images/g_navi02.png) no-repeat;
background-size: contain;
display: block;
}
.g_navi02 a:hover {
background: url(../images/g_navi02_o.png) no-repeat;
background-size: contain;
}

.g_navi03 a {
width: 110px;
height: 42px;
background: url(../images/g_navi03.png) no-repeat;
background-size: contain;
display: block;
}
.g_navi03 a:hover {
background: url(../images/g_navi03_o.png) no-repeat;
background-size: contain;
}

.g_navi04 a {
width: 110px;
height: 42px;
background: url(../images/g_navi04.png) no-repeat;
background-size: contain;
display: block;
}
.g_navi04 a:hover {
background: url(../images/g_navi04_o.png) no-repeat;
background-size: contain;
}

.g_navi05 a {
width: 110px;
height: 42px;
background: url(../images/g_navi05.png) no-repeat;
background-size: contain;
display: block;
}
.g_navi05 a:hover {
background: url(../images/g_navi05_o.png) no-repeat;
background-size: contain;
}

/* 内部ページ横幅860pxに制限 */
.width860 {
width: 860px;
margin: 0 auto;
text-align: left;
}

/* 内部ページ大見出しH2 */
.title_main_contents {
width: 100%;
margin: 0 auto;
border: 1px solid #9E8B7F;
text-align:center; 
}
.title_main_contents h2 {
margin: 50px auto 50px auto;
padding: 0;
font-size: 140%;
font-weight: normal;
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
color: #3E1700;
text-align: center;
}

/* TOP・詳細ボタン */
.goto_detail_button a {
width: 230px;
height: 25px;
margin: 0 auto;
border: 1px solid #EE5900;
background-color: #EE5900;
display: block;
font-size:100% !important;
color: #fff !important;
text-align: center;
}

/* TOP・お知らせ・１ブロック */
.top_information_block dl {
width: 270px;
float: left;
}
/* TOP・お知らせ・１ブロック */
.top_information_block dl dt {
width: 100px;
float: left;
}

/* TOP・お知らせ、メヒカリ関連・１画像 */
.top_information_block dl dt img {
	width: 100%;
	max-width: 98px;
	height: auto;
	max-height: 74px;
	}

/* TOP・お知らせ・日付 */
.top_information_block dl dd {
width: 166px;
float:right;
text-align: left;
}
/* TOP・フェイスブック枠 */
.fb-like-box {
height: 270px;
}

/* 内部ページ見出しH3 */
section h3 {
margin: 0 auto 20px auto;
padding: 0;
font-size: 140%;
font-weight: normal;
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
color: #3E1700;
text-align: center;
}

/*=============================================
　商品のご紹介
=============================================== */
		.transform01 {
			-webkit-transform: scale(1);
			transform: scale(1);
			-webkit-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
		}
		.transform02 {
			-webkit-transform: rotate(15deg) scale(1.4);
			transform: rotate(15deg) scale(1.4);
			-webkit-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
		}
		figure:hover .transform01 {
			-webkit-transform: scale(1.2);
			transform: scale(1.2);
		}
		figure:hover .transform02 {
			-webkit-transform: rotate(0) scale(1);
			transform: rotate(0) scale(1);
		}

/* 商品カテゴリーリスト */
.item_category_list {
width: 640px;
margin: 0 auto;
text-align: center;
}
.item_category_list ul {
margin: 0 auto;
text-align: center;
padding: 0;
}

.item_category_list ul li {
margin: 0 30px 0 0;
padding: 0;
list-style: none;
float: left;
}

.item_category_list ul li a {
padding: 6px;
color: #ff6600;
}
.item_category_list ul li a:hover {
color: #FE8A45;
}

#rab{
    width:100%;
    position:relative;
    height:auto;
}

/* 1ボックス */
.box{
width:300px;
padding: 0;
background-image:-moz-linear-gradient(top, #fff, #Fff);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#Fff), color-stop(1,#Fff));
box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
border: 1px solid #eee;
			position: relative;
			overflow: hidden;
}

/* ボックス内詳細はこちらボタン */


/* ロールオーバー色指定 */
		.box .caption {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
			width: 100%;
			height: 100%;
            display: block;
			background: rgba(0,0,0,.6);
			-webkit-transition: .3s;
			transition: .3s;
			opacity: 0;
		}
		.box:hover .caption  {
			opacity: 1;
		}
.box:hover{
background-color: #000;
filter: alpha(opacity=80);
opacity:0.8;
}

/* マウスオーバー時のテキスト表示・非表示 */
.box a.hidetxt{
width: 100%;
height: 100%;
display: block;
color: #fff;
font-size: 140%;
line-height: 1100%;
}
.box:hover a.hidetxt{
text-align: center;
display:block;
}


/* 1ボックス内背景画像 */
.box_image {
width:300px;
height: 200px;
}


.box_comment {
padding: 6px;
background-color: #fff;
text-align: center;
}

.box_comment p {
margin: 0;
padding: 0;
}

/*=============================================
　商品紹介・詳細レイアウト
=============================================== */
#wd {
width: 700px;
margin: 0 auto;
text-align: center;
}

/* 商品画像レイアウト */
.detail_image_block {
width: 47%;
float: left;
}

/* 商品名およびカートボタンレイアウト */
.detail_cart_block {
width: 48%;
float: right;
}

/* 商品販売額調整 */
.detail_price {
font-size: 150%;
text-align: left;
}

/* 商品個数調整レイアウト */
.detail_buy_number {
text-align: left;
}

/* 商品個数調整 */
.detail_buy_number input {
width: 100px;
}

/* カートに入れるボタン　*/
.detail_cart_button a {
width: 230px;
height: auto;
margin: 0 auto;
padding: 10px;
border: 1px solid #EE5900;
background-color: #EE5900;
display: block;
font-size:100% !important;
color: #fff !important;
text-align: center;
}
/* TOP・詳細ボタン */
.detail_cart_button a:hover {
background-color: #fff;
color: #FE9352 !important;
}

/* 
/* 商品詳細仕様表 */
.detail_table table th {
padding: 10px;
border-bottom: 1px solid #666;
background-color: #eee;
font-weight: normal;
text-align: left;
}
.detail_table table td {
padding: 10px;
border-bottom: 1px solid #666;
text-align: left;
}

/* 2カラムブロック左側 */
.detail_column2_left {
width: 48%;
float: left;
}
/* 2カラムブロック左側 */
.detail_column2_right {
width: 48%;
float: right;
}

/*=============================================
　お買い物ガイド
=============================================== */

.guide_deliverytime_block img {
	width: auto;
	}

/*=============================================
　お知らせ
=============================================== */
#ib{
    width:100%;
    position:relative;
    height:auto;
}

/* 1ボックス */
.ib_box{
width:300px;
padding: 0;
position: relative;
overflow: hidden;
}

/* ロールオーバー色指定 */
		.ib_box .caption {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
			width: 100%;
			height: 100%;
            display: block;
			background-color: #F05743;
			-webkit-transition: .3s;
			transition: .3s;
			opacity: 0;
		}
		.ib_box:hover .caption  {
			opacity: 0.9;
		}
.ib_box:hover{
background-color: #000;
filter: alpha(opacity=80);
opacity:0.8;
}


/* マウスオーバー時のテキスト表示・非表示 */
.ib_box a.hidetxt{
width: 100%;
height: 100%;
display: block;
color: #fff;
font-size: 140%;
line-height: 1400%;
}
.ib_box:hover a.hidetxt{
text-align: center;
display:block;
}


/* 1ボックス内背景画像 */
.ib_box_image {
width:300px;
height: 200px;
}

.ib_box_comment {
padding: 6px;
background-color: #fff;
text-align: left;
}

.ib_box_comment p {
margin: 0;
padding: 0;
text-align: left;
}

/*=============================================
　お知らせ・詳細レイアウト
=============================================== */
.oshirase_detail_block {
width: 700px;
margin: 0 auto;
text-align: center;
}

/*=============================================
　お知らせ・詳細タイトル
=============================================== */
.detail_title {
margin: 0 auto;
text-align: left;
}
.detail_title small {
margin: 0 !important;
text-align: left !important;
}
.detail_title h3 {
text-align: left;
}
.detail_image_block img {
width: 100%;
height: auto;
}

/*=============================================
　お知らせ・詳細コメント
=============================================== */
.detail_content p {
margin: 0;
text-align: left;
}

/*=============================================
　お知らせ・詳細・画像
=============================================== */
.detail_image_block img {
width: 100% !important;
height: auto !important;
}


/*=============================================
　商品のご紹介
=============================================== */


/*=============================================
　商品のご紹介・詳細レイアウト
=============================================== */
.item_detail_block {
width: 700px;
margin: 0 auto;
text-align: center;
}

/*=============================================
　商品のご紹介・詳細タイトル
=============================================== */
.item_detail_title {
margin: 0 auto;
text-align: left;
}
.item_detail_title small {
margin: 0 !important;
text-align: left !important;
}
.item_detail_title h3 {
text-align: left;
}
.item_detail_image_block img {
width: 100%;
height: auto;
}

/*=============================================
　商品のご紹介・詳細コメント
=============================================== */
.item_detail_content p {
margin: 0;
text-align: left;
}

/*=============================================
　商品のご紹介・詳細・画像
=============================================== */
.item_detail_image_block img {
width: 100% !important;
height: auto !important;
}

/*=============================================
　商品のご紹介・詳細・個数＆カートへ入れるボタンのオレンジの囲い
=============================================== */
.detail_box_orange {
padding: 15px;
background-color: #FFDBC8;
}


/*=============================================
　めひかりくん(R)
=============================================== */

/* Text Layout Left img */
.side_layout_text_left img {
width: 100%;
max-width: 400px;
height: auto;
}

/* Text Layout Right img */
.side_layout_text_right img {
width: 100%;
max-width: 400px;
height: auto;
}

/* Image Layout Left */
.side_layout_image_left img {
width: 100%;
max-width: 400px;
height: auto;
}

/* Image Layout Right */
.side_layout_image_right img {
width: 100%;
max-width: 400px;
height: auto;
}

/* H3見出しにラインを引く */
.title_under_border {
border-bottom: 1px solid #3E175D;
}

/*=============================================
　会社案内
=============================================== */
/* 会社概要テーブルレイアウト
---------------------------------------------------------------------------------------------------------- */
#company_block {
width: 100%;
margin: 0 auto;
text-align: center;
}
#company_block table {
width: 60%;
border-collapse:collapse;
margin: 0 auto;
text-align: center;
}
#company_block table th {
width: 24%;
padding: 6px 8px;
border-bottom: 1px solid #ccc;
font-weight:normal;
text-align: left;
}
#company_block table td {
padding: 6px 8px;
border-bottom: 1px solid #ccc;
text-align: left;
}

/* 会社沿革テーブルレイアウト
---------------------------------------------------------------------------------------------------------- */
#history_block table {
width: 98%;
border-collapse:collapse;
}
#history_block table th {
width: 22%;
padding: 4px 6px;
border:1px solid #ccc;
font-weight:normal;
text-align:left;
vertical-align:top;
}
#history_block table td {
padding: 2px 6px;
border:1px solid #ccc;
}


/*=============================================
　お問い合わせ
=============================================== */
/* お問い合わせレイアウト
---------------------------------------------------------------------------------------------------------- */
#contact_form {
margin: 0 auto;
text-align: center;
}

/* お問い合わせ・電話番号・FAX欄・角丸背景カラー */
.contact_tel_fax {
background-color: #EF5901;
}
/* お問い合わせ・電話番号・FAX欄・角丸文字カラー */
.contact_tel_fax p {
color: #ffffff !important;
}
/* お問い合わせ・TEL・FAX角丸
---------------------------------------------------------------------------------------------------------- */
.contact_tel_fax {
width: 500px;
border-radius: 10px;/* CSS3草案 */
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
-moz-border-radius: 10px;   /* Firefox用 */
margin: 0 auto 0 auto;
padding: 10px;
text-align: center;
}
.contact_tel_fax p {
margin: 0 auto 0 auto !important;
padding: 0 !important;
font-size: 150% !important;
font-weight: bold;
text-align:center !important;
}
.contact_tel_fax a {
color: #ffffff;
}

/* お問い合わせフォーム・項目欄テーブル */
.contact_web table th {
border-top: none !important;
border-left: none !important;
border-right: none !important;
border-bottom:#333 dotted 1px !important;
color: #333 !important;
}
/* お問い合わせフォーム・入力欄テーブル */
.contact_web table td {
border-top: none !important;
border-left: none !important;
border-right: none !important;
border-bottom:#333 dotted 1px !important;
}
/* お問い合わせフォーム・ボタン */
.submit {
background-color: #EF5901;
color: #fff;
}
/* お問い合わせフォーム・ボタン・マウスホバー */
.submit:hover {
background-color: #FE9352;
}

/* お問い合わせ・メールフォーム
---------------------------------------------------------------------------------------------------------- */
.contact_web blockquote {
margin: 0 auto;
border: none;
font-size: 90%;
text-align: center;
}
.contact_web table {
width: 70%;
margin: 0 auto;
text-align: center;
}
.contact_web table th {
width: 30% !important;
padding: 10px !important;
font-weight: normal;
text-align: left;
}
.contact_web table td {
width: 65%;
padding: 10px !important;
text-align: left;
}
.contact_web table td textarea {
width: 500px;
max-width: 500px;
}

.submit {
width: 200px;
height: 40px;
border: none;
border: none;
border-radius: 6px;/* CSS3草案 */
-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */
-moz-border-radius: 6px;   /* Firefox用 */
cursor: pointer;
}

/* サイトマップ */
.sitemap_in_center {
width: 800px;
margin: 0 auto;
text-align: center;
}

 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  

}