@charset "utf-8";

body {
	font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","游ゴシック Medium",YuGothic,YuGothicM,メイリオ,Mei
/*	font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;*/
	font-size: 14px;
	line-height: 1.8;
	color: #FFF;
    background: #000;
}



a,
a:active,
a:visited {
	text-decoration: none;
	color: #000;
}

/*
a {
  transition: all  0.5s ease;
}
*/
a:hover {
	opacity: .6;
}



li {
	list-style: none;
}

.pc {
	display: block !important;
}

.sp {
	display: none !important;
}



/*===main全体に適応===*/
a:link {
	color: #CCC;
}

a:visited {
	color: #CCC;
}

a:hover {
	color: #CCC;
}

a:active {
	color: #CCC;
}


.inner {
    width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

.inner_page {
	    width: 100%;
    margin: 50px auto;
    max-width: 1100px;
}


.maincol{
    width: 100%;
}

.maincol.post {
    width: 710px;
}

.sidecol{
    width: 330px;
}

.bg_gray {
    width: 100%;
    background: #F3F4F2;
    padding: 100px 0;
}



/*タイトル**********************************/
.cont_titile {
        color: #FFF;
    font-size: 30px;
    font-weight: normal;
    text-align: center;
    letter-spacing: 6px;
    padding: 10px 0;
    line-height: 1.4;
    background: #4D4D4D;
    margin: 0 0 40px 0;
}

.post .cont_titile {
    text-align: left;
}

.cont_titile span {
    display: block;
    font-size: 22px;
    line-height: 0.6;
}

.cont_titile_sub {
	color: #494F62;
		font-size: 16px;
	font-weight: 300;
}


.cont_titile02 {
    color: #000;
    font-size: 24px;
    font-weight: 600;
    text-align: left;
}


/*newsタイトル*/
.news .cont_titile {
text-align: left;
        padding: 0 0 30px 0;
}
.news .cont_titile_sub {
text-align: left;
	margin-left: 25px;
}

/*priceタイトル*/
.price_cont .cont_titile {
	color: #fff;
}
.price_cont .cont_titile_sub {
	color: #fff;
}



/*タイトル***********************************/

/*コンテンツ内のタイトル*/
.in_cont_note {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px dashed #494F62;
	display: inline-block;
	line-height: 35px;
}

.in_cont_title{
	font-size: 34px;
	font-weight: bold;
	
}

.in_cont_title_n{
	color: #8AD1D3;
	font-size: 50px;
	font-weight: bold;
}

.in_cont_title_add{
	font-size: 16px;
color: #8AD1D3;
}

/*コンテンツ内のタイトル*/







/*ボタン*/
.btn_to_page {
	width: 300px;
	height: 60px;
	background-color: #494F62;
	border: 1px solid #C5C7C9;
	border-radius: 30px;
	color: #fff!important;
	font-weight: 600;
	font-size: 14px;
	line-height: 60px;
	text-align: center;
	margin: 0 auto;
	display: block;
}


.btn_to_page:hover {
	background-color: #fff;
	color: #494F62!important;
}
/*ボタン*/


/*フレックス***************************************/

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

.flex_c {
  display: flex;
  justify-content:space-around;
  flex-wrap: wrap;
}


/*フレックス***************************************/



/****************************************************/
/****************** media queries *******************/
/****************************************************/
/********************************************/
/************ max-width: 1000px *************/
/********************************************/

@media screen and (max-width: 1000px) {
  
  
  .inner {
	width: 93vw;
	margin: 0 auto;
    max-width: 93vw; 
}
    .inner_page {
	width: 96vw;
	margin: 0 auto;
        max-width: 93vw; 
}
    
    .maincol{
    width: 100%;
        max-width: 93vw; 
}

.sidecol{
    width: 100%;
    max-width: 93vw; 
}
    
    .cont_titile {
font-size: 5vw;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    padding: 15px 0;
}
    
    .cont_titile span {
    line-height: 1.2;
}

}

/********************************************/
/************ max-width: 834px *************/
/********************************************/

/*タブレット*/
@media screen and (max-width: 834px) {

	.pc {
		display: none !important;
	}

	.sp {
		display: block !important;
	}

    .cont_titile02 {
    font-size: 5vw;
    font-weight: 600;
    text-align: center;
}
  
	

}


/********************************************/
/************ max-width: 834px *************/
/********************************************/

/*モバイル*/
@media screen and (max-width: 640px) {
    
    .sidecol {
    width: 90%;
    margin: 0 auto;
}
    
    .bg_gray {
    width: 100%;
    background: #F3F4F2;
    padding: 50px 0;
}
    .inner_page img {
    width: 100%;
    height: auto;
}
    
}