@media only screen and (min-width:479px) and (max-width:768px)  {

.show_pc {
	display: block !important;
}

.show_tab {
	display: block !important;
}

.box__bg_gray {
  background-color: #f6fafe;
  margin: 0 !important;
  padding: 0 !important;
}

.box__bg_gray02 {
  background-color: #fff;
  padding: 0 !important;
}

.box_shadow {
	width: 100% !important;
    border-radius: 0 !important;        /* CSS3草案 */  
    -webkit-border-radius: 0 !important;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0 !important;   /* Firefox用 */
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.box_shadow img {
	width: 98% !important;
	margin: 0 auto !important;
}

.flex {
	display: flex !important;
	flex-wrap: wrap !important;
	margin: 30px auto 50px !important;
	width: 100% !important;
	align-items: center !important;
}


.box__bg_photo {
  width: 100% !important;
  height: 600px !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

.box01 {
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

.box02 {
	width: 100% !important;
	padding: 0 !important;
	margin: 10% 0 0 !important;
}

h1 {
	color: #462b0f !important;
	font-size: 220% !important;
	font-weight: bold !important;
	top: 20% !important;
	letter-spacing: 0 !important;
	text-align: center !important;
}


p.head_sub {
	font-size: 175% !important;
	top: 40% !important;
	letter-spacing: 0 !important;
}

.cont_01_catch {
	font-size: 140% !important;
}

.cont_01 {
	width: 92% !important;
	margin: 3% auto 0 !important;
}

.cont_01_text {
	width: 70% !important;
}

.cont_01_img {
	width: 24% !important;
}

.cont_02 {
	width: 90% !important;
	margin: 0 auto !important;
}

.cont_02_bg {
	width: 100% !important;
	height: auto !important;
	margin: 15px auto !important;
}

.cont_02_textarea {
	width: 90% !important;
	padding: 2% 4% 0 !important;
	margin: 0 auto 30px !important;
}

.cont_02_catch {
	font-size: 160% !important;
	margin: 0 0 3% !important;
}

.cont_02_tx {
	font-size: 135% !important;
	line-height: 1.5em !important;
	padding: 0 0 5% !important;
}

.cont_03 {
	width: 100% !important;
	margin: 4% auto 5% !important;
}

.cont_03_catch {
	width: 100% !important;
}

.cont_03_rankarea {
	width: 94% !important;
	display: block !important;
	margin: 0 auto !important;
}

.rank_box {
	width: 96% !important;
	margin: 10% auto 0 !important;
}

.rank_inner {
	width: 100% !important;
	height: 80px !important;
	display: block !important;
}

.rank_icon {
	width: 12% !important;
}

.rank_name {
	width: 83% !important;
	font-size: 170% !important;
}

.rank_name02 {
	width: 83% !important;
	font-size: 160% !important;
}

.rank_name p {
	padding-top: 1% !important;
}

.rank_name02 p {
	padding-top: 3% !important;
}


.copy {
	background: #313131;
	font-size: 90% !important;
	color:#fff;
	padding: 20px;
	text-align: center;
}

/*----------------------------------

マーカーアニメーション
 
---------------------------------- */

.marker-animation.active{
    background-position: -100% .5em;
}
 
.marker-animation {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,250,0) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,250,0) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,250,0) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255,250,0) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 0.7s ease;
    font-weight: bold;
}



}