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

/*
	HOME
---------------------------------------------------------------------------- */
.key_v {margin: 0 0 10px;}
.h_bn ul {margin: 0 -10px 10px 0;}
.h_bn ul li {float: left; margin: 0 10px 10px 0;}
@media screen and (max-width: 640px){
.key_v {margin: 0 0 1.56%;}
.h_bn ul {margin: 0 -1.56% 1.56% 0;}
.h_bn ul li {float: left; margin: 0 1.56% 1.56% 0; width: 48.44%;}
.h_bn ul li img {width: 100%;}
}

/*
	Common Module
---------------------------------------------------------------------------- */
.btn_area {margin: 3.125% 0; text-align: center;}
.btn_area ul li {display: inline-block;}
.back_bt { display: inline-block; background-color: #333; font-size: 13px; font-weight: bold; line-height: 2em; padding: 5px 30px; border-radius: 5px; color: #FFF !important; margin-right: 10px;}
.back_bt:hover {opacity: 0.65; text-decoration: none;}
.submit {display: inline-block; border: medium none; cursor: pointer; font-size: 13px; font-weight: bold; line-height: 2em; padding: 5px 30px; border-radius: 5px; outline:none; }
.submit:hover {opacity: 0.65;}
.go_to_top {text-align: right; font-size: 11px; margin: 0 0 3.125% !important;}
.attention {color: #FF0000 !important;}


/*
	About
---------------------------------------------------------------------------- */
#about table {width: 100%; margin: 0 0 3.125%;}
#about table th {width: 30%; background-color: #333; padding: 3.125%; color: #FFF; font-weight: bold; border-bottom: 1px solid #CCC;}
#about table td {padding: 3.125%; border-bottom: 1px solid #CCC;}

/*
	Contact
---------------------------------------------------------------------------- */
#contact p {margin: 0 0 1.56%;}
#contact table {width: 100%; margin: 0 0 3.125%;}
#contact table th {width: 25%; background-color: #333; padding: 3.125%; color: #FFF; font-weight: bold; border-bottom: 1px solid #CCC;}
#contact table td {padding: 3.125%; border-bottom: 1px solid #CCC;}
#contact table textarea,
#contact table input,
#contact table select {border-radius: 5px; padding: 1.112%; border: 1px solid #CCC;}
#contact select {margin: 0 0 1.56%;}
#contact .box60 {width: 15%;}
#contact .box380 {width: 60%; }
#contact .top {margin: 0 0 1.56%;}
#contact .btn_area {margin: 3.125% 0; text-align: center;}
#contact .btn_area ul li {display: inline-block;}
#contact .back_bt { display: inline-block; background-color: #333; font-size: 13px; font-weight: bold; line-height: 2em; padding: 5px 30px; border-radius: 5px; color: #FFF; margin-right: 10px;}
#contact .submit {display: inline-block; border: medium none; cursor: pointer; font-size: 13px; font-weight: bold; line-height: 2em; padding: 5px 30px; border-radius: 5px; border:0; overflow:visible;}

/*
	Order
---------------------------------------------------------------------------- */
#order p {margin: 0 0 1.56%;}
#order table {width: 100%; margin: 0 0 3.125%;}
#order table th {width: 25%; background-color: #333; padding: 3.125%; color: #FFF; font-weight: bold; border-bottom: 1px solid #CCC;}
#order table td {padding: 3.125%; border-bottom: 1px solid #CCC;}

/*
	Adv
---------------------------------------------------------------------------- */
#adv p {margin: 0 0 1.56%;}
#adv table {width: 100%; margin: 0 0 3.125%;}
#adv table th {width: auto; background-color: #333; padding: 1.56%; color: #FFF; font-weight: bold; border-bottom: 1px solid #CCC; text-align: center; font-size: 12px;}
#adv table td {padding: 1.56%; border-bottom: 1px solid #CCC; font-size: 12px; text-align: center; border-right: 1px solid #CCC;}
#adv table td h4 {text-align: center; margin: 0 0 3.125%; }

/*
	Cart
---------------------------------------------------------------------------- */
#cart .price {color: #F00;}
#cart .point_announce {margin: 0 0 3.125%;}
#cart .empty {font-weight: bold;}
#cart table {width: 100%; margin: 3.125% 0;}
#cart table th {width: auto; background-color: #333; padding: 1.56%; color: #FFF; font-weight: bold; border-bottom: 1px solid #CCC; text-align:center; font-size: 12px;} 
#cart table td {padding: 1.56%; border-bottom: 1px solid #CCC; font-size: 12px; text-align: center; border-right: 1px solid #CCC;}
#cart table .ac {background-color: #DDD; color: #333;}

/*
	HOW TO USE
---------------------------------------------------------------------------- */
#how_to_use a {text-decoration: underline;}
#how_to_use p {margin: 0 0 1.56%;}
#how_to_use ul {margin: 0 0 3.125%;}
#how_to_use article {border: 1px solid #DDD; background-color: #FAFAFA; margin: 0 0 1.56%; padding: 1.56%; border-radius: 5px;}
#how_to_use .nav_list ul li {float: left; margin: 0 1.56% 1.56% 0; background: url(../images/common/parts/li02.png) no-repeat center left; padding: 0 0 0 10px;}
#how_to_use .nav_list ul li a:hover {opacity: 0.65;}

/*
	ENTRY
---------------------------------------------------------------------------- */
#entry p {margin: 0 0 1.56%;}
#entry textarea.kiyaku_text {width: 100%; border-radius: 5px; border: 1px solid #CCC; padding: 3.125%; box-sizing: border-box;}

/*
	MY PAGE
---------------------------------------------------------------------------- */
#mypage .formlist input {padding: 0.56%; border-radius: 5px; border: 1px solid #CCC; line-height: 1.2em; box-sizing: border-box; margin: 0 0 1.56%;}
#mypage p {margin: 0 0 1.56%;}
#mypage #mynavi_area {margin: 0 0 3.125%;}
#mypage .mynavi_list li {border-bottom: 1px dotted #CCC; padding: 0 0 0.56% 20px; margin: 0 0 1.56%; background: url(../images/common/parts/li02.png) no-repeat 5px center; }
#mypage .user_name {font-size: 124%; font-weight: bold;}
#mypage .point {font-size: 124%; font-weight: bold; color: #FF0000;}
#mypage table {width: 100%; margin: 0 0 3.125%;}
#mypage table th {background-color: #333; padding:1.25%; color: #FFF; font-weight: bold; border-bottom: 1px solid #CCC;}
#mypage table td {padding: 1.25%; border-bottom: 1px solid #CCC;}
#mypage table textarea,
#mypage table input,
#mypage table select {border-radius: 5px; padding: 1.112%; border: 1px solid #CCC;}
#mypage select {margin: 0 0 1.56%;}
#mypage .box60 {width: 15%;}
#mypage .box380 {width: 60%; }

/*
	SHOPPING
---------------------------------------------------------------------------- */
#shopping .formlist input {padding: 0.56%; border-radius: 5px; border: 1px solid #CCC; line-height: 1.2em; box-sizing: border-box; margin: 0 0 1.56%;}
#shopping .login_area {margin: 0 0 3.125%;}
#shopping .flow_area {margin: 0 0 3.125%;}
#shopping p {margin: 0 0 1.56%;}
#shopping table {width: 100%; margin: 0 0 3.125%;}
#shopping table th {background-color: #333; padding: 1.25%; color: #FFF; font-weight: bold; border-bottom: 1px solid #CCC;}
#shopping table td {padding: 1.25%; border-bottom: 1px solid #CCC;}
#shopping table textarea,
#shopping table input,
#shopping table select {border-radius: 5px; padding: 1.112%; border: 1px solid #CCC; margin: 0 0 1.56%;}
#shopping select {margin: 0 0 1.56%;}
#shopping .box60 {width: 15%;}
#shopping .box380 {width: 60%; }
#shopping .pay_area02 {margin: 0 0 3.125%;}
#shopping .point_area {margin: 0 0 3.125%;}
#shopping #payment th {padding: 1.56%;}
#shopping #payment td {padding: 1.56%;}
#shopping #payment td.alignC {text-align: center;}
#shopping .attention {color: #FF0000; font-size: 124%; font-weight: bold;}
#shopping .order_table th {width: auto;}
#shopping .order_table th.alignR {background-color: #DDD; color: #333;}
#shopping #address_area {margin: 0 0 1.56%;}

/*
	NEWS
---------------------------------------------------------------------------- */
#news .date {background: url(../images/common/parts/icon09.png) no-repeat center left; display: block; padding: 0 0 0 20px; margin: 0 0 10px;}
#news article {padding: 0 0 1.56%; margin: 0 0 3.125%; border-bottom: 1px dotted #CCC;}
#news .news_wrap h3 {border: none; margin: 0; padding: 0;}
#news .news_wrap h3 span {background: none; padding: 0;}

/*
	STORE ENTRY
---------------------------------------------------------------------------- */
#store_entry .info_box {margin: 0 0 3.125%;}
#store_entry .info_box p {margin: 0 0 3.125%;}
#store_entry .info_box ul {background-color: #FAFAFA; border-radius: 5px; border: 1px solid #DDD; padding: 1.56%;}
#store_entry .info_box ul li {}
#store_entry .info_box ul li a {background: url(../images/common/parts/icon12.png) no-repeat center right; display: inline-block; padding: 5px 30px 5px 0;}
#store_entry .address p {line-height: 1.5em;} 

/*
	SITEMAP
---------------------------------------------------------------------------- */
#sitemap dl {float: left; width: 160px; margin: 0 3.125% 3.125% 0;}
#sitemap dl dt {font-weight: bold; font-size: 114%; margin: 0 0 1.56%;}
#sitemap dl dd {margin: 0 0 3.125%; font-size: 90%;}

/*
	EVENT
---------------------------------------------------------------------------- */
#event {margin: 0 0 3.125%;}
#event .event_box {width: 100%; margin: 0 0 3.125%; padding: 0 0 3.125%; border-bottom: 1px dotted #eaeaea;}
#event .event_box .l_box {width: 26%; float: left;}
#event .event_box .thum {display: block;}
#event .event_box .thum img {width: 100%; padding: 10px; border: 1px solid #eaeaea;}
#event .date {font-size: 124%; font-weight: bold; margin: 0 0 1.56%;}
#event .event_box .r_box {width: 68%; float: right;}
#event .readmore { border-radius: 5px; cursor: pointer; display: inline-block; font-size: 13px; font-weight: bold; line-height: 2em; outline: medium none; padding: 5px 30px;}
#event .event_box .info_box p {margin: 0 0 3.125%;}
.event_detail p {margin: 0 0 3.125%;}
.event_detail .main_img {margin: 0 0 3.125%;}
.event_detail .main_img img {width: auto;}