@charset "utf-8";
/*===================================================
	*
	*	Layout Style CSS
	*	Site:
	*	Type: Common Layout
	*
====================================================*/

/*
	Base Structure
---------------------------------------------------------------------------- */
body {background: #FFF; /*overflow-x: hidden;*/}
.wrap {width: 100%; position: relative;}
.container {margin: 0 auto 0; width: 990px; position: relative;}
.contents {padding: 25px 0 50px;}
.pc {display: block !important;}
.sp {display: none !important;}
*:focus {outline: none;}
@media screen and (max-width: 640px){
.pc {display: none !important;}
.sp {display: block !important;}
body {-webkit-text-size-adjust: 100%; width: 100%; min-width: 100%;}
.container {margin: 1.5625% auto 0; width: auto;}
.contents {padding: 0 1.5625% 10.5%;}
.content_inner {padding: 0 2.5% 0;}
#main {padding: 0 3.125%;}
img {max-width: 100%; width /***/:auto;}
}

/*
	Header
---------------------------------------------------------------------------- */
header {background: url(../images/common/header/bg01.png) repeat-x; height: 185px; position: relative;}
header .primary {background: url(../images/common/header/bg01.png) repeat-x; position: relative; height: 129px;} 
header .primary h1 {position: absolute; top: 10px; left: 0; color: #FFF; font-size: 12px;}
header .primary .logo {position: absolute; top: 42px; left: 0; display: block;}
header .primary .bn_head {position: absolute; top: 40px; left: 210px;}
header .primary .header_links {position: absolute; top: 40px; right: 0; width: 280px;}
header .primary .header_links li {float: left; margin: 0 0 10px 10px;}
header .gnavi ul li {float: left;} 
header p.welcome_message {position: absolute; top: 5px; right: 0; text-align: right; color: #FFF;}
header p.welcome_message a {color: #FFF;}
@media screen and (max-width: 640px){
header {height: auto; border-top: 4px solid #FFA826;}
header .header_links_sp {padding: 0 0 1px; border-bottom: 1px solid #DDD;}
header .header_links_sp ul li {float: left; width: 25%;}
header h1 {padding: 1.56%; font-size: 90%; color: #FFF; border-bottom: 1px solid #666;}
header p.welcome_message {position: inherit; top: inherit; right: inherit; text-align: left; color: #FFF; padding: 1.56% 1.56% 0;}
header .logo_sp {position: static; top: auto; left: auto; margin: 3.125% 0  3.125% 1.56%; float: left; width: 46.6875%; display: block;}
#menu_sp #toggle {background-image: url(../images/common/header/sp_menu.png); background-repeat: no-repeat; width: 12.5%; height: 0;float: right; margin: 3.125% 1.56% 3.125% 0; background-size: contain; text-indent: -9999px; padding-top: 12.5%; cursor: pointer;}
#menu_sp #toggle.active {background-image: url(../images/common/header/sp_menu_close.png); }
#menu_sp .sub_menu {display: none; position: absolute; top: 100.3%; background-color: #000; width: 100%; padding: 0 0 1.56%; border-bottom: 1px solid #5D4502; border-top: 1px solid #333; z-index: 9999;}
#menu_sp .sub_menu .st_menu dd {border-bottom: 1px solid #333;}
#menu_sp .sub_menu .st_menu dd:last-child {border-bottom: none;}
#menu_sp .sub_menu .st_menu a {display: block; padding: 2.5%; color: #FFF; background-image: url(../images/common/parts/li01_sp.png); background-repeat: no-repeat; background-position: 97.5% center; background-size: 6px 10px; font-size: 100%; text-decoration: none;}
}

/*
	Layout
---------------------------------------------------------------------------- */
.main {width: 770px; float: right;}
.side {width: 200px; box-sizing: border-box; border: 4px solid #171717; float: left;}
@media screen and (max-width: 640px){
.side {width: auto; float: none; }
.main {width: auto; float: none; }
}

/*
	BannerBox
---------------------------------------------------------------------------- */
.bn_box {margin: 0 0 20px;}
@media screen and (max-width: 640px){
.bn_box {margin: 0 0 3.125%;}
}

/*
	TopicPath
---------------------------------------------------------------------------- */
.topic_path {background-color: #f8f8f8; margin: 0 0 10px; border-radius: 5px;}
.topic_path .inner {padding: 10px;}
@media screen and (max-width: 640px){
.topic_path {margin: 0 0 1.5625%;}
.topic_path .inner {padding: 1.5625%;}
}

/*
	DisplayBox
---------------------------------------------------------------------------- */
.display_box {background-color: #f8f8f8; margin: 0 0 10px; border-radius: 5px;}
.display_box .inner {padding: 10px;}
.display_box a.bt {display: inline-block; padding: 5px 20px 5px 25px; border-radius: 5px; color: #FFF; font-size: 12px; margin-right: 5px; background: #333 url(../images/common/parts/li04.png) no-repeat 0.5em center;}
.display_box a.bt:hover {opacity: 0.65;}
.display_box input,
.display_box select {height: 30px; line-height: 30px; padding: 5px; box-sizing: border-box; border: 1px solid #CCC; border-radius: 5px; vertical-align: middle; float:right;}
@media screen and (max-width: 640px){
.display_box {margin: 0 0 1.5625%;}
.display_box .inner {padding: 1.5625%;}
.display_box a.bt {display: inline-block; padding: 1.0% 1.2%; font-size: 11px; margin-right: 0.25%; background-color: #333; background-image: none;}
.display_box select {margin-right: 0;}
.display_box select.cate {background-color: #FFF; margin: 0; }
}

/*
	Pager
---------------------------------------------------------------------------- */
.pager {text-align: center; margin: 15px 0;}
.pager a {display: inline-block; color: #FFF; background-color: #333; border: 1px solid #222; padding: 1px 8px; border-radius: 3px; margin-right: 5px;}
.pager a:hover,
.pager .current {display: inline-block; background-color: #FFF; border: 1px solid #222; padding: 1px 8px; border-radius: 3px; margin-right: 5px;}
@media screen and (max-width: 640px){
.pager {text-align: center; margin: 2.34% 0;}
.pager a {padding: 1px 1.56%; margin-right: 0.56%; font-size: 11px;}
.pager a:hover,
.pager .current {padding: 1px 1.56%; border-radius: 3px; margin-right: 0.56%; font-size: 11px;}
}

/*
	Search
---------------------------------------------------------------------------- */
.search {margin: 0 0 10px;}
.search .inner {padding: 10px;}
.search .inner .form_title {display: inline-block; background: url(../images/common/parts/icon01.png) no-repeat center left; padding: 0 0 0 30px; color: #FFF; margin: 0 10px 0 0;}
.search .inner input,
.search .inner select {margin-right: 5px; height: 30px; line-height: 30px; padding: 5px; box-sizing: border-box; border: 1px solid #CCC; border-radius: 5px; vertical-align: middle;}
.search .inner select.cate {width: 190px;}
.search .inner input.free_text {width: 380px; }
.search .inner input.submit {line-height: 1.0em; border: none; font-size: 13px; padding: 0 10px 0; font-weight: bold; cursor: pointer;}
.search .inner input.submit:hover {opacity: 0.65;}
@media screen and (max-width: 640px){
.search {margin: 0 0 1.5625%;}
.search .inner {padding: 3.125%;}
.search .inner .form_title {margin: 0 0 3.125%; padding: 0 0 0 20px; margin: 0 3.125% 0 0;}
.search .inner input,
.search .inner select {margin-right: 0;}
.search .inner select.cate {width: 70%; background-color: #FFF; margin: 0 0 3.125%; }
.search .inner input.free_text {width: 64%; }
.search .inner input.submit {padding: 0 1.5625% 0; font-weight: bold; cursor: pointer; width: 34%; text-align: center; font-size: 100%;}
}

/*
	Side
---------------------------------------------------------------------------- */
.side h2 {color: #333; border: none; padding: 15px 10px; margin: 0; background-color: #171717; line-height: 1.0em; color: #FFF; font-size: 14px;}
.side h2 span {background: url(../images/common/parts/icon06.png) no-repeat center left;}
.side .used h3 {background: none; padding: 10px; font-size: 15px; border-bottom: 1px solid #333; margin: 0 0 5px;}
.side .used h3 span {background: none; padding: 0;}
.side .used ul li a {display: block; border-bottom: 1px dotted #CCC; padding: 5px 10px; background: url(../images/common/parts/li02.png) 92.6% center no-repeat;}
.side .news_list ul {padding: 10px 10px 0;}
.side .news_list ul li {padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px dotted #CCC;}
.side .news_list ul li:last-child {margin: 0;}
.side .news_list ul .date {display: block; font-weight: bold; font-size: 12px;}
.side .used ul {margin: 0 0 10px;}
.side .cate h4 a {display: block; padding: 10px; font-size: 15px; color: #FFF; line-height: 1.0em; background: #171717 url(../images/common/parts/li01.png) 92.6% center no-repeat; margin: 0 0 3px;}
.side .cate dl dt {cursor: pointer; background-color: #F8F8F8; padding: 5px 10px; border-bottom: 1px solid #E0E0E0; border-top: 1px solid #E0E0E0; margin: 0 0 3px;}
.side .cate dl dt span {display: block; background: url(../images/common/parts/icon02.png) 100% center no-repeat;}
.side .cate dl dt span.open {background: url(../images/common/parts/icon05.png) 100% center no-repeat;}
.side .cate dl dd {display: none;}
.side .cate dl dd ul {padding: 10px 10px 0;}
.side .cate dl dd ul a {text-decoration: underline; font-size: 11px;}
.side .cate dl dd ul a:hover {text-decoration: none;}
.side .cate .more {text-align: right; padding: 10px; line-height: 1.0em;}
.side .cate .more a {text-decoration: underline; font-size: 12px; display: inline-block; background: url(../images/common/parts/li03.png) left center no-repeat; padding: 0 0 0 10px;}
.side .cate .more a:hover {text-decoration: none;}
.side .cate .genre_box ul li {display: inline-block; margin: 0 10px 10px 0;}
.side .cate .rank_box ul {margin: 0 0 15px;} 
.side .cate .rank_box ul li {margin: 0 0 5px; text-indent: -1.5em; padding-left: 1.5em;} 


.side .cate ul.used_list {margin: 0 0 15px;} 
.side .bn_box {padding: 10px 0; text-align: center;}
.side .bn_box ul li {margin: 0 0 10px;}
.side .cate .op_box dd {display: block;}
.side .cate .op_box dt span {background: none;}
@media screen and (max-width: 640px){
.side .cate dl dd ul a {font-size: 100%; margin: 0 0 1.5625%; display: block;}
}


/*
	Footer
---------------------------------------------------------------------------- */
footer {clear: both; background-color: #F3F3F3; font-size: 13px; border-top: 2px solid #DDD; border-bottom: 2px solid #EAEAEA; padding: 25px 0 35px;}
footer .footer_links {text-align: center;}
footer .footer_links li {line-height: 1.0em; display: inline-block; border-left: 1px solid #333; padding: 0 0 0 15px; margin: 0 15px 0 0;}
footer .footer_links li:last-child {border-right: 1px solid #333; padding: 0 15px 0;}
p#copy_right {background-color: #F3F3F3; padding: 10px 0; text-align: center; font-size: 11px;}
@media screen and (max-width: 640px){
p#copy_right {padding: 4.68% 0; font-size: 10px;}
footer {padding: 4.68% 3.125%; width: auto !important; background-color: #FFF;}
footer .footer_links {text-align: left;}
footer .footer_links li {display: block; border-bottom: 1px solid #DDD; padding: 0 0 3.125%; margin: 0 0 3.125%;border-left: none;}
footer .footer_links li:last-child {border-right: none; padding: 0 0 3.125%;}
}

/*
	ItemBox
---------------------------------------------------------------------------- */
.item_box_wrap {width: 760px; padding: 10px 0 0 15px;}
.item_box_wrap a {display: block; width: 170px; float: left; margin: 0 20px 20px 0; border: 1px solid #EAEAEA; box-sizing: border-box;}
.item_box_wrap a .thum_images img {width: 150px;}
.item_box_wrap a .inner {padding: 10px;}
.item_box_wrap a .title {text-align: center; }
.item_box_wrap a .price {text-align: center; font-weight: bold; color: #9E0B0B;}
.item_box_detail_wrap .thum_images img {width: 150px;}
@media screen and (max-width: 640px){
.item_box_wrap {width: auto; padding: 1.56% 0 2.3% 2.3%;}
.item_box_wrap a {margin: 0 1.56% 1.56% 0; width: 48.44%; float: left;}
.item_box_wrap a .inner {padding: 1.56%;}
.item_box_wrap a img {width: 100%;}
.item_box_wrap a .thum_images img {width: auto;}
.item_box_detail_wrap .thum_images img {width: auto;}
}

/*
	GenreBox
---------------------------------------------------------------------------- */
.genre_box article {padding: 10px 15px; margin: 0 0 15px;}
.genre_box article a {display: inline-block; margin: 0 10px 10px 0; color: #00C; text-decoration: underline;}
.genre_box article a:hover {text-decoration: none;}
@media screen and (max-width: 640px){
.genre_box article {padding: 1.56% 2.34%; margin: 0 0 2.34%;}
.genre_box article a {margin: 0 1.56% 1.56% 0; font-size: 11px;}
}

/*
	HeadLine
---------------------------------------------------------------------------- */
h2 {line-height: 1.0em; border-top: 5px solid #FFB951; box-sizing: border-box; font-size: 18px; color: #FFF; padding: 17px 10px 13px; margin: 0 0 20px;}
h2 span {background: url(../images/common/parts/icon04.png) no-repeat center left; display: block; padding: 0 0 0 20px;}
h3 {line-height: 1.0em; border-bottom: 1px solid #FFCC00; box-sizing: border-box; font-size: 20px; color: #333; padding: 0 0 13px; margin: 0 0 10px;}
h3 span {background: url(../images/common/parts/icon03.png) no-repeat center left; display: block; padding: 0 0 0 30px;}
@media screen and (max-width: 640px){
h2 {line-height: 1.5em; border-top: 3px solid #FFB951; font-size: 16px; padding: 2.3% 1.56% 2.3%; margin: 0 0 2.3875%;}
h3 {font-size: 16px; color: #333; padding: 2.3% 0 2.3%; margin: 0 0 2.3875%;}
}

/*
	Detail
---------------------------------------------------------------------------- */
.item_detail {margin: 0 0 20px;}
.item_detail .item_detail_wrap {width: 100%; margin: 0 0 20px;}
.item_detail .item_detail_wrap .photo {width: 354px; float: left;}
.item_detail .item_detail_wrap .detail_cont {width: 390px; float: right;}
.item_detail .item_detail_wrap .photo img {width: 350px; height: auto; border: 1px solid #CCC;}
.item_detail .item_detail_wrap h2 {margin: 0 0 10px; line-height: 1.5em;}
.item_detail .item_detail_wrap h2 em {color: #FF0000;}
.item_detail .item_detail_wrap h2.h_magazine {background-color: #390060; margin: 0 0 10px;}
.item_detail .item_detail_wrap h2.h_movie {margin: 0 0 10px; border-top: 5px solid #333; color: #333;}
.item_detail .item_detail_wrap h2.h_movie span {background: url(../images/common/parts/icon08.png) no-repeat center left; }
.item_detail .item_detail_wrap .detail_cont a.bt01 {display: inline-block; padding: 5px 10px 5px 30px; border-radius: 5px; color: #FFF; background: #333  url(../images/common/parts/icon07.png) no-repeat 0.5em center;}
.item_detail .item_detail_wrap .detail_cont .disapble {display: block;}
.item_detail .item_detail_wrap .detail_cont .price .disapble em {color: #CCC;}
.item_detail .item_detail_wrap .detail_cont a.bt01:hover {opacity: 0.65;}
.item_detail .item_detail_wrap .detail_cont .meta_info {margin: 10px 0;}
.item_detail .item_detail_wrap .detail_cont .price {text-align: right;}
.item_detail .item_detail_wrap .detail_cont .price em {text-align: right; color: #9E0B0B; font-size: 30px; line-height: 1.0em;}
.item_detail .item_detail_wrap .detail_cont .status li {display: inline-block; margin-right: 5px; padding: 2px 5px; border-radius: 5px; background-color: #FFD596; font-size: 11px;}
.item_detail .item_detail_wrap .detail_cont a {text-decoration:underline;}
.item_detail .item_detail_wrap .size_box {margin: 0 0 2.34%;}
.item_detail .item_detail_wrap .item_info { background-color: #F3F3F3; border-radius: 5px; margin: 0 0 10px;}
.item_detail .item_detail_wrap .item_info .inner {padding: 10px;}
.item_detail .item_detail_wrap .item_info table {border: none;}
.item_detail .item_detail_wrap .item_info table th,
.item_detail .item_detail_wrap .item_info table td {border: none;}
.item_detail .item_detail_wrap .item_info table th {width: 30%;}
.item_detail .item_detail_wrap .cart_bt {border: none; text-indent: -9999px; width: 390px; height: 60px; background-image: url(../images/common/parts/bt01.png); display: block; background-size: contain; background-repeat: no-repeat; cursor: pointer;}
.item_detail .item_detail_wrap .cart_bt:hover {opacity: 0.65;}
.item_detail h5 {color: #333; margin: 0 0 5px;}
.item_detail .text_box {border-top: 1px dotted #333; border-bottom: 1px dotted #333; padding: 10px;}
.item_detail .text_box p {line-height: 1.5em;}
.item_detail a.sample_m_bt {margin: 10px 0 0;}
.item_detail a.sample_m_bt img {width: 390px; height: auto;}
.item_sample .item_sample_wrap {border: 1px solid #CCC; background-color: #F3F3F3; margin: 0 0 20px; padding: 20px 0;}
.item_sample .item_sample_wrap .inner {padding: 10px;}
.item_sample .item_sample_wrap ul {margin: 0 0 0 -10px;}
.item_sample .slick-slider{width: 700px; margin-left: 30px;}
.item_sample .slick-slider div {margin-left: 10px;}
.item_sample img.item_img {width: auto; height: 135px; margin: 0 auto 3.125%;}
.item_sample a.bt01 img {width: 130px; margin: 0 auto;}
.item_sample a.bt01 {display: block; text-align: center;}
.item_sample_normal .item_sample_normal_wrap {width: 100%; border: 1px solid #CCC; background-color: #F3F3F3; margin: 0 0 20px;}
.item_sample_normal .item_sample_normal_wrap .inner {padding: 10px;}
.item_sample_normal .item_sample_normal_wrap ul {margin: 0 0 0 -10px;}
.item_sample_normal .item_sample_normal_wrap ul li {float: left; width: 180px; margin-left: 10px;}
.item_sample_normal .item_sample_normal_wrap ul li img {width: 100%; height: auto;}
.item_detail_relation {width: 100%;}
.item_detail_relation article {border-bottom: 1px solid #DDD; padding: 0 0 20px; margin: 0 0 20px;}
.item_detail_relation .l_box {width: 170px; float: left;}
.item_detail_relation .r_box {width: 570px; float: right;}
.item_detail_relation .cont_box h4 {border-bottom: 1px solid #000; padding: 10px 0 10px; margin: 0 0 15px; color: #000; font-size: 20px;}
.item_detail_relation .photo img {padding: 10px; border: 1px solid #EAEAEA;}
.item_detail_relation .cont_box_wrap {width: 100%;}
.item_detail_relation .cont_box_wrap .info_box {width: 340px; float: left;}
.item_detail_relation .cont_box_wrap .meta_box {width: 210px; float: right;}
.item_detail_relation .cont_box_wrap .info_box h5 {color: #333;}
.item_detail_relation .cont_box_wrap .meta_box .price {text-align: right; margin: 0 0 10px;}
.item_detail_relation .cont_box_wrap .meta_box .price em {font-size: 30px; line-height: 1.0em; color: #9e0b0b;}
.item_detail_relation .cont_box_wrap .meta_box .cart_bt02 {border: none; text-indent: -9999px; width: 210px; height: 50px; background-image: url(../images/common/parts/bt04.png); display: block; background-size: contain; background-repeat: no-repeat; cursor: pointer; margin: 0 0 10px;}
.item_detail .detail_cont .dl_movie {background: #333 url(../images/common/parts/icon10.png) no-repeat 10px center; color: #FFF; text-align: center; padding: 5px 5px 5px 20px; width: 35%; display: inline-block; font-size: 12px;}
.item_detail .detail_cont .dl_book {background: #333 url(../images/common/parts/icon11.png) no-repeat 10px center; color: #FFF; text-align: center; padding: 5px 5px 5px 20px; width: 35%; display: inline-block; font-size: 12px;}

.ie_bt { display: none;}
.cb_bt { display: block; }

/*IE9▼*/
:root .ie_bt { display: block \0/IE9; }  
:root .cb_bt { display: none \0/IE9; }  
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ie_bt { display: block; } /* IE11 */
.cb_bt { display: none; } /* IE11 */
}


@media screen and (max-width: 640px){
.item_detail {margin: 0 0 3.125%;}
.item_detail .item_detail_wrap {margin: 0 0 3.125%;}
.item_detail .item_detail_wrap .photo {width: auto; float: none; margin: 0 0 3.125%;}
.item_detail .item_detail_wrap .detail_cont {width: auto; float: none;}
.item_detail .item_detail_wrap .photo img {width: 100%;}
.item_detail .item_detail_wrap h2 {margin: 0 0 1.56%;}
.item_detail .item_detail_wrap .detail_cont .meta_info {margin: 1.56% 0;}
.item_detail .item_detail_wrap .detail_cont .price {text-align: right;}
.item_detail .item_detail_wrap .detail_cont .price em {text-align: right; color: #9E0B0B; font-size: 25px; line-height: 1.0em;}
.item_detail .item_detail_wrap .detail_cont .status li { margin-right: 0.56%; padding: 1px 3px; font-size: 10px;}
.item_detail .item_detail_wrap .item_info { margin: 0 0 1.56%;}
.item_detail .item_detail_wrap .item_info .inner {padding: 1.56%;}
.item_detail .item_detail_wrap .cart_bt {width: 100%; height: 0; background-size: cover; padding-top: 15.10%;}
.item_detail h5 {margin: 0 0 0.5%;}
.item_detail .text_box {padding: 1.56%;}
.item_detail a.sample_m_bt {margin: 1.56% 0 0;}
.item_detail a.sample_m_bt img {width: 100%; }
.item_sample .item_sample_wrap {border: 1px solid #CCC; background-color: #F3F3F3; margin: 0 0 3.125%;}
.item_sample .item_sample_wrap .inner {padding: 1.56%;}
.item_sample .item_sample_wrap ul {margin: 0 0 0 -1.56%;}
.item_sample .slick-slider {width: 87.5%; margin-left: 6.125%;}
.item_sample .slick-slider div {margin-left: 0%;}
.item_sample img.item_img {width: auto; height: 135px; margin: 0 auto 3.125%;}

.item_sample_normal .item_sample_normal_wrap {width: 100%;  margin: 0 0 2.34%;}
.item_sample_normal .item_sample_normal_wrap .inner {padding: 1.56%;}
.item_sample_normal .item_sample_normal_wrap ul {margin: 0 0 0 -1.56%;}
.item_sample_normal .item_sample_normal_wrap ul li {float: left; width: 48%; margin-left: 1.56%;}
.item_detail_relation article {padding: 0 0 2.34%; margin: 0 0 2.34%;}
.item_detail_relation .l_box {width: 30%; float: left;}
.item_detail_relation .r_box {width: 60%; float: right;}
.item_detail_relation .cont_box h4 {padding: 1.56% 0; margin: 0 0 2.34%; font-size: 14px;}
.item_detail_relation .photo img {padding: 1.56%;}
.item_detail_relation .cont_box_wrap {width: 100%;}
.item_detail_relation .cont_box_wrap .info_box {width: auto; float: none;}
.item_detail_relation .cont_box_wrap .meta_box {width: auto; float: none;}
.item_detail_relation .cont_box_wrap .info_box h5 {font-size: 13px;}
.item_detail_relation .cont_box_wrap .meta_box .price {text-align: right; margin: 3.25% 0;}
.item_detail_relation .cont_box_wrap .meta_box .price em {font-size: 20px;}
.item_detail_relation .cont_box_wrap .meta_box .cart_bt02 {width: 100%; height: 0; background-size: cover; padding-top: 23.60%;}
.item_detail_relation .cont_box_wrap .meta_box img {width: 100%;}
}

/*
	modal
---------------------------------------------------------------------------- */
.modal { position: fixed; display: none; z-index: 9999; top: 40%; left: 50%; width: 482px; height: 206px; padding: 20px 0 0 0; margin: -120px 0 0 -220px; text-align: center; background: #F5F5F5; border-radius: 5px;}
.modal p { margin: 0 0 10px 0;}
.modal .bt a { cursor: pointer; display: block; width: 150px; height: 80px; text-indent: -9999px; background-repeat: no-repeat;}
.modal .bt.enter { position: absolute; left: 24px; bottom: 20px;}
.modal .bt.leave { position: absolute; right: 24px; bottom: 20px;}
.modal .bt.enter a { background-image: url(../images/common/modal/enter.png);}
.modal .bt.leave a { background-image: url(../images/common/modal/leave.png);}
.modal .mark { position: absolute; bottom: 20px; text-align: center; width: 100%;}
.modal .bt a:hover {opacity: 0.65;}
@media screen and (max-width: 640px){
.modal {width: 90%; height: 140px; top: 40%; left: 5%; margin: 0;}
.modal p { margin: 0 0 1.35% 0; font-size: 80%;}
.modal .bt.enter { position: absolute; left: 5%; bottom: 20px;}
.modal .bt.leave { position: absolute; right: 5%; bottom: 20px;}
.modal .bt.enter a { background-size: 70% 70%; background-position: left bottom;}
.modal .bt.leave a { background-size: 70% 70%; background-position: right bottom;}
.modal .mark { position: absolute; bottom: 20px; text-align: center; }
.modal .mark img { width: 15%;}
}

/*
	Module
---------------------------------------------------------------------------- */
a:hover img {opacity: 0.65;}
a:hover img.rollover {opacity: 1.0;}
.z10 {z-index: 10;}
.half_35_60 {width: 100%;}
.half_35_60 .c1{width: 35%; float: left;}
.half_35_60 .c2{width: 60%; float: right;}