@charset "utf-8";

/* ===================================================================
CSS information

 file name  :sp.css
 author     :pcbrain
 style info :スマートフォン用
=================================================================== */

/*縦向き・横向きの文字サイズ自動調整機能を停止*/

* {
    -webkit-text-size-adjust: 100%;
}


/*入力エリアフォーカス時の自動ズームを停止*/

input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
    font-size: 16px;
    -webkit-appearance: none;
	margin-bottom:5px;
}

input[type="submit"],
input[type="image"] {
    -webkit-appearance: none;
}

.spcut {
    display: none;
}

.spblock {
    display: block;
}

.spinline {
    display: inline;
}

.sptr {
    display: table-row;
}

img {
    max-width: 100%;
    height: auto !important;
}

body {
    min-width: 0px;
}

/*.tel span {
    font-weight: bold;
}*/

.btn {
}




/* -----------------------------------------------------------
#header
ヘッダー
----------------------------------------------------------- */

#header {
    position: relative;
    margin-bottom: 0;

    display: block;
    padding: 0;
    margin: 0;
    background-size: contain;
    width: auto;
}
#header .boxInfo h1 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px;
    font-size: 3vmin;
    padding:2px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}



#header h2 {
    float: left;
    width: 50%;
    height: auto;
    margin:13px 0 5px 0;
}

#header .boxInfo #oe_menu_sp{
}
#header .boxInfo #oe_menu_sp >li > a{
    width: auto;
    position: absolute;
    right: 50px;
    top: 20px;
    z-index: 999;
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin-bottom: 14px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    background: #e95377;
    display: inline-block;
    height: 35px;
    width: 62px;
    vertical-align: middle;
    padding: 3px 0px 5px 0px;
    border-radius: 5px;
    line-height: 1;
	color:#fff;
	text-decoration:none;
}
#header .boxInfo #oe_menu_sp > li > a > img{
	display:block;
	margin:0 auto;
	margin-bottom:2px;
}
ul.oe_menu_sp div{
    display: none;
    z-index: 999;

	position:absolute;
    box-sizing: border-box;
	top:63px;
	right:0;
	background:#F8F8F8;
	border:1px solid #DEDEDE;
	width:100%;
	height:auto;
	padding:10px;
}
ul.oe_menu_sp li ul{
    position: relative;
    overflow: hidden;
}
ul.oe_menu_sp div ul li{
	float: left;
	width: 50%;
	text-align: center;
	margin-bottom: 10px;
}

ul.oe_menu_sp div ul li:nth-child(2n+1){
    clear: left;
}

ul.oe_menu_sp div ul li a{
	text-decoration:none;
	padding: 0;
	line-height:1.2;
	display:block;
    font-size: 12px;
    font-size: 3.2vmin;
}
ul.oe_menu_sp div ul li a:hover{
	background:#EFEFEF;
	padding: 12px 0 12px 0;
	display:block;
}
ul.oe_menu_sp div ul.oe_full{
	width:100%;
}
ul.oe_menu_sp div .image{
	margin-bottom: 8px;
}





/*----------------------------------------
　ナビゲーション
-------------------------------------------*/
#nav2{
    display: none;
	float:none;
    position: fixed;
    top: 67px;
    width: 100%;
    z-index: 9999;
    height: auto;
    background:none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    overflow: auto;
}

#nav2 #gNavSp {
        font-weight: bold;
    margin-left: 1px;
}

#nav2 #gNavSp li {
    background: #E95377;
    color: #fff;
    border-bottom: #fff dotted 1px;
    margin-right: 1px;
    font-size: 16px;
    font-size: 5vmin;
    width: 100%;
    width: calc( 100% - 1px);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#nav2 #gNavSp > li:last-child {
    border: none;
}

#nav2 #gNavSp li a {
    color: #fff;
    padding: 10px 10px 10px 40px;
    display: block;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
}

#nav2 #gNavSp li a:before,
#nav2 #gNavSp li a:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
    content: "";
}

#nav2 #gNavSp li a:before {
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
}

#nav2 #gNavSp li a:after {
    left: 14px;
    width: 5px;
    height: 5px;
    border-top: 2px solid #E95377;
    border-right: 2px solid #E95377;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav2 #gNavSp li.close {
    text-align: center;
}

#nav2 #gNavSp li.close a {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    margin: 10px;
    padding: 10px;
}

#nav2 #gNavSp li.close a:after {
    left: 14px;
    width: 10px;
    height: 10px;
    background: url(/image/common/ico_close.png) no-repeat center center;
    background-size: contain;
    border-top: none;
    border-right: none;
    -webkit-transform: none;
    transform: none;
}

.spmenubtn {
    width: auto;
    position: fixed;
    right: 0px;
    top: 20px;
    z-index: 99999;
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin-bottom: 14px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    background: #e95377;
    display: inline-block;
    height: 35px;
    width: 42px;
    vertical-align: middle;
    padding: 3px 0px 5px 0px;
    border-radius: 5px 0 0 5px;
    line-height: 1;
}

.spmenubtn a:hover {
    text-decoration: none;
    opacity: 0.75;
}

.spmenubtn span {
    display: block;
    height: 3px;
    width: auto;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 4px 5px 4px 7px;
}

.spmenubtn span:last-child {
    display: block;
    height: auto;
    width: auto;
    background: none;
    border-radius: 0;
    margin: 0;
    color: #fff;
}

.spmenubtn a {
    text-decoration: none;
}

/*------------------------------------------------------------
フッター
------------------------------------------------------------*/
#footer .ftrContact div.inner

	{
	font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	font-size: 18px;
	}

#footer {
    width: 100%;
    padding: 18px 0 15px 0;
}
#footer .boxCopy p.small{
	float: none;
	padding-left: 0;
}

#footer .bottomNav {
    border: none;
    padding: 10px 0;
    margin-bottom:20px;
}
#footer .sp-menu {
    margin: 0;
}

#snavi select {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    margin: 0 auto;
    display: block;
    padding: 10px;
    border:none;
    border-radius: 5px;
    width: 95%;
    font-size: 14px;
    font-size: 4.4vmin;
    cursor: pointer;
    font-weight: bold;
    background: #E95277 url(/image/common/arrow_white_down.png) no-repeat 95% center !important;
    background-size: 18px !important;
    color: #FFFFFF;
}

#footer .boxName {
    padding: 10px 0;
}
#footer .boxName .inner {
	padding:0;
}
#footer .boxName p.lead {
    font-size: 16px !important;
    font-size: 5vmin !important;
	padding: 0;
    float: none;
}
#footer .boxName .image {
    float: none;
    margin: 0;
}
#footer .boxName .image img{
    display:block;
    margin: 5px auto;
}


#footer .boxInfo{
	padding: 10px 0;
	text-align:center;
}
#footer .boxInfo .logo{
	float:none;
	margin-right:0;
	text-align:center;
}
#footer .boxInfo .logo p{
	margin-bottom:6px;
}

#footer .boxInfo .company{
	float:none;
	width:auto;
	margin-right:0;
	text-align: left;
	display:inline-block;
}

#footer .boxInfo .info{
	float:none;
	width:auto;
	display:inline-block;
	text-align: left;
	padding-top: 12px;
}
#footer .boxInfo p.tel{
    font-size: 36px;
    font-size: 9vmin;
    line-height: 105%;
    display:inline-block;
    background-position: 0em 0.1em;
    background-position: left 0px bottom 0.2em;
}
#footer .boxInfo p.open{
	font-size:1.1em;
	color:#333;
}


#footer .boxInfo .btn {
    float: none;
    width: 180px;
    margin: 10px auto 0 auto;
}
#footer .boxCopy .boxLink {
    margin-top: 0;
}

#footer .ftrContact {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: none;
    z-index: 20;
}
#footer .ftrContact .inner {
	background: #eca2ac;
	min-height: 47px;
	padding: 6px;
	width: auto;
    min-height: 0px;
	overflow:hidden;
	font-weight:bold;
}
#footer .ftrContact .inner a
        {
        color:#737373;
        }
#footer .ftrContact div.inner {
    margin: 0;
}

#footer .ftrContact .footermail{
	display:block;
	border-radius:5px;
	float: left;
	margin:0 5px 0 0;
	height:50px !important;
	width:42%;
	padding:14px 7px 8px 50px;
	background:url(/image/common/ico_mail_sp.png) no-repeat 5px 5px #ffffff;
	background-size:40px 40px;
	font-weight:bold;
	text-decoration:none;
	line-height:1.2;
	box-sizing:border-box;
}


#footer .ftrContact .sakuloungeyoyaku{
	display:block;
	border-radius:5px;
	float: left;
	margin:10px 5px 0 0;
	height:50px !important;
	width:85%;
	padding:14px 7px 8px 50px;
	background:url(/image/common/ico_yoyaku_sp.png) no-repeat 5px 5px #ffffff;
	background-size:40px 40px;
	font-weight:bold;
	text-decoration:none;
	line-height:1.2;
	box-sizing:border-box;
}


#footer .ftrContact .totop{
	display:block;
	float: right;
	padding:20px 0 0 0;
	color:#ffffff !important;
	font-weight:bold;
	text-decoration:none;
	font-size:16px;
	position:relative;
	line-height:1.8;
}

#footer .ftrContact .totop:before{
	content: "";
	position: absolute;
	top: -3px;
	right: 6px;
	border: 12px solid transparent;
	border-bottom: 12px solid #fff;
}

#footer .ftrContact .freetel{
	font-size:10px;
	display:block;
}

#footer .ftrContact .inBox {
    background: #fff;
    border-radius: 5px;
	float: left;
	margin:0 5px 0 0;
	height:50px !important;
	padding: 0;
	width:42%;
	line-height:1.3;
	
}

#footer .ftrContact .inBox a{
	padding:8px 7px 8px 50px;
	background:url(/image/common/ico_phone_sp.png) no-repeat 5px 5px;
	background-size:40px 40px;
	font-weight:bold;
	text-decoration:none;
	line-height:1.2;
	display:block;
}




/*----------------------------------------
　コンテンツ下部の情報
-------------------------------------------*/
#info {
    padding: 10px;
    margin-bottom: 20px;
    text-align:center;
}
#info .info{
	float: none;
	width:auto;
}
#info .logo {
	display: none;
	margin-bottom:5px;
}
#info .logo img{
}

#info .btn {
	float: none;
	text-align:center;
	margin-bottom:7px;
}
#info .btn a{
}
#info .btn img{
}
#info p.tel {
    font-size: 36px;
    font-size: 9vmin;
    line-height: 105%;
    display:inline-block;
    background-position: 0em 0.1em;
    background-position: left 0px bottom 0.2em;
}
#info p.opentime {
    font-size: 12px;
    font-size: 3.5vmin;
}
#info p.area {
    font-size: 12px;
    font-size: 3.5vmin;
}

/* -----------------------------------------------------------
#aside
サイドバー、サブ
----------------------------------------------------------- */

#aside{
	display:none;
}

/* -----------------------------------------------------------
#crumb
----------------------------------------------------------- */

#crumb {
    width: 100%;
    background: url(/image/common/crumb_bg.gif);
    padding: 8px 0 8px 0;
    margin-bottom: 18px;
}
#crumb div.inner{
    height:1.2em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
/* -----------------------------------------------------------
#common
共通
----------------------------------------------------------- */

div.inner {
    width: auto;
    margin: 0 10px;
    padding: 5px 12px;
}


#main, .top #main {
    width: auto;
    float:none;
}


#main .inner {
    margin-left: 10px;
    margin-right: 10px;
}




.section h4 {
    padding: 15px 0 5px 0px;
    height: auto;
    font-size: 16px !important;
    font-size: 5vmin !important;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
    background-size: 45px auto;
    background-position:left center;
}



.boxNews h4 a.btn {
    right: 0;
    bottom:-3em;
}

.section h5 {
    font-size: 16px !important;
    font-size: 5vmin !important;
    margin-bottom: 10px;
}
/* -----------------------------------------------------------
#top
----------------------------------------------------------- */

#visual {
    width: 100%;
    margin-bottom: 5px;
}
#visual .slide {
    margin-bottom: 10px;
}
.boxNews {
    float: none;
    width: auto;
}

.boxMovie {
    float: none;
    width:auto;
    padding-top: 0;
    margin-bottom:0px;
}
.boxMovie iframe{
    float: none;
    max-width: 400px;
    width:320px;
    width: calc( 100% - 10px);
    display:block;
    margin: 0 auto 20px auto;
}

ul.topiclist {
	margin-top:50px;
}
ul.topiclist li span {
    display:block;
    background: url(../image/common/arrow_cherry.png) no-repeat left center;
    padding-left:25px;
}
ul.topiclist li {
    background: none;
}
ul.topiclist li a {
    padding: 5px 0;
}

#main .boxIntro {
    width: auto;
    margin-bottom: 20px;
}
#main .boxIntro h3 {
    font-size: 16px !important;
    font-size: 5vmin !important;
}
#main .boxIntro .btn a{
    width:auto;
    height:auto;
    position:relative;
}
#main .boxIntro .btn a img {
}
#main .boxGroup {
    width: auto;
    margin-bottom: 20px;
}
#main .boxGroup h3 {
    width: auto;
    margin: auto;
}

.voiceList li {
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: 15px;
	background: #F9F9F9;
}
.voiceList li span.voiceType {
	font-size:13px;
	font-size:4.0vmin;
    padding: 5px 8px;
    display:block;
    position:static;
}
.voiceList li img {
	display:block;
    margin:0 auto 10px auto;
}
.voiceList li span.voicettl {
	font-size:13px;
	font-size:4.0vmin;
    height: 1.6em;
}
.voiceList li span.voiceName {
	display:block;
    padding: 0 10px;
	font-size:13px;
	font-size:4.0vmin;
}

/* lineページ用記述追加 2018/12/18 渡部 */

.lineList li {
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: 15px;
}
.lineList li span.lineType {
	font-size:13px;
	font-size:4.0vmin;
    padding: 5px 8px;
    display:block;
    position:static;
}
.lineList li img {
	display:block;
    margin:0 auto 10px auto;
}
.lineList li span.linettl {
	font-size:13px;
	font-size:4.0vmin;
    height: 1.6em;
}
.lineList li span.lineName {
	display:block;
    padding: 0 10px;
	font-size:13px;
	font-size:4.0vmin;
}

/* lineページ用記述追加 2018/12/18 渡部  終 */


/* triviaページ用記述追加 2018/12/18 渡部 */

.triviaList li {
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: 15px;
}
.triviaList li span.triviaType {
	font-size:13px;
	font-size:4.0vmin;
    padding: 5px 8px;
    display:block;
    position:static;
}
.triviaList li img {
	display:block;
    margin:0 auto 10px auto;
}
.triviaList li span.triviattl {
	font-size:13px;
	font-size:4.0vmin;
    height: 1.6em;
}
.triviaList li span.triviaName {
	display:block;
    padding: 0 10px;
	font-size:13px;
	font-size:4.0vmin;
}


/* triviaページ用記述追加 2018/12/18 渡部  終 */


#main .boxGroup .box,
#main .boxGroup .box:nth-child(4n+1) {
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: 15px;
}
#main .boxGroup .box .cat-treform {
}
#main .boxGroup .image{
}
#main .boxGroup .image img{
	display:block;
    margin:0 auto 14px auto;
}
/* -----------------------------------------------------------
#company
----------------------------------------------------------- */
.boxOutline table.info th,
.boxOutline table.info td,
.boxMilestones table.info th,
.boxMilestones table.info td {
    display: block;
    width: auto;
    padding: 5px 10px;
    position: relative;
    overflow: hidden;


}
.boxMilestones table.info th {
	border-top:1px dotted #AAA;

}

.boxOutline table.info td ul{
	float:left;
	clear:both;

}
.boxOutline table.info td ul:last-child{
	margin-bottom:10px;

}
.boxOutline table.inside th,
.boxOutline table.inside td{
    padding: 5px 0;
}



.company .boxGreeting .image {
    float: none;
    text-align: center;
    margin-left: 0;
    display:block;
}

.company .worksPict {
    text-align: center;
}

.company .worksPict li{
    width: 48%;
    width: calc( 50% - 5px );
display: inline-block;
    margin-right: 0;
}



/* -----------------------------------------------------------
#service
----------------------------------------------------------- */

.service .sign {
    width: auto;
    margin-bottom: 20px;
}
.service .hgrop .logo {
    float: none;
}
.service .box .text {
    float: none;
    width: auto;
}
.service .box .image {
    float: none;
    width: auto;
    margin:10px 0 0 0;
}
.service .box .image img{
    margin: 0 auto;
    display:block;
}
.service .hgrop span {
	font-size:13px;
	font-size:4.0vmin;
    margin-right: 0;
    display:block;
    text-align:center;
    padding: 5px 10px;
    margin-bottom:10px;
}
.service .box .hgrop h5 {
    float: none;
    font-size: 14px;
    font-size: 4.4vmin;
}

.service .box .text_shiharai{
    width: auto;
}

/* -----------------------------------------------------------
#recruit
----------------------------------------------------------- */
.recruit .boxGuideline table th,
.recruit .boxGuideline table td {
    display: block;
    width: auto;
    padding: 5px 10px;
    position: relative;
    overflow: hidden;
}
.recruit .boxGuideline table th{
	background:#EFEFEF;
}
.recruit .boxForm {
    text-align:center;
}
.recruit .boxForm h4 {
    font-size: 16px !important;
    font-size: 5vmin !important;
    height: auto;
    background-position:0em 0.2em;
    background-size: 15% auto;
    text-align:left;

    padding: 15px 0 0 15px;
}
.recruit .boxForm p.lead {
    margin-left: 0;
    font-size: 14px;
    font-size: 4.4vmin;
    text-align:left;
}
.recruit .boxForm .info {
    float: none;
    width: auto;
    margin-left: 0;
    display:inline-block;
}
.recruit .boxForm .btn {
    float: none;
    text-align:center;
}

/* -----------------------------------------------------------
#voice
----------------------------------------------------------- */
.voice .voiceMain .summery {
    float: none;
    width: auto;
}

.voice .voiceMain table th,
.voice .voiceMain table td {
    display: block;
    width: auto;
    padding: 5px 10px;
    position: relative;
    overflow: hidden;
}

.voice .photoList li {
    float: none;
    margin: 0 0 20px 0;
    text-align: center;
    width: auto;
}
.voice .photoList li img {
    display:block;
    margin:0 auto 10px auto;
}
.singlenav {
    margin: 20px 0;
}
.singlenav a {
    padding: 5px 3px;
    margin: 0 5px;
}
.singlenav a:last-child {
    margin: 0;
}


/* -----------------------------------------------------------
#line 2018/12/18追加 渡部
----------------------------------------------------------- */
.line table{
     width:350px;
}
.line .lineMain .summery {
    float: none;
    width: auto;
}

.line .lineMain table th,
.line .lineMain table td {
    display: block;
    width: auto;
    padding: 5px 10px;
    position: relative;
    overflow: hidden;
}

.line .photoList li {
    float: none;
    margin: 0 0 20px 0;
    text-align: center;
    width: auto;
}
.line .photoList li img {
    display:block;
    margin:0 auto 10px auto;
}
.singlenav {
    margin: 20px 0;
}
.singlenav a {
    padding: 5px 3px;
    margin: 0 5px;
}
.singlenav a:last-child {
    margin: 0;
}


/* -----------------------------------------------------------
#trivia 2018/12/18追加 渡部
----------------------------------------------------------- */
.trivia .triviaMain .summery {
    float: none;
    width: auto;
}

.trivia .triviaMain table th,
.trivia .triviaMain table td {
    display: block;
    width: auto;
    padding: 5px 10px;
    position: relative;
    overflow: hidden;
}

.trivia .photoList li {
    float: none;
    margin: 0 0 20px 0;
    text-align: center;
    width: auto;
}
.trivia .photoList li img {
    display:block;
    margin:0 auto 10px auto;
}
.singlenav {
    margin: 20px 0;
}
.singlenav a {
    padding: 5px 3px;
    margin: 0 5px;
}
.singlenav a:last-child {
    margin: 0;
}

.trivia .triviaBox {
	width:auto;
}



/* -----------------------------------------------------------
#contact
----------------------------------------------------------- */
.contact #main .boxInfo {
    float: none;
    width: auto;
    padding:10px;
    margin-bottom: 20px;
    position:relative;
}
.contact #main .boxInfo .icon {
    float: none;
    margin-right: 0;
    position:absolute;
    left:10px;
    top:10px;
    width:22%;
}
.contact #main .boxInfo .icon img{

}
.contact #main .boxInfo p.tel {
    font-size: 30px;
    font-size: 8vmin;
    margin-left:26%;
    margin-left:calc( 22% + 15px);
    float:none;
}
.contact #main .boxInfo p.open {
	font-size:13px;
	font-size:4.0vmin;
    margin-top:10px;
}
.contact table {
    width: 100%;
}

.contact table th,
.contact table td {
    display: block;
    width: auto;
    padding: 5px 10px;
    position: relative;
    overflow: hidden;
}
.field500,
.field500_100 {
    width: 100%;
}

/* -----------------------------------------------------------
#event
----------------------------------------------------------- */
.event #main .boxInfo {
    float: none;
    width: auto;
    padding:10px;
    margin-bottom: 20px;
    position:relative;
}
.event #main .boxInfo .icon {
    float: none;
    margin-right: 0;
    position:absolute;
    left:10px;
    top:10px;
    width:22%;
}
.event #main .boxInfo .icon img{

}
.event #main .boxInfo p.tel {
    font-size: 30px;
    font-size: 8vmin;
    margin-left:26%;
    margin-left:calc( 22% + 15px);
    float:none;
}
.event #main .boxInfo p.open {
	font-size:13px;
	font-size:4.0vmin;
    margin-top:10px;
}
.event table {
    width: 100%;
}

.event table th,
.event table td {
    display: block;
    width: auto;
    padding: 5px 10px;
    position: relative;
    overflow: hidden;
}
.field500,
.field500_100 {
    width: 100%;
}


/* -----------------------------------------------------------
#sakuloungeyoyaku
----------------------------------------------------------- */
.sakuloungeyoyaku #main .boxInfo {
    float: none;
    width: auto;
    padding:10px;
    margin-bottom: 20px;
    position:relative;
}
.sakuloungeyoyaku #main .boxInfo .icon {
    float: none;
    margin-right: 0;
    position:absolute;
    left:10px;
    top:10px;
    width:22%;
}
.sakuloungeyoyaku #main .boxInfo .icon img{

}
.sakuloungeyoyaku #main .boxInfo p.tel {
    font-size: 30px;
    font-size: 8vmin;
    margin-left:26%;
    margin-left:calc( 22% + 15px);
    float:none;
}
.sakuloungeyoyaku #main .boxInfo p.open {
	font-size:13px;
	font-size:4.0vmin;
    margin-top:10px;
}
.sakuloungeyoyaku table {
    width: 100%;
}

.sakuloungeyoyaku table th,
.sakuloungeyoyaku table td {
    display: block;
    width: auto;
    padding: 5px 10px;
    position: relative;
    overflow: hidden;
}
.field500,.field500h,
.field500_100 {
    width: 100%;
}




/* -----------------------------------------------------------
#point
----------------------------------------------------------- */
.point .block h5{
	float: none;
	width: auto;
	background:#dddddd;
	padding:5px;
    text-align:center;
    position: relative;
    margin-bottom:23px;
}
.point .block h5:before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  bottom: -10px;
  margin: 0 auto;
  border-top: 10px solid #dddddd;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;	
}
.point .block h5 img{
	display:none;
}
.point .block h5 span {
    display: block;
	color:#e95277;
	font-weight:bold;
	font-size:13px;
	font-size:4.0vmin;
}
.point .block .box {
    float: none;
    width: auto;
}
.point .btnService {
    width: auto;
}
.point .btnService img{
    display: block;
    margin:0 auto;
}

/* -----------------------------------------------------------
#news
----------------------------------------------------------- */
.news #main .section p {
    margin-left: 0;
}
.newsbox iframe{
	width:auto;
}
.newsNav a {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width:8em;
}
/* -----------------------------------------------------------
20210127_hase追記
----------------------------------------------------------- */
.newsbox p {
	text-align: left;
	margin-bottom: 10px;
}
.newsdate {
	margin-top: 20px;
}
.newsbox h2
{
	text-align: left;
}
.newsH4{
	text-align: left;
}

/* -----------------------------------------------------------
#line
----------------------------------------------------------- */
.line #main .section p {
    margin-left: 0;
}
.lineBox iframe{
	width:auto;
}
.singleNav a {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width:8em;
}


/* -----------------------------------------------------------
#trivia
----------------------------------------------------------- */
.trivia #main .section p {
    margin-left: 0;
}
.triviaBox iframe{
	width:auto;
}
.singleNav a {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width:8em;
}



/* -----------------------------------------------------------
#sakulounge
----------------------------------------------------------- */

.sakulounge #main{

/*    float: left;
*/
    width: 100%;
    height:100%;
  
 /* background: url(/image/sakulounge/sakulounge_sptop.png) no-repeat 0em 0.3em;
	text-align: center;*/

}

.triviaBox iframe{
	width:auto;
}

.singleNav a {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width:8em;

}
/* SAKULOUNGE説明部分 */
.sakuloungeinfo_name {
  font-size: 15px;
  font-family: "A-OTF Kakumin Pro";
  color: rgb(0, 0, 0);
  line-height: 1.5;
  position: relative;
  width: 250px;
  height: 79px;
  z-index: 15;
  left:25px;
  top:15px;	
}

.sakulounge_info {
  font-size: 18px;
  font-family: "A-OTF Kakumin Pro";
  color: rgb(0, 0, 0);
  line-height: 1.167;
  position: absolute;
  left: 111.679px;
  top: 242.699px;
  width: 501px;
  height: 79px;
  z-index: 13;
}

/* SAKULOUNGE説明部分の背景 */
.sakuloungeinfo_bgcolor {
  border-width: 0px;
  border-style: dashed;
  background-color: rgb(255, 255, 255);
  opacity: 0.702;
/*  position: absolute;
  left: 201px;
  top: 590px; */
  position: relative;
  width: 300px;
  height: 122px;
  z-index: 4;
  left:17px;
  top:-22px;
}

/* レンタルスペース部分 */
.rentalspace_name {
   z-index: 14;
  font-size: 17px;
  font-family: "A-OTF Kakumin Pro";
  color: rgb(0, 0, 0);
  line-height: 1.167;
  position: relative;
  left: 78px;
  top: -192px;
  width: 151px;
  height: 18px;
}

.rentalspace {
/*  position: absolute; */
  position: relative;
  left: 0px;
  top: 0px;
/*  width: 740px;
  height: 1024px;
*/  z-index: 8;
width:auto;

}

/*
.rentalspacename_bgcolor {

  border-width: 0px;
  border-style: dashed;
  background-color: rgb(255, 241, 0);
  position: relative;
*/
/*  position: absolute;
  left: 83px;
  top: 745px;
*/
  width: 183px;
  height: 42px;
  z-index: 7;
}
*/
.rentalspace_bgcolor {
  border-width: 0px;
  border-style: dashed;
  background-color: rgb(255, 255, 255);
  opacity: 0.702;
  position: relative;
  left: 73px;
  margin-top:10px;
/*  top: 745px; */
  width: 261px;
  height: 211px;
  z-index: 6;
}

/* ラウンジ利用部分 */
.loungeriyou_name {
  font-size: 18px;
  font-family: "A-OTF Kakumin Pro";
  color: rgb(0, 0, 0);
  line-height: 1.167;
  position: relative;
  left: 509px;
  top: 100px;
  width: 115px;
  height: 18px;
  z-index: 13;
}

.loungeriyou {
  position: relative;
  left: 0px;
  top: 175px;
/*  width: 740px;
  height: 1024px;
*/  z-index: 12;
width:auto;

}
.loungeriyouname_bgcolor {
  border-width: 0px;
  border-style: dashed;
  background-color: rgb(0, 160, 233);
  position: absolute;
  left: 495px;
  top: 745px;
  width: 183px;
  height: 42px;
  z-index: 11;
}
.loungeriyou_bgcolor {
  border-width: 0px;
  border-style: dashed;
  background-color: rgb(255, 255, 255);
  opacity: 0.702;
  position: absolute;
  left: 495px;
  top: 745px;
  width: 261px;
  height: 211px;
  z-index: 10;
}



/* ワークショップ部分 */
.workshop_name {
  font-size: 18px;
  font-family: "A-OTF Kakumin Pro";
  color: rgb(0, 0, 0);
  line-height: 1.167;
  position: relative;
  left: 100px;
  top: -201px;
  width: 126px;
  height: 18px;
  z-index: 13;
}

.workshop {
  position: relative;
  left: 0px;
  top: 60px;
/*  width: 740px;
  height: 1024px;
*/  z-index: 12;
width:auto;
}
.workshop_bgcolor {
  border-width: 0px;
  border-style: dashed;
  background-color: rgb(0, 160, 233);
  position: absolute;
  left: 495px;
  top: 745px;
  width: 183px;
  height: 42px;
  z-index: 11;
}
.workshop_bgcolor {
  border-width: 0px;
  border-style: dashed;
  background-color: rgb(255, 255, 255);
  opacity: 0.702;
  position: absolute;
  left: 495px;
  top: 745px;
  width: 261px;
  height: 211px;
  z-index: 10;
}

/*雑貨販売部分 */
.zaltuka_name {
  font-size: 18px;
  font-family: "A-OTF Kakumin Pro";
  color: rgb(0, 0, 0);
  line-height: 1.167;
  position: relative;
  left: 509px;
  top: -201px;
  width: 126px;
  height: 18px;
  z-index: 13;
}

.zaltuka {
  position: relative;
  left: 0px;
  top: 45px;
/*  width: 740px;
  height: 1024px;
*/  z-index: 12;
width:auto;

}
.zaltuka_bgcolor {
  border-width: 0px;
  border-style: dashed;
  background-color: rgb(0, 160, 233);
  position: absolute;
  left: 495px;
  top: 745px;
  width: 183px;
  height: 42px;
  z-index: 11;
}
.zaltuka_bgcolor {
  border-width: 0px;
  border-style: dashed;
  background-color: rgb(255, 255, 255);
  opacity: 0.702;
  position: absolute;
  left: 495px;
  top: 745px;
  width: 261px;
  height: 211px;
  z-index: 10;
}
/* 画像データ部分 */


/* SAKULOUNGEロゴデータ配置 */
.logoimage{
	margin-left: 6px;
    margin-top: 30px;
	margin-bottom:30px;
	width:auto;
}

/* SAKULOUNGEサブタイトルデータ配置 */

.subtitleimage{
	margin-left: 0px;
    margin-top: -15px;
	margin-bottom:30px;
}

/* レンタルスペース画像データ配置 */

.rentalspace_bgcolorgpimage{
  margin-left: 0px;
  margin-top:10px;

}

/* ラウンジ利用画像データ配置 */

.loungeriyou_bgcolorgpimage{
  margin-left: 0px;
  margin-top:-178px;

}

/* 座談会部分 */

.zadankai {
  position: relative;
  left: 0px;
  top: 75px;
  width: auto;
  height: 250px;
/*  width: 740px;
  height: 1024px;
*/  z-index: 12;
}



/* 座談会画像データ配置 */

.zadankai_bgcolorgpimage{
  margin-left:0px;
  margin-top:95px;

}

/* ワークショップ画像データ配置 */

.workshop_bgcolorgpimage{
  margin-left: 0px;
  margin-top:10px;

}

/* 雑貨販売画像データ配置 */

.zaltuka_bgcolorgpimage{
  margin-left: 0px;
  margin-top:10px;

}

/* ラウンジ規約画像データ配置 */

.loungekiyakuimage{
  margin-left: -3px;
  margin-top:85px;
  margin-bottom:-125px;
  width:100%;

}

/* ラウンジ利用申請画像データ配置 */

.loungeshinseiimage{
  margin-left: -3px;
  margin-top:95px;
  width:100%;
}



/* SAKULOUNGE予約フォーム用画像データ配置 */

.sakuloungeimage{
  margin-left: -3px;
  margin-top:-28px;
  width:100%;
  display: none;
}

/* Googleカレンダー表記部分 */
.sakulounge .Googleclc{
	overflow: visible;
}


.sakulounge #title {
	width:100%;
	height: 160px;
	background-image:url(/image/sakulounge/title_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

/* Googleカレンダーレスポンシブ対応 */

.cal_wrapper {
max-width: 960px;
min-width: 300px;
margin: 2.0833% auto;
}

.googlecal {
position: relative;
padding-bottom: 100%;
height: 0;
}

.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

@media only screen and (min-width: 768px) {
.googlecal { padding-bottom: 75%; }
}

/*outbyawaji20210318
.sakulounge .clcinfo
	{
	position: relative;
	left: 0px;
	top: 71px;
	font-size:20px;
	width: 333px;
	width: 100%;
	height: 110px;
	z-index: 12;
	background-color:white;
	padding-top: 0px;
	margin-top: -80px;
	}*/


/* Googleカレンダーレスポンシブ対応 終わり */

/*----------------------------------------
　customer_voice 20200903matsu追記
-------------------------------------------*/
.customer_voice .voice_title1{
  float: none;
  font-size: 15px;
  width:100%;
  height:30px;
  margin: 50px 0 0 0;
}

.customer_voice .voice_title2{
  display: none;
  float: none;
  font-size: 15px;
  width:100%;
  height:30px;
  margin:0;
}

.customer_voice .voice_img{
  float: none;
  /*align-items: center;*/
  width: 281.33px;/* トリミングしたい枠の幅 */
  height: 180px;/* トリミングしたい枠の高さ */
  margin: 25px auto;
}

.customer_voice .voice_explanation{
  float: none;
  width: auto;
  height: auto;
  margin: 0;
}

.customer_voice .voice_customerfeelings{
  font-size: 15px;
  line-height: 1.5em;
  width: auto;
  height: auto;
  margin: 25px;
  padding: 0;
}

.customer_voice .voice_linkpage{
  float: none;
  margin: 0 auto;
}

.customer_voice br{
  display: none;
  }

/*----------------------------------------
　20201014matsu追記
-------------------------------------------*/
th{
	width:auto;}

span.hp {
    color: #FF6600;
}

p.tel{
	background: url(/image/common/icon_freedial.png) no-repeat 1em 0.3em;
	font-size:2.2em;
	font-weight:bold;
	line-height:120%;
	color:#333;
	margin-bottom: 2px;
}

span.must{
	clear: both;
	font-size:0.8em;
	color:#FF0000;
	margin-bottom: 10px;
}

.contact_other{
	text-align:left;
	padding:7px;
	margin-left:0 !important;
	border:solid 1px #c0c0c0; 
}
p.caution {
    color: #FF0000;
    margin: 12px;
}

input[type="submit"]{
	padding:5px 20px;
	margin:20px;
	background-color:#E95377;
	color:#fff;
}

.contact_other_child{
	width: 120px;
	border:solid 1px #c0c0c0; 
}

::placeholder {
  font-size: 0.6em;
}

.pc_display_none th{
	color:#fff;
	font-size:10px;
	height:-100px !important;
	padding:0 !important;
	margin:0 !important;
}

/*----------------------------------------
　20201021matsu追記
-------------------------------------------*/
.info th,
.info td{
	text-align: left;
}

/*----------------------------------------
　20201023matsu追記
-------------------------------------------*/

.boxGreeting h5{
	text-align:left;
}

.boxGreeting h6{
	font-size:13px;
	text-align:left;
	padding:10px 0;
}

.boxGreeting p{
	text-align:left;
}

.boxGreeting .name{
	text-align:center;
}

/*----------------------------------------
　20201026matsu追記
-------------------------------------------*/


.workshopyoyaku.h4{
	/* background: url(/image/common/subtitle_bg.gif) no-repeat 0em 0.2em; */
	border-bottom: solid 3px #595757;
	position: relative;
	padding:0px 0 0 0px;
	height: 80px;
	font-size: 1.5em !important;
	font-weight:bold !important;
	letter-spacing: 0.1em;
	margin-bottom: 30px;
}


.workshopyoyaku.h4:after {
  	position: absolute;
  	content: " ";
  	display: block;
  	border-bottom: solid 3px #eca2ac;
  	bottom: -3px;
  	width: 20%;
}

/*----------------------------------------
　20201113matsu追記
-------------------------------------------*/

.boxForm th{
	display:block;
	margin:0;
	padding:0 3px;
	background-color:#e0e0e0;
}

.boxForm td{
    margin:0 !important;
	padding:0px;
	display:block;
	margin-bottom:10px !important;
}

.contact_other{
	text-align:left;
	padding:5px !important;
	border:solid 1px #c0c0c0; 
}

.field500,.field500h,.field500_100{
    width: 99.5%;
    margin:0;
    padding:0;   
}

.att{
 text-align:left;
}

.sakulounge_reservation{
 text-align:left;
}

.sakulounge_reservation br{
 display:none;
}

.annoying{
 text-align:left;
 color:red;
}

.wpcf7 .wpcf7-not-valid {
    background: pink;
}

/* -----------------------------------------------------------
施工事例
----------------------------------------------------------- */

.voice + #contents .inner #aside{
	display:block;
}
.voice + #contents .inner #aside a {
    color: #333333;
}

.voice + #contents .inner #aside ul
	{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	}
.voice + #contents .inner #aside ul li
	{
	position: relative;
	width: 100%;
	}
.voice + #contents .inner #aside ul li:nth-of-type(1)
	{
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
	}
.voice + #contents .inner #aside ul li:nth-of-type(2)
	{
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
	}
.voice + #contents .inner #aside ul li:nth-of-type(3)
	{
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3;
	}
.voice + #contents .inner #aside ul li:nth-of-type(4)
	{
	-webkit-box-ordinal-group: 7;
	-ms-flex-order: 7;
	-webkit-order: 7;
	order: 7;
	}
.voice + #contents .inner #aside ul li:nth-of-type(5)
	{
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 4;
	-webkit-order: 4;
	order: 4;
	}
.voice + #contents .inner #aside ul li:nth-of-type(6)
	{
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 5;
	-webkit-order: 5;
	order: 5;
	}
.voice + #contents .inner #aside ul li:nth-of-type(7)
	{
	-webkit-box-ordinal-group: 6;
	-ms-flex-order: 6;
	-webkit-order: 6;
	order: 6;
	}
.voice + #contents .inner #aside ul li:nth-of-type(8)
	{
	-webkit-box-ordinal-group: 8;
	-ms-flex-order: 8;
	-webkit-order: 8;
	order: 8;
	}
.voice + #contents .inner #aside ul li:nth-of-type(9)
	{
	-webkit-box-ordinal-group: 9;
	-ms-flex-order: 9;
	-webkit-order: 9;
	order: 9;
	}
.voice + #contents .inner #aside li a
	{
	margin: 5px 0;
    padding: 10px 20px;
    background: #efefef;
	display: block;
	}
.voice + #contents .inner #aside li a:after
	{
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	position: absolute;
	top: 50%;
	right: 10%;
	margin-top: -4px;
	transform: rotate(45deg);
	}
.voice + #contents .inner #aside li[class^="gaibu"] img
	{
	margin-left: 10px;
	}
.voice + #contents .inner #aside h5
	{
	font-size: 1.5em;
	font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	}
	.voice + #contents .inner #aside
	{
	margin-top: 30px;
	}
.voice + #contents .inner #aside
	{
    float: none;
    width: 100%;
    text-align: left;
    margin-bottom: 30px;
	}
.voiceList li span.voiceType
	{
	color: #ffffff;
	background-color: #737373;
	height: auto;
	min-height: 30px;
	display: flex;
	}
/* -----------------------------------------------------------
20210127_hase追記
----------------------------------------------------------- */
.voiceH4
	{
	text-align: left;
	}
.summery h5
	{
	font-size: 1.5em;
	color: #933;
	display: inline-block;
	text-align: left;
	}
.summery table
	{
	width: 100%;
	font-size: 1.2em;
	color: #555;
	border-top: 1px dotted #AAA;
	text-align: left;
	}
.summery table th 
	{
	padding: 16px 14px 16px 14px;
	background: #EFEFEF;
	border-bottom: 1px dotted #AAA;
	vertical-align: top;
	font-size: 1em;
	line-height: 155%;
	}
.summery table td 
	{
	padding: 16px 14px 16px 14px;
	border-bottom: 1px dotted #AAA;
	vertical-align: top;
	font-size: 1em;
	color: #555;
	line-height: 155%;
	}
.voiceBox
	{
	text-align: left;
	}
.voiceBox h5
    	{
	margin-top: 30px;
    	}
.photoList li img
	{
	text-align: center;
	}
.photoList li
	{
	width: 220px;
	margin: 20px auto;
	}

/* ===================================================================
サクラウンジリニューアル2021　NAawaji
=================================================================== */
.sakulounge section.mv
	{
    height: 0;
    padding-top: 39%;
	}
.sakulounge section.mv span.title
	{
    width: 50%;
    position: absolute;
    top: 23%;
	}
.sakulounge div#main section
	{
	margin-bottom: 10px;
	}
.sakulounge section.message p
	{
    font-size: 1.2em;
	text-align: left;
	}
.sakulounge div#main section
	{
    margin-bottom: 10px;
	}
.sakulounge section.message,
.sakulounge section.info,
.sakulounge section.navigation
	{
    width: 90%;
    margin: 0 auto;
	}
.sakulounge section.info p
	{
	margin: 10px 0;
    font-size: 0.9em;
	}
.sakulounge section p.graybox
	{
    font-size: 1.2em;
	}
.sakulounge section.navigation .btnboxdouble
	{
    display: block;
	}
.sakulounge section.navigation .btnboxdouble div
	{
    width: 100%;
	}
.sakulounge section.navigation .btnboxdouble a
	{
    line-height: 200%;
	}
.sakulounge .Googleclc
	{
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
	}
.clcinfo
	{
    padding-bottom: 10px;
    text-align: left;
    font-size: 10px !important;
	}
.sakulounge section.navigation span
	{
    font-size: 1.1em;
	}
.sakulounge section.info .table span.th, .sakulounge section.info .table span.td
	{
    border-right: none;
	}
.sakulounge section.info .table span
	{
    width: 100% !important;
	}
.sakulounge section.info .table
	{
    flex-direction: row;
	}
.sakulounge section.info .table span:nth-child(1)
	{
    order: 1;
	}
.sakulounge section.info .table span:nth-child(2)
	{
    order: 3;
	}
.sakulounge section.info .table span:nth-child(3)
	{
    order: 2;
    border-bottom: 1px solid;
	}
.sakulounge section.info .table span:nth-child(4)
	{
    order: 4;
	}
	
/* ===================================================================
eventaddfacebookリニューアル2021　NAawaji
=================================================================== */
.line + #contents .inner #aside
	{
	display: block;
	width: 100%;
    float: none;
	}
.line + #contents .inner #aside .boxAd
	{
	width: 100%;
	}
.line + #contents .inner #aside iframe
	{
    width: 100%;
	}
ul.lineList
	{
    display: block;
	}
/* -----------------------------------------------------------
20210625_matsu追記
----------------------------------------------------------- */
#header .boxInfo h1{
	padding: 2px 2px 2px 5px;
	margin: 10px 0 -15px 0;
	letter-spacing: 2px;
}

/* -----------------------------------------------------------
20211110_matsu追記
----------------------------------------------------------- */
#aside2 .other_bnr{
	display:none;
}

/* -----------------------------------------------------------
20211119_matsu追記
----------------------------------------------------------- */
.sakulounge section.navigation .btnboxdouble a{
	margin-bottom:16px;
}


/*20211201削除
#footer .ftrContact .sakuloungeyoyaku{
	padding: 7px 7px 8px 50px;
	}
*/

#footer .ftrContact .inner a:nth-child(4) {padding: 8px 7px 8px 50px;}/*20211201追加*/


/* 20240117 NA 追記 */
.box-border {
	border: 1px solid #CCCCCC;
	border-top-color: transparent;
}
span[data-name="your-message"] {
    width: 100%;
}

/* 20241125パンくず */
.breadcrumb {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}