@charset "shift_jis";




/*##################################################################################

	base

##################################################################################*/
#wrapper {
	display: none;
}

/*##################################################################################

	footer

##################################################################################*/
#wrapper > footer {
	visibility: hidden;
}

/*##################################################################################

	container

##################################################################################*/


/*----------------------------------------------------------------------------------
	item
----------------------------------------------------------------------------------*/
#container > .row > .items {
	max-width: 1416px;
	margin: 0 auto;
    *zoom: 1;
}
#container > .row > .items:before,
#container > .row > .items:after {
    content: " ";
    display: table;
}
#container > .row > .items:after {
    clear: both;
}

#container > .row > .items > li {
	position: relative;
	/*overflow: hidden;*/
	float: left;
	visibility: hidden;
}
#container > .row > .items > li.title {
	visibility: visible;
}
/*
#container > .row > .items > li.title h1 {
	display: block;
	background: #fff url(../images/item_l.png) left top no-repeat;
	background-size: cover;
}
*/
#container > .row > .items > li.title h1 img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
#container > .row > .items > li.notEvent {
	/*visibility: visible;*/
}
#container > .row > .items > li.notEvent > a {
	cursor: default;
}
#container > .row > .items > li > a {
	display: block;
	cursor: pointer;
	position: relative;
}
#container > .row > .items > li > a > img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
#container > .row > .items > li > a > img.ov {
	position: absolute;
	left: 0; top: 0;
	visibility: hidden;
}
#container > .row > .items > li > a > .fix {
	display: none;
}
#container > .row > .items > li.notEvent > a > .fix,
#container > .row > .items > li.notSprite > a > .fix {
	display: inline;
}
#container > .row > .items > .itemM {
	/*width: 236px;*/
	width: 16.6%;
	/*height: 334px;*/
}
#container > .row > .items > .itemM.new:before {
	content: '';
	position: absolute;
	z-index: 2;
	right: 0;
	top: 19.891566%;
	width: 21.2765957%;
	height: 15.060241%;
	background: url(../images/new.png) left bottom no-repeat;
	background-size: 100% auto;
}
#container > .row > .items > .itemM > a > span {
	position: absolute;
	left: 0; top: 0; z-index: 1;
	display: block;
	background: url(../images/item_m.png) left top no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%
}
#container > .row > .items > .itemL {
	/*width: 472px;*/
	width: 33.3%;
	/*height: 334px;*/
}
#container > .row > .items > .itemL.new:before {
	content: '';
	position: absolute;
	z-index: 2;
	right: 12%;
	top: 11.891566%;
	width: 10.6157113%;
	height: 15.015015%;
	background: url(../images/new.png) left bottom no-repeat;
	background-size: 100% auto;
}
#container > .row > .items > .itemL > a > span {
	position: absolute;
	left: 0; top: 0; z-index: 1;
	display: block;
	background: url(../images/item_l.png) left top no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%
}


/*----------------------------------------------------------------------------------
	detail
----------------------------------------------------------------------------------*/
#container > section > .details {
	display: none;
	clear: both;
	position: relative;
	width: 100%;
	height: 476px;
	overflow: hidden;
	background: #fcfcfc;
}
#container > section > .details:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 54px;
	background: url(../images/article_bg_top.gif) left top repeat-x;
}
#container > section > .details:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 54px;
	background: url(../images/article_bg_bottom.gif) left top repeat-x;
}
#container > section > .details > .arrow {
	position: absolute;
	left: 50%; top: 0;
    width: 67px;
    height: 36px;
	margin-left: -34px;
	background: url(../images/article_arrow.gif) left top no-repeat;
}
#container > section > .details > .close {
	position: absolute;
	right: 1px; top: 9px; z-index: 3;
    width: 55px;
    height: 54px;
	cursor: pointer;
	background: url(../images/article_close_ov.png) left top no-repeat;
}
#container > section > .details > .next {
	display: none;
	position: absolute;
	right: 6px; top: 0; z-index: 2;
    width: 48px;
    height: 48px;
	cursor: pointer;
	padding: 202px 1px 226px 10px;
	background: url(../images/detail_next_ov.png) right center no-repeat;
}
#container > section > .details > .back {
	display: none;
	position: absolute;
	left: 6px; top: 0; z-index: 2;
    width: 48px;
    height: 48px;
	cursor: pointer;
	padding: 202px 10px 226px 0;
	background: url(../images/detail_back_ov.png) left center no-repeat;
}
#container > section > .details > .detail {
	position: relative;
	z-index: 1;
	width: 888px;
	height: 307px;
	margin: 0 auto;
}
#container > section > .details > .detail > li {
	position: absolute;
	left: 0; top: 57px;
	display: block;
	width: 888px;
	height: 307px;
}
#container > section > .details > .foot {
	position: absolute;
	left: 50%; /*top: 386px;*/ bottom: 23px; z-index: 3;
	width: 888px;
	height: 67px;
	margin-left: -444px;
}
#container > section > .details > .foot > .indicator {
	position: relative;
	z-index: 3;
	width: 100%;
	margin-top: 21px;
	text-align: center;
}
#container > section > .details > .foot > .indicator > li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 25px;
	height: 31px;
	margin-left: 10px;
	cursor: pointer;
}
#container > section > .details > .foot > .indicator > li.first {
	margin-left: 0;
	/*background-color: #fcfcfc;*/
}
#container > section > .details > .foot > .indicator > li.indicator-0 { background: url(../images/article_page_0_disable.png) left top no-repeat; }
#container > section > .details > .foot > .indicator > li.indicator-1 { background: url(../images/article_page_1_disable.png) left top no-repeat; }
#container > section > .details > .foot > .indicator > li.indicator-2 { background: url(../images/article_page_2_disable.png) left top no-repeat; }
#container > section > .details > .foot > .indicator > li.indicator-3 { background: url(../images/article_page_3_disable.png) left top no-repeat; }
#container > section > .details > .foot > .indicator > li.indicator-4 { background: url(../images/article_page_4_disable.png) left top no-repeat; }
#container > section > .details > .foot > .indicator > li.indicator-5 { background: url(../images/article_page_5_disable.png) left top no-repeat; }
#container > section > .details > .foot > .indicator > li.indicator-6 { background: url(../images/article_page_6_disable.png) left top no-repeat; }
#container > section > .details > .foot > .indicator > li.indicator-7 { background: url(../images/article_page_7_disable.png) left top no-repeat; }
#container > section > .details > .foot > .indicator > li.indicator-8 { background: url(../images/article_page_8_disable.png) left top no-repeat; }
#container > section > .details > .foot > .buttons {
	position: absolute;
	right: 0; top: -20px; z-index: 3;
	width: 278px;
	height: 39px;
}
#container > section > .details > .foot > .buttons > ul > li {
	float: left;
	margin-right: 10px;
	width: 134px;
}
#container > section > .details > .foot > .buttons > ul > .material {
	background: url(../images/detail_btn_material_ov.png) left top no-repeat;
}
#container > section > .details > .foot > .buttons > ul > .search {
	background: url(../images/detail_btn_search_ov.png) left top no-repeat;
	margin-right: 0;
}









/*----------------------------------------------------------------------------------
	detail - article
----------------------------------------------------------------------------------*/

/* ---- titleDetail ---- */

#titleDetail > .page0 h4 {
	margin: -22px 0 21px 0;
}
#titleDetail > .page0 h5 {
	margin: 0 0 32px 0;
}
#titleDetail > .page0 p {
	margin: 0 0 0 0;
}




/* ---- detail0 ---- */

#detail0 > .page0 .boxL {
	float: left;
	width: 395px;
	margin-left: -61px;
}
#detail0 > .page0 .boxR {
	float: right;
	width: 478px;
}
#detail0 > .page0 h5 {
	margin-bottom: 55px;
}
#detail0 > .page0 p {
	margin-bottom: 30px;
}

#detail0 > .page1 .boxL {
	float: left;
	width: 278px;
	margin-right: 26px;
}
#detail0 > .page1 .boxC {
	float: left;
	width: 278px;
	margin-right: 28px;
}
/*
#detail0 > .page1 .boxC .txt {
	margin-top: 18px;
}
*/
#detail0 > .page1 .boxR {
	float: right;
	width: 278px;
}
#detail0 > .page1 .title {
	margin: -22px 0 14px;
}

#detail0 > .page2 .title {
	margin-top: -19px;
	margin-left: 45px;
}




/* ---- detail1 ---- */

#detail1 > .page0 .boxL {
	float: left;
	width: 338px;
}
#detail1 > .page0 .boxR {
	float: right;
	width: 520px;
	margin-top: 82px;
}

#detail1 > .page1 .lead {
	width: 688px;
	margin-bottom: 36px;
}
#detail1 > .page1 .boxL {
	float: left;
	width: 423px;
}
#detail1 > .page1 .boxR {
	float: right;
	width: 416px;
}
#detail1 > .page1 .title {
	margin-bottom: 20px;
}
#detail1 > .page1 .photo {
	position: absolute;
	right: 15px;
	top: -41px;
}




/* ---- detail2 ---- */

#detail2 > .page0 .boxL {
	float: left;
	width: 391px;
}
#detail2 > .page0 .boxR {
	float: right;
	width: 396px;
	margin-top: 66px;
}

#detail2 > .page1 .lead {
	margin: -10px 0 15px;
}




/* ---- detail3 ---- */

#detail3 > .page0 .boxL {
	float: left;
	width: 416px;
	margin-left: -22px;
}
#detail3 > .page0 .boxR {
	float: right;
	width: 411px;
	margin-top: 73px;
}

#detail3 > .page1 .title {
	margin: -22px 0 21px;
}




/* ---- detail4 ---- */

#detail4 > .page0 .boxL {
	float: left;
	width: 444px;
	margin: -12px 0 0 -39px;
}
#detail4 > .page0 .boxR {
	float: right;
	width: 445px;
	margin-top: -12px;
}

#detail4 > .page1 .title {
	float: left;
	width: 333px;
	margin: -14px 0 27px;
}
#detail4 > .page1 .lead {
	float: right;
	width: 526px;
	margin: -14px 0 27px;
}
#detail4 > .page1 .image {
	clear: both;
}

#detail4 > .page2 .lead {
	margin: -14px 0 28px;
}
#detail4 > .page2 .photo1 {
	position: absolute;
	right: 100px; top: 73px;
}
#detail4 > .page2 .photo2 {
	position: absolute;
	right: -58px; top: 73px;
}




/* ---- detail5 ---- */

#detail5 > .page0 .boxL {
	float: left;
	width: 389px;
}
#detail5 > .page0 .boxR {
	float: right;
	width: 484px;
	margin-top: 63px;
}

#detail5 > .page1 .box {
	margin-top: -17px;
}
#detail5 > .page1 .box .boxL {
	float: left;
	width: 102px;
	margin-left: 63px;
}
#detail5 > .page1 .box .boxR {
	float: right;
	width: 695px;
}
#detail5 > .page1 .box .boxR .lead {
	margin-bottom: 22px;
}




/* ---- detail6 ---- */

#detail6 > .page0 .boxL {
	float: left;
	width: 389px;
}
#detail6 > .page0 .boxR {
	float: right;
	width: 463px;
	margin-top: 101px;
}

#detail6 > .page1 .box {
	margin-top: -17px;
}
#detail6 > .page1 .box .boxL {
	float: left;
	width: 102px;
	margin-left: 63px;
}
#detail6 > .page1 .box .boxR {
	float: right;
	width: 695px;
}
#detail6 > .page1 .box .boxR .lead {
	margin-bottom: 22px;
}




/* ---- detail7 ---- */

#detail7 > .page0 .boxL {
	float: left;
	width: 395px;
	margin: -10px 0 0 -6px;
}
#detail7 > .page0 .boxR {
	float: right;
	width: 467px;
	margin-top: 52px;
}

/*
#detail7 > .page1 .lead {
	margin: -12px 0 26px;
}
#detail7 > .page1 li {
	margin-bottom: 23px;
}
#detail7 > .page1 .image {
	position: absolute;
	right: -57px; top: 36px;
}
*/

#detail7 > .page1 .boxL {
	float: left;
	width: 284px;
}
#detail7 > .page1 .boxR {
	float: right;
	width: 578px;
	margin-top: 49px;
}
#detail7 > .page1 .boxR .lead {
	margin-bottom: 41px;
}




/* ---- detail8 ---- */

#detail8 > .page0 .boxL {
	float: left;
	width: 400px;
	margin-left: -65px;
}
#detail8 > .page0 .boxR {
	float: right;
	width: 465px;
	margin-top: 101px;
}

#detail8 > .page1 .lead {
	margin: -15px 0 19px;
}
#detail8 > .page1 .txt {
	margin-bottom: 24px;
}
#detail8 > .page1 .image {
	text-align: center;
}




/* ---- detail9 ---- */

#detail9 > .page0 .boxL {
	float: left;
	width: 409px;
	margin-left: -17px;
}
#detail9 > .page0 .boxR {
	float: right;
	width: 403px;
	margin-top: 103px;
}

#detail9 > .page1 .lead {
	margin: -17px 0 27px;
}
#detail9 > .page1 .txt {
	margin-bottom: 12px;
}




/* ---- detail10 ---- */

#detail10 > .page0 .boxL {
	float: left;
	width: 411px;
	margin-left: -59px;
}
#detail10 > .page0 .boxR {
	float: right;
	width: 403px;
}
#detail10 > .page0 h5 {
	margin-bottom: 29px;
}

#detail10 > .page1 .boxL {
	float: left;
	width: 395px;
}
#detail10 > .page1 .boxL .title {
	margin-bottom: 19px;
}
#detail10 > .page1 .boxR {
	float: right;
	width: 488px;
	margin-right: -19px;
}




/* ---- detail11 ---- */

#detail11 > .page0 .boxL {
	float: left;
	width: 418px;
	margin-left: -35px;
}
#detail11 > .page0 .boxR {
	float: right;
	width: 380px;
	margin-top: 59px;
}

#detail11 > .page1 .boxL {
	float: left;
	width: 284px;
}
#detail11 > .page1 .boxR {
	float: right;
	width: 578px;
	margin-top: 49px;
}
#detail11 > .page1 .boxR .lead {
	margin-bottom: 41px;
}




/* ---- detail12 ---- */

#detail12 > .page0 .boxL {
	float: left;
	width: 426px;
	margin-left: -40px;
}
#detail12 > .page0 .boxR {
	float: right;
	width: 428px;
	/*margin-top: 61px;*/
}

#detail12 .title {
	margin: -13px 0 23px;
}
#detail12 .box > .boxL {
	float: left;
	width: 185px;
}
#detail12 .box > .boxL > .photo {
	margin-bottom: 15px;
}
#detail12 .box > .boxL > .txt {
	font-size: 12px;
	color: #333333;
	width: 500px;
	line-height: 1.5;
}
#detail12 .box > .boxR {
	float: right;
	width: 659px;
}
#detail12 .box > .boxR > p {
	margin-bottom: 24px;
	color: #7a5c34;
	font-size: 15px;
	line-height: 1.5;
}




/* ---- detail13 ---- */

#detail13 > .page0 .boxL {
	float: left;
	width: 460px;
	margin: -5px 0 0 -48px;
}
#detail13 > .page0 .boxR {
	float: right;
	width: 431px;
	margin-top: 68px;
}

#detail13 > .page1 .lead {
	margin: -23px 0 14px;
	margin-top: 50px;
}
#detail13 > .page1 .boxL {
	float: left;
	width: 579px;
}
#detail13 > .page1 .boxR {
	float: right;
	width: 275px;
	padding-top: 4px;
}
#detail13 > .page1 .tableWrapp2 {
	margin-top: 19px;
}
#detail13 > .page1 table {
	width: 579px;
	border: none;
	padding: 0;
	border-spacing: 0px; 
	border-collapse: collapse; 
	line-height: 1;
}
#detail13 > .page1 table th {
	padding-right: 24px;
}
#detail13 > .page1 table img {
	line-height: 1;
	vertical-align: top;
	padding: 0;
}
#detail13 > .page1 .txt {
	margin-bottom: 11px;
}
#detail13 > .page1 .btn {
	background: url(../images/detail13_1_img12_ov.gif) left top no-repeat;
}

#detail13 > .page1 .btn01 {
	background: url(../images/detail13_1_img13_ov.png) left top no-repeat;
	margin-bottom:10px;
}


/* ---- detail14 ---- */

#detail14 > .page0 .boxL {
	float: left;
	width: 490px;
	margin: -25px 0 0 -91px;
}
#detail14 > .page0 .boxR {
	float: right;
	width: 443px;
	margin-right: -16px;
}

#detail14 > .page1 .photo {
	margin-top: 30px;
}
#detail14 > .page2 .photo {
	float: right;
	margin-top: 30px;
}
#detail14 > .page3 .photo {
	float: right;
	margin-top: 100px;
}

#detail14 > .list {
	color: #000;
	font-size: 16px;
	line-height: 1;
}
#detail14 > .list .boxL {
	float: left;
	width: 300px;
}
#detail14 > .list .boxC {
	float: left;
	width: 300px;
}
#detail14 > .list .boxR {
	float: left;
	width: 285px;
}
#detail14 > .list .boxR p {
	float: none !important;
}
#detail14 > .list .boxR .photo {
	margin: 0 0 15px !important;
}
#detail14 > .list .title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 1em;
}
#detail14 > .list a {
	font-size: 16px;
	color: #1b64c6;
	text-decoration: underline;
}
#detail14 > .list a:hover {
	text-decoration: none;
}
#detail14 > .list ul {
	display: block;
}
#detail14 > .list li {
	display: block;
	margin-bottom:  15px;
	line-height: 23.97px;
}



/* ---- detail16 ---- */

#detail16 > .page0 .boxL {
	float: left;
	width: 470px;
	margin: -11px 0 0 -56px;
}
#detail16 > .page0 .boxR {
	float: right;
	width: 444px;
}
#detail16 > .page1 .lead {
	margin: -19px 0 22px -5px;
}
#detail16 > .page1 .txt {
	margin: 0 0 40px -5px;
}
#detail16 > .page1 .photo {
	position: absolute;
	right: 40px; top: 43px;
}




/* ---- detail17 ---- */

#detail17 > .page0 .boxL {
	float: left;
	width: 392px;
	margin: -6px 0 0 -11px;
}
#detail17 > .page0 .boxR {
	float: right;
	width: 467px;
	margin-top: 54px;
}

#detail17 > .page1 .lead {
	margin: -15px 0 23px;
}
#detail17 > .page1 .txt {
	margin-bottom: 31px;
}
#detail17 > .page1 .photo {
	position: absolute;
	right: 8px; top: 164px;
	filter:inherit;
}

#detail17 > .page2 .box {
	position: relative;
	margin-bottom: 47px;
	filter:inherit;
}
#detail17 > .page2 .box .photo {
	position: absolute;
	right: 0; top: 0;
	filter:inherit;
}




/* ---- detail18 検索コンテンツ ---- */

#detail18,
#detail18 > .page0,
#detail18 > .page1 {
	width: 1002px !important;
}

#detail18 > .page0 {
	color: #7a5c34;
	height: auto !important;
}

#detail18 #step0 {
	text-align: center;
}
#detail18 #step0 h4 {
	font-size: 24px;
	margin-bottom: 35px;
}
#detail18 #step0 .selectBox {
	width: 503px;
	margin: 0 auto 59px;
	font-size: 18px;
}
#detail18 #step0 .selectBox .boxL {
	float: left;
	width: 230px;
}
#detail18 #step0 .selectBox .boxR {
	float: right;
	width: 230px;
	margin-left: 43px;
}
#detail18 #step0 .selectBox .title {
	margin-bottom: 15px;
}
#detail18 #step0 .selectBox .cont {
	position: relative;
}
#detail18 #step0 .selectBox .cont select {
	position: absolute;
	left: -99999px;
	top: -99999px;
}
#detail18 #step0 .selectBox .cont .select {
	position: relative;
	z-index: 1;
	display: block;
	width: 200px;
	height: 54px;
	padding-right: 25px;
	border: solid 2px #a37b48;
	border-radius: 10px;
	background: url(../images/detail18_select_icon.gif) right top no-repeat;
	color: #7a5c34;
	line-height: 58px;
	text-decoration: none;
}
#detail18 #step0 .selectBox .age .select {
	opacity: 0.6;
}
#detail18 #step0 .selectBox .age .select.enable {
	opacity: 1;
}
#detail18 #step0 .selectBox .cont .list {
	display: none;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 230px;
	background-color: #fff;
	font-size: 18px;
	line-height: 40px;
	box-shadow:rgba(0, 0, 0, 0.388235) 10px 20px 5px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.388235) 10px 20px 5px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.388235) 10px 20px 5px 0px;
}
#detail18 #step0 .selectBox .cont .list:before {
	content: '';
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: -1;
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-color: #ccc\9; /* for lt IE9 */
}
:root #detail18 #step0 .selectBox .cont .list:before { /* for IE9 */
	background-color: transparent;
}
#detail18 #step0 .selectBox .cont .list li {
	background-color: #fff;
}
#detail18 #step0 .selectBox .cont .list li a {
	display: block;
	color: #7a5c34;
	text-decoration: none;
}
#detail18 #step0 .selectBox .cont .list li.enable a {
	background-color: #a07330;
	color: #fff;
}
#detail18 #step0 .selectBox .cont .list li a:hover {
	background-color: #8d6326 !important;
	color: #fff;
}
#detail18 #step0 .next {
	width: 245px;
	height: 58px;
	margin: 0 auto;
	background: url(../images/detail18_next_ov.png) left top no-repeat;
}

#detail18 #step1 {
	display: none;
	text-align: center;
	color: #7a5c34;
}
#detail18 #step1 h4 {
	font-size: 25px;
	margin-bottom: 15px;
}
#detail18 #step1 .txt {
	margin-bottom: 20px;
	line-height: 43px;
	font-size: 18px;
	font-weight: bold;
}
#detail18 #step1 .txt span {
	padding: 0 10px;
	font-size: 32px;
	color: #e60012;
	font-weight: bold;
}
#detail18 #step1 > .caption {
	margin: 20px 0 50px 268px;
	font-size: 15px;
	text-align: left;
	line-height: 24px;
}
#detail18 #step1 > .box {
	width: 713px;
	margin: 0 auto;
	/*
	padding: 8px;
	background-color: #fff;
	*/
}
#detail18 #step1 > .box .inner {
	border: solid 2px #f4e7d5;
	background-color: #fffaf4;
}
#detail18 #step1 > .box .inner h5 {
	padding-top: 19px;
	width: 630px;
	margin: 0 auto;
	text-align: left;
}
#detail18 #step1 > .box .inner .column {
	padding-top: 46px;
	width: 892px;
	margin: 0 auto;
}
#detail18 #step1 > .box .inner .column .contL {
	float: left;
}
#detail18 #step1 > .box .inner .column .contR {
	float: right;
}
#detail18 #step1 > .box .inner .column2 {
	padding-top: 17px;
	width: 630px;
	margin: 0 auto;
}
#detail18 #step1 > .box .inner .column2 p {
	float: left;
}
#detail18 #step1 > .box .inner .buttons {
	width: 417px;
	padding: 13px 0 23px;
	margin: 0 auto;
}
#detail18 #step1 > .box .inner .buttons img {
	vertical-align: top;
}
#detail18 #step1 > .box .inner .buttons .material {
	float: left;
	width: 200px;
	background: url(../images/detail18_button_material_ov.png) left top no-repeat;
}
#detail18 #step1 > .box .inner .buttons .search {
	float: right;
	width: 200px;
	background: url(../images/detail18_button_search_ov.png) left top no-repeat;
}
#search-silhouette {
	position: absolute;
	right: -66px;
	top: -10px;
	width: 303px;
	height: 235px;
}
#search-silhouette.enable:after {
	content: '';
	display: block;
	position: absolute;
	left: 38px;
	bottom: 0;
	width: 200px;
	height: 4px;
	background-color: #a57534;
}
#search-silhouette .inner {
	width: 303px;
	height: 235px;
}
#search-silhouette .inner p {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}
#search-silhouette .inner .man3,
#search-silhouette .inner .woman3 {
	left: 303px;
}
#search-silhouette .inner p img {
	vertical-align: top;
}
#search-silhouette .anime {
	animation: rotateAnime ease 5.5s;
	animation-iteration-count: infinite;
	animation-delay: 2s;
	transform-origin: 50% 50%;
	-webkit-animation: rotateAnime ease 5.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 50% 50%;
	-webkit-animation-delay: 2s;
	-moz-animation: rotateAnime ease 5.5s;
	-moz-animation-iteration-count: infinite;
	-moz-transform-origin: 50% 50%;
	-moz-animation-delay: 2s;
	-o-animation: rotateAnime ease 5.5s;
	-o-animation-iteration-count: infinite;
	-o-transform-origin: 50% 50%;
	-o-animation-delay: 2s;
	-ms-animation: rotateAnime ease 5.5s;
	-ms-animation-iteration-count: infinite;
	-ms-transform-origin: 50% 50%;
	-ms-animation-delay: 2s;
}

@keyframes rotateAnime{
  0% {
    transform:  rotateY(0deg) ;
    -ms-transform:  rotateY(0deg) ;
    -moz-transform:  rotateY(0deg) ;
    -webkit-transform:  rotateY(0deg) ;
    -o-transform:  rotateY(0deg) ;
  }
  50% {
    transform:  rotateY(-1080deg) ;
    -ms-transform:  rotateY(-1080deg) ;
    -moz-transform:  rotateY(-1080deg) ;
    -webkit-transform:  rotateY(-1080deg) ;
    -o-transform:  rotateY(-1080deg) ;
  }
  100% {
    transform:  rotateY(-1080deg) ;
    -ms-transform:  rotateY(-1080deg) ;
    -moz-transform:  rotateY(-1080deg) ;
    -webkit-transform:  rotateY(-1080deg) ;
    -o-transform:  rotateY(-1080deg) ;
  }
}

@-moz-keyframes rotateAnime{
  0% {
    -moz-transform:  rotateY(0deg) ;
  }
  50% {
    -moz-transform:  rotateY(-1080deg) ;
  }
  100% {
    -moz-transform:  rotateY(-1080deg) ;
  }
}

@-webkit-keyframes rotateAnime {
  0% {
    -webkit-transform:  rotateY(0deg) ;
  }
  50% {
    -webkit-transform:  rotateY(-1080deg) ;
  }
  100% {
    -webkit-transform:  rotateY(-1080deg) ;
  }
}

@-o-keyframes rotateAnime {
  0% {
    -o-transform:  rotateY(0deg) ;
  }
  50% {
    -o-transform:  rotateY(-1080deg) ;
  }
  100% {
    -o-transform:  rotateY(-1080deg) ;
  }
}

@-ms-keyframes rotateAnime {
  0% {
    -ms-transform:  rotateY(0deg) ;
  }
  50% {
    -ms-transform:  rotateY(-1080deg) ;
  }
  100% {
    -ms-transform:  rotateY(-1080deg) ;
  }
}





/* ---- movie 旧CM ---- */
.movie {
	z-index: 10 !important;
}
.movie .boxL {
	float: left;
	width: 640px;
	margin: 4px 0 0 -60px;
}
.movie .boxL.movieBox {
	background:url(../images/movie_ph.jpg) no-repeat left top;
}
.movie .boxL.movieBox a {
	display:none;
	width:640px;
	height:360px;
	cursor:pointer;
}
.movie .boxL.movieBox a.none {display:none;}
.movie .boxR {
	position: absolute;
	top: 15px;
	right: -40px;
	width: 330px;
	font-size: 18px;
	color: #7a5c34;
	line-height: 1.4;
}
.movie .boxR h4 {
	font-weight: bold;
	margin-bottom: 20px;
}





/* ---- tarentMovie タレントCM ---- */
.tarentMovie {
	z-index: 10 !important;
}
.tarentMovie > li {
	top: 48px !important;
}
.tarentMovie .boxL {
	float: left;
	width: 640px;
	margin: 4px 0 0 -65px;
}
.tarentMovie .boxL.movieBox {
	background:url(../images/movie_ph.jpg) no-repeat left top;
}
.tarentMovie .boxL.movieBox a {
	display:none !important;
	width:640px;
	height:360px;
	cursor:pointer;
}
.tarentMovie .boxL.movieBox a.none {display:none;}
.tarentMovie .boxL.movieBox a img {
}
.tarentMovie .boxR {
	position: absolute;
	top: 4px;
	left: 611px;
	width: 350px;
}
.tarentMovie .boxR h4 {
	margin-bottom: 18px;
}
.tarentMovie .boxR .text {
	margin-bottom: 18px;
}
.tarentMovie .boxR .button {
	background: url(../images/tarent_movie_button_ov.gif) left top no-repeat;
}





/* ---- インタビュー ---- */
.interview1 {
	z-index: 10 !important;
}
.interview1 > li {
	top: 48px !important;
}
.interview1 .boxL {
	float: left;
	width: 451px;
	margin: 62px 0 0 0;
}
.interview1 .boxL .text1 {
	margin-bottom: 20px;
}
.interview1 .boxR {
	float: left;
	width: 330px;
	margin: 0 0 0 88px;
}

.interview2 {
	z-index: 10 !important;
}
.interview2 > li {
	top: 48px !important;
}
.interview2 .boxL {
	float: left;
	width: 451px;
	margin: 62px 0 0 0;
}
.interview2 .boxL .text1 {
	margin-bottom: 20px;
}
.interview2 .boxR {
	float: left;
	width: 330px;
	margin: 0 0 0 88px;
}

.interview3 {
	z-index: 10 !important;
}
.interview3 > li {
	top: 48px !important;
}
.interview3 .boxL {
	float: left;
	width: 378px;
	margin: 17px 0 0 0;
}
.interview3 .boxL .text1 {
	margin-bottom: 20px;
}
.interview3 .boxR {
	float: left;
	width: 510px;
	margin: 0 0 0 0;
}

.interview4 {
	z-index: 10 !important;
}
.interview4 > li {
	top: 48px !important;
}
.interview4 .boxL {
	float: left;
	width: 451px;
	margin: 62px 0 0 0;
}
.interview4 .boxL .text1 {
	margin-bottom: 20px;
}
.interview4 .boxR {
	float: left;
	width: 330px;
	margin: 0 0 0 88px;
}
.interview4 .boxBottom {
	margin: 45px 0 0 -48px;
}


/* ---- 帯追加 ---- */

#container > .row > .items.ob{
	background-color:#fbfbfb;
	padding:20px;
	margin:8px auto;
}
.ob .txt{
	text-align:center;
}
.ob .btn{
	background: url(../images/ob_img1_ov.png) center top no-repeat;
	text-align:center;
}
.ob .btn a img{
	opacity:1;
}

.ob .btn a:hover img{
	opacity:0;
}


/* パンくず */
.path{
  padding: 15px;
  width: 1268px;
  color: #000;
}
.path a{
  color: #000;
}
.path ul{ 
  display: flex;
  height: 57px;
  font-size: 11px;
}
  .path ul li:nth-child(odd){
  padding: 0 5px 0;
}