@charset "UTF-8";
/* CSS Document */


/* 全てに適用するCSS */

html{
	overflow: auto;
}

body {
	font-family:'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
	font-size: 18px;
	margin:auto;
	overflow:hidden;
	width: 100%;
}

.clear{clear:both}

img{
	margin: 0;
	padding: 0;
	max-width: 100%;
	}

a{color:#333;}


#wrapper {
	text-align: center;
	margin: 0 auto;
}

.bg_gold{
	margin: 0 auto;
	background-image: url("img_hit_01.jpg");
	background-repeat: no-repeat;
 	background-attachment: fixed;
}

.title{
	margin: 0 auto;
	max-width: 1100px;
	width: 95%;
	padding-top: 10px;
}

.title li{
	list-style: none;
}

.title ul{
	display: flex;
}

.human{
	margin: -20px auto 0;
}

.hr_1{
	margin: -7px auto 0;
	border: none;
	border-top: 5px solid#FFFFFF;
}

.hr_2{
	margin: 0 auto;
	border: none;
	border-top: 5px solid#FFFFFF;
}

.read{
	margin: 0 auto;
	max-width: 650px;
	width: 95%;
	text-align: justify;
	font-weight: bold;
	font-size: 18px;
	line-height: 29px;
}

.main{
	margin: 20px auto 0;
	max-width: 800px;
	width: 95%;
}

.hit_icon{
	margin: 0 auto;
	max-width: 160px;
}

.bg_white{
	margin: -70px auto 0;
	background-color: #FFFFFF;
}

.maintitle{
	margin: 0 auto;
	max-width: 720px;
	width: 95%;
	padding-top: 80px;
}

.subtitle{
	margin: 20px auto 0;
	max-width: 720px;
	width: 95%;
}

.honbun{
	margin: 0 auto;
	max-width: 720px;
	width: 95%;
	text-align: justify;
	font-size: 16px;
	line-height: 27px;
}

.honbun_cap{
	margin: 0 auto;
	max-width: 720px;
	width: 95%;
	text-align: justify;
	font-size: 13px;
	line-height: 22px;
}

.red{
	color: rgb(215,0,15);
}

.bold{
	font-weight: bold;
}

.honbun_point{
	font-weight: bold;
	background:linear-gradient(transparent 40%, rgb(255,237,97) 0%);
}

.photo_right{
	max-width: 420px;
	float: right;
	margin-left: 25px;
	margin-top: 6px;
}

.photo_left{
	max-width: 420px;
	float: left;
	margin-right: 25px;
	margin-top: 6px;
}



.bg_creem{
	background-color: rgb(252,244,224);
}

.contenst_text{
	margin: 0 auto;
	max-width: 700px;
	width: 95%;
	text-align: justify;
	font-size: 15px;
	line-height: 24px;
}

.contenst_conpany{
	margin: 0 auto;
	max-width: 700px;
	width: 95%;
	text-align: center;
	font-size: 15px;
}

.contenst_icon{
	margin: 30px auto 30px;
	max-width: 250px;
	width: 95%;
}

.contents_title{
	margin: 50px auto 0;
	max-width: 850px;
	width: 95%;
	padding-top: 30px;
}

.contenst_read{
	margin: -20px auto 20px;
	max-width: 550px;
	width: 95%;
	text-align: justify;
	font-weight: bold;
	font-size: 18px;
	line-height: 29px;
}

.contenst_cap{
	margin: 0 auto;
	max-width: 700px;
	width: 95%;
	text-align: justify;
	font-size: 13px;
	line-height: 22px;
}

sup {
	font-size: 50%;
	vertical-align: top;
	position: relative;
	top: -0.3em;
}


.end_title{
	margin: 50px auto 0;
	width: 95%;
	text-align: center;
	font-weight: bold;
	font-size: 32px;
	color: rgb(215,0,15);
}

.end_face{
	margin: 0 auto;
	text-align: center;
}

.end_name_1{
	margin: -5px auto 0;
	text-align: center;
	font-size: 15px;
}

.end_name_2{
	margin: -20px auto 0;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
}



/* ------------------------------ *
	bxslider設定
 --------------------------------*/

#bxslider1{
	margin: 0 auto;
}

#bxslider2{
	margin: 0 auto;
}

.bx-viewport{
	max-width: 800px;
	margin: 0 auto;
	border: none !important;
	box-shadow: none !important;
	left: 0px !important;
}

.slid{
	margin: 0 auto;
	max-width: 800px;
	width: 95%;
}



/* ------------------------------ *
	続きを読む設定
 --------------------------------*/

.readmore {
    position: relative;
    margin: 3em auto;
    display: block;
    color: #000000;
    border: none;
    outline: 0;
    cursor: pointer;
    background: none;
    letter-spacing: 0.1em;
	padding-bottom: 30px;
}

.readmore:before {
  content: "";
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  display: block;
  margin: 0 auto .5em;
  background: url("arrow_white.png") no-repeat center / 20px #000000;
  transition: .3s;
}

.readmore.on-click:before {
  transform: rotate(180deg);
}

.readmore .open {
  display: block;
}

.readmore.on-click .open {
  display: none;
}

.readmore .close {
  display: none;
}

.readmore.on-click .close {
  display: block;
}


/*---------
テーブル設定
---------*/

table{
	margin: 30px auto 0; 
	width: 770px;
	border:none; 
	border-collapse: separate;
	border-spacing: 30px 0px;
	table-layout: fixed;
}

tr{
	background-color: rgb(252,228,214);
}

th{
	text-align: center;
}

td{
	text-align: justify;
	vertical-align: top;
	font-size: 15px;
	line-height: 24px;
	padding: 20px 35px;
}

.bold{
	font-weight: bold;
	font-size: 15px;
}


/*-----------
スクロール設定
-----------*/

.fade-in {
  opacity: 0;
  transition-duration: 500ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 50px);
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-50px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}


/*-----------
動画設定
-----------*/

.movie{
	margin: 50px auto 0;
}

.movie_text{
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	line-height: 29px;
}

.movie_item{
	margin: 0 auto;
	width: 600px;
}



/* ------------------------------ *
	SNSボタン
 --------------------------------*/

.snss{
	margin: 0 auto;
	max-width: 370px;
	height: 20px;
	padding: 60px 0 40px 0;
}



/*--------------------------------
スマホ時に消す指示
--------------------------------*/

@media screen and (min-width:769px){
	.sp{
		display: none !important;
		}
}


/*--------------------------------
ウィンドウ幅が0〜768pxの場合に適用するCSS
--------------------------------*/
	
@media screen and (max-width:768px){
	
.pc{
	display: none !important;
}
	
.sp_logo{
		text-align: center;
		padding: 10px 0 0px 0;
		background-color: #FFFFFF;
}
.sp_logo img{
		height: 30px;
}
	
body { 
	margin:0; 
	padding:0; 
	font-family:'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
	font-size: 15px; 
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	min-width: 100%;
}
	
#wrapper {
	text-align: center;
	margin: 0 auto;
}
	
.bg_gold{
	margin: 0 auto;
	background-image: url("img_hit_01.jpg");
	background-size: cover;
	background-attachment: fixed;
}

.title{
	margin: 0 auto;
	width: 95%;
	padding-top: 10px;
}
	
.title li{
	list-style: none;
}

.title ul{
	display: flex;
}

.human{
	margin: -20px auto 0;
	width: 95%;
}

.hr_1{
	margin: -6px auto 0;
	border: none;
	border-top: 5px solid#FFFFFF;
}

.hr_2{
	margin: 0 auto;
	border: none;
	border-top: 5px solid#FFFFFF;
}

.read{
	margin: 0 auto;
	width: 90%;
	text-align: justify;
	font-weight: bold;
	font-size: 16px;
	line-height: 26px;
}

.main{
	margin: 20px auto 0;
	width: 90%;
}

.hit_icon{
	margin: 0 auto;
	max-width: 130px;
}

.bg_white{
	margin: -50px auto 0;
	background-color: #FFFFFF;
}

.maintitle{
	margin: 0 auto;
	width: 90%;
	padding-top: 60px;
	padding-bottom: 20px;
}
	
.subtitle{
	margin: 20px auto 0;
	width: 90%;
}

.honbun{
	margin: 0 auto;
	width: 90%;
	text-align: justify;
	font-size: 15px;
	line-height: 23px;
}

.honbun_cap{
	margin: 0 auto;
	width: 90%;
	text-align: justify;
	font-size: 12px;
	line-height: 18px;
}

.red{
	color: rgb(215,0,15);
}

.bold{
	font-weight: bold;
}

.honbun_point{
	font-weight: bold;
	background:linear-gradient(transparent 40%, rgb(255,237,97) 0%);
}

.photo_right{
	margin: 0 auto;
	float: none;
}

.photo_left{
	margin: 0 auto;
	float: none;
}



.bg_creem{
	background-color: rgb(252,244,224);
}

.contenst_text{
	margin: 20px auto -10px;
	width: 75%;
	text-align: justify;
}

.contenst_conpany{
	margin: 0 auto;
	width: 80%;
	text-align: center;
	font-size: 15px;
}

.contenst_icon{
	margin: 30px auto 30px;
	max-width: 200px;
	width: 80%;
}

.contents_title{
	margin: 50px auto 0;
	width: 95%;
	padding-top: 30px;
}

.contenst_read{
	margin: -20px auto 20px;
	width: 70%;
	text-align: justify;
	font-weight: bold;
	font-size: 16px;
	line-height: 26px;
}

.contenst_cap{
	margin: 0 auto;
	width: 80%;
	text-align: justify;
	font-size: 12px;
	line-height: 20px;
}

sup {
	font-size: 50%;
	vertical-align: top;
	position: relative;
	top: -0.3em;
}

	
.end_main{
	margin: 0 auto;
	width: 88%;
	padding-bottom: 5px;
}

.end_title{
	margin: 30px auto 0;
	text-align: center;
	font-weight: bold;
	font-size: 28px;
	color: rgb(215,0,15);
}
	
.end_honbun{
	margin: 0 auto;
	text-align: justify;
	font-size: 15px;
	line-height: 23px;
	padding-top: 8px;
}

.end_face{
	margin: 0 auto;
	text-align: center;
}

.end_name_1{
	margin: -5px auto 0;
	text-align: center;
	font-size: 15px;
}

.end_name_2{
	margin: -20px auto 0;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
}
	
.bg_end{
	margin: 20px auto 0;
	width: 90%;
	background-color: rgb(252,228,214);
}
	
	
/* ------------------------------ *
	bxslider設定
 --------------------------------*/

#bxslider1{
	margin: 0 auto;
}

#bxslider2{
	margin: 0 auto;
}

.bx-viewport{
	margin: 0 auto;
	border: none !important;
	box-shadow: none !important;
	left: 0px !important;
}

.slid{
	margin: 0 auto;
	width: 90%;
}
	
/*-----------
動画設定
-----------*/

.movie{
	margin: 30px auto 0;
}

.movie_text{
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	font-size: 21px;
	line-height: 26px;
}

.movie_item{
	margin: 0 auto;
	width: 90%;
}



}