@charset "utf-8";

@media screen and (max-width : 1240px) {

/* Start layout wrapper */



/* End layout wrapper */

/* Start content inner */

#tmp_sougou_mainvs .mainvs_heading_wrap {

    margin-left: 0;

}

#tmp_sougou_mainvs .mainvs_general_link .link_list a{

    width: 170px;

    height: 170px;

}

#tmp_sougou_mainvs .mainvs_general_link .link_list a:after{

    width: 38px;

    height: 38px;

    right: 27px;

    bottom: -15px;

}

#tmp_sougou_mainvs .mainvs_general_link .link_list a .link_txt{

    height: 100%;

}

/* End content inner */

}

@media screen and (min-width : 641px) and (max-width : 1200px) {

.custom_sougou #tmp_hlogo {

	width: 270px;

	height: 94px;

}

.custom_sougou #tmp_hlogo h1, .custom_sougou #tmp_hlogo p {

	width: 150px;

	height: 30px;

}

#tmp_sougou_mainvs .mainvs_front .container {

    max-width: 100%;

}

#tmp_sougou_mainvs .mainvs_heading_wrap {

    margin-left: 0;

    width: 50%;

    margin-top: -12px;

}

#tmp_sougou_mainvs .mainvs_general_link .link_list a{

    width: 170px;

    height: 170px;

}

#tmp_sougou_mainvs .mainvs_general_link .link_list a .link_txt{

    display: block;

    text-align: center;

    height: 100%;

    max-height: 42px;

    overflow-y: auto;

    padding-bottom: 5px;

    font-size: 100%;

}

#tmp_sougou_mainvs .mainvs_general_link .link_list a {

	width: 100px;

	height: 100px;

}

#tmp_sougou_mainvs .mainvs_general_link .link_list a .link_txt {

	padding: 3px 6px;

	height: 38px;

	font-size: 87.5%;

}

#tmp_sougou_mainvs .mainvs_general_link .link_list a:after {

	right: -28px;

}

}

@media screen and (max-width : 1040px){

#tmp_sougou_mainvs .video_control_inner{

    bottom: 30px;

	padding-left: 20px;

}

.fsize_big2 #tmp_sougou_mainvs .mainvs_general_link{

    bottom: 90px;

}

}

@media screen and (max-width : 900px) {

    .custom_sougou #tmp_sougou_mainvs .mainvs_general_link {

        opacity: 0;

        transform: translateY(-10px);

        transition: all .3s;

    }

}

@media screen and (max-width : 640px) {

.custom_sougou #tmp_wrapper {

    margin-bottom: 0;

}

/* Start layout wrapper */

#tmp_sougou_mainvs .container{

	padding: 0 5px;

}

#tmp_sougou_splide .show_sp{

    display: block;

}

#tmp_sougou_splide .show_pc{

    display: none;

}

/* End layout wrapper */

/* mainvs_front_view

================================================== */

.custom_sougou #tmp_sougou_mainvs .mainvs_general_link {

    opacity: 0;

    transform: translateY(0px);

    transition: all .3s ease;

}

#tmp_sougou_mainvs .mainvs_general_link .link_list a {

	border-width: 3px;

}

#tmp_sougou_mainvs .mainvs_front .container {

    max-width: 100%;

    padding: 0;

}

#tmp_sougou_mainvs .mainvs_heading_wrap {

    width: 360px;

    left: 50%;

    top: 50%;

    min-height: 172px;

    margin: -55px auto 0;

    transform: translate(-50%, -50%);

}

#tmp_sougou_mainvs .mainvs_heading {

    min-height: 172px;

    background-image: url(../images/mainvs_heading_sp_bg.png);

}

#tmp_sougou_mainvs .mainvs_heading .sub_desc {

    font-size: 62.5%;

}

#tmp_sougou_mainvs .mainvs_heading .sub_ttl {

    font-size: 128.1%;

}

#tmp_sougou_mainvs .mainvs_heading .heading_ttl {

    font-size: 290%;

}

#tmp_sougou_mainvs .mainvs_heading .heading_furigana {

    font-size: 0.75%;

}

#tmp_sougou_mainvs .mainvs_heading .heading_lft {

    width: 140px;

    height: 76px;

    padding-top: 10px;

    margin: 0 18px 7px 9px;

    border-top-width: 1px;

    border-bottom-width: 1px;

}

#tmp_sougou_mainvs .mainvs_heading .heading_rgt {

    width: 108px;

    height: 62px;

}

#tmp_sougou_mainvs .mainvs_general_link {

    left: 0;

    right: 0;

    bottom: 115px;

    justify-content: center;

    padding: 0;

}

#tmp_sougou_mainvs .mainvs_general_link .link_list {

    gap: 10px;

    padding: 0;

}

#tmp_sougou_mainvs .mainvs_general_link .link_list a {

    width: 100px;

    height: 100px;

    -webkit-box-shadow: 0 2px 9px 1px rgba(42, 54, 95, 0.35);

    -moz-box-shadow: 0 2px 9px 1px rgba(42, 54, 95, 0.35);

    box-shadow: 0 2px 9px 1px rgba(42, 54, 95, 0.35);

}

#tmp_sougou_mainvs .mainvs_general_link .link_list a .link_txt {

    padding: 3px 6px;

    height: 38px;

    font-size: 87.5%;

}

#tmp_sougou_mainvs .mainvs_general_link .link_list a:after {

    width: 28px;

    height: 28px;

    border-width: 1px;

    right: -4px;

    -webkit-background-size: 13px auto, auto;

    -moz-background-size: 13px auto, auto;

    background-size: 13px auto, auto;

}



/* video/slide control

================================================== */

#tmp_sougou_mainvs .splide__controls,

#tmp_sougou_mainvs .video_control_inner {

    bottom: 37px;

}

#tmp_sougou_mainvs .video_control_inner {

    padding-left: 0;

}

#tmp_sougou_mainvs .splide__progress,

#tmp_sougou_mainvs .switch_controls_btn {

    font-size: 75%;

    margin-left: 2px;

}

#tmp_sougou_mainvs .media_controls .splide__arrow {

	top: -45px;

}

#tmp_sougou_mainvs .media_controls .play_control{

    margin-left: 5px;

}

#tmp_sougou_mainvs .media_controls .play_control a > span{

    min-width: 63px;

    padding: 4px 5px 3px 17px;

}

#tmp_sougou_mainvs .media_controls #tmp_play_button:before,

#tmp_sougou_mainvs .media_controls #tmp_play_button:after,

#tmp_sougou_mainvs .media_controls #tmp_pause_button:before,

#tmp_sougou_mainvs .media_controls #tmp_pause_button:after {

    width: 2px;

    height: 9px;

    left: 8px;

}

#tmp_sougou_mainvs .media_controls #tmp_play_button:before {

    border-width: 5px 0 5px 7px;

}

#tmp_sougou_mainvs .media_controls #tmp_pause_button:after {

    left: 12px;

}

#tmp_sougou_mainvs .splide__progress {

    padding: 3px 8px 0;

}

#tmp_sougou_mainvs .progress_current {

    font-size: 116.7%;

}

#tmp_sougou_mainvs .progress_total {

    padding-left: 9px;

    margin-left: 4px;

}

#tmp_sougou_mainvs .mute_control a {

    min-width: 42px;

}

#tmp_sougou_mainvs .subtitle_guide a {

    padding: 3px 7px 2px 30px;

    background-position: 8px center;

    -webkit-background-size: 18px auto;

    -moz-background-size: 18px auto;

    background-size: 18px auto;

}

#tmp_sougou_mainvs .change_mv_btn a {

    padding: 3px 7px 2px 31px;

    background-position: 10px center;

    -webkit-background-size: 16px auto;

    -moz-background-size: 16px auto;

    background-size: 16px auto;

}

/* End content inner */

/* Start control list */



/* End control list */

/* Animation sougou */

#tmp_canvas_logo_wavify {

    left: -35px;

    top: -68px;

    z-index: -1;

    transform: rotate(160deg);

}

#tmp_sougou_mainvs .bubble img{

    width: 50%;

    height: auto;

}

#tmp_sougou_mainvs .bubble_ttl_lft .bubble_1{

    top: 13px;

    left: 35px;

}

#tmp_sougou_mainvs .bubble_ttl_lft .bubble_2{

    top: 16px;

    left: 44px;

}

#tmp_sougou_mainvs .bubble_ttl_lft .bubble_3{

    top: 17px;

    left: 29px;

}

#tmp_sougou_mainvs .bubble_ttl_lft .bubble_4{

    top: 22px;

    left: 17px;

}

#tmp_sougou_mainvs .bubble_ttl_lft .bubble_5{

    top: 27px;

    left: 30px;

}

#tmp_sougou_mainvs .bubble_ttl_lft .bubble_6{

    top: 31px;

    left: 5px;

}

#tmp_sougou_mainvs .bubble_ttl_lft .bubble_7{

    top: 41px;

    left: 22px;

}

#tmp_sougou_mainvs .bubble_ttl_lft .bubble_8{

    top: 39px;

    left: 9px;

}

#tmp_sougou_mainvs .bubble_ttl_lft .bubble_9{

    top: 55px;

    left: 14px;

}

#tmp_sougou_mainvs .bubble_ttl_rgt .bubble_1{

    top: 100px;

    right: 4px;

}

#tmp_sougou_mainvs .bubble_ttl_rgt .bubble_2{

    top: 103px;

    right: 23px;

}

#tmp_sougou_mainvs .bubble_ttl_rgt .bubble_3{

    top: 116px;

    right: 20px;

}

#tmp_sougou_mainvs .bubble_ttl_rgt .bubble_4{

    top: 124px;

    right: 22px;

}

#tmp_sougou_mainvs .bubble_ttl_rgt .bubble_5{

    top: 131px;

    right: 29px;

}

#tmp_sougou_mainvs .bubble_ttl_rgt .bubble_6{

    top: 137px;

    right: 37px;

}



/* Copyright */

.custom_sougou footer .copyright {

    left: 1em;

    font-size: 75%;

}



/* ==================================================

Accessibility

================================================== */

/* Color */



/* Fsize */

.fsize_big2 #tmp_sougou_mainvs .mainvs_heading .sub_desc {

    font-size: 50%;

}

.fsize_big2 #tmp_sougou_mainvs .mainvs_heading .sub_ttl {

    font-size: 125%;

}

.fsize_big2 #tmp_sougou_mainvs .mainvs_heading .heading_furigana {

    font-size: 75%;

}

.fsize_big2 #tmp_sougou_mainvs .mainvs_heading .heading_ttl {

    font-size: 190%;

}

.fsize_big2 #tmp_sougou_mainvs .splide__progress,

.fsize_big2 #tmp_sougou_mainvs .switch_controls_btn {

    font-size: 57.1%;

}

.fsize_big #tmp_sougou_mainvs .mainvs_general_link .link_list .link_inner ,

.fsize_big2 #tmp_sougou_mainvs .mainvs_general_link .link_list .link_inner {

	border-radius: none;

}

.fsize_big #tmp_sougou_mainvs .mainvs_general_link .link_list img ,

.fsize_big2 #tmp_sougou_mainvs .mainvs_general_link .link_list img {

	width: auto;

	height: 38px;

}

.fsize_big #tmp_sougou_mainvs .mainvs_general_link .link_list a ,

.fsize_big2 #tmp_sougou_mainvs .mainvs_general_link .link_list a {

	width: 96px;

	height: 110px;

	border: none;

	border-radius: 28px;

}

.fsize_big #tmp_sougou_mainvs .mainvs_general_link .link_list a .link_txt,

.fsize_big2 #tmp_sougou_mainvs .mainvs_general_link .link_list a .link_txt{

	display: block;

	max-height: 55px;

	height: auto;

	overflow-y: auto;

}

.fsize_big #tmp_sougou_mainvs .mainvs_general_link,

.fsize_big2 #tmp_sougou_mainvs .mainvs_general_link{

    bottom: 110px;

}

.fsize_big #tmp_sougou_mainvs .mute_control a ,

.fsize_big2 #tmp_sougou_mainvs .mute_control a {

    min-width: 30px;

}

/* no-javascript */

}

@media screen and (max-width : 359px) {

#tmp_sougou_mainvs .media_controls .play_control a > span {

    padding-right: 2px;

    min-width: 60px;

}

#tmp_sougou_mainvs .mainvs_general_link .link_list a {

    width: 96px;

    height: 96px;

}

#tmp_sougou_mainvs .video_controls .play_control a {

    min-width: 62px;

    padding: 5px 3px 2px 16px;

}

#tmp_sougou_mainvs .mute_control a {

    min-width: 30px;

}

#tmp_sougou_mainvs .change_mv_btn a{

    padding-left: 24px;

    padding-right: 2px;

    background-position: 5px center;

    -webkit-background-size: 16px auto;

    -moz-background-size: 16px auto;

    background-size: 16px auto;

}

#tmp_sougou_mainvs .subtitle_guide a{

    padding-left: 22px;

    padding-right: 2px;

    background-position: 2px center;

    -webkit-background-size: 18px auto;

    -moz-background-size: 18px auto;

    background-size: 18px auto;

}

}