@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
【共通・スマートフォン】メディアクエリなし
【パソコン】メディアクエリあり　@media print, screen and (min-width: 480px)
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/__/_/_*/


/*==========================================
 全体
===========================================*/
/* html */
html {
	font-size: 100%;
    background-color: #000000;
}


@media print, screen and (min-width: 480px) {
html {
	font-size: 62.5%;/*10px*/
    background-color: #000000;
}
}


/* body */
body {
	background-color: #FFFFFF;
	min-width: 320px;
	font-size: 1.05em;/*chromeバグ対応のため"「em」*/
	line-height: 1.6;
	color: #000000;
    /*font-family: A1 Gothic R, sans-serif;*/
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    margin: 0 auto;
	padding: 0;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }


@media print, screen and (min-width: 480px) {
body {
	background-color: #FFFFFF;
    min-width: 1280px;
    font-size: 1.7em;/*chromeバグ対応のため"「em」*/
	line-height: 2;
	color: #000000;
    /*font-family: A1 Gothic R, sans-serif;*/
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    margin: 0 auto;
	padding: 0;
}

*, *:before, *:after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
  }
}


/* タブレット用（横幅余白） */
@media only screen and (min-width:481px) and (max-width:834px) {
body {
    min-width: 1280px;/*横幅余白なし*/
}
}


/* img */
img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
.imgCenter {
	text-align: center;
	margin: 0 auto 10px;
}


@media print, screen and (min-width: 480px) {
img {
	max-width: none;
	height: auto;
	width /***/:auto;
}
.imgRight{
	float: right;
	padding: 0px 0px 10px 20px;
}
.imgLeft{
	float: left;
	padding: 0px 20px 10px 0px;
}
}


/* hr */
hr {
	border: 0 none;
	width: 100%;
	height: 1px;
	color: #BEBEBE;
	background-color: #BEBEBE;
	padding: 0;
    margin: 0;
	text-align: center;
}


/* a */
a {
	border: none;
    text-decoration: none;
	/*outline: none;*/
}
a:focus, *:focus {
	/*outline:none;*/
}
a:link {
	color: #000000;
    text-decoration: underline;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #260200;
    text-decoration: underline;
}


/* outline */
[data-whatinput="mouse"] *:focus,
[data-whatinput="touch"] *:focus {
	outline: none;
}


/* clearfix */
.clearfix {
	zoom: 1;
}
.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}
.clearfix:after {
	clear: both;
}


/* ボタンhover時半透明 */
@media print, screen and (min-width: 480px) {
.a_btn a:hover {
    -moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity = 70);
}
}


/* テキスト */
.attention {
	color: #FF0000;
}
ul, ol {
    margin: 0 0 15px 35px;
    padding: 0;
}
p {
    margin: 0 0 15px 0;
    padding: 0;
}


@media print, screen and (min-width: 480px) {
ul, ol {
    margin: 0 0 15px 35px;
    padding: 0;
}
p {
    margin: 0 0 15px 0;
    padding: 0;
}
}


/* pagetop */
#pagetop {
	position: fixed;
    bottom: 120px;
    right: 10px;
    z-index: 9998;
    cursor: pointer;
}
#pagetop a {
    position: relative;
    display: flex;
    width: 38px;
    height: 38px;
    justify-content: center;
    background: rgb(232 83 125);
    transition: opacity .6s ease;
    color: #FFFFFF;
    align-items: center;
    text-decoration: none;
    font-size: 1.5rem;
    border-radius: 100%;
}
#pagetop a:hover {
    opacity: .8;
}


@media print, screen and (min-width: 480px) {
#pagetop {
	position: fixed;
    bottom: 130px;
    right: 20px;
    z-index: 9998;
    cursor: pointer;
}
#pagetop a {
    position: relative;
    display: flex;
    width: 65px;
    height: 65px;
    justify-content: center;
    background: rgb(232 83 125);
    transition: opacity .6s ease;
    color: #FFFFFF;
    align-items: center;
    text-decoration: none;
    font-size: 32px;
    border-radius: 100%;
}
#pagetop a:hover {
    opacity: .8;
}
}


/* margin */
.mb5   { margin-bottom:5px !important; }
.mb10  { margin-bottom:10px !important; }
.mb15  { margin-bottom:15px !important; }
.mb20  { margin-bottom:20px !important; }
.mb25  { margin-bottom:25px !important; }
.mb30  { margin-bottom:30px !important; }
.mb35  { margin-bottom:35px !important; }
.mb40  { margin-bottom:40px !important; }
.mb45  { margin-bottom:45px !important; }
.mb50  { margin-bottom:50px !important; }
.mb55  { margin-bottom:55px !important; }
.mb60  { margin-bottom:60px !important; }
.mb65  { margin-bottom:65px !important; }
.mb70  { margin-bottom:70px !important; }
.mb75  { margin-bottom:75px !important; }
.mb80  { margin-bottom:80px !important; }
.mb85  { margin-bottom:85px !important; }
.mb90  { margin-bottom:90px !important; }
.mb95  { margin-bottom:95px !important; }
.mb100 { margin-bottom:100px !important; }


/* padding */
.pb5   { padding-bottom:5px !important; }
.pb10  { padding-bottom:10px !important; }
.pb15  { padding-bottom:15px !important; }
.pb18  { padding-bottom:18px !important; }
.pb20  { padding-bottom:20px !important; }
.pb25  { padding-bottom:25px !important; }
.pb30  { padding-bottom:30px !important; }
.pb35  { padding-bottom:35px !important; }
.pb40  { padding-bottom:40px !important; }
.pb45  { padding-bottom:45px !important; }
.pb50  { padding-bottom:50px !important; }
.pb55  { padding-bottom:55px !important; }
.pb60  { padding-bottom:60px !important; }
.pb65  { padding-bottom:65px !important; }
.pb70  { padding-bottom:70px !important; }
.pb75  { padding-bottom:75px !important; }
.pb80  { padding-bottom:80px !important; }
.pb85  { padding-bottom:85px !important; }
.pb90  { padding-bottom:90px !important; }
.pb95  { padding-bottom:95px !important; }
.pb100 { padding-bottom:100px !important; }




/*==========================================
 wrapper
===========================================*/
#wrapper {
	/*width: 100%;*/
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	word-wrap: break-word;
}

@media print, screen and (min-width: 480px) {
#wrapper {
	/*width: 100%;*/
    margin: 0 auto;
	padding: 0;
	overflow: visible;
}
}




/*==========================================
 header
===========================================*/
/*-----------------------------
背景
-----------------------------*/
.header-bg {
    background-color: #000000;
    background-position: center top;
    background-repeat: repeat;
}


@media print, screen and (min-width: 480px) {
.header-bg {
    background-color: #000000;
    background-position: center top;
    background-repeat: repeat;
}
}



/*-----------------------------
コンテンツ
-----------------------------*/
header {
	width: 100%;
	font-size: 0;
	line-height: 0;
	margin: 0 auto;
	padding: 0;
}
header .header_pc {
	display: none;
}
header .header_sp {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	font-size: 0;
	line-height: 0;
}


@media print, screen and (min-width: 480px) {
header {
	width: 100%;
	font-size: 0;
	line-height: 0;
	margin: 0 auto;
	padding: 0;
}
header .header_sp {
	display: none;
}

header .header_pc {
	display: block;
	width: auto;
    min-width: 1280px;
	height: auto;
    margin: 0 auto;
	padding: 0;
	font-size: 0;
	line-height: 0;
    text-align: center;
}
}




/*==========================================
 content
===========================================*/
.content {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}


@media print, screen and (min-width: 480px) {
.content {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
}




/*==========================================
 copyright
===========================================*/
.copyright {
    position: relative;
    width: 100%;
    color: #FFFFFF;
    margin: 0 auto;
    padding: 20px 15px 180px 15px;
    text-align: center;
    font-size: 0.7rem;
    line-height: 1.5;
    background-color: #000000;
}


@media print, screen and (min-width: 480px) {
.copyright {
    position: relative;
    width: 100%;
    color: #FFFFFF;
    margin: 0 auto;
    padding: 20px 0 200px 0;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.5;
    background-color: #000000;
}
}





/*==========================================
 copyright + CQロゴ
===========================================*/
.cq-logoArea {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 25px 0;
    background-color: #000000;
}
.cq-logoArea .copyright {
    padding: 20px 0 10px 0;
}
.cq-logoArea .cq-logo {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 10px 20px;
    text-align: center;
}
.cq-logoArea .cq-logo img {
    width: 38%;
    height: auto;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 10px 20px;
    background-color: #FFFFFF;
    border-radius: 10vw;
}


@media print, screen and (min-width: 480px) {
.cq-logoArea {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 50px 0;
    background-color: #000000;
}
.cq-logoArea .copyright {
    padding: 20px 0 20px 0;
}
.cq-logoArea .cq-logo {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
}
.cq-logoArea .cq-logo img {
    width: 100px;
    height: auto;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 10px 20px;
    background-color: #FFFFFF;
    border-radius: 10vw;
}
}





/*==========================================
 footer
===========================================*/
footer {
    width: 100%;
    background-color: #000000;
    margin: 0 auto;
    padding: 0;
}


@media print, screen and (min-width: 480px) {
footer {
    width: 100%;
    background-color: #000000;
    margin: 0 auto;
    padding: 0;
}
}