@charset "utf-8";

@media screen and (max-width : 640px) {
/* ==================================================
Base
================================================== */
.channel_title h2 {
    font-size: 153.6%;
}
.channel_title h2:before {
    width: 64px;
    height: 40px;
    top: -8px;
    background-size: cover;
}
.channel_title h2:after {
    width: 64px;
    height: 40px;
    top: -8px;
    background-size: cover;
}
.channel_title h2 span {
    position: relative;
    display: inline-block;
    text-indent: -9999px;
}
.channel_title h2 span:after {
    width: 43px;
    height: 1px;
    left: -20px;
    bottom: -11px;
}
.custom_story .img_cap {
	margin-bottom:20px;
}
/* Contents
================================================== */
#tmp_contents h1 {
	padding: 2px 0 0;
	letter-spacing: 0;
	line-height: 1.4;
	font-size: 207.1%;
	background-size: 122px 70px;
	-moz-background-size: 122px 70px;
	-webkit-background-size: 122px 70px;
}
#tmp_contents h1:after {
	margin: 10px 0 0;
}
#tmp_contents h2 {
    padding: 10px 5px 8px 6px;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
#tmp_contents #tmp_section_festival .yamagata_festival_edition {
    padding: 44px 0 15px 0;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
#tmp_contents .yamagata_festival_edition .festival_heading {
    background-size: 59px auto;
    -webkit-background-size: 59px auto;
}
#tmp_contents .yamagata_festival_edition .festival_heading h1 {
    font-size: 153.5%;
    padding-top: 75px;
}
#tmp_contents .yamagata_festival_edition #tmp_festival_sub_heading {
    font-size: 71.4%;
    letter-spacing: 0.5px;
    padding-bottom: 18px;
    margin-bottom: 17px;
}
#tmp_contents .yamagata_festival_edition .festival_details {
    font-size: 114.6%;
    line-height: 1.9;
}
#tmp_contents ul.box_btn li {
    padding: 10px 45px 10px 10px;
}
#tmp_contents ul.box_btn li a {
    padding: 10px 45px 10px 10px;
    margin: -10px -45px -10px -10px
}
#tmp_contents .box_btn .box_btn_cnt {
    padding: 5px 15px 7px 10px;
}
#tmp_contents .box_menu .box_menu_ttl {
    padding: 10px 45px 10px 10px;
}
#tmp_contents .box_menu .box_menu_ttl p {
    padding: 0 0 5px;
}
#tmp_contents .box_menu .box_menu_ttl a {
    padding: 10px 45px 10px 10px;
    margin: -10px -45px -10px -10px;
}
#tmp_contents .box_menu .box_menu_cnt {
    padding: 5px 15px 7px 10px;
}
#tmp_contents .box_info,
#tmp_contents .box_link {
    margin: 0 0 20px;
}
#tmp_inquiry {
    margin: 20px 0;
}
div.col2 ,
div.col3{
	margin: 0 0 15px;
}
div.col2 div.col2L,
div.col2 div.col2R,
div.col3 div.col3L,
div.col3 div.col3M,
div.col3 div.col3R {
    padding: 0;
}
.fsize_big #tmp_inquiry_cnt .inquiry_parts .btn,
.fsize_big2 #tmp_inquiry_cnt .inquiry_parts .btn {
    text-align: center;
    width: 100%;
    padding: 0;
    background: transparent url(/shared/images/icon/icon_arrow_btn.png) no-repeat 255px center;
}
.fsize_big #tmp_inquiry_cnt .inquiry_parts .btn{
    height: 37px;
}
.fsize_big2 #tmp_inquiry_cnt .inquiry_parts .btn{
    height: 50px;
}
.fsize_big #tmp_inquiry_cnt .inquiry_parts .btn .inquiry_btn,
.fsize_big2 #tmp_inquiry_cnt .inquiry_parts .btn .inquiry_btn {
    width: 248px;
    display: inline-block
}
/* start YAMAGATA'S Story
================================================== */
#tmp_yamagata_story{
	margin:0 -20px;
    padding-bottom: 35px;
}
/* story_heading */
#tmp_contents .story_heading {
    background-size:100% auto;
	margin:0 0 20px;
	padding-top: 15.2%;
	height: auto;
}
#tmp_contents .story_heading p,
#tmp_contents .story_heading span {
	width:100%;
	height: 0;
}
#tmp_contents .colorfull_title {
	background: url(/shared/templates/story_free/images/main/yamagata_story_title_sp_bg.png) repeat-x 0 0;
    background-size:5px auto;
	margin:0 20px 25px;
	height:41px;
}
#tmp_contents .colorfull_title p {
    background: #ffffff url(/shared/templates/story_free/images/main/yamagata_story_title_sp.png) no-repeat center top;
    background-size:300px auto;
	margin: 0 auto;
}
#tmp_contents .colorfull_title p,
#tmp_contents .colorfull_title span {
    width: 300px;
	height:41px;
}
#tmp_contents .colorfull_title:before,
#tmp_contents .colorfull_title:after {
	display:none;
}
/* type_channel */
.type_channel #tmp_contents .colorfull_title {
	background: url(/shared/templates/story_free/images/main/color_full_title_sp_bg.png) repeat-x 0 0;
    background-size:5px auto;
	margin:0 20px 47px;
	height:55px;
}
.type_channel #tmp_contents .colorfull_title p {
    background: #ffffff url(/shared/templates/story_free/images/main/color_full_title_sp.png) no-repeat center top;
    background-size:300px auto;
	margin: 0 auto;
}
.type_channel #tmp_contents .colorfull_title p,
.type_channel #tmp_contents .colorfull_title span {
    width: 300px;
	height:55px;
}
/* youtube_title */
#tmp_contents .youtube_title{
    padding-bottom: 25px;
    margin-bottom: 31px;
    background-size: 183px 9px;
    -webkit-background-size: 183px 9px;
}
#tmp_contents .youtube_title h1{
    width: 260px;
}
#tmp_contents .youtube_title img{
    max-width: 100%;
    height: auto;
}
#tmp_contents .traditional_culture{
    font-size: 92.8%;
    line-height: 1.9;
    padding:0 20px;
}
#tmp_contents .pc_block{
    display: inline;
}
#tmp_contents .txt_sp_block{
    display: block;
}
/* end YAMAGATA'S Story
================================================== */

/* start おすすめ動画
================================================== */
#tmp_osusume_video .channel_title h2 {
    background: transparent url(/shared/templates/story_free/images/main/sp_osusume_ttl.png) no-repeat center 0;
    background-size: 50% auto;
    -webkit-background-size: 50% auto;
    -moz-background-size: 50% auto;
}
#tmp_osusume_video .channel_title h2:before {
    left: 50%;
    margin-left: -200px;
    background: transparent url(/shared/templates/story_free/images/main/osusume_ttl_pattern.png) no-repeat left 20px;
    background-size: 60px auto;
}
#tmp_osusume_video .channel_title h2:after {
    right: 50%;
    margin-right: -200px;
    background: transparent url(/shared/templates/story_free/images/main/osusume_ttl_pattern.png) no-repeat right 20px;
    background-size: 60px auto;
}
.osusume_video_inner {
    padding: 55px 0 67px;
}
.osusume_video_inner:before {
    content: '';
    position: absolute;
    width: auto;
    height: 100%;
    top: 0;
    left: -10px;
    right: -10px;
    background: transparent url(/shared/templates/story_free/images/main/sp_osusume_bg.png) no-repeat top left;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
.osusume_video_block {
    margin: 42px 0 0;
}
.osusume_video {
    width: 100%;
    height: 168px;
    float: none;
}
.osusume_cnt {
    width: 100%;
    float: none;
    padding: 13px 10px 27px 9px;
}
.osusume_video_panel {
    width: 55px;
    padding: 5px 10px 0 3px;
}
.osusume_ttl {
    font-size: 114.2%;
    line-height: 1.32;
} 
.osusume_video_cnt {
    line-height: 1.6;
    font-size: 92.8%;
    padding: 9px 10px 15px;
}
.osusume_video_url {
    padding-left: 9px;
}
.osusume_video_url a {
    padding: 7px 40px 6px 13px;
    font-weight: bold;
}

/* end おすすめ動画
================================================== */

/* start 最新動画
================================================== */
#tmp_latest_videos {
    padding: 29px 0 10px;
}
#tmp_latest_videos .channel_title {
    margin: 0 0 33px;
}
#tmp_latest_videos .channel_title h2 {
	font-size: 128%;
    -webkit-background-size: 89px 22px;
    -moz-background-size: 89px 22px;
    background-size: 89px 22px;
}
#tmp_latest_videos .channel_title h2:before {
    margin-left: -141px;
    background: transparent url(/shared/templates/story_free/images/main/osusume_ttl_pattern.png) no-repeat left 10px;
    background-size: 60px auto;
}
#tmp_latest_videos .channel_title h2:after {
    margin-right: -141px;
    background: transparent url(/shared/templates/story_free/images/main/osusume_ttl_pattern.png) no-repeat right 10px;
    background-size: 60px auto;
}
#tmp_latest_videos .row_videos {
    margin: 0;
}
#tmp_latest_videos .row_videos .col_videos {
    float: none;
    width: 100%;
    padding: 0;
    margin: 0 0 24px;
}
#tmp_latest_videos .video_item .video_img {
    margin: 0 0 6px;
}
#tmp_latest_videos .video_item .video_label_icon {
    width: 46px;
}
#tmp_latest_videos .video_item .video_txt {
    padding-left: 8px;
}
#tmp_latest_videos .video_item .video_txt p {
    font-size: 85.7%;
    margin: 0 0 4px;
}
#tmp_latest_videos .video_item a {
    font-size: 92.8%;
}
#tmp_latest_videos .more_list_video {
    margin-top: 6px;
}
#tmp_latest_videos .more_list_video a {
    padding: 18px 47px 18px 33px;
    font-weight: bold;
}
/* end 最新動画
================================================== */

/* start 「やまがたChannel」のチャンネル一覧
================================================== */
#tmp_channel_list {
    padding: 54px 0 18px;
    margin: 0 0 73px;
}
#tmp_channel_list .channel_title {
    padding: 20px 0 10px;
    margin: 0 0 30px;
}
#tmp_channel_list .channel_title h2 {
    padding: 10px 0;
    font-size: 128%;
    -webkit-background-size: 158px 39px;
    -moz-background-size: 158px 39px;
    background-size: 158px 39px;
}
#tmp_channel_list .channel_title h2:before {
    background: transparent url(/shared/templates/story_free/images/main/osusume_ttl_pattern.png) no-repeat top left;
    background-size: 60px auto;
    margin-left: -155px;
}
#tmp_channel_list .channel_title h2:after {
    background: transparent url(/shared/templates/story_free/images/main/osusume_ttl_pattern.png) no-repeat top right;
    background-size: 60px auto;
    margin-right: -155px;
}
#tmp_channel_list .channel_title h2 span:after {
    bottom: -19px;
}
#tmp_channel_list .row_channel {
    margin: 0 -4px;
}
#tmp_channel_list .row_channel .col_channel {
    width: 50%;
    padding: 0 4px;
    margin: 0 0 12px;
}
#tmp_channel_list .row_channel .col_channel:nth-child(2n) {
    clear: right;
}
#tmp_channel_list .row_channel .col_channel:nth-child(2n+1) {
    clear: left;
}
#tmp_channel_list .channel_item {
    padding: 8px 8px 9px;
}
#tmp_channel_list .channel_item:before {
    width: 14px;
    height: 14px;
}
#tmp_channel_list .channel_item:after {
    width: 12px;
    height: 10px;
}
#tmp_channel_list .channel_item .channel_icon  {
    width: 30px;
    text-align: center;
}
#tmp_channel_list .channel_item .channel_label img {
    width: 30px;
    height: auto;
} 
#tmp_channel_list .channel_item .channel_label_ttl {
    padding-left: 8px;
}
#tmp_channel_list .channel_item .channel_label_ttl {
    font-size: 100%;
}
#tmp_channel_list .channel_item .channel_txt {
    font-size: 85.7%;
    padding-left: 0;
}
#tmp_channel_list .channel_item .channel_top {
    margin: 0 0 6px;
}
/* end 「やまがたChannel」のチャンネル一覧
================================================== */

/* start 山形もの
================================================== */
.yamagata_banner{
    padding: 15px 0 5px 0;
    margin-bottom: 1px;
}
.yamagata_title{
    margin: 0 0 10px;
}
.yamagata_title h3{
font-size: 100%
}
.yamagata_banner .yamagata_list ul{
    margin: 0 -5px;
}
.yamagata_banner .yamagata_list ul li{
    width: 50%;
    padding: 0 5px;
    margin-bottom: 10px;
}
.yamagata_banner .yamagata_list ul li img {
    max-width: 100%;
    height: auto;
}
.yamagata_title h3:after, 
.yamagata_title h3:before{
    width: 81px;
}
.charm_of_yamagata ul {
    margin: 0 -2px;
}
.charm_of_yamagata ul li{
    padding: 0 2px;
    margin-bottom: 4px;
}
.charm_of_yamagata ul li a{
    font-size: 71.4%;
    padding: 7px 3px 6px 13px;
    background-size: auto 18px;
    background-position: 4px center;
    text-align: left;
}
.charm_of_yamagata .yamagata_title {
    margin-bottom: 6px;
}
.charm_of_yamagata{
    padding: 17px 0 21px 0;
    margin-bottom: 40px;
}
.fsize_big2 .yamagata_title h3:after, 
.fsize_big2 .yamagata_title h3:before {
    width: 70px;
}
#tmp_custom_update_wrap{
    display: block;
    padding: 0 10px;
    overflow: hidden;
    margin-bottom: 57px;
}
#tmp_custom_update_wrap #tmp_custom_update{
    float: right;
}
#tmp_custom_update_wrap .share_list{
 list-style: none;
 overflow: hidden;
}
#tmp_custom_update_wrap .share_list li{
	float: left;
}
#tmp_custom_update_wrap .share_list li .share_line,
#tmp_custom_update_wrap .share_list li .share_twitter,
#tmp_custom_update_wrap .share_list li .share_fb{
    display: block;
    width: 54px;
    height: 15px;
}
#tmp_custom_update_wrap #tmp_share{
    float: left;
}
#tmp_custom_update_wrap .share_list li img{
    width: 100%;
    height: auto;
} 
#tmp_custom_update_wrap  #tmp_update{
    font-size: 78.5%;
    margin: 0 0 0 5px;
}
/* end 山形もの
================================================== */
/* start 山形もの index
================================================== */
#tmp_yamagata_story {
    padding-bottom: 12px;
}
#tmp_contents #tmp_section_festival .yamagata_festival_edition{
    padding: 44px 0 15px 0;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
#tmp_contents #tmp_section_festival .yamagata_festival_edition .good_time_ttl {
    padding: 0 0 14px;
    background-size: 129px 7px;
    margin-bottom: 22px;
}
#tmp_contents #tmp_section_festival .yamagata_festival_edition .good_time_ttl h1,
#tmp_contents #tmp_section_festival .yamagata_festival_edition .good_time_ttl p {
    width:145px;
	height:35px;
    background-size:auto 35px;
}
#tmp_contents #tmp_section_festival .yamagata_festival_edition .good_time_ttl h1 span,
#tmp_contents #tmp_section_festival .yamagata_festival_edition .good_time_ttl p span {
    width:145px;
	height:35px;
}
#tmp_contents #tmp_section_festival .yamagata_festival_edition .traditional_culture{
    font-size: 96.4%;
	padding-bottom:0;
}
#tmp_contents #tmp_section_festival .yamagata_festival_edition .traditional_culture p {
    line-height: 1.9;
}
#tmp_contents #tmp_section_festival .yamagata_festival_list:nth-child(odd) .festival_info{
    float: none;
}
#tmp_contents #tmp_section_festival .yamagata_festival_group .festival_info{
    width: 100%;
}
#tmp_contents #tmp_section_festival .yamagata_festival_list{
    padding: 22px 0 30px 0;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
}
#tmp_contents #tmp_section_festival .yamagata_festival_list .festival_heading,
#tmp_contents .yamagata_festival_edition .festival_heading h1 {
    background-size: 59px auto !important;
}
#tmp_contents #tmp_section_festival .yamagata_festival_list .festival_heading h2{
    font-size: 153.5%;
    padding-top: 75px;
}
#tmp_contents #tmp_section_festival .yamagata_festival_list .festival_sub_heading{
    font-size: 71.4%;
    letter-spacing: 0.5px;
    padding-bottom: 18px;
    margin-bottom: 17px;
    -moz-background-size: 90px auto;
    -webkit-background-size: 90px auto;
    background-size: 90px auto;
}
#tmp_contents #tmp_section_festival .yamagata_festival_list .festival_details{
    font-size: 96.4%;
    line-height: 1.5;
    margin-bottom: 3px;
    letter-spacing: -1px;
}
#tmp_contents #tmp_section_festival .yamagata_festival_list:nth-child(odd) .festival_images{
    float: none;
}
#tmp_contents #tmp_section_festival .yamagata_festival_group .festival_images{
    width: 100%;
}
#tmp_contents #tmp_section_festival .special_story_link a{
    min-width: 166px; 
}
#tmp_contents #tmp_section_festival .festival_images .image_big {
    margin-bottom: 3px;
}
#tmp_contents #tmp_section_festival .festival_images .list_image_small ul li{
    padding: 0 2px;
}
#tmp_contents #tmp_section_festival .festival_images .list_image_small ul{
    margin: 0 -2px;
}
.festival_list_wrap{
    margin-bottom: 7px;
}
#tmp_contents #tmp_section_festival .special_story_link{
    font-size: 78.5%;
}
#tmp_contents #tmp_section_festival .special_story_link a{
    border: 1px solid #bcbcba;
    padding: 9px 10px 9px;
}
#tmp_contents #tmp_section_festival .special_story_link a:after{
    width: 19px;
    height: 5px;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-left: 5px;
}
#tmp_contents #tmp_section_festival{
    margin-bottom: 19px;
}
}