@charset "utf-8";
/* CSS Document */
/* Theme Name:shoutengai
*/
body{
		font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
		color: #333;
		margin:0;
		padding:0;
		-webkit-text-size-adjust: none;
		line-height:1.75em;
		font-weight: 600;
		font-size:15px;
		letter-spacing: 1.2px;

}

h2{padding:0;margin:0;font-size:24px}

.content_wrap{

	width: 1200px;
	margin:0 auto;

}

.content_wrap2{

	width: 900px;
	margin:0 auto;

}

header{

	width: 100%;

}

header img{
	width:100%;
}

.header1{

	background-image:url(./image/pc/mv1.png);
	background-size:cover;

}

.header1 .sub,.header2 .sub{
	width:1200px;
	padding-top:40px;
	margin:0 auto;
}

.header2{

	background-image:url(./image/pc/mv2.png);
	height:50vh;
	background-size:cover;

}


.form3 input{
	background-color:#007cc3;
	color:#FFF;
	width:300px;
	display:block;
	margin:0 auto;
	border:none;
	padding:10px 0;
}

section{
	padding:60px 0;
}

.beauty,.another,.life,.buy,.play,.eat{
	padding:30px 0;
	color:#FFF;
	text-align: center;
	font-size:24px;
}
.beauty{
	background-color:#ac70fc;
}

.eat{
	background-color:#ffad2e;
}


.play{
	background: #fb75a8;
	
}

.life{
	background: #f15151;
	
}

.buy{
	background: #2bb32e;
	
}

.another{
	background: #0092b9;
	
}

a,a:link{
	color:#006aa7;
}

.font_big{
	font-size:24px;
	letter-spacing: 4px;
}

section.gray{
	background-color:#ebebeb;
}

ul.flink li{
	font-size:15px;
}

.h_navi{
	float:right;
	display: flex;
	justify-content: flex-start;
	padding-top:20px;
	font-size:15px;
}

ul.h_navi li{
	margin-right:2em;
}



.wrapper2 {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#header {
	margin-top:84px;
	width: 100%;
}



.headerover1{
	margin:0 auto;
	width:1200px;
	padding:10px 0px;
	position:relative;
}

.fixheader{
	width: 100%;
	background-color:#FFF;
	position: fixed;
	top: 0;
	z-index: 999;
	left: 0;
	transition: box-shadow 0.8s;
	
}

.shadowh{
	box-shadow: 0 5px 5px 0 rgb(0 0 0 / 10%);
}

.flex_display{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.flex_display.justify-center{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.flex_display2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


.flex_display2 .cell2{
	width:30%;
	margin-bottom:30px;
}

.flex_display2.justify-start .cell2{
	width:30%;
	margin-right:5%;
}




.flex_display2.justify-start .cell2 img{
	width:100%;
	height:240px;
	overflow: hidden;
	
}




.flex_display2.justify-start .cell2:nth-of-type(3n){
	width:30%;
	margin-right:0%;
}


.flex_display2 .cell2 .title2{
	margin-top:10px;
	font-size:1.1rem;
}
.flex_display2 .cell2 .text2 p{
	    margin-top: 5px;
}

.flex_display .cell3{
	width:30%;
	border-bottom:1px solid #dedede;
	padding:10px 0;
}

.flex_display .cell4{
	width:70%;
	border-bottom:1px solid #dedede;
	padding:10px 0;
}

.flex_display .cell5{
	width:55%;

}

.flex_display .cell6{
	width:40%;
	
}

.article_news{
	display: flex;
	justify-content: flex-start;
	border-bottom:1px solid #efefef;
	padding-bottom:12px;
}

.article_news .date{
	width:30%;
	text-align: center;
}


h2 {
  position: relative;
  padding: 0.5rem;
  text-align: center;
	margin-bottom:60px;
	font-size: 22px;
	letter-spacing: 2px;
}

h2:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #007cc3;
}

.intro_title{
	padding:30px 0;
	border-top:3px #000 solid;
	border-bottom:3px #000 solid;
	text-align: center;
	font-size:24px;
	font-weight: bold;
	margin-bottom:40px;
}

.eventimg{
	margin:20px auto 40px;
	width: fit-content;
	width:-moz-fit-content;
}

.navibar{background-color:#e60012;width:100%;}

ul.h_navi li a:hover{
	color:#333;
	text-decoration: none;
}

ul.h_navi li a{
	display: inline-block;
  padding-bottom: 4px;
  position: relative;
}

ul.h_navi li a::after {
  background-color: #007cc3;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  transition: .5s all;
  width: 0;
}

ul.h_navi li a:hover::after {
  width: 100%;
}
/*
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition:all 1.5s;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
*/
.map_select{
	padding:30px 0;
	display: flex;
	flex-wrap:wrap;
	
	
}

.map_select .chizu{
		width:398px;
	margin:2px 1px 0;
}
.chizu button{
	border:none;
	padding:20px 0;
	width:100%;
	color:#FFF;
	font-weight:bold;
}

.chizu.biyou button{
	background-color:#ac70fc;
}

.chizu.eat2 button{
	background-color:#ffad2e;
}

.chizu.play2 button{
	background-color:#fb75a8;
}

.chizu.buy2 button{
	background-color:#2bb350;
}
.chizu.life2 button{
	background-color:#f15151;
}

.chizu.other2 button{
	background-color:#0092b9;
}


#headeroverbar2{
	
	background-color:#fefaf0;
}


.menubu1{position:absolute;right:16px;width:28px;top:20px;}


#headeroverbar1 h1{
	
	font-weight:normal;
	font-size:90%;
	margin:0;
	padding:0;
	margin-right:30px;
}

.navisidebar {
	height: 50px;
	background-image:url(image/top/globalmenu/globalmenusidebar/sidebar.png);
}


.navi {
	width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


#middle {

	margin-top: 15px;
	margin-bottom: 0px;

}

#left {
	float: left;
	width: 750px;
}

#right {
	float: left;
	width: 200px;
	padding-left:25px;
	margin-left: 5px;
	line-height:1.25em;
}
.footer {
	padding:20px 10px;
	font-size:14px;
	text-align:center;
	color:#fff;
}



.staffColum{
	margin-top:50px;
	display:flex;
	justify-content:space-between;
}

.staffColum .staff1{
	border:1px solid #ebebeb;
	padding:25px;
	max-width:43%;

}

.staffColum .staff1 .staffImg{
	padding-right:20px;
	float:left;
}


.voiceColum{
	margin-top:50px;
	display:flex;
	justify-content:space-between;
}

.voiceColum .voice1{
	border:1px solid #ebebeb;
	padding:25px;
	max-width:43%;

}

.voiceColum .voice1 .title{
	font-size:22px;
	text-align:center;
	
}
.voiceColum .voice1 .name{
	text-align:center;
	padding-bottom:20px;
}

.voiceColum .voice1 .voiceImg{
	max-width:33%;
	padding-right:20px;
	float:left;
}







.f25{
	font-size:22px;
	letter-spacing:0.1em;
	font-weight:bold;
}

.f15{
	font-size:0.95vw;
	letter-spacing:0.1em;
}



p {
	margin-top: 20px;
	margin-bottom: 25px;
}


.fbck{background-color:#e6e6e6;}

img{
	
	margin:0;
	padding:0;
    border-style:none;
}

div.clearboth{
	clear:both;
}

#copyright{
	position:absolute;
	top:13px;
	left:800px;
	color:#FFF;
	
	
	
	}


	
	.submitbutton{
	
	width:270px;
	padding:6px;
	}
	
	.tab1{

	background-color:#8F0000;
	color:#FFF;
	text-align:center;

}

footer{background-color:#686c70;
	padding:50px 0 10px;
	;
color:#FFF}

footer .cell ul li{
	margin-top:10px;
}

#headin1{
	float:left;
	

}

#headin2{
	float:left;
	margin-top:50px;
	margin-left:500px;
	

}

.texttable{


	border-top:#DAD9C7 1px solid;
	border-left:#DAD9C7 1px solid;

}

.mt10{

	margin-top:10px !important;

}



.mt20{

	margin-top:20px !important;

}


.mt30{

	margin-top:30px;

}

.mt40{

	margin-top:40px;

}

.ml5{

	margin-left:5px;

}


.ml10{

	margin-left:10px;

}


.ml20{

	margin-left:20px;

}


.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.color1{

		background-color:#fefaf0;

}


.color2{

	color:#002a0f;

}


.flf{
	float:left;

}

.news1{
	margin-left:20px;
	width:200px;

}


.news2{

	width:500px;

}


.line1{

	border-bottom:#002a0f 1px dotted;
	padding-bottom:7px;

}



.spheader{

	position:relative;

}

.spmenu1{
	position:absolute;
	top:10px;
	right:20px;

}


ul.spmenu2{
	position:absolute;
	top:90px;
	right:90px;
	background-color:#002A0F;
	opacity: 0.6;
	

}



ul.spmenu2 li{
	color:#FFF;
	font-size:58px;
	

}

.spheadermene{
	background-color:#043014;
	height:120px;
	text-align:right;
	padding-right:30px;
	padding-top:20px;

	
}


.flol{
	float:left;

	
}

.mr10{

	margin-right:10px;

}


img{
	max-width: 100%;
	height: auto;

}

.mt10{
	margin-top:10px;

}


.mt20{
	margin-top:20px;

}




.red{
	color:#d23832;

}




.bfont{
	font-weight:bold;

}

.ctext{

	text-align:center;

}


.bsize{
	font-size:16px

}

.mb10{

	margin-bottom:10px;
}


.mb20{

	margin-bottom:20px;
}

.mb40{

	margin-bottom:40px;
}

.mb70{

	margin-bottom:70px;
}

.mtb20{

	margin:20px 0;
}

.p2subtitle{
	background-color:#433825;
	color:#f0e5a8;
	font-weight:bold;
	padding:7px 15px;
}


.menu8{
	padding-bottom:7px;
	border-bottom:#382e1c 1px dotted;
	width:630px;
	margin:10px auto 0;
}



.menu1{
	width:270px;
	float:left;
	font-weight:bold;


}


.menu2{
	width:430px;
	float:left;

}

.mmain1{
	padding:0 5px;

}


.gara1{

	width:45%;
	padding:1%;
	background-color:#433825;
	float:left;
	height:250px;
	

}


.eventdes{
	width:800px;
	margin:60px auto;
}



ul{
	padding:0;
	margin:0;

}

.sb-slidebar li{
	list-style:none;
	border-bottom:1px solid #FFF;
	padding:0;
	margin:0;
	padding-left:10px;
	padding-bottom:12px;

}


.sb-slidebar li a{
	display:block;

}



.sb-slidebar li a:link {/*未訪問のリンク*/
        color:#FFF;
    text-decoration:none;
}
.sb-slidebar li a:visited {/*訪問後のリンク*/
        color:#FFF;
    text-decoration:none;
}
.sb-slidebar li a:hover {/*マウスをのせたとき*/
    color:#FFF;
    text-decoration:none;
}
.sb-slidebar li a:active {/*クリック中*/
    text-decoration:none;
}


.granmenu11{
	float:left;
	width:49%;
	margin-right:2%;

}



.granmenu12{
	float:left;
	width:49%;

}



.menuline1{float:left;width:240px;margin-right:5px;}
.menuline2{border-bottom:1px dotted #433825;padding-bottom:10px;margin-bottom:10px;color:#50442f;font-weight:bold;}
.menuline3{float:left;width:114px;}



.spheader1{margin-top:50px;}
.red{color:#ff0000}




#middle2{margin-top:50px;padding-top:20px;background-color:#7b1b44}


.wp-pagenavi{text-align:center;margin:50px auto}

.page {
    border: 1px solid black;
    padding: 15px;
    margin-left: 5px;
}


.current {
    border: 1px solid #333;
    padding: 15px;
    margin-left: 15px;
    background-color: #007cc3;
    color:#FFF;
	
}



.textcenter{text-align:left;}
.textcenter1{text-align:center;}


.mtb10{margin:10px 0}

.mtb15{margin:15px 0}
.mtb20{margin:20px 0}

.mt40{margin-top:40px;}


ul li{list-style:none;}
ul.pp6{font-weight:bold;}
ul li.pp6{list-style:none;}


li{list-style:none;}
ul,li{padding:0;margin:0;}

ul.navi li{float:left;height:60px;}



span.wpcf7-list-item{
	display:block !important;
}

.hissu{
	padding:3px 10px;
	    border-radius: 7px;        /* CSS3草案 */  
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 7px;   /* Firefox用 */ 
	background-color:#D60000;
	color:#FFF;
	font-size:12px;
}




.logo1{width:200px;}

.mt20{margin-top:20px;}


h3 {
  position: relative;
  padding: 0.5rem 1rem;
  border-bottom: 3px solid #dedede;
}

h3:before {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 20%;
  height: 3px;
  content: '';
  background: #0091b9;
}

.content_wrap.beauty1 h3,.content_wrap.eat1 h3,.content_wrap.play1 h3,.content_wrap.buy1 h3,.content_wrap.life1 h3,.content_wrap.another1 h3{
	margin-top:40px;
}
.content_wrap.beauty1 h3:before{
	background: #ac70fc;
	
}

.content_wrap.eat1 h3:before{
	background: #ffad2e;
	
}

.content_wrap.play1 h3:before{
	background: #fb75a8;
	
}

.content_wrap.life1 h3:before{
	background: #f15151;
	
}

.content_wrap.buy1 h3:before{
	background: #2bb32e;
	
}

.content_wrap.another1 h3:before{
	background: #0092b9;
	
}

table.qab1 td{padding-bottom:20px}
table.qab1 td img{width:50%}
.ace1{width:18%;float:left;padding-left:2%}
.ace2{width:80%;float:left}
.ace3{border-bottom:1px solid #cccccc;padding:20px 0}
.contact1{width:80%;margin:0 auto;}
.spw{width:100%}

section table { width: 100%; }
section th, section td  { padding: 10px;  }

input[type='text'],input[type='email'],textarea{
	width:100%;
	background-color:#f8f8f8;
	border: 1px solid #666666;
}

.news_list{
	display: flex;
	justify-content: space-between;
	padding:20px 0;
	background-color:#FFF;
	margin-top:20px;
}

.news_list .date{
	width:20%;
	text-align: center;
}

.news_list .title{
	width:70%;
}


/*----------------------------------------------------
  .demo01
----------------------------------------------------*/
.demo01 th  { width: 30%; text-align: left; }
 
@media only screen and (max-width:720px){
	
	.bx-wrapper .bx-pager{
		display: none;
	}
	
    .demo01 { margin: 0 -10px; }
    .demo01 th,
    .demo01 td{
    width: 100%;
    display: block;
    border-top: none;
    }

}


@media screen and (max-width: 768px){
	
	.flex_display.eventdes{
		display: flex;
	}
	
	.eventdes{
	width:100%;
	margin:60px auto;
}
	
	
	.flex_display2 .cell7{
	width:31%;
	margin-bottom:2em;
	
}

	
	
	.smt40{
		margin-top:40px;
	}
	section{
	padding:30px 0;
}

	.font_big{
		font-size: 18px;
	}
	.footer{
		font-size:12px;
	}
	h2{
		font-size:16px;
	}
	
	h2:before{
		height: 3px;
		    bottom: -5px;
	}
	
	.map_select{
		display: block;
	}
	.map_select .chizu{
		width:100%;
	margin:2px 0px 0;
}
	.chizu button{
		text-align: left;
		padding-left:10px;
	}
	
	
	#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item{
		width:50% !important;
	}
	
	.flex_display .cell2,.flex_display .cell5,.flex_display .cell6{
	width:100%;

}


	.flex_display2 .cell6{
		margin-bottom:2em;
	}
	
.flex_display2 .cell2{
	width:49%;
	margin-bottom:30px;
}
	
	


	
	
	header{

	width: 100%;

}
	
	.content_wrap,.content_wrap2{
		width:96%;
	}
	
	.qaCell .q1 .txt span{

		background-size:20px auto;
		padding:10px 0 10px 8%;

}

	.fixheader{
height: 70px;

}
	
	.spimg1{width:80%;margin:0 auto;}
	.spimg2{width:75%;margin:0 auto;}
	.pc{display:none;}
	.sp{display:inline;}
	.headerover1{
	margin:0;
	width:100%;



	}
	#header{margin-top:70px;}
	.race1{float:none;width:100%;margin-top:10px}
.race2{float:none;width:100%;margin-top:10px}
.race3{margin-top:0}

	.beauty, .another, .life, .buy, .play, .eat{
		font-size:18px;
	}
	
.t5w{
float:none;width:100%;
margin-left:0;
	
	}


.t6w{
float:none;width:100%;
	}

.logo1{width: 60%;margin-left:10px;margin-top:6px;}

.space1{margin-top:60px}
.naga2{line-height:1.2em}
.space2{padding-bottom:20px}

body{
	font-size:small;

}

table.qab1 td img{width:100%}
	footer{
		padding-top:20px;
	}
	.flex_display{
		display: block;
	}
	
.flex_display.hen{
		display: flex;
	}
	
	.flex_display .cell{
		margin-top:30px;
	}
	.flex_display .cell.font_big{
		margin-top:0px;
	}

	
	.flex_display .cell2{
		width:100%;
	}

#q1,#q2,#q3,#q4,#q5,#q6{top:-65px}
	
.topfont{line-height: 1.95em;letter-spacing: 0.15em; font-size:100%;color:#191f60;font-weight:normal;}
.mtb10{margin:10px 0}

.staffColum{
	margin-top:0px;
	display:block;

}
	
	
.staffColum .staff1{
	max-width:80%;
	margin:20px auto 0;
	
}

.voiceColum{
		margin-top:0px;
	display:block;
	}
	

.voiceColum .voice1{
	max-width:80%;
	margin:20px auto 0;
	
}
	
.voiceColum .voice1 .voiceImg{
	max-width:200px;
	margin:20px auto 0;
	float:none;
	padding:0;
	padding-bottom:20px;
}
	
.f25{
	font-size:18px;
}

.f15{
	display:block;
	font-size:12px;
}
	
	
	.qaCell{max-width:95%;
	margin:auto;}
	
}

.footer a:link { color: #333;text-decoration:none; }
.footer a:visited { color: #333;text-decoration:none; }
.footer a:hover { color: #333;text-decoration:underline; }
.footer a:active { color: #333;text-decoration:underline; }


@media screen and (min-width: 720px){ 
	.pc{display:inline;}
	.sp{display:none;}

}
.company1{float: right;margin-right:10px;padding-top:20px;font-size:14px;}
.pclogo{position:relative;padding:10px 0;float:left;}

.pcmenu1{position:absolute;right:20px;}

.pcmenub1{position:absolute;top:50px;right:7px;z-index:10000}
.pcmenub1 img{margin-top:2px;}

.orenge1{color:#ff5600;font-weight:bold}
.orenge2{color:#ff5600;font-weight:bold;font-size:20px}

.centerTxt{
	text-align:center;
	padding:30px 0;
}

.qaCell{margin-top:20px;}

.qaCell .q1{
	border:1px solid #efefef;
	padding:10px;
}

.qaCell .q1.active{
	background-color:#EAEFF9;
}

.qaCell .q1 .txt{
	    background-image:url(./image/pc/faq/Q-icon.png);
		background-repeat:no-repeat;
		background-position:center left;
		background-size:35px auto;
		padding:10px 0 10px 50px;
		position:relative;
		cursor: pointer;
}

.qaCell .q1 .txt .subTxt{
	width:70%;
}

.qaCell .q1 .txt span{
	    content: '　';
    background-image:url(./image/pc/faq/down-icon.png);
	background-repeat:no-repeat;
		background-position:center left;
		background-size:25px auto;
		padding:10px 0 10px 60px;
	position:absolute;
	right:0px;
	top:15px;
}

.qaCell .q1 .txt span.active1{
	 background-image:url(./image/pc/faq/up-icon.png);
}
.qaCell .a1{
	display:none;
	border-left:1px solid #efefef;
	border-right:1px solid #efefef;
	border-bottom:1px solid #efefef;
	padding:10px;
}


.qaCell .a1 .txt{
	background-image:url(./image/pc/faq/A-icon.png);
		background-repeat:no-repeat;
		background-position:top left;
		background-size:35px auto;
		padding:0px 10px 10px 60px;
		position:relative;
}



.planfee{
	display:flex;
	margin:20px 0;
	justify-content: space-between;
}

.thum01{
	margin:40px 0;
}

.flex_display .cell{
	width:48%;
}

.flex_display .cell.flex{
	display: flex;
}

.flex_display .cell.flex .flink{
	width:48%;
}

footer a, footer a:link, footer a:hover{
	color:#FFF;
}

.border01{
	border-bottom:#ccc solid 1px;
}

.mt40{
	margin-top:40px;
}

.tab01{
	width:30%;
	padding:7px 15px;
}

.tab02{
	width:70%;
	padding:7px 15px;
word-break: break-all;
}

span.pls:after{
	content: "+";
}

span.pls.high:after{
	content: "-";
}

.sb-slidebar li.sublang{
	background-color:#007cc3;
	color:#FFF;
	padding:0;
	margin:0;
}

.sb-slidebar li.sublang ul li{
	padding-top:12px;
}

li.sublang{
	display: none;
}
span.pls{
    position: absolute;
    right: 3%;
    top: 30%;
}

.btn{
	width:320px;
	background-color:#007cc3;
	margin:30px auto;
	text-align: center;
	border-radius: 15px;
	color:#FFF;
	padding:10px 15px;
	display: block;
}

.btn:hover{
	color: #FFF;
	text-decoration: none;
	opacity: 0.8;
}

.event_title{
	border-left:3px solid #007cc3;
	padding-left:10px;
	margin-top:10px;
}

.flex_display2.justify-start{
	justify-content: flex-start;
}

@media screen and (max-width: 768px){
	
	.flex_display2.justify-start{
	justify-content: space-between;
	flex-wrap: wrap;
}
	
	.flex_display2.justify-start .cell2,.flex_display2.justify-start .cell2:nth-of-type(3n){
	width:48%;
	margin-right:0%;
	
}
	
	.flex_display2.justify-start .cell2 img{
	width:100%;
	height:240px;
	overflow: hidden;
	
}
	
}


@media screen and (max-width: 720px){
	
	.flex_display .cell{
	width:100%;
}
	
	.qaCell .q1 .txt span{

		background-size:20px auto;
		padding:10px 0 10px 8%;

}
	
	
	.mailform1{
display:block;


}

.mailformsub1{
	
	border-left:none;
	border-right:none;
	width:100%;
	background-color:#EAEFF9;
	padding:10px 0;
	text-align:center;

	
}

.mailformsub2{
	border-left:none;
	border-right:none;
width:100%;
	padding:13px 0;
	text-align:center;



}
	
.planfee{
	display:block;
	margin-right:20px;
	margin-left:20px;
}
	
.planfee img{
	margin-top:20px;
	}
	
}