@charset "utf-8";
@media screen and (max-width : 640px) {
.type_story #tmp_wrapper {
    min-width: 100%;
}
#tmp_yamagata_story .story_heading h1 {
    margin-left: -10px;
    margin-right: -10px;
}
#tmp_yamagata_story .section_ttl h2 {
	font-size: 93.7%;
	color: #000000;
    padding: 0;
    max-height: 60px;
    overflow: hidden;
}
#tmp_yamagata_story h2 span {
	font-size: 260%;
}
#tmp_yamagata_story .story_top {
	margin-bottom:60px;
}
.story_section {
    padding: 28px 0 0;
}
.story_section:before {
    left: -10px;
    right: -10px;
    background: transparent url(/shared/templates/story_top/images/main/sp_story_bg.png) no-repeat top left;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
.story_section .story_inner:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: -28px;
    left: -10px;
    background: transparent url(/shared/templates/story_top/images/main/story_before.png) no-repeat top left;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    z-index: 0;
}
.story_section .story_inner:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: -10px;
    background: transparent url(/shared/templates/story_top/images/main/story_after.png) no-repeat 100% 100%;
    background-size: 150px auto;
    -webkit-background-size: 150px auto;
    -moz-background-size: 150px auto;
    z-index: 0;
}
.story_section .section_ttl {
    position: relative;
    z-index: 1;
    background: transparent url(/shared/templates/story_top/images/main/sp_story_h2_bg.png) no-repeat center 5px;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
}
.story_section h2 {
    background: transparent url(/shared/templates/story_top/images/main/sp_h2_story.png) no-repeat center 0;
    background-size: 142px auto;
    -webkit-background-size: 142px auto;
    -moz-background-size: 142px auto;
}
.story_section .story_cnt {
    position: relative;
    z-index: 1;
    font-size: 82.1%;
    line-height: 1.6;
    padding: 10px 0 17px;
}
.img_section {
    margin-left: -10px;
    margin-right: -10px;
    padding:0;
}
#tmp_contents .img_section .img_inner ul {
    margin: 0;
    padding: 10px 8px;
}
.img_section .img_inner li {
    width: 50%;
    float: left;
}
.video_section {
    position: relative;
    padding: 0 10px;
    margin:0 -10px;
}
#tmp_yamagata_story .story_top:after {
    content: '';
    position: absolute;
    width: auto;
    height: 45px;
    top: 100%;
    left: -10px;
    right: -10px;
    background: #ffffff url(/shared/templates/story_top/images/main/after_bg.png) no-repeat top left;
    background-size: 100% 100%;
}
.video_inner {
    position: relative;
    padding:20px 0 20px;
}
.video_section .video_inner {
    padding: 20px 0 50px;
}
.used_javascript .video_section .wrap_buttons_control {
	bottom:10px;
}
.video_section #play_button,
.video_section #play_button span,
.video_section #pause_button,
.video_section #pause_button span,
.video_section #mute_button,
.video_section #mute_button span {
	width:30px;
	height:30px;
}
#play_button,
#pause_button,
#mute_button {
	margin-right:0;
}
#play_button,
#pause_button,
#mute_button,
#tmp_mainvs_slider .btn_slides a {
	-webkit-background-size:20px auto !important;
	-moz-background-size:20px auto !important;
	background-size:20px auto !important;
}
/* movie_cc */
.video_section .movie_cc {
	font-size:64.2%;
	padding:8px 5px 3px 24px;
	min-width:62px;
	min-height:30px;
	-webkit-background-size:15px auto;
	-moz-background-size:15px auto;
	background-size:15px auto;
}
.colorful_section {
    padding: 6px 0;
}
.colorful_section .section_ttl {
    background: transparent url(/shared/templates/story_top/images/main/sp_colorful_h2_bg.png) no-repeat center 5px;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
}
.colorful_section h2 {
    background: transparent url(/shared/templates/story_top/images/main/sp_h2_colorful.png) no-repeat center 0;
    background-size: 121px auto;
    -webkit-background-size: 121px auto;
    -moz-background-size: 121px auto;
}
#tmp_yamagata_story .section_sub_ttl {
    font-size: 60.7%;
    padding: 0;
}
#tmp_yamagata_story .colorful_section .colorful_list {
	padding: 0;
}
#tmp_contents .colorful_list ul {
    margin: 4px -5px;
}
.colorful_list li {
    float: left;
    width: 33.3333%;
    padding: 0 5px;
    margin: 0 0 10px;
}
.colorful_list li .colorful_item {
    padding: 0 0 9px;
}
.colorful_item a {
    font-size: 59.2%;
}
.colorful_item .colorful_ttl {
    padding: 6px 0 0;
}
.colorful_item .colorful_sub_ttl {
    font-size: 4px;
}
.find_section {
    position: relative;
    padding: 40px 0 0;
}
.find_section .section_ttl {
    background: transparent url(/shared/templates/story_top/images/main/sp_find_h2_bg.png) no-repeat center 5px;
    background-size: 464px auto;
    -webkit-background-size: 464px auto;
    -moz-background-size: 464px auto;
}
.find_section h2 {
    background: transparent url(/shared/templates/story_top/images/main/sp_h2_find.png) no-repeat center 0;
    background-size: 142px auto;
    -webkit-background-size: 142px auto;
    -moz-background-size: 142px auto;
}
.find_section:before {
    left: -10px;
    right: -10px;
    background: transparent url(/shared/templates/story_top/images/main/sp_find_bg.png) no-repeat top left;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
#tmp_yamagata_story .find_section .section_sub_ttl {
    padding: 0 0 6px;
    font-size: 57.1%;
}
.find_slider {
    padding: 0 0 34px;
}
.find_section .slick-slider .slick-slide {
    padding: 0 2px;
}
.find_mv {
    padding: 0 10px;
    margin: 0 0 55px;
}
.find_section .slick-slider .find_item {
    padding: 6px 9px 8px;
}
.find_section .slick-slider .find_txt {
    font-size: 62.3%;
    padding: 6px 0 2px;
}
.find_section .slick-arrow {
    top: 73px;
}
.find_section .slick-prev {
    left: -5px;
}
.find_section .slick-next {
    right: -5px;
}
#tmp_contents .slick_control ul {
    margin-left: 12px;
}
.find_section .slick_control {
    text-align: center;
    margin: 9px 0 0;
}
.find_section .btn_slides a {
    font-size: 71.3%;
    min-width: 35px;
}
.find_section .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 3px;
}
.find_section .slick-dots li button:hover, 
.find_section .slick-dots li a:hover {
    background-color: #d9d9d9;
}
.find_section .slick-dots .slick-active button, 
.find_section .slick-dots .slick-active a {
    background-color: #183a83 !important;
    outline: none;
}
.find_section .slick-dots li button, 
.find_section .slick-dots li a {
    width: 8px;
    height: 8px;
}
.find_section .btn_slides {
    min-width: 35px;
    text-align: left;
    top: -2px;
}
.find_section .btn_slides.stop a:before, 
.find_section .btn_slides.start a:before {
    margin-right: 3px;
}
.find_section .btn_slides.start a:before {
    width: 9px;
    height: 15px;
    background: transparent url(/shared/templates/story_top/images/icon/icon_start.png) no-repeat 0 2px;
    background-size: 9px auto;
    -webkit-background-size: 9px auto;
    -moz-background-size: 9px auto;
    top: 3px;
}
.find_section .btn_slides.stop a:before {
    width: 9px;
    height: 15px;
    background: transparent url(/shared/templates/story_top/images/icon/icon_stop.png) no-repeat top left;
    background-size: 9px auto;
    -webkit-background-size: 9px auto;
    -moz-background-size: 9px auto;
    top: 5px;
}
.fsize_big2 .find_section .btn_slides.stop a:before {
    top: 1px;
}
}