@charset "UTF-8";

#main_image{margin-bottom:2%;}
#main_image p{font-size:1.4rem;line-height:140%;text-align:left;margin-bottom:1%;}
/*-------------------------
__main_slider start
-------------------------*/
/*ドット*/
#main_image .main_slider .slick-dots{cursor:pointer;bottom:10px;}
#main_image .main_slider .slick-dots li{width:20px;}
#main_image .main_slider .slick-dots li button:before{content:"";background:#FFF;width:12px;height:12px;display:block;border-radius:50%;opacity:0.8;}
#main_image .main_slider .slick-dots li.slick-active button:before {opacity:0.8;background:#c8ba8d;}
/*ここから矢印変更*/
#main_image .main_slider .slick-next{right:10px;z-index:1;width:35px;height:35px;background:rgba(255, 255, 255, 0.7);border-radius:50%;padding-left:4px;}
#main_image .main_slider .slick-prev{left:10px;z-index:1;width:35px;height:35px;background:rgba(255, 255, 255, 0.7);border-radius:50%;padding-left:12px;}
#main_image .main_slider .slick-next::before{content:"";color:#222;line-height:40px;display:block;width:10px;height:10px;border:3px solid;border-color:#565656 #565656 transparent transparent;transform:rotate(45deg);}
#main_image .main_slider .slick-prev::before{content:"";color:#222;line-height:40px;display:block;width:10px;height:10px;border:3px solid;border-color:transparent transparent #565656 #565656;transform:rotate(45deg);}
/*-------------------------
__main_slider end
-------------------------*/
#main_image img{width:100%;height:auto;}
#movie_box{margin:3% 0 4%;}
#movie_box .inner ul{font-size:0;letter-spacing:-1em;padding:0;display:flex;justify-content:space-between;margin:0 2%;gap:5px;}
#movie_box .inner ul li{display:inline-block;width:50%;font-display:10px;letter-spacing:normal;}
#movie_box .inner ul li img{width:100%;height:auto;vertical-align:top;}
#contents_menu{width:96%;margin-left:2%;margin-right:2%;margin-bottom:4%;text-align:left;box-shadow: 0 0 3px #555;-moz-box-shadow: 0 0 3px #555;-o-box-shadow: 0 0 3px #555;-ms-box-shadow: 0 0 3px #555;filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=270, strength=3, enabled=true);}
#contents_menu ul{padding: 0;}
#contents_menu li{display: block;list-style-type: none;margin: 0;}
div.category{border:1px solid #A19276;border-bottom:5px solid #000000;cursor: pointer;background-image:url(../common_images/open.png) ,-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #BEAF87), color-stop(1, #A19276));background-repeat:no-repeat;background-position:98%;}
div.category img{width:100%;}
li div.open{background-image:url(../common_images/close.png) ,-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #BEAF87), color-stop(1, #A19276));background-repeat:no-repeat;background-position:98%;}
div.category span{font-size: 3rem;}
ul.sub li{padding-top:2%;}
ul.sub li ul{width:96%;margin-left:2%;margin-right:2%;margin-bottom:1%;}
ul.sub li ul li{margin:0;padding:0;}
ul.sub li ul li.wide{clear:both;}
ul.sub li ul li.wide img{width:100%;}
ul.sub li ul li.wide2{clear:both;text-align:center;}
ul.sub li ul li.wide2 img{width:98.5%;}
ul.sub li ul li.wide3{clear:both;text-align:center;padding-bottom:2%;}
ul.sub li ul li.wide3 img{width:98.5%;}
ul.sub li ul li.half{float:left;width:50%;padding-bottom:2%;}
ul.sub li ul li.half img{width:96.5%;height:auto;}
ul.sub li ul li.half2{float:left;width:50%;text-align:center;}
ul.sub li ul li.half2 img{width:98%;height:auto;}
ul.sub li ul li.half3{float:left;width:50%;text-align:center;padding-bottom:2%;}
ul.sub li ul li.half3 img{width:98%;height:auto;}
.kodawari{clear:both;background-image:url(../common_images/icon.png);background-repeat:no-repeat;background-position:4%;background-size:32px;background-color:#F5F5F5;display: block;padding-left:4%;margin-bottom:2%;}
.kodawari p{font-size: 2rem;line-height:40px;font-weight:700;text-align:left;padding-left:40px!important;}
.contents_banner{clear:both;width:98%;margin-left:1%;margin-right:1%;margin-bottom:4%;}
.contents_banner ul{margin:0;padding:0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.contents_banner ul li{display: block;list-style-type: none;margin: 0;text-align:center;width:50%;padding-bottom:2%;}
.contents_banner ul li img{width:96%;height:auto;}
/*-------------------------
__banner_area
-------------------------*/
#banner_area{padding:0 10px 15px;}
#banner_area a{display:block;line-height:0;}
#banner_area a + a{margin-top:10px;}
#banner_area a img{width:100%;height:auto;line-height:0;}

/*-------------------------
__com_contents
-------------------------*/
.com_contents .s_title{display:block;margin-bottom:10px;}
.com_contents .s_title img{width:100%;height:auto;}
.osusume{box-sizing:border-box;padding:0 30px 20px;}
.osusume .osusume_box {width:100%;height:360px;border:1px solid #999999;border-bottom:5px solid #999999;display:inherit;}
.osusume .osusume_box .osusume_title {background-color:#BEAF87;height:48px;border-bottom:3px solid #A19276;position:relative;margin-bottom:10px;}
.osusume .osusume_box .osusume_title .kind {font-size:10px;line-height:20px;font-weight:700;color:#FFFFFF;width:84px;height:20px;text-align:center;position:absolute;top:15px;left:10px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border:1px solid #FFFFFF;}
.osusume .osusume_box .osusume_title .kind01 {background-color:#FF0000;}
.osusume .osusume_box .osusume_title .kind02 {background-color:#265CFF;}
.osusume .osusume_box .osusume_title .kind03 {background-color:#008C00;}
.osusume .osusume_box .osusume_title .kind04 {background-color:#FF5C26;}
.osusume .osusume_box .osusume_title .kind05 {background-color:#FF9326;}
.osusume .osusume_box .osusume_title .kind06 {background-color:#8000FF;}
.osusume .osusume_box .osusume_title .kind07 {background-color:#888888;}
.osusume .osusume_box .osusume_title .price {font-size:10px;color:#414042;position:absolute;top:13px;right:10px;font-weight:700;}
.osusume .osusume_box .osusume_title .price span {font-size:18px;line-height:28px;}
.osusume .osusume_box .osusume_pic {width:100%;height:200px;text-align:center;margin-bottom:15px;overflow:hidden;}
.osusume .osusume_box .osusume_pic a{text-align:center;}
.osusume .osusume_box .osusume_pic img{height:100%;margin:0 auto;}
.osusume .osusume_box p {text-align:left;width:100%;}
.osusume .osusume_box p.osusume_adress {font-size:14px;line-height:18px;font-weight:700;height:18px;overflow:hidden;margin-bottom:10px;box-sizing:border-box;padding:0 20px!important;}
.osusume .osusume_box p.osusume_copy {font-size:14px;line-height:18px;height:54px;overflow:hidden;box-sizing:border-box;padding:0 20px!important;}
/*ここからドット変更 slick.cssで上書きされる場合はcssセレクタを絞りこむか、!important をつける。*/
.osusume .slick-dots{cursor:pointer;bottom:-10px;width:calc(100% - 60px);}
.osusume .slick-dots li{width:20px;/*px指定　数字が大きいほどドットが離れる。デフォルトは20px*/}
.osusume .slick-dots li button:before{content:"";width:10px;height:10px;display:block;border-radius:50%;opacity:1;/*通常時の透明度 デフォルトは0.2*/background:#D1D1D1;}
.osusume .slick-dots li.slick-active button:before {opacity:1;/*アクティブ時透明度　デフォルトは0.8*/background:#BEAF87;}
.osusume .slick-dots li button:hover::before{opacity:1;}
/*ここから矢印変更*/
.osusume .slick-next{right:0;z-index:1;width:30px;height:40px;/*デフォルトはwidth:20px;height:20px;*/}
.osusume .slick-prev{left:10px;z-index:1;width:30px;height:40px;}
.osusume .slick-next::before{content:"";color:#222;line-height:40px;display:block;width:10px;height:10px;border:3px solid;border-color:#565656 #565656 transparent transparent;transform:rotate(45deg);}
.osusume .slick-prev::before{content:"";color:#222;line-height:40px;display:block;width:10px;height:10px;border:3px solid;border-color:transparent transparent #565656 #565656;transform:rotate(45deg);}
.more_btn{margin:0 auto 0;box-sizing:border-box;padding:0 30px 20px;}
.more_btn a{display:block;text-decoration:none;background:#BEAF87;font-size:18px;font-weight:700;color:#FFF;padding:10px 0;box-shadow: 0px 3px 0px 0px #000;border-radius:10px;}
.slick-dotted.slick-slider{margin-bottom:10px!important;}
.com_contents .cb_wrap{display:flex;flex-wrap:wrap;margin-bottom:10px;box-sizing:border-box;padding:0 10px;}
.com_contents .cb_wrap a{width:49%;margin-bottom:10px;}
.com_contents .cb_wrap a img{width:100%;height:auto;}
.com_contents .cb_wrap a:nth-of-type(2n){margin-left:2%;}

/*-------------------------
__other_btn_wrap
-------------------------*/
.other_btn_wrap{box-sizing:border-box;padding:0 10px 20px;}
.other_btn_wrap a{display:block;line-height:0;}
.other_btn_wrap a + a{margin-top:10px;}
.other_btn_wrap a img{width:100%;height:auto;}

/*-------------------------
__com_menu
-------------------------*/
#com_menu{width:96%;margin-left:2%;margin-right:2%;margin-bottom:4%;text-align:left;box-shadow: 0 0 3px #555;-moz-box-shadow: 0 0 3px #555;-o-box-shadow: 0 0 3px #555;-ms-box-shadow: 0 0 3px #555;filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=270, strength=3, enabled=true);}
#com_menu dl{}
#com_menu dl dt{height: 60px;border:1px solid #A19276;border-bottom:5px solid #000000;font-size: 1.4rem;text-align:center;font-weight: 700;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #BEAF87), color-stop(1, #A19276));}
#com_menu dl dt span{font-size: 2rem;line-height:180%;}
#com_menu dl dd{margin:0;padding:0;height:60px;border-bottom:1px solid #e5e5e5;}
#com_menu dl dd#icon1{background-image:url(../common_images/com1.gif);background-repeat:no-repeat;background-position:left;background-size:20%;}
#com_menu dl dd#icon2{background-image:url(../common_images/com2.gif);background-repeat:no-repeat;background-position:left;background-size:20%;}
#com_menu dl dd#icon3{background-image:url(../common_images/com3.gif);background-repeat:no-repeat;background-position:left;background-size:20%;}
#com_menu dl dd#icon4{background-image:url(../common_images/com4.gif);background-repeat:no-repeat;background-position:left;background-size:20%;}
#com_menu dl dd#icon5{background-image:url(../common_images/com5.gif);background-repeat:no-repeat;background-position:left;border:none;background-size:20%;}
#com_menu dl dd p{padding-top:21px;font-size: 1.8rem;font-weight: 700;text-align: left;margin-left:20%;}
#com_menu dl dd p a{color:#000000;}




.myButton{-moz-box-shadow: 0px 1px 0px 0px #fff6af;-webkit-box-shadow: 0px 1px 0px 0px #fff6af;box-shadow: 0px 1px 0px 0px #fff6af;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #BEAF87), color-stop(1, #A19276));background:-moz-linear-gradient(top, #BEAF87 5%, #A19276 100%);background:-webkit-linear-gradient(top, #BEAF87 5%, #A19276 100%);background:-o-linear-gradient(top, #BEAF87 5%, #A19276 100%);background:-ms-linear-gradient(top, #BEAF87 5%, #A19276 100%);background:linear-gradient(to bottom, #BEAF87 5%, #A19276 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BEAF87', endColorstr='#A19276',GradientType=0);background-color:#BEAF87;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #A19276;display:inline-block;cursor:pointer;color:#000000;font-family:Arial;font-size:15px;font-weight:bold;padding:6px 24px;text-decoration:none;text-shadow:0px 1px 0px #ffee66;}
.myButton:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #A19276), color-stop(1, #BEAF87));background:-moz-linear-gradient(top, #A19276 5%, #BEAF87 100%);background:-webkit-linear-gradient(top, #A19276 5%, #BEAF87 100%);background:-o-linear-gradient(top, #A19276 5%, #BEAF87 100%);background:-ms-linear-gradient(top, #A19276 5%, #BEAF87 100%);background:linear-gradient(to bottom, #A19276 5%, #BEAF87 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A19276', endColorstr='#BEAF87',GradientType=0);background-color:#A19276;}
.myButton:active{position:relative;top:1px;}