/*
A custom Bootstrap 3.2 'Google Plus style' theme
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

@import url(http://fonts.googleapis.com/css?family=Roboto:400);
body {
  background-color:#e0e0e0;
  -webkit-font-smoothing: antialiased;
  font: normal 14px Roboto,arial,sans-serif;
}

.navbar-default {background-color:#f4f4f4;margin-top:50px;border-width:0;z-index:5;}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > li:hover > a {border:0 solid #4285f4;border-bottom-width:2px;font-weight:800;background-color:transparent;}
.navbar-default .dropdown-menu {background-color:#ffffff;}
.navbar-default .dropdown-menu li > a {padding-left:30px;}

.header {background-color:#ffffff;border-width:0;}
.header .navbar-collapse {background-color:#ffffff;}
.btn,.form-control,.panel,.list-group,.well {border-radius:1px;box-shadow:0 0 0;}
.form-control {border-color:#d7d7d7;}
.btn-primary {border-color:transparent;}
.btn-primary,.label-primary,.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {background-color:#4285f4;}
.btn-plus {background-color:#ffffff;border-width:1px;border-color:#dddddd;box-shadow:1px 1px 0 #999999;border-radius:3px;color:#666666;text-shadow:0 0 1px #bbbbbb;}
.well,.well-sm,well-lg,.panel {border-color:#d2d2d2;box-shadow:0 1px 0 #cfcfcf;border-radius:3px;}
.btn-success,.label-success,.progress-bar-success{background-color:#65b045;}
.btn-info,.label-info,.progress-bar-info{background-color:#a0c3ff;border-color:#a0c3ff;}
.btn-danger,.label-danger,.progress-bar-danger{background-color:#dd4b39;}
.btn-warning,.label-warning,.progress-bar-warning{background-color:#f4b400;color:#444444;}

hr {border-color:#ececec;}
button {
 outline: 0;
}
textarea {
 resize: none;
 outline: 0; 
}
.panel .btn i,.btn span{
 color:#666666;
}
.panel .panel-heading {
 background-color:#ffffff;
 font-weight:700;
 font-size:16px;
 color:#262626;
 border-color:#ffffff;
}
.panel .panel-heading a {
 font-weight:400;
 /*font-size:11px;*/
}
.panel .panel-default {
 border-color:#cccccc;
}
.panel .panel-thumbnail {
 padding:0;
}
.panel .img-circle {
 width:50px;
 height:50px;
}
.list-group-item:first-child,.list-group-item:last-child {
 border-radius:0;
}
h3,h4,h5 { 
 border:0 solid #efefef; 
 border-bottom-width:1px;
 padding-bottom:10px;
}
.modal-dialog {
 width: 450px;
}
.modal-footer {
 border-width:0;
}
.dropdown-menu {
 background-color:#f4f4f4;
 border-color:#f0f0f0;
 border-radius:0;
 margin-top:-1px;
}
/* end theme */

/* template layout*/
#subnav {
 /*position:fixed;*/
 width:100%;
}

@media (max-width: 768px) {
 #subnav {
  padding-top: 6px;
 }
}

#main {
 /*padding-top:60px;*/
}



/* sasaki 2015/02/21 */
body	{
  font-size: 16px;
  line-height: 1.5em;
  background-color: white;
  }

a img:hover, .cart_s:hover, .bnr180:hover {
    opacity: 0.4;
}

p	{
  line-height: 1.8em;
  margin-bottom: 2em;
  }

h3, h4, h5 {
	border-bottom-width: 0px;
	margin-bottom: 20px;
}

blockquote p {
    font-size: .9em;
    line-height: 2;
}

ul, ol {
    padding-left: 1em;
}

.navbar-header {
}

.navbar-brand	{
	padding-top:0px;
}

.breadcrumb	{

padding: 0px;
margin-bottom: 0px;
font-size: 0.9em;
background-color: white;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li:hover > a,
#home .navbar-default .navbar-nav > #m-home > a,
#sekku .navbar-default .navbar-nav > #m-sekku > a,
#toy .navbar-default .navbar-nav > #m-toy > a,
#sport .navbar-default .navbar-nav > #m-sport > a,
#book .navbar-default .navbar-nav > #m-book > a,
#life .navbar-default .navbar-nav > #m-life > a,
#cd .navbar-default .navbar-nav > #m-cd > a,
#news .navbar-default .navbar-nav > #m-news > a,
#lib .navbar-default .navbar-nav > #m-lib > a,
#kaiin .navbar-default .navbar-nav > #m-kaiin > a,
#event .navbar-default .navbar-nav > #m-event > a,
#blog .navbar-default .navbar-nav > #m-blog > a
{
border: 0 solid #4285f4;
border-bottom-width: 2px;
font-weight: 800;
background-color: transparent;
}

.form-control {
width: 100% !important;
}

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
 
body {
    font-family: 'Noto Sans Japanese', sans-serif !important;
}

.navbar-default {
	background-color:#f5f5f5;
	margin-top:0px;
	border-width:0;
	z-index:5;
	}

#nav-row1	{
	font-size:0.8em
	}

#mainnav	{
	background-color: #fff;
	/*height:58px;*/}

#subnav	{
	margin-top: -16px;}

#header	{
	background-color:#f5f5f5;
	padding-left:15px;
	padding-right:15px;
}

#footer	{
	background-color: #f5f5f5;
	padding: 15px;
	}

.navbar-toggle {
    float: left;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
}

h1,h2,h3{
	margin-top:30px;
	margin-bottom:30px;}

/* サイドのメニュー用 */
.kadokaku {

   border: 3px #f5f5f5 solid;     /* 枠線の装飾 */
   background-color: #ffffff;   /* 背景色 */
}
/* 
サイドバー　カテゴリリスト折りたたみ式
------------------------------------------------------------------------------------------------------------ */
.widget {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.widget {font-size: 0.9em;
line-height: 1.5em;
letter-spacing: -0.035em;
}

.widget dl {
background-color:#ffffff;
margin-left:0px;
padding-left:0;
width:100%;
}

.widget dt {
/*border-bottom:2px dotted #888888;*/
/*font-size:1.2em;*/
font-size:1.5em;
font-weight:normal;
line-height:4;
/*margin-left:0;*/
margin:0;
padding-left: 5px;
background-color:#3399cc;
color:#ffffff;
}

.widget dd, .widget ul {
margin-left:0px;
padding-left:0px;
}

.widget li {
border-bottom:1px solid #EEEEEE;
/*font-size: 0.95em;*/
font-size: 1.1em;
/*line-height:2.5em;*/
line-height:3em;
list-style:none outside none;
margin-left:0;
padding-left:10px;
}

.widget li li {
background-color:#FFFFFF;
font-size:85%;
margin-left:20px;}

.widget .subcategories + ul li {
line-height:2em;
}

.widget li li li {
background-color:#FFFFFF;
}

.bnr180 {
  /*width:180px;*/
  margin: 5px 0px;
  padding:15px 8px;
  border:solid 1px;
}

.bnr180:hover {
  text-decoration:none;
}

.bnr180 .headline{
  font-size:1.5em;
  padding-bottom: 12px;
  line-height:1.2em;
  letter-spacing: -0.1em;
}

.bnr180 .sub{
  font-size:0.9em;
  padding: 0px 0px 0px 0px;
  line-height:1.2em;
}

a .bnr180{
	text-decoration:none;
	}


/* 
サイドバー　カテゴリリスト
------------------------------------------------------------------------------------------------------------ */
ul.categorylist {
list-style-type:none;
margin-left:0;
padding-left:0;
}

ul.categorylist > li {
margin-left:0px;
font-weight: bold;
}

ul.categorylist * li {
line-height: 1.4em;
margin-left:1em;
font-weight: normal;
}

/* 
サイドメニュー　新カテゴリリスト
------------------------------------------------------------------------------------------------------------ */
.widget #categories {
	background-color: white;

}

.widget #categories li {
	margin-left: 0px;
	padding-left: 0px;

}

.widget #categories>ul>li {
	margin-left: 0px;
	padding-left: 5px;
	background-color:#fff;

}


.widget #categories li li{
	background-color: white;
	margin-left: 0px;

}

.widget #categories li ul{
	margin-left: 20px;

}

.widget #categories a.foldmark{
	display:inline;
}

.widget #categories a{
	color: black;
	text-decoration: none;
	padding-left: 0px;
	width: 100%;
	height: 100%;
}

.widget #categories a:hover{
	color: red;
	text-decoration: underline;
}

/*　フッター　*/
#footer { width: 100%; background-color:#efefef; padding-top: 0.5em; }

#telfax {font-size:24px; padding-bottom: 0.5em; font-weight:900; letter-spacing:-0.05em; }

#address	{
	font-size: 0.8em;
	line-height: 1.5em; }

#copyright { 
	font-size:0.7em;
	line-height: 1.5em; }


/* 
テキストナビゲーション の設定
------------------------------------------------------------------------------------------------------------ */
#footer ul  { font-size: 0.8em; list-style-type: none; margin-left: 0px; padding-left: 0px; }
#footer li  { line-height: 1.5em; margin-left: 0px; display: inline }
#footer li:after { content: " "; }
/* #footer li:after { content: url(/media/yajiorangeR.gif); }*/

#footer li a { text-decoration: none; }
#footer li a:hover  { color: red; text-decoration:  }

/* 
買い物かご の設定
------------------------------------------------------------------------------------------------------------ */
.cart_s  { 
		display: block;
		text-align: center;
		background-color: #4285f4;
		margin: 0.8em 0;
		}

/* CLASS
cartunit 用設定（商品名、価格、コメント、cartを１つのユニットとして扱う）
------------------------------------------------------------------------------------------------------------ */
.cartunit	{ font-weight: bold; }
.pricebase	{ font-size: 0.85em; font-weight: normal; }
.cart_s a	{ color: white; font-weight: normal; display: block;background-color:orange;}
.cartunit li	{ margin-left: 0px; padding-left: 0px }
.cartunit ul	{ list-style-type: none; margin-left: 0px; line-height: 1.8em; padding-left:0px;}
.deliveryinfo, .pricenote	{ color: red; font-size: 0.9em; font-weight: normal; }
.pricenote	{ font-weight: normal; }

.cartunit+.cartunit	{ margin-top: 1em; }


.group-table img {
	margin-bottom: 20px;}

.price_only .itemname,
.price_only form,
.price_only .pricenote,
.price_only .pricebase{
	display:none;
}

.panel-noborder {
    border: 1px solid white;
    box-shadow: 0px 0px 0px;
}

.row-index > .col-md-3:nth-of-type(4n+1), .col3 > .flbox:nth-of-type(3n+1), .col4 > .flbox:nth-of-type(4n+1), .col5 > .flbox:nth-of-type(5n+1) {
    clear: both;
}

#recent-entry {
    height: 7.5em;
    overflow: auto;
    margin-bottom: 20px;
}

.column {
    margin: 0px 0px 5px;
    padding: 5px;
    border: 1px dotted #333;
    font-size: 0.95em;
}

.sign {
    float: right;
    margin: -5px 5px 5px;
    width: 190px;
    font-size: 12px;
    padding: 0px 8px;
    border-color: #FFA500 !important;
}

/*.kadomaru {
    border-radius: 5px;
    border: 1px solid #999;
    background-color: #FFF;
}*/

.kadomaru05 {
    border-radius: 5px;
}

.kadomaru10 {
    border-radius: 10px;
}

.kadomaru15 {
    border-radius: 15px;
}

.kadomaru20 {
    border-radius: 20px;
}

.kadomaru25 {
    border-radius: 25px;
}

.kadomaru30 {
    border-radius: 30px;
}


.autor {
    color: #333;
    font-size: 95%;
    text-align: right;
}

/* ブログ、イベントブログなど
------------------------------------------------------------------------------------------------------------ */
.mt-archive-listing article h2{
	margin-bottom: 25px;
	}
	
.mt-archive-listing article {
	padding-bottom: 9px;
	margin: 40px 0px 20px;
	border-bottom: 1px solid #EEE;
	}


/* Googleカレンダー http://www.webdesignleaves.com/wp/htmlcss/863/
------------------------------------------------------------------------------------------------------------ */

.cal_wrapper {
  max-width: 800px; /* 最大幅 */
  min-width: 300px; /* 最小幅 */
  margin: 2.0833% auto;
}
 
.googlecal {
  position: relative;
  padding-bottom: 100%; /* 縦横比 */
  height: 0;
  overflow: hidden;
}
.googlecal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
 
@media only screen and (min-width: 600px) {
  /* 画面幅が600px以上の場合の縦横比の指定 */
  .googlecal {
    padding-bottom: 75%;
  }
}

/* CLASS
小さなマーク
------------------------------------------------------------------------------------------------------------ */
/*.new		{ background-image: url("/media/new.gif"); background-repeat: no-repeat; background-position: center right; padding: 0px 35px 0px 0px; }*/
/*.aizawa		{ background-image: url("/media/aizawa_00_SS.jpg"); background-repeat: no-repeat; background-position: center right; line-height: 50px; vertical-align: middle; padding-right: 50px; }*/
/*.aizawa:before	{ display: block; content: url("/media/aizawa_00_SS.jpg"); float:right; position: relative; top: -20px;}*/
/*.kakita:before	{ display: block; content: url("/media/kakita_00_SS.jpg"); float:right; position: relative; top: -20px;}*/
.aizawa:before	{ display: block; content: url("/media/aizawa50.png"); float:right; position: relative; top: -20px;}
.kakita:before	{ display: block; content: url("/media/kakita50.png"); float:right; position: relative; top: -20px;}
.yoko:before	{ display: block; content: url("/media/yoko50.png"); float:right; position: relative; top: -20px;}
.osamu:before	{ display: block; content: url("/media/osamu50.png"); float:right; position: relative; top: -20px;}
.naoko:before	{ display: block; content: url("/media/naoko50.png"); float:right; position: relative; top: -20px;}
.sasaki:before	{ display: block; content: url("/media/sasaki50.png"); float:right; position: relative; top: -20px;}
.chisa:before	{ display: block; content: url("/media/chisa50.png"); float:right; position: relative; top: -20px;}
.chihiro:before	{ display: block; content: url("/media/chihiro50.png"); float:right; position: relative; top: -20px;}
.sumire:before	{ display: block; content: url("/media/sumire50.png"); float:right; position: relative; top: -20px;}

.hisatome:before	{ display: block; content: url("/media/hisatome_00_SS.jpg"); float:right;}
.spielgut:before	{ display: block; content: url("/media/logo_spielgut_20.gif"); float:left; position: relative; top: 0px; padding-right:3px;}
.gmark:before	{ display: block; content: url("/media/logo_gmark_20.gif"); float:left; position: relative; top: 0px; padding-right:3px;}


/* 圏点　*/
.emphasis_small {
	text-emphasis: filled dot red;
	-webkit-text-emphasis: filled dot red;
}
.emphasis {
	text-emphasis: filled circle black;
	-webkit-text-emphasis: filled circle black;
}

/* 
細枠テーブル
------------------------------------------------------------------------------------------------------------ */
table.hosowaku,
table.hosokei {
border-collapse:collapse;
border-spacing:0pt;
margin-bottom:0.75em;
border:1px solid #666;
empty-cells: show; 
background-color: white; 
}

.hosokei th, .hosokei td { border: 1px solid #666; }
.hosowaku th, .hosowaku td { padding: 5px; border: 1px solid #666; text-align: center;}

.hosowaku th { background-color: #9cc; color:#000; }
.hosokei th { padding: 5px 0px; background-color: #9cc; }


/* 
買い物かごの中
------------------------------------------------------------------------------------------------------------ */
.cartprocess			{ font-size: 0.9em; margin: 5 0 0 0px; padding-left: 0px; list-style-type: decimal; }
.cartprocess li			{ line-height: 1.5em; margin-left: 0px; display: block; float:left; width: 93px; height: 45px; background-color: #ffd700; padding: 10px; margin-left: 13px; text-align: center; vertical-align: middle; background-repeat: no-repeat; background-position: center center; }
/*ol.cartprocess li:before	{ content: " " url(/media/yajiorangeR.gif); }*/
.cartprocess :first-child		{ margin-left: 0px; }

/*,.cartprocess #cartbox1	{ background-image: url(/media/cart_num_1.gif); }
.cartprocess #cartbox2	{ background-image: url(/media/cart_num_2.gif); }
.cartprocess #cartbox3	{ background-image: url(/media/cart_num_3.gif); }
.cartprocess #cartbox4	{ background-image: url(/media/cart_num_4.gif); }
.cartprocess #cartbox5	{ background-image: url(/media/cart_num_5.gif); }
.cartprocess #cartbox6	{ background-image: url(/media/cart_num_6.gif); }*/

.cart1 #cartbox1	{ background-color: #ff6600; }
.cart2 #cartbox2	{ background-color: #ff6600; }
.cart3 #cartbox3	{ background-color: #ff6600; }
.cart4 #cartbox4	{ background-color: #ff6600; }
.cart5 #cartbox5	{ background-color: #ff6600; }
.cart6 #cartbox6	{ background-color: #ff6600; }

#cart input, #cart textarea, #cart select	{ border: 1px solid gray; margin-right: 0.5em; cursor: pointer; }
/*#cart input[name="_name"]:focus		{ font-family: Osaka, "ＭＳ ゴシック", "ＭＳ Ｐゴシック", Osaka-等幅, Osaka, 平成角ゴシック; }*/
#cart input[type="radio"]		{ margin-right: 0em; margin-left: 2em; cursor: pointer; }
#cart input[type="radio"]:first-child	{ margin-left: 0em; }
#cart input#me1, #cart input#me2, #cart input#me3, #cart input#me4, #cart input#st1,#cart input#st2	{ border: 0px; cursor: pointer; }

#cart dl		{ margin: 50px 0px 30px 0px ; font-size: 0.95em; }
#cart dt	{ float: left; width: 160px; text-align: right; padding-right: 8px; border-right: 8px solid #ccc; }
#cart dd	{ margin-left: 200px; margin-bottom: 1.3em; }
#cart dt.mus, .mus	{ font-weight: bold; border-right: 8px solid #f60; }
#cart .cart2 .hosowaku th	{ text-align: right; padding-right: 10px; font-weight: normal; background-color: #ddd; }
#cart .warning		{ color: #f00; }

input#email_field:focus {
    font-size: 20px;
}



/* ここまで */

/* index_old対策（MTに移行したら不要） */
/* CLASS
detail2 および relate 用のフロートボックス
------------------------------------------------------------------------------------------------------------ */
.flbox      { float: left; margin-bottom: 20px; }

.col2 .flbox     { width: 375px }
.col3 .flbox     { width: 250px }
.col4 .flbox     { width: 187px }
.col5 .flbox     { width: 150px }

.col2 .col4 .flbox	{ width: 90px;}
/* CLASS
フロートボックスに収まるコンテナ
------------------------------------------------------------------------------------------------------------ */
.col2 .fbcontainer       { padding: 2.5px; border: none; }
.col3 .fbcontainer       { margin: 5px; padding: 0px; }
.col4 .fbcontainer       { margin: 3.5px; padding: 0px; border: none; }
.col5 .fbcontainer       { padding: 4px; border: dotted 1px white; }


.col2 hr, .col3 hr, .col4 hr, .col5 hr		    { clear: both; padding-top: 40px; visibility: hidden; }

/*CSS3で導入された nth-of-type 要素を使って上の hr を省略する*/
.col2>.flbox:nth-of-type(2n+1),
.col3>.flbox:nth-of-type(3n+1),
.col4>.flbox:nth-of-type(4n+1),
.col5>.flbox:nth-of-type(5n+1)	{ clear: both; }

.col2+hr, .col3+hr, .col4+hr, .col5+hr {clear:both;}

/*Google カスタム検索用 20150903*/
.gsc-branding-text, .gsc-branding-img{
display:none !important;
}

.gsc-input{
	width:180px !important;
	} 



/*iframe{
max-width: 1080px;
}*/


/* ひな人形のインデックスページに在庫状況を表示させない*/

/*.wo-delinfo li.deliveryinfo*/
body.dan li.deliveryinfo
{
	display:none;}

body.detail li.deliveryinfo
{
	display:block;}

.row-index {display:block;}


/* Bootstrapの修正 */
.well table{
	background-color:white;}

.well-sm,.well-lg{
background-color:#f5f5f5;border:1px solid #e3e3e3;}

/*th {
    text-align: center;
}*/


.pdspec dt{
	float:left;
	}
	
/* dt,dd */
/*dt, dd {
    line-height: 1.8em;
}

dd {
    margin-left: 5em;
}*/

/* テーブルの装飾*/
table.pink th{
	background-color:#ff6699;
	color:white;
	}
	
table.pink{
	border-color:#999;}
	
/* flex-boxでインデックスページを整える */
.item-flex, .row-index{
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	}
.kadomaru {
    width: 100%;
}

/* カルーセルの画像を中央揃えする */	
.carousel-inner > .item > img, .carousel-inner > .item > a > img{
	margin-left:auto;
	margin-right:auto;
	}

.carousel-inner > .item > picture, .carousel-inner > .item > a > picture, .carousel-inner > .item > a > picture >img{
	margin-left:auto;
	margin-right:auto;
	}

.carousel-control {
    width: 8%;
	}
	
/* 細枠：1px solid black */
img.waku1bk {
	border: 1px solid black;}
	
img.waku1gr {
	border: 1px solid #999;}
	
/* ジャンボトロンの別色バージョン */
.jumbotron-blue {
background-color:#c0eefe;
}

.jumbotron-blue h2{
	color:#2d72cf;
}

/* ネフさんＱ＆Ａ */
.qanda dt {
    color: #090;
    line-height: 140%;
    margin: 0px;
    padding-left: 5px;
    border-left: 5px solid #090;
}

.qanda dd {
    line-height: 140%;
    margin: 0px;
    padding: 5px 0px 0px 10px;
    /*border: dotted 1px #999;*/
}

/* GRAPAT 用のフォント*/

h3.amatic{
	font-family: 'Amatic SC', cursive;
	font-size:40px;
	letter-spacing: 2px;
}

.table-condensed thead>tr>th, .table-condensed tbody>tr>th, .table-condensed tfoot>tr>th, .table-condensed thead>tr>td, .table-condensed tbody>tr>td, .table-condensed tfoot>tr>td {
	min-width:4em !important;
	}

/* 鏡文字　*/
.mirror-text {
-moz-transform:    rotateY( 180deg );  /* Firefox用 */
-webkit-transform: rotateY( 180deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotateY( 180deg );  /* 古いOpera用 */
-ms-transform:     rotateY( 180deg );  /* IE9用 */
transform:         rotateY( 180deg );  /* CSS3の書き方 */
}

/* bootstrapの印刷時にURLが印刷される設定を打ち消す */

@media print {
 a[href]:after {
 content: "" !important;
 }
 
 abbr[title]:after {
 content: "" !important;
 }
}

 /*   hukidashi */
.balloon-left {
position: relative;
background-color: #ffc4c4;
padding: 10px;
color: #333;
margin: 15px;
border-radius: 8px;
}

.balloon-left::before {
content: "";
position: absolute;
border: 12px solid transparent;
border-right: 12px solid #ffc4c4;
top: 20%;
left: -24px;
}

.balloon-left p {
margin: 0;
padding: 0;
}

.balloon-right {
position: relative;
background-color: #fffacd;
padding: 10px;
color: #333;
width: 90%;
border-radius: 8px;
}

.balloon-right::before {
content: "";
position: absolute;
border: 12px solid transparent;
border-left: 12px solid #fffacd;
top: 20%;
left: 100%;
}

.balloon-right p {
margin: 0;
padding: 0;
}


/* 値上げの一覧表用：買い物カゴの表示をカゴボタンと会員価格、品切れ表示のみにし、１行にまとめる */
#neage2110 .cartunit li {
	display: inline-block;
	font-size:0.8em;
}

#neage2110 .cartunit li.itemname {
    display: none;
}

#neage2110 .cartunit li.pricewtax {
    display: none;
}

/* グローバルメニューを目立たせる。文字を黒に */
.navbar-default .navbar-nav>li>a {
    color: #000;
}
.navbar-default {
    background-color: #fafafa;
}

#header {
    background-color: #fff;
}

/*#subnav {
    margin-bottom: 50px;
}*/

.navbar-collapse {
    max-height: 235px;
}

@media (min-width: 768px){
  .navbar-nav{
      margin: 0 auto;
      display: table;
      table-layout: fixed;
      float:none;
  }
}

/*,.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus*/ 
#season .nav-tabs>li>a[href^="/season"],
#book .nav-tabs>li>a[href*=book],
#toy .nav-tabs>li>a[href*=toy],
#life .nav-tabs>li>a[href*=life]{
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.mini-tab {
	padding-top: 3em;
	padding-bottom: 3em;
}


/* 
通販説明ページのh2
------------------------------------------------------------------------------------------------------------ */
body#order h2{
	padding: 1em;
	border: solid 1px gray;
	background-color: white;
}

.author_box{
    padding: 25px;
    background: #F0F0F0;
    margin: 2em 0;
}

.author_box > h3 {
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 1em;
}

.author_box .author {
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 0.3em;
}

.author_box .author span {
    font-size: 70%;
    font-weight: normal;
	margin-left: 1em;
}

/* 
商品詳細ページの画像をbootstrap3のカルーセル利用方式に変えたため
------------------------------------------------------------------------------------------------------------ */
ol#detail-indicators {
    position: relative;
    bottom: 10px;
    left: 0%;
    z-index: 0;
    width: 100%;
    padding-left: 0;
    margin-left: 0%;
    text-align: left;
    list-style: none;
}

ol#detail-indicators li {
	display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 0px;
}

@media screen and (min-width: 768px) {
    .carousel-indicators {
        bottom: -20px;
    }
}


/* 
商品詳細ページの画像をbootstrap3のカルーセル利用方式に変えたため キャプションを下に黒バックで表示する
------------------------------------------------------------------------------------------------------------ */

.carousel-caption {
    background-color: rgba(1, 1, 1, 0.3);
    right: 15%;
    bottom: 0px;
    left: 15%;
    z-index: 10;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: large;
}

@media screen and (min-width: 768px) {
    .carousel-caption {
        right: 0%;
		left: 0%;
		padding-bottom: 10px;
    }
}

/* 
商品詳細ページの画像をbootstrap3のカルーセル利用方式に変えたため 左右のグレーのグラデーションを消しアイコンをグレーバックに
------------------------------------------------------------------------------------------------------------ */

#detail-carousel .carousel-control.right,#detail-carousel .carousel-control.left {
    background-image: none;
}

#detail-carousel .glyphicon {
	background-color: rgba(1, 1, 1, 0.3);
}

/* 
商品詳細ページの画像が大きすぎて、典子さんのPCだと画像でいっぱいになってしまう。→paddingで小さくする
------------------------------------------------------------------------------------------------------------ */

#detail-carousel {
	padding: 0px 100px 20px;
}