@charset "utf-8";
/* CSS Document */


/*!----------------
共有スタイル
-----------------*/

/*!Style
-------------------------------------*/
*{box-sizing:border-box}
html{margin:0;padding:0;font-size:13px;color:#000;}
body{margin:0;padding:0;font-family:"メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";background: #fceef0;}
img{vertical-align:bottom;}
ul{list-style: none;}
a{text-decoration:none;color:#f76eb0}
a:hover{text-decoration:none;color:#579bf1}
a:hover img{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)"}

/*!大枠
-------------------------------------*/
#stage{margin:0 auto;padding:0;text-align: center;background-color: #fff;}

/*!ヘッダー
-------------------------------------*/
header{margin:0;padding: 2em;position: relative;border-bottom: 1px solid #000;}
header h1{margin:0;padding:0;font-size:0;}
header h1 a{position: relative;z-index: 100}
header h1 img{width:35%;}

@media screen and (max-width: 769px) {
header{padding: 1em;}
header h1 img{width:50%;}
}

/*!スライダー
-------------------------------------*/
#main_img{max-width:770px;}

/*!スライダー下のテキスト
-------------------------------------*/
h2{margin: 0 0 3em;padding: 0.2em 0;font-weight: 100; font-size: 1.1em;text-align: center;background: #f7c9ce;}

/*!コンテンツ
-------------------------------------*/
article{overflow: auto;}
p.line img{width:auto;}
h3{margin: 2em 0 1em;}
h3 img{width:auto;}
section.perfect{margin: 0 auto;padding:0;width:100%;}

@media screen and (max-width: 769px) {
p.line img{width:90%;}
h3 img{width:70%;}
}

/*カラーリスト*/
.col_4_Lineup {width:100%; margin: 0 0; padding:0 10px; text-align:center; list-style:none; border-bottom:1px dashed #DDD ;display:flex;flex-wrap:wrap; justify-content:center; background-color:#fff}
.col_4_Lineup li{width:calc(25% - 10px); text-align:center; margin:5px;}
.col_4_Lineup img{width:100%; height:auto; vertical-align:bottom}
.col_4_Lineup img.lens{width:70%; height:auto; vertical-align:bottom; padding:10px; }
.col_4_Lineup img.eye{border-radius: 10px; }
.col_4_Lineup p.Pname{font-size: 12px; color: #333; margin: 5px 0 5px; }
.col_4_Lineup div.btn{display: block; height: 34px; line-height: 1.5em; font-size: 12px;  font-weight:bold; text-decoration: none; text-align: center; color: #ff73a7; border-radius: 5px; margin: 5px 0; border: 2px solid #ff73a7;}
.col_4_Lineup span.new {font-size:0.6em; font-weight: bold; color: #fff; background-color: #ff73a7; border-radius: 1em; margin: .5em 0; text-align:center; display:block;}
p.Pname .rubi{font-size:10px;}
p.Pname .iro{font-weight: normal; font-size:12px;}

/*ブランドリスト*/
section#brandlist{margin: 0 auto 3em;padding:0;width:90%;}
section#brandlist ul{margin:0 auto;padding:0;display: flex;justify-content: space-between;flex-flow: row wrap;}
section#brandlist ul li{margin: 0 0 2em;width:48%}
section#brandlist ul li a{display: block;border-radius: 10px;border: 1px solid #ccc}
section#brandlist ul li a p.text{margin: 0 0.5em;font-size: 0.9em;}
section#brandlist ul li span.ruby {font-size: 80%; margin: 0; color: #000;}
section#brandlist ul li span.name {font-size: 120%; font-weight: normal; text-align: center; margin: 0; color: #000;}

/*各ブランドエリア*/
ul.item-spec{margin: 0 auto;padding: 0;display: flex; justify-content: center;}
ul.item-spec li{margin: 0 0.5em;}
.brand_pic img{width:100%;}
.brand_btn{border: 1px solid #333;width: 90%;margin: 2em auto;border-radius: 5px;background: url("../img/arrow.png") no-repeat;	
background-position : right 5px center;}
.brand_btn span{font-weight: bold;font-size: 1.4em;}
.brand_btn span.small{font-size: 1.2em !important;}
.brand_btn a{display: block;padding:1em 0.5em;color: #333;}
.white_bg{background-color: #fff !important}

@media screen and (max-width: 769px) {
section#brandlist ul li{margin: 0 0 1.4em;}
section#brandlist ul li img{width:90%;}
ul.item-spec{width: 95%; }
ul.item-spec li{margin: 0 0.5em;}
ul.item-spec li:first-child,ul.item-spec li:last-child{margin: 0 !important;}
ul.item-spec li img{width:100%}
.brand_btn span.small{font-size: 1em !important;}
.brand_btn{width: 95%;background-size: 5%;margin:1em auto 2em;}
}    

/*お知らせ*/
section#news dl{margin:2em auto;padding:0;width: 90%;display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;}
section#news dl dt{margin:0 0 0.5em;padding:0.2em;text-align: center;width:10%;background: url("../img/diary-haikei.jpg");color:#fff;border-radius: 5px}
section#news dl dd{margin:0 0 0.5em;padding:0.2em;text-align: left;width:88%;}

@media screen and (max-width: 769px) {
section#news dl dt{width:18%;}
section#news dl dd{width:80%;}
} 

/*オンラインストア*/

#onlinestore ul{margin:2em auto;padding:0;text-align: center;display: flex;flex-flow: row wrap;justify-content:space-between;width:80%;}
#onlinestore ul li{margin: 0 0 1em;padding:0;border: 1px solid #333;width: 80%;border-radius: 5px;background: url("../img/arrow.png") no-repeat;background-position : right 5px center;}
#onlinestore ul li:first-child{width: 100%;}
#onlinestore ul li:nth-child(2),#onlinestore ul li:nth-child(3),#onlinestore ul li:nth-child(4),#onlinestore ul li:nth-child(5){width: 49%;}
#onlinestore ul li span{font-weight: bold;font-size: 1.4em;}
#onlinestore ul li a{display: block;padding:1em 0.5em;color: #333;}
#onlinestore ul li:first-child a img{width:50%;}
@media screen and (max-width: 769px) {
#onlinestore ul li{margin: 0 0 .5em;}
#onlinestore ul li:first-child{background-size: 5%;}
#onlinestore ul li:nth-child(2),#onlinestore ul li:nth-child(3),#onlinestore ul li:nth-child(4),#onlinestore ul li:nth-child(5){background:none !important}
#onlinestore ul li:first-child a img{width:80%;}
#onlinestore ul li:nth-child(2) a img{width:50%;}
#onlinestore ul li:nth-child(3) a img{width:100%;}
#onlinestore ul li:nth-child(4) a img{width:50%;}
#onlinestore ul li:nth-child(5) a img{width:50%;}
#onlinestore ul li span{font-weight: bold;font-size: 1.1em;}
}

/*ショップリストボタン*/
.shoplist_btn{border: 1px solid #333;width: 80%;margin: 2em auto;border-radius: 5px;background: url("../img/arrow.png") no-repeat;	
background-position : right 5px center;}
.shoplist_btn span{font-weight: bold;font-size: 1.4em;}
.shoplist_btn span.small{font-size: 1.2em !important;}
.shoplist_btn a{display: block;padding:1em 0.5em;color: #333;}

@media screen and (max-width: 769px) {
.shoplist_btn span.small{font-size: 1em !important;}
.shoplist_btn{background-size: 5%;margin:0 auto 2em;}
} 

/*SNS*/
section#sns iframe{width:70% !important;height:500px !important;}
section#sns ul{margin: 20px auto ;padding: 0;display: flex;justify-content: center;}
section#sns ul li{margin: 0 1em;}

@media screen and (max-width: 769px) {
section#sns iframe{width:80% !important;height:300px !important;}
section#sns ul li img{width:100%}
section#sns ul{width:80%; margin: 20px auto}
}

/*!footer
-------------------------------------*/
footer{margin:0 auto;padding:0;width:100%;text-align: center;overflow: hidden;}
footer ul,footer ul li{margin:0;padding:0;width:100%;text-align: center;}
footer ul li a{margin:0 auto;padding: 1em;width:100%;text-align: center;color:#000;display: block; border:solid #ccc;border-width:1px 0 0}
footer ul li:last-child a{border:solid #ccc;border-width:1px 0;}


/*!下層
-------------------------------------*/
h2#kasou{margin: 0;padding: 1em;font-weight: 100; font-size: 1.1em;text-align: center;background: #f76eb0;color:#fff;}

/*!プライバシーポリシー
-------------------------------------*/
#privacy{margin: 2em;padding: 0;text-align: left;}

/*!お問い合わせ
-------------------------------------*/
#contact dl{margin:2em auto 0;padding:0;width:80%;display: flex;flex-flow: row wrap;justify-content: center;}
#contact dt{margin:0 auto;padding:0.5em;width:25%;text-align: right;font-weight: bold}
#contact dd{margin:0 auto;padding:0.5em;width:75%;text-align: left;}
#contact input[type="text"],textarea{width:100%;padding: 0.3em;}
#contact select{padding: 0.3em;}
#contact .form_text{margin:0 auto;padding:2em 0;text-align: left;width: 80%;}
#contact h3 {margin: 2em auto 1em;padding: 0.5em 0 0.5em 1em;text-align: left;width: 80%;display: block;border: solid #f76eb0;border-width: 0 0 1px 10px;}
#contact .form_tel{margin:0 auto;padding:0 0 2em;text-align: left;width: 80%;}
#contact .form_tel span{font-size: 2.2em;}

@media screen and (max-width: 769px) {
#contact dt{padding:0;width:100%;text-align: left;}
#contact dd{padding:0 0 1em;width:100%;text-align: center;}
#contact select{width:100%;}
}

/*!各ブランド共通(パーフェクトワンデーのみhidden別)
-------------------------------------*/
ul.img_main{margin:0;padding:0;width:100%;display: flex;flex-flow: row wrap;}
ul.img_main > li{margin:0;padding:0;width:100%;}
ul.img_main li img{margin:0;padding:0;max-width: 100%;}
ul.lineup{margin:0 auto;padding:0;width:100%;display: flex;flex-flow: row wrap;justify-content: center}
ul.lineup li{margin: 0 0.2em 0.5em;padding:0;position: relative}
.ichiran{margin: 0em auto ;padding: 2em 0 2em;text-align: center;}
.ichiran ul{margin: 0 auto;padding: 0;display: flex;flex-flow: row wrap;justify-content: center;}
.ichiran ul li{margin: 2em 1em 0;}

ul.hidden{-webkit-transition: all .2s ease;transition: all .2s ease;position: absolute;opacity: 0;z-index: -1;height: 0;}
ul.lineup li:hover ul.hidden,
.relative:hover ul.hidden{visibility: visible;opacity: 1;padding:2em !important;height:auto;z-index: 100;}
ul.hidden,ul.lineup li:hover ul.hidden,
.relative:hover ul.hidden{width:100%;padding:0 2em;display: flex;flex-flow: row wrap;justify-content:space-between;}
ul.hidden li{margin:0;padding:0;border: 1px solid #333;border-radius: 5px;display: flex;justify-content: center;align-items: center;background-color: #fff;}
ul.hidden li:first-child{width: 100%;margin: 0 0 1em;}
ul.hidden li:nth-child(2),ul.hidden li:nth-child(3),ul.hidden li:nth-child(4),ul.hidden li:nth-child(5){width: 49%;}
ul.hidden li:nth-child(2),ul.hidden li:nth-child(3){width: 49%; margin: 0 0 1em;}
ul.hidden li span{font-weight: bold;font-size: 1.2em;}
ul.hidden li a{display: block;padding:1em 0.5em;color: #333;}
.relative{position: relative;}
.gray_menu{background: #f4f4f4;}
.black_menu{background: #000;}
.w95{width:95% !important;margin:0 auto 1em !important}
.w94{width:94% !important;margin:0 auto !important}
ul.hidden li:first-child a img{width:50%;}

@media screen and (max-width: 769px) {
ul.lineup li{width: 48%;}
ul.lineup li:hover ul.hidden{visibility: visible;opacity: 1;padding:1em 1em 0 !important}
ul.hidden,ul.lineup li:hover ul.hidden{padding:0 2em;}
.ichiran ul li{width: 45%;margin: 1em 0.5em 1em;}
.ichiran img{margin:0;padding:0;width:100%;}
ul.hidden li:first-child a img{width:80%;}
ul.hidden li.full:first-child a img{width:100%;}
ul.hidden li.full:nth-child(2) a img{width:60%;}
ul.hidden li.full{width: 100%;margin: 0 0 1em;}
}

/*パーフェクトワンデー*/
#perfect1day2{background: url("../img/perfect1day/asanoha_bg.jpg");font-family: "source-han-serif-japanese","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝",serif;font-size: 16px;}
#perfect1day2 h2{margin: 2em auto 0;width: 85%;background: none;}
#perfect1day2 .text_left{width: 85%;margin: 0 auto 1em;text-align: left;font-size: 1.2em;}
/*レンズリスト*/
#perfect1day2 .lens_list{margin: 0 auto;padding:2em 1em;display: flex;justify-content: space-around;flex-flow: row wrap;width: 100%;background: url("../img/perfect1day/bg-f.png") top center repeat}
#perfect1day2 .lens_list li{width:24%;}
#perfect1day2 .lens_list li img{width:80%;}
#perfect1day2 .lens_list li h3{margin: 0 0 .5em;font-size: 1.5em;text-align: left;}
#perfect1day2 .lens_list li h3 span{font-size: 0.6em;}
#perfect1day2 .lens_list li h3 em{font-size: 0.6em;display: block;font-style: normal;text-align: left}
#perfect1day2 .lens_list li p{font-size: .9em;text-align: left}
#perfect1day2 .lens_list li p a{color:#000;text-decoration: underline;font-size: 0.9em}

ul.bxslider2{margin:0;padding:0;}
.custom-thumb{margin: 1em auto;padding:0;display: flex;justify-content: space-around; flex-flow: row wrap;width: 92%;}
.custom-thumb li{width:14%;}
.custom-thumb img{width:100%;}
.bx-wrapper img{margin:0;padding:0;}

#perfect1day2 dl{padding: 0 3em;display: flex;flex-flow: row wrap;align-items: center;}
#perfect1day2 dt{width: 20%;text-align: center;margin: 0;padding: 0 0 1em;}
#perfect1day2 dd{width: 77%;margin: 0 0 0 3%;text-align: left;padding: 0 0 1em;}

#perfect1day2 .footer{background: url("../img/perfect1day/asanoha_bg2.jpg");color:#fff;padding:0.5em 1em;text-align: left}

@media screen and (max-width: 599px) {
#perfect1day2 .lens_list li{width:48%;}
#perfect1day2 dl{padding: 0 1em;}
#perfect1day2 dt{width: 100%;text-align: center;margin: 0;padding: 0 0 1em;}
#perfect1day2 dd{width: 100%;margin: 0;text-align: left}
#perfect1day2 dt img{width:25%;}
}

.ProductDetails {margin:0 .5em 1em ; padding: 1em 0.5em;text-align: center; background-color: #fff;}
.ProductDetails ul{margin:0; padding:0; text-align: center; list-style: none; display: flex;justify-content: space-between;flex-flow: row wrap;width:100%;}
.ProductDetails ul li:nth-child(odd){margin:0;padding:0.5em;width:30%; border-bottom:2px dotted #ff7391; color:#000; background-color: #fff; display:inline-block; box-sizing: border-box;}
.ProductDetails ul li:nth-child(even){margin:0;padding:0.5em;width:69%; border-bottom:2px dotted #f3f3c8; color:#000; background-color: #fff; display:inline-block; box-sizing: border-box;}

.lineup-ps1 {background: #fff;}

ul.hidden-P{-webkit-transition: all .2s ease;transition: all .2s ease;position: absolute;opacity: 0;z-index: -1;height: 0;}
ul.lineup li:hover ul.hidden-P,
.relative:hover ul.hidden-P{visibility: visible;opacity: 1;padding:.5em !important;height:auto;z-index: 100;}
ul.hidden-P,ul.lineup li:hover ul.hidden-P,
.relative:hover ul.hidden-P{width:100%; padding:0 2em; flex-flow: column wrap;justify-content:center;}
ul.hidden-P li{width:100% !important; height:auto !important; margin:0 0 .5em; padding:0 0.5; border: 1px solid #333; border-radius: 5px; align-items: center; background-color: #fff;}
ul.hidden-P li a{ display: block; padding:.5em; color: #333;}
ul.hidden-P li img{ width:100% !important; height:auto !important; }
ul.hidden-P li img:nth-child(2) a img{width:60%;}
ul.hidden-P li:first-child a img{width:50%;}
ul.hidden-P li:last-child {margin-bottom :0;}


/*コスマギア*/
.cm_bg1{padding-bottom: 2em; background:url("../img/cosmagia/cosmagia_bg-wood.jpg") center / contain}
.cm_PC11Phantom{background: #f4f4f4;}
.cm_PC02MermaidFons{background: #f4f4f4;}
.cm_PC06DragonForest{background: #f4f4f4;}
.cm_PC03WitchElixir{background: #f4f4f4;}
.cm_PC04StarWaltz{background: #f4f4f4;}
.cm_PC09SleepingGold{background: #f4f4f4;}
.cm_PC01IgnisRuby{background: #f4f4f4;}
.cm_PC05UnicornDream {background: #f4f4f4;}
.cm_PC12MoonCastle{background: #f4f4f4;}
.cm_cartBG{background: #f4f4f4;}

#cosmagia .cm_lineup{margin: 0 2em 2em;justify-content: space-between; width:auto;}
#cosmagia .cm_lineup li{ margin: 0 0 1em;}
#cosmagia .cm_lineup .eyelink{ width:48%;}
#cosmagia .spec{margin: 2em auto 3em;padding: 0 0 2em;text-align: center; background:url("../img/cosmagia/cosmagia_bg-wood.jpg") center / contain}
#cosmagia .spec ul {margin: 1em auto;padding: 0;text-align: center;list-style: none;display: flex;justify-content: space-between;flex-flow: row wrap;width: 92%;}
#cosmagia .spec ul li:nth-child(odd) {margin: 0 0 0.5em;padding: 0.8em;width: 68%;border: 1px solid #4d3400;background-color: #fff;}
#cosmagia .spec ul li:nth-child(even) {margin: 0 0 0.5em;padding: 0.8em;width: 30%;border: 1px solid #4d3400;background-color: #fff;}
#cosmagia .spec ul li.full {width: 100% !important;}
#cosmagia .box {margin: 1em auto;padding: 1em;background-color: #fff;text-align: left;width: 92%;}

#cosmagia .colorexp{text-align: center; margin: 0px; padding: 0px; background:url("../img/cosmagia/cosmagia_bg-paper.jpg") center / contain }

#cosmagia .variation {position: relative; background:url("../img/cosmagia/cosmagia_bg-paper.jpg") center / contain}
#cosmagia ul.variation{text-align: center;list-style: none;display: flex;justify-content: space-between;flex-flow: row nowrap;padding: 0 3em;}

#cosmagia .ichiran {background:url("../img/cosmagia/cosmagia_bg-wood.jpg") !important; center / contain}
#cosmagia .img_main {background:url("../img/cosmagia/cosmagia_bg-wood.jpg") !important; center / contain}

/*ノヴァ*/
.nv_bg1{padding-bottom: 2em; background:url("../img/nova/novaBG.jpg") center / contain}
.nv_cartBG{background: #07080C;}

#nova .nv_lineup{margin:2em 2em;justify-content: space-between; width:auto;}
#nova .nv_lineup li{ margin: 0 0 1em;}
#nova .nv_lineup .eyelink{ width:48%;}
#nova .spec{margin: 2em auto 3em;padding: 0 0 2em;text-align: center; background:url("../img/nova/novaBG.jpg") center / contain}
#nova .spec ul {margin: 1em auto;padding: 0;text-align: center;list-style: none;display: flex;justify-content: space-between;flex-flow: row wrap;width: 92%;}
#nova .spec ul li:nth-child(odd) {margin: 0 0 0.5em;padding: 0.8em;width: 68%;border: 1px solid #4d3400;background-color: #fff;}
#nova .spec ul li:nth-child(even) {margin: 0 0 0.5em;padding: 0.8em;width: 30%;border: 1px solid #4d3400;background-color: #fff;}
#nova .spec ul li.full {width: 100% !important;}
#nova .box {margin: 1em auto;padding: 1em;background-color: #fff;text-align: left;width: 92%;}

#nova .colorexp{text-align: center; margin: 100px 0 0; padding: 0px; background:url("../img/nova/novaBG.jpg") center / contain }

#nova .variation {position: relative;}
#nova .variation ul {position: absolute;bottom: -80px;left: 0;right: 0;text-align: center;list-style: none;display: flex;justify-content: space-between;flex-flow: row nowrap;padding: 0 3em;}

#nova .ichiran {background:url("../img/nova/novaBG.jpg") !important; center / contain}
#nova .img_main {background:url("../img/nova/novaBG.jpg") !important; center / contain}


/*フルブルーム*/
.fb_bg1{padding-bottom: 2em;background-color: #efebe8;}
.fb_rose{background: #e37072;}
.fb_bluestar{background: #80bee5;}
.fb_clover{background: #98cb7f;}
.fb_lantana{background: #dee480;}
.fb_nekoyanagi{background: #a9a6b3;}
.fb_nemophila{background: #72a0ba;}
.fb_mokara{background: #efbe97;}
.fb_lily{background: #d3d3d3;}
.fb_strelitzia {background: #bba389;}
.fb_jadevine{background: #7eafa7;}
.fb_iris{background: #b08ab6;}
.fb_velonica {background: #c3b8e2;}
.fb_peony {background: #ecb9d0;}

#fullbloom .fb_lineup{margin: 0 2em 2em;justify-content: space-between;width:auto;}
#fullbloom .fb_lineup li{margin: 0 0 1em;}
#fullbloom .spec{margin: 2em auto 3em;padding: 0 0 2em;text-align: center;background-color: #efebe8;}
#fullbloom .spec ul {margin: 1em auto;padding: 0;text-align: center;list-style: none;display: flex;justify-content: space-between;flex-flow: row wrap;width: 92%;}
#fullbloom .spec ul li:nth-child(odd) {margin: 0 0 0.5em;padding: 0.8em;width: 68%;border: 1px dashed #ccc;background-color: #fff;}
#fullbloom .spec ul li:nth-child(even) {margin: 0 0 0.5em;padding: 0.8em;width: 30%;border: 1px dashed #ccc;background-color: #fff;}
#fullbloom .spec ul li.full {width: 100% !important;}
#fullbloom .box {margin: 1em auto;padding: 1em;background-color: #fff;text-align: left;width: 92%;}

#fullbloom .variation {position: relative;}
#fullbloom .variation ul {position: absolute; bottom: 1em;left: 0;right: 0;text-align: center;list-style: none;display: flex;justify-content: space-between;flex-flow: row nowrap;padding: 0 3em;}
#rose, #bluestar, #clover, #lantana, #nekoyanagi, #nemophila, #jadevine, #strelitzia, #mokara, #peony, #iris, #veronica, #lily,{margin-bottom: 1em;}




@media screen and (max-width: 599px) {
.fb_bg1{background-size: 50%;}
}

/*グランツ*/
.glanz_bg{background: url("../img/glanz_bg.jpg") top center / contain}
.glanz_flamme{background: #f91717;}
.glanz_ciel{background: #1797f9;}
#glanz .spec{margin:0;padding:2em;text-align:center;background:url("../img_pc/glanz/glanz_bg.jpg")}
#glanz .spec ul{margin:0;padding:1em;text-align:center;list-style:none;display:flex;justify-content:space-between;flex-flow:row wrap;background-color: #fff;border:1px solid #000}
#glanz .spec ul li:nth-child(odd){margin:0;padding:0.5em;width:49%;border-bottom:2px dotted #ba0c10;color:#ba0c10}
#glanz .spec ul li:nth-child(even){margin:0;padding:0.5em;width:49%;border-bottom:2px dotted #00347a;color:#00347a}
#glanz .spec ul li:last-child{margin:0;padding:2em;text-align:left;width:100%;color: #000;border: none;line-height: 2em;}

@media screen and (max-width: 599px) {
#glanz .spec ul li:nth-child(odd){width: 30%;}
#glanz .spec ul li:nth-child(even){width: 70%;}
#glanz .spec ul li:last-child{padding:2em 1em;width: 100%;}
}

/*ジョーカー*/
.joker_menu{background: #b28532;}
.joker_3bg{background: url("../img/joker/joker_3bg.jpg") center / contain }

#joker .spec{margin: 0;padding: 0 0 1em;text-align: center;background-color: #000;}
#joker .spec ul{margin: 1em;padding: 0;text-align: center;list-style: none;display: flex;justify-content: space-between;flex-flow: row wrap;}
#joker .spec ul li:nth-child(odd) {margin: 0 0 0.5em;padding: 0.8em;width: 30%;border: 1px dashed #ccc;background-color: #fff;}
#joker .spec ul li:nth-child(even) {margin: 0 0 0.5em;padding: 0.8em;width: 68%;border: 1px dashed #ccc;background-color: #fff;}
#joker .box {margin: 1em;padding: 1em;background-color: #fff;text-align: left;}
#joker .ichiran,.bgc000 {background: #000000;}


/*会社概要*/
table{margin: 2em auto ;padding: 0;width:90%;border: 1px solid #ccc;border-collapse: collapse;}
table tr,table td,table th{padding:0.5em;font-weight: 100}
table th{background: #fcfcfc;width:20%;}
table td{text-align: left;width:80%;}