@charset "utf-8";
/* CSS Document */
.wrapper{overflow: hidden;}
html,body{width: 100%;height: 100%;margin: 0 auto;font-family:"brandon-grotesque","繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
font-size: 17px;line-height: 160%;background-color: #fff;color: #333;text-align: center;}
body *{box-sizing: border-box;}
h1,h2,h3,ul,li,p{margin: 0;padding: 0;}
p{line-height: 2em;}
ul,li{list-style: none;}
a{text-decoration: none;color: #1f1f1f;}
h2 span.block{display: inline-block;}
 .sg-pc{display: block;}
 .sg-sp{display: none;}
.clearfix:before,.clearfix:after{content: "";display: block;overflow: hidden;}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;}
header.sg-pc .sg-logo-sub{display: none;cursor: pointer;}
.sg-left{text-align: left;}
.sg-menu{display: none;position: fixed;top: 10px;right: 10px;z-index: 50;font-size: 15px;letter-spacing: .3em;font-family: "brandon-grotesque",sans-serif;font-weight: normal;}
.sg-menu span{color: #fff;text-shadow: 1px 1px 2px rgba(0,0,0,.2);cursor: pointer;}
.sg-menu span:hover{color: #B8B183;}
.sg-pc-top .sg-menu{right: 8.5em;}
.sg-langmenu{position: absolute;right: 5px;top: 10px;font-size: 12px;letter-spacing: .3em;font-family: "brandon-grotesque",sans-serif;font-weight: normal;}
.sg-sp .sg-langmenu{font-size: 12px;}
.sg-langmenu a,.sg-langmenu span{display: inline-block;padding: 0 .5em;}
.sg-langmenu a{color: #aaa;}
.sg-langmenu a:hover{color: #222;}
header.fix.sg-pc{position: fixed;left: 0;top: 0;right: 0;z-index: 50;padding: 5px 10px;background: #fff;background: rgba(255,255,255,.9);box-shadow: 1px 1px 2px rgba(0,0,0,.2);}
header.fix .sg-menu span{color: #1f1f1f;text-shadow: none;}
header.fix .sg-menu span:hover{color: #888;}
header.fix.sg-pc .sg-head{display: table;}
header.fix.sg-pc .sg-logo-sub{display: none;}
header.fix .sg-logo-sub{display: inline-block;width: 41px;}
header.fix.sg-pc .sg-head-inner{display: table-cell;vertical-align:middle;}
header.fix.sg-sp .sg-head-inner{position: relative;padding: 2px 4px 0;}
header.fix.sg-sp .sg-head-inner .sg-menu-btn{position: absolute;padding: 3px;left: 5px;top: 0;bottom: 0;font-size: 20px;height: 26px;margin: auto;}
.clickmenu-chi{background: #ddd;background: rgba(0,0,0,.2);}
.sg-menu-popup .clickmenu-chi li a{font-size: 13px;}
.clickmenu-pa .parents{padding: 0;display: inline-block;position: relative;}
.clickmenu-pa .icon{padding: 0;position: absolute;right: -2em;bottom: 0;}
.clickmenu-pa .icon.open{display:none;}
.clickmenu-pa.open .icon.open{display:block;}
.clickmenu-pa.open .icon.close{display:none;}
.sg-menu-btn{display: inline-block;}
.sg-menu .sg-menu-child{float: left;padding: 0 .5em;}
.sg-menu-popup{display: none;}
.sg-menu-popup li span{font-size: 15px;display: block;padding: .7em .5em;}
.sg-img-100{width: 100%;}
.sg-img-80{width: 80%;margin: 0 10% 0 10%;}
.sg-img-100 img,.sg-img-80 img,.sg-logo-sub img{display: block;width: 100%;}
.sg-mb-5{margin-bottom: 5px;}
.sg-mb-10{margin-bottom: 10px;}
.sg-mb-20{margin-bottom: 20px;}
.sg-mb-30{margin-bottom: 30px;}
.sg-mb-40{margin-bottom: 40px;}
.sg-mb-60{margin-bottom: 60px;}
.sg-mb-80{margin-bottom: 80px;}
.sg-mb-100{margin-bottom: 100px;}
.sg-list-3 li{float: left;width: 32.66%;margin-right: 1%;}
.sg-list-4 li{float: left;width: 24.25%;margin-right: 1%;}
.sg-list-3 li:last-child,.sg-list-4 li:last-child{margin-right: 0}
.sg-list-3 img,.sg-list-4 img{display: block;width: 100%;}
.sg-block{background: #fff;padding: 80px 20px;}
.sg-block.about{padding: 160px 20px 200px;}
.sg-inner{width: 85%;max-width: 1000px;margin: auto;}
.sg-block-beige{background: #E2DEC0;}
.sg-block-red{background: #380005;}
.sg-block-gray{background: #eee;}
.sg-block-blue{background: #0D1A30;}
.sg-block-black{background: #000;}
.sg-block-black02{
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 1%, rgba(85,85,85,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 1%,rgba(85,85,85,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 1%,rgba(85,85,85,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#555555',GradientType=0 ); /* IE6-9 */
}
.sg-sepa-20,.sg-sepa-30,.sg-sepa-40,.sg-sepa-60,.sg-sepa-70,.sg-sepa-80{display: block;float: left;}
.sg-sepa-20 img,.sg-sepa-30 img,.sg-sepa-40 img{display: block;width: 100%;}
.sg-sepa-20{width: 20%;}
.sg-sepa-30{width: 30%;}
.sg-sepa-40{width: 40%;}
.sg-sepa-60{width: 58%;}
.sg-sepa-70{width: 68%;}
.sg-sepa-80{width: 78%;}
.sg-sepa-60,.sg-sepa-70,.sg-sepa-80{margin-left: 2%;}
.sg-mainbox{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;text-align: center;}
.main .sg-mainbox{display: none;padding: 20px 10px;width: 380px;height: 340px;}
.sg-mainbox img{display: block;width: 100%;}
.sg-mainimg{position: relative;min-width: 100%;min-height: 100%;height: 100vh;padding: 10px;background-image:url("/image/sg_backimg.jpg");background-attachment: fixed;background-position: center;background-size: cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-repeat: no-repeat;}
.sg-bg-white{background: rgba(255,255,255,.8);padding: 10px;}
.sg竏鍛order-blue{border: 4px solid #253868;border-radius: 5%;padding: 10px;color: #fff;}
.sg竏鍛order-blue a{color: #fff;}
.sg-mainimg h1,h2{font-size: 200%;letter-spacing: .2em;font-family: "brandon-grotesque",sans-serif;font-weight: normal;}
h2{font-size: 200%;line-height: 1.5em;}
.sg-mainimg.speaklow{background-image:url("/image/sg-speaklow.jpg");border-bottom: 7px solid #530008;}
.sg-mainimg.speaklow .sg-mainbox{display: none;width: 400px;height: 220px;background: rgba(255,255,255,.7);padding: 10px;box-shadow: 1px 1px 3px rgba(0,0,0,.4);}
.sg-block-speaklow{color: #fff;border-top: 7px solid #000;border-bottom: 7px solid #000;text-shadow: 0 0 2px rgba(0,0,0,.4);}
.sg-block-speaklow .sg-list-border li{cursor: pointer;}
.sg-block-speaklow .sg-list-border li a:hover,.sg-block-sober .sg-list-3 li a:hover{opacity: .8;}
.sg-block-speaklow .sg-list-img li{overflow: hidden;cursor: pointer:}
.sg-block-speaklow .sg-list-img li img{width: 100%;}
.sg-block-speaklow .sg-list-img li:hover{opacity: .9;}
.sg-block-speaklow h2:first-letter,.sg-font-red{color: #B60016;}
.sg-mainimg.sober{background: #0D1A30;border-top: 7px solid #530008;}
.sg-mainimg.sober .sg-mainbox{width: 380px;height: 250px;}
.sg-mainimg.sober .sg-mainbox div{position: relative;}
.sg-mainimg.sober .sg-mainbox .sg-sober-logo-on{position: absolute;left: 5px;top: -50px;-moz-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);-o-transform: rotate(-15deg);-ms-transform: rotate(-15deg);transition: transform 2s;}
.sg-mainimg.sober .sg-mainbox.on .sg-sober-logo-on{left: 0;top: 0px;-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);}
.sg-block-sober,.sg-block-sober h2,.sg-block-sober p{color: #fff;}
.sg-block-sober .sg-list-3 li,.sg-block-sober .sg-list-4 li{overflow: hidden;border-radius: 5%;cursor: pointer;}
.sg-block-sober .sg-list-4 li:hover{opacity: .4;}
.sg-block-sober .sg-img-100{position: relative;overflow: hidden;border-radius: 10px;}
.sg-block-sober .sg-img-100 span{position: absolute;top: 70%;bottom: 0;left: 0;width: 100%;background: -moz-linear-gradient(top,  rgba(13,26,48,0) 45%, rgba(13,26,48,0.25) 65%, rgba(13,26,48,1) 100%);
background: -webkit-linear-gradient(top,  rgba(13,26,48,0) 45%,rgba(13,26,48,0.25) 65%,rgba(13,26,48,1) 100%);
background: linear-gradient(to bottom,  rgba(13,26,48,0) 45%,rgba(13,26,48,0.25) 65%,rgba(13,26,48,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000d1a30', endColorstr='#0d1a30',GradientType=0 );}
.sg-block-speaklow .sg-bg-white{color: #333;text-shadow: none;}
.sg-mainimg.sgclub{background-image: url("/image/sg-sgclub.jpg");}
.sg-mainimg.sgclub .sg-mainbox{width: 255px;height: 314.4px;}
.sg-block-sgclub .sg-bg-white{background: #333;text-shadow: 0 0 2px rgba(0,0,0,.4);}
.sg-block-sgclub .sg-bg-white h2,.sg-block-sgclub .sg-bg-white p,.sg-block-sgclub .sg-bg-white a{color: #aaa;}
.sg-block-sgclub,.sg-block-sgclub h2,.sg-block-sgclub p{color: #ccc;}
.sg-block-sgclub .sg-img-100,.sg-block-sgclub .sg-list-3 li{box-shadow: 0 0 15px rgba(0,0,0,.4);}
.sg-recruit table{width: 100%;}
.sg-recruit table tr{border-bottom: 1px solid #ddd;}
.sg-recruit table tr:last-child{border-bottom: none;}
.sg-recruit table tr:nth-child(odd){background: #F7F6ED;}
.sg-recruit table th,.sg-recruit table td{padding: .3em .5em;}
.sg-recruit table td{text-align: left;}
.sg-info table{width: 100%;}
.sg-info table tr{border-bottom: 1px solid #ddd;}
.sg-info table tr:last-child{border-bottom: none;}
.sg-info table tr:nth-child(odd){background: #f4f4f4;}
.sg-info table th,.sg-info table td{padding: .3em .5em;}
.sg-info table td{text-align: left;}
.sg-sns{display: inline-block;margin: 0 .1em;font-size: 100px;}
.sg-sns:hover{opacity: .8;}
.sg-block-speaklow .sg-facebook{color: #2B4287;}
.sg-block-speaklow .sg-insta{color: #CA0B74;}
.sg-block-sober .sg-sns{color: #708BC5;}
.mail-form {background: #f4f4f4;padding: 40px 10px 40px;}
.mail-form table{margin-bottom: 40px;}
.mail-form table input,.mail-form table textarea{display: block;width: 100%;max-width: 550px;margin: auto;font-size: 17px;border-radius: 5px;padding: .2em .5em;line-height: 1.7em;border: 1px solid #ccc;}
.mail-form table input:focus,.mail-form table textarea:focus{border-color: #708BC5;}
.mail-form table{width: 100%;}
.mail-form table th{width: 30%;}
.mail-form table th,.mail-form table td{padding: .5em 1em;}
.mail-form table td{text-align: left;}
.sg-btn-gray{background: #666;border: 3px solid #666;color: #fff;border-style: none;font-size: 20px;padding: .5em 1em;border-radius: 5px;cursor: pointer;-webkit-appearance: none;box-shadow: 1px 1px 2px rgba(0,0,0,.1);}
.sg-btn-gray:hover,.sg-btn-white:hover{opacity: .8;}
.sg-btn-white{background: #fff;color: #333;border: 3px solid #ddd;font-size: 20px;padding: .5em 1em;border-radius: 5px;cursor: pointer;box-shadow: 1px 1px 2px rgba(0,0,0,.1);}
.sg-mail{display: inline-block;width: 300px;}
.mail-send{padding-top: 100px;}
footer{background: #e6e6e6;color: #333;padding: 2px 0;text-align: center;}
.sg-mailsend{position: fixed;height: 3em;line-height: 3em;width: 13em;text-align: center;top: 0;bottom: 0;left: 0;right: 0;margin: auto;text-shadow: 1px 1px #fff;background: rgba(255,255,255,.8);color: #666;font-size: 20px;border-radius: 5px;box-shadow: 1px 1px 2px rgba(0,0,0,.2);}
.sg-margin-auto{margin-left: auto;margin-right: auto;}
.sg-mainimg.oddcouple{background-image: url("/image/sg-oddcouple.jpg");}
.sg-mainimg.oddcouple .sg-mainbox {width: 500px;height:240px;}
.sg-block-oddcouple{background: #000;}
.sg-block-oddcouple h2,.sg-block-oddcouple p,.sg-bg-neon a{color: #fff;}
.sg-neon-blue{padding: 40px 20px;border-radius:10px;border: 4px solid #fff;box-shadow:0 1px 20px #0246E5, 0 0 12px #fff, 2px 5px 60px #0246E5,2px 5px 10px #0246E5 inset;}
.sg-pop-bg{padding: 10px;background-image: url("/image/sg-oddcouple-02.jpg");}
.sg-odd-info a{color: #eeeeee;}
.sg-menu{font-size: 12px;}
.sg-award{font-family: "FOT-遲醍ｴｫ譏取悃 Pro B", serif;}
.sg-genre-icon{display:inline-block;padding: 0 .5em;color: #fff;margin-right: .8em;font-size: 80%;text-shadow: none;}
.sg-genre-1{background: #0091E0;}
.sg-genre-2{background: #E6820B;}
.sg-genre-3{background: #E05249;}
.sg-news{background: #ddd url(/image/back_st.gif);text-shadow: 1px 1px 2px rgba(255,255,255,.6);}
.sg-news ul{width: 100%;}
.sg-news ul li{text-align: left;padding: 0 10px;background: rgba(255,255,255,.3);}
.sg-news ul li:hover{color: #530008;background: rgba(255,255,255,.6);}
.sg-news ul li a,.sg-news ul li .sg-news{border-top: 1px solid #ddd;display: block;padding: 1em .5em;}
.sg-news ul li a p{line-height: 1.4em;}
.sg-news ul li:first-child a{border-top: 0;}
.sg-news ul .sg-news-date{display: inline-block;color: #999;margin-right: 1em;font-size: 80%;}
.sg-newsmore{display: inline-block;background: rgba(255,255,255,.6);padding: .3em 1em;box-shadow: 1px 1px 2px rgba(0,0,0,.1);}
.sg-newsmore:hover{background: rgba(255,255,255,.9);}
.sg-block-news .sg-inner{padding:40px 50px;}
.sg-block-news img{max-width: 100%;height: auto;}
.sg-block-news{min-height: calc(100vh - 20px);padding-top: 100px;}
.sg-block-news .sg-inner{background: #fafafa;border: 1px solid #eee;padding: 60px 50px 40px;margin-bottom: 60px;}
.sg-block-news .sg-inner:nth-child(odd){background: #F7F6ED;border: 1px solid #EFEDDB;}
.sg-url{text-align: left;font-size: 90%;}
.sg-url a:hover{text-decoration: underline;}
.sg-date{text-align: right;}
.sg-genre-icon{display:inline-block;padding: 0 .5em;color: #fff;margin-right: .5em;font-size: 80%;text-shadow: none;}
.sg-genre-1{background: #0091E0;}
.sg-genre-2{background: #E6820B;}
.sg-genre-3{background: #E05249;}
.sg-mainimg.bellwood{background-image: url("/image/sg-bellwood.jpg");}
.sg-mainimg.bellwood .sg-mainbox{width: 80%;max-width: 600px;max-height: 166px;}
.sg-block-bellwood{color: #fff;}
.sg-block.bellwood{position: relative;}
.sg-block.bellwood .gradient{position: absolute;bottom: 0;left: 0;right: 0;top: 80%;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#471a23+0,471a23+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(71,26,35,0) 0%, rgba(71,26,35,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(71,26,35,0) 0%,rgba(71,26,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(71,26,35,0) 0%,rgba(71,26,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00471a23', endColorstr='#471a23',GradientType=0 ); /* IE6-9 */
}

.sg-block-purple{background: #471A23;}
.sg-block-purple02{background-color: #471A23;background-image:url("/image/bellwood-bg.gif");background-repeat: repeat;}
.sg-block-bellwood .sg-foodmenu ul{display: flex;flex-wrap: wrap;}
.sg-block-bellwood .sg-foodmenu li{width: 25%;padding: 5px;}
.sg-block-bellwood .sg-foodmenu li:hover{opacity: .8;}
.sg-block-bellwood .sg-foodmenu li a{display: inline-block;overflow: hidden;border-radius: 5px;}
.sg-block-bellwood .sg-foodmenu img{display: block;width: 100%;}
.sg-block-bellwood .bellwoodimage{padding: 1.5em;}
.sg-block-bellwood .sg-bg-black{padding: 10px;}
.sg-bg-black{background: #280C12;color: #CFAD84;}
.sg-bg-black a{color: #CFAD84;}
.screen-reader-text{display:none;}
.nav-links{font-size: 1em;margin-bottom: 1em;}
.nav-links::after {content: "";display: block;clear: both;}
.nav-next{float: right;}
.nav-previous{float: left;}
.nav-links .page-numbers{display: inline-block;padding: .2em .4em;}
.nav-links a{color: #666;}
.nav-links span.current{color: #999;}
.sg-newscatelist{display: flex;flex-wrap: wrap;margin-bottom: 20px;padding-top: 10px;justify-content: right;border-bottom: 1px solid #eee;}
.sg-newscatelist li{margin: 0 .5em 10px;}
.sg-newscatelist li a.on{font-weight: bold;padding: .2em;}
.sg-pagerwrap{width: 85%;max-width: 1000px;margin: auto;margin-bottom: auto;}
header.sg-sp{display: none;}
header.sg-pc{display: none;}
header.sg-pc{position: fixed;left: 0;top: 0;right: 0;z-index: 50;padding: 5px 10px;background: #fff;background: rgba(255,255,255,.9);box-shadow: 1px 1px 2px rgba(0,0,0,.2);}
header.sg-pc.fix{display: block;}
header .sg-menu span{color: #1f1f1f;text-shadow: none;}
header .sg-menu span:hover{color: #888;}
header.sg-pc .sg-head{display: table;}
header.sg-pc .sg-logo-sub{display: none;}
header .sg-logo-sub{display: inline-block;width: 41px;}
header.sg-pc .sg-head-inner{display: table-cell;vertical-align:middle;}
header.sg-sp .sg-head-inner{position: relative;padding: 2px;}
header.sg-sp .sg-head-inner .sg-menu-btn{position: absolute;padding: 3px;left: 5px;top: 0;bottom: 0;font-size: 20px;height: 26px;margin: auto;}
.sg-sp .clickmenu-chi{display: none;}
.sg-menu-popup li a {font-size: 15px;display: block;padding: .7em .5em;}
.sg-hovermenu-pa{position: relative;}
.sg-hovermenu-pa .sg-hovermenuchi{display: none;width: 16em;position: absolute;top: 100%;left: -10px;z-index: 50;padding: 10px;}
.sg-hovermenu-pa:hover .sg-hovermenuchi{display: block;}
.sg-hovermenu-pa .sg-hovermenuchi ul{display: block;box-shadow: 1px 1px 2px rgba(0,0,0,.3);}
.sg-hovermenu-pa .sg-hovermenuchi li{display: block;width: 100%;background: rgba(0,0,0,.6);}
.sg-hovermenu-pa .sg-hovermenuchi li:hover{background: rgba(0,0,0,.7);}
.sg-hovermenu-pa .sg-hovermenuchi li a{display: block;color: #fff;}


.sg-mainimg.sglow {background-image: url("/image/sg-sglow.jpg");}
.sg-mainimg.sglow .sg-mainbox{width: 70%;max-width: 400px;top: 50%;bottom: auto;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.sg-block-sglow,.curved{background: #386273;}
.sg-block-sglow{color: #fff;}
.curved {position: absolute;bottom: 0;left: 0;right: 0;height: 5em;border-top-left-radius: 50% 40%;border-top-right-radius: 50% 40%;}
.sg-menuwrap{display: flex;flex-wrap: wrap;padding: 2em;background: rgba(255,255,255,.2);box-shadow: 1px 1px 3px rgba(0,0,0,.3);}
.sg-menuwrap div{width: 25%;padding: .5em;}
.sg-menuwrap div img{display: block;width: 100%;cursor: pointer;}
.sg-menuwrap div a{display: block;overflow: hidden;border: 2px solid rgba(255,255,255,.1);}
.sg-menuwrap div a:hover{border: 2px solid rgba(255,255,255,.4);}
.sg-block-sglow .sg-bg-white{color: #fff;background: none;}
.sg-block-sglow .sg-bg-white i{color: rgba(255,255,255,.6);}
.sg-block-sglow .sg-bg-white a{color: #fff;}
.whte-gra-border{position: relative;height: 1px;border-width: 0;background-image: -webkit-linear-gradient(left,transparent 0%,#fff 50%,transparent 100%);background-image: linear-gradient(90deg,transparent 0%,#fff 50%,transparent 100%);opacity: .5;}
header.sg-pc{display: none;}
header.sg-pc.fix{display: block;}

.sg-mainimg.swrl{position: relative;background-image: url(/image/sg-swrl-top.jpg?202111);}
.sg-mainimg.swrl .sg-mainbox{width: 70%;max-width: 600px;top: 50%;bottom: auto;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.sg-block-swrl{background: rgb(214,194,146); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(214,194,146,1) 0%, rgba(204,176,118,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(214,194,146,1) 0%,rgba(204,176,118,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(214,194,146,1) 0%,rgba(204,176,118,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6c292', endColorstr='#ccb076',GradientType=0 ); /* IE6-9 */
color: #331D19;padding: 80px 0;}
.sg-block-swrl .sg-left{text-align:left;}
.sg-block-swrl .sg-inner{padding: 0 10px;}
.sg-block-swrl .sg竏鍛order-yellow{display: inline-block;margin: 0 auto;padding: 1em 3em;color: #331D19;border: 3px solid #dfc181;border-radius: 1.5em 0 1.5em 0;}
.sg-block-swrl .sg竏鍛order-yellow i{color: #523B2C;}
.sg-block-swrl .sg-swrl-brown{background:#94855F;padding: 24px;}
.sg-block-swrl .sg-swrl-menu,.sg-block-swrl .sg-swrl-image{border-top: 3px dotted #D0B882;border-bottom: 3px dotted #D0B882;width: 85%;max-width: 1000px;margin: 0 auto;display: flex;flex-wrap: wrap;}
.sg-block-swrl .sg-swrl-menu li{width:25%;}
.sg-block-swrl .sg-swrl-image li{width:33.3%;}
.sg-block-swrl .sg-swrl-menu li,.sg-block-swrl .sg-swrl-image li{padding: 3px;}
.sg-block-swrl .sg-swrl-menu li a,.sg-block-swrl .sg-swrl-image li a{display: block;overflow: hidden;border-radius: 5px;}
.sg-block-swrl .sg-swrl-menu li img,.sg-block-swrl .sg-swrl-image li img{display: block;width: 100%;}
.sg-block-swrl .sg-swrl-menu li:hover,.sg-block-swrl .sg-swrl-image li:hover{opacity: .8;}


.sg-mainimg.ash{position: relative;background-image: url(/image/sg-ash-top.jpg);}
.sg-mainimg.ash .sg-mainbox {width: 60%;max-width: 300px;top: 50%;bottom: auto;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.sg-mainimg.ash .sg-mainbox img{display: block;width: 100%;}
.sg-mainimg.ash .sg-wave{position: absolute;bottom: 0;left:0;right: 0;}
.sg-block-ash{background: #B5D1EF;color: #30465d;padding: 80px 0;}
.sg-block-ash .sg-inner {padding: 0 10px;}
.sg-block-ash h2{color: #30465d;}
.sg-block-ash .sg-ash-menu li a:hover,.sg-block-ash .sg-ash-image li a:hover{opacity: .8;}
.sg-block-ash .sg-ash-menu li,.sg-block-ash .sg-ash-image li,.sg-block-ash .sg-img-80{border: 4px solid #fff;border-radius: 10px;overflow: hidden;box-shadow: 1px 1px 2px 2px rgba(0,0,0,.1);}
.sg-block-ash .sg-ash-menu,.sg-block-ash .sg-ash-image{width: 85%;max-width: 1000px;margin: 0 auto;display: flex;flex-wrap: wrap;}
.sg-block-ash .sg-ash-menu li{width: calc(25% - 8px);margin: 4px;}
.sg-block-ash .sg-ash-image li{width: calc(50% - 8px);margin: 4px;}
.sg-block-ash .sg-ash-image li img,.sg-ash-menu li img{display: block;width: 100%;}
.sg-ash-menu li{width: calc(25%-7.5px);}
.sg-ash-white{padding: 1em 0;background: rgba(255,255,255,.2);}
.sg-ash-white a.sg-sns{color: #30465d;}
.sg-ash-white,.sg-ash-white a{color: #3A4F4A;}
.sg-block-ash .sg竏段nfowrap{max-width: 600px;margin: auto;background: #fff;padding: 1em 1em 1em;border-radius: 10px;box-shadow: 1px 1px 2px rgba(0,0,0,.1);}
.sg-block-ash .sg竏段nfowrap .sg-sns{color: #82b7ef;}
@media screen and (max-width:800px){
	.sg-mainimg.ash{background-position: center;}
}
@media screen and (max-width:700px){
	.sg-block-ash .sg-ash-menu,.sg-block-ash .sg-ash-image{width: 95%;}
	.sg-block-ash .sg-ash-image li{width: calc(100% - 8px);}
	.sg-block-ash .sg-ash-menu li{width: calc(50% - 8px);}
	.sg-block-ash .sg-img-80{width: 100%;margin-left: 0;margin-right: 0;}
}
@media screen and (max-width:350px){
	.sg-block-ash .sg-ash-menu li{width: calc(100% - 8px);}
}


@media screen and (max-width:850px){
html,body{font-size: 14px;}
h2{letter-spacing: .2em;}
  .sg-pc{display: none;}
  .sg-sp{display: block;}
   header.sg-sp{display: none;}
   header.sg-sp.fix{display: block;}
  header.sg-sp{position: fixed;left: 0;right: 0;z-index: 50;width: 100%;background: #fff;background: rgba(255,255,255,.8);box-shadow: 1px 1px 2px rgba(0,0,0,.2);position: fixed;top: 0;left: 0;width: 100%;text-align: center;}
   header.sg-sp .sg-logo-sub{display: inline-block;margin-top: 4px;width: 46px;}
   header.sg-sp .sg-logo-sub img{display: block;width: 100%;}
   .sg-langmenu{top: 14px;}
   .sg-mainimg{background-image:url("/image/sg_backimg_sp.jpg") 0 0 no-repeat;background-size: auto 100%;background-attachment:scroll;}
  .sg-mainimg h1,h2{font-size: 160%;}
  .main .sg-mainbox{width: 230px;height: 210px;}
  .sg-inner{width: 100%;}
  .sg-block{padding: 40px 10px;}
  .sg-block.about{padding: 80px 10px 100px;}
  .sg-block-speaklow .sg-list-img.sg-list-3{width: 80%;margin: 0 auto 40px;}
  .sg-block-speaklow .sg-list-img.sg-list-3 li{width: 100%;margin-bottom: 10px;}
  .sg-block-speaklow .sg-list-border li,.sg-block-sober .sg-list-3 li,.sg-block-sgclub .sg-list-3 li,.sg-block-oddcouple .sg-list-3 li{width: 80%;margin-left: 10%;margin-right: 10%;margin-bottom: 10px;}
   .sg-mainimg.speaklow{background-image:url("/image/sg-speaklow_sp.jpg");background-size: cover;background-attachment:scroll;}
  .sg-mainimg.speaklow .sg-mainbox{width: 250px;height: 140px;}
  .sg-sepa-40,.sg-sepa-60{width: 100%;margin-left: 0;}
  .sg-sepa-40{margin-bottom: 10px;}
  .sg-mainimg.sober .sg-mainbox{width: 228px;height: 150px;}
  .sg-mainimg.sgclub .sg-mainbox{width: 168px;height: 207px;}
.mail-form{width: 100%;}
.sg-recruit table th, .sg-recruit table td,.sg-info table td{text-align: center;}
.sg-recruit table th, .sg-recruit table td,.sg-info table th,.sg-info table td,.mail-form table th,.mail-form table td{display: block;width: 100%;}
.mail-form table th{font-size: 13px;padding: 0;}
.mail-form table td{font-size: 12px;margin-bottom: 1em;}
.mail-form table input,.mail-form table textarea{font-size: 13px;padding: .4em .5em;}
.sg-btn-gray,.sg-btn-white{font-size: 15px;}
.sg-sns{font-size: 50px;}
.mail-send{padding-top: 60px;}
.sg-block-news{padding: 60px 10px;}
.sg-block-news .sg-inner{margin-bottom: 20px;padding: 50px 10px 30px;}
.sg-block-bellwood .sg-foodmenu li{width: 50%;padding: 5px;}
header.sg-sp{display: block;}
header.sg-pc{display: none;}
header.sg-pc.fix{display: none;}
header.sg-sp{display: none;}
header.sg-sp.fix{display: block;}
.sg-pagerwrap{width: 100%;}
.sg-menuwrap div{width: 50%;padding: .5em;}
.sg-mainimg.swrl .sg-mainbox{width: 100%;max-width:800px;}
.sg-block-swrl .sg-swrl-menu,.sg-block-swrl .sg-swrl-image{width:100%;}
.sg-block-swrl .sg-swrl-menu li{width:50%;}
.sg-block-swrl .sg-swrl-image li{width:100%;padding: 6px;}
.sg-block-swrl .sg-swrl-menu,.sg-block-swrl .sg-swrl-image{width:95%;}

}
@media screen and (max-width:500px){
.sg-mainimg.oddcouple .sg-mainbox {width: 300px;}
  }
@media screen and (max-width:320px){
  h2{font-size: 130%;}
  }