@charset "utf-8";blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}table img{width:100%}fieldset,img{border:0;vertical-align:bottom}address,caption,cite,dfn,em,scode,strong,th,var{font-style:normal;font-weight:400}li,ol,ul{list-style:none;padding:0;margin:0}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}abbr,acronym{border:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}a,button,input[type=submit]{cursor:pointer}a:hover,button:hover,input[type=submit]:hover{opacity:.7}input[type=submit]{-webkit-appearance:none}

/*
    ヘッダーおよびFVに関してはこのファイルに記述、head内でincludeする
    公開時はminifierに掛ける
*/

.midashi {
	font-size: 22px;
	font-weight: 600;
	text-align: center;
}

/*----------------
 フォント
----------------*/
body {
    /* メイリオ
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; */
    
    /* 游ゴシック */
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
.mincho {
	font-family: "游明朝", YuMincho,Yu-Mincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}

/* コンテンツ幅 */
.cont{
	margin-left:auto;
	margin-right: auto;
	max-width: 1024px;
}
.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.cl:after{
	content: "";
	clear: both;
	display: block;
}

/*---------------------------
 各余白
---------------------------*/
/*----------------
 マージン：上
----------------*/
/* 5px */
.mt5 {
	margin-top: 5px!important;
}
/* 10px */
.mt10 {
	margin-top: 10px!important;
}
/* 15px */
.mt15 {
	margin-top: 15px!important;
}
/* 20px */
.mt20 {
	margin-top: 20px!important;
}
/* 25px */
.mt25 {
	margin-top: 25px!important;
}
/* 30px */
.mt30 {
	margin-top: 30px!important;
}
/* 35px */
.mt35 {
	margin-top: 35px!important;
}
/* 40px */
.mt40 {
	margin-top: 40px!important;
}
/* 45px */
.mt45 {
	margin-top: 45px!important;
}
/* 50px */
.mt50 {
	margin-top: 50px!important;
}
/* 55px */
.mt55 {
	margin-top: 55px!important;
}
/* 60px */
.mt60 {
	margin-top: 60px!important;
}
/* 65px */
.mt65 {
	margin-top: 65px!important;
}
/* 70px */
.mt70 {
	margin-top: 70px!important;
}
/*----------------
 マージン：上（pc基準でレスポンシブ）
----------------*/
.mt_pc80 {
	margin-top: 80px;
}
.mt_pc70 {
	margin-top: 70px;
}
.mt_pc60 {
	margin-top: 60px;
}
.mt_pc50 {
	margin-top: 50px;
}
.mt_pc45 {
	margin-top: 45px;
}
.mt_pc40 {
	margin-top: 40px;
}
.mt_pc35 {
	margin-top: 35px;
}
.mt_pc30 {
	margin-top: 30px;
}
.mt_pc25 {
	margin-top: 25px;
}
@media screen and (max-width: 1024px) {
	.mt_pc80 {
	margin-top: calc(80px - (1024px - 100vw) * 0.0781 );
	}
	.mt_pc70 {
	margin-top: calc(70px - (1024px - 100vw) * 0.0684 );
	}
	.mt_pc60 {
	margin-top: calc(60px - (1024px - 100vw) * 0.0586 );
	}
	.mt_pc50 {
	margin-top: calc(50px - (1024px - 100vw) * 0.0488 );
	}
	.mt_pc45 {
		margin-top: calc(45px - (1024px - 100vw) * 0.0439 );
	}
	.mt_pc40 {
		margin-top: calc(40px - (1024px - 100vw) * 0.0391 );
	}
	.mt_pc35 {
		margin-top: calc(35px - (1024px - 100vw) * 0.0342 );
	}
	.mt_pc30 {
		margin-top: calc(30px - (1024px - 100vw) * 0.0293 );
	}
	.mt_pc25 {
		margin-top: calc(25px - (1024px - 100vw) * 0.0244 );
	}
}

/*----------------
 マージン：下
----------------*/
/* 5px */
.mb10 {
	margin-bottom: 5px!important;
}
/* 10px */
.mb10 {
	margin-bottom: 10px!important;
}

/* 15px */
.mb15 {
	margin-bottom: 15px!important;
}
/* 20px */
.mb20 {
	margin-bottom: 20px!important;
}
/* 25px */
.mb25 {
	margin-bottom: 25px!important;
}
/* 30px */
.mb30 {
	margin-bottom: 30px!important;
}
/* 35px */
.mb35 {
	margin-bottom: 35px!important;
}
/* 40px */
.mb40 {
	margin-bottom: 40px!important;
}
/* 45px */
.mb45 {
	margin-bottom: 45px!important;
}
/* 50px */
.mb50 {
	margin-bottom: 50px!important;
}
/* 55px */
.mb55 {
	margin-bottom: 55px!important;
}
/* 60px */
.mb60 {
	margin-bottom: 60px!important;
}
/* 65px */
.mb65 {
	margin-bottom: 65px!important;
}
/* 70px */
.mb70 {
	margin-bottom: 70px!important;
}

/*----------------
 マージン：下（pc基準でレスポンシブ）
----------------*/
.mb_pc80 {
	margin-bottom: 80px;
}
.mb_pc70 {
	margin-bottom: 70px;
}
.mb_pc60 {
	margin-bottom: 60px;
}
.mb_pc50 {
	margin-bottom: 50px;
}
.mb_pc45 {
	margin-bottom: 45px;
}
.mb_pc40 {
	margin-bottom: 40px;
}
.mb_pc35 {
	margin-bottom: 35px;
}
.mb_pc30 {
	margin-bottom: 30px;
}
.mb_pc25 {
	margin-bottom: 25px;
}
@media screen and (max-width: 1024px) {
	.mb_pc80 {
	margin-bottom: calc(80px - (1024px - 100vw) * 0.0781 );
	}
	.mb_pc70 {
	margin-bottom: calc(70px - (1024px - 100vw) * 0.0684 );
	}
	.mb_pc60 {
	margin-bottom: calc(60px - (1024px - 100vw) * 0.0586 );
	}
	.mb_pc50 {
	margin-bottom: calc(50px - (1024px - 100vw) * 0.0488 );
	}
	.mb_pc45 {
		margin-bottom: calc(45px - (1024px - 100vw) * 0.0439 );
	}
	.mb_pc40 {
		margin-bottom: calc(40px - (1024px - 100vw) * 0.0391 );
	}
	.mb_pc35 {
		margin-bottom: calc(35px - (1024px - 100vw) * 0.0342 );
	}
	.mb_pc30 {
		margin-bottom: calc(30px - (1024px - 100vw) * 0.0293 );
	}
	.mb_pc25 {
		margin-bottom: calc(25px - (1024px - 100vw) * 0.0244 );
	}
}

/*----------------
 パディング：上
----------------*/
/* 5px */
.pt5 {
	padding-top: 5px!important;
}
/* 10px */
.pt10 {
	padding-top: 10px!important;
}
/* 15px */
.pt15 {
	padding-top: 15px!important;
}
/* 20px */
.pt20 {
	padding-top: 20px!important;
}
/* 25px */
.pt25 {
	padding-top: 25px!important;
}
/* 30px */
.pt30 {
	padding-top: 30px!important;
}
/* 35px */
.pt35 {
	padding-top: 35px!important;
}
/* 40px */
.pt40 {
	padding-top: 40px!important;
}
/* 45px */
.pt45 {
	padding-top: 45px!important;
}
/* 50px */
.pt50 {
	padding-top: 50px!important;
}
/* 55px */
.pt55 {
	padding-top: 55px!important;
}
/* 60px */
.pt60 {
	padding-top: 60px!important;
}
/* 65px */
.pt65 {
	padding-top: 65px!important;
}
/* 70px */
.pt70 {
	padding-top: 70px!important;
}
/*----------------
 パディング：上（pc基準でレスポンシブ）
----------------*/
.pt_pc80 {
	padding-top: 80px;
}
.pt_pc70 {
	padding-top: 70px;
}
.pt_pc60 {
	padding-top: 60px;
}
.pt_pc50 {
	padding-top: 50px;
}
.pt_pc45 {
	padding-top: 45px;
}
.pt_pc40 {
	padding-top: 40px;
}
.pt_pc35 {
	padding-top: 35px;
}
.pt_pc30 {
	padding-top: 30px;
}
.pt_pc25 {
	padding-top: 25px;
}
@media screen and (max-width: 1024px) {
	.pt_pc80 {
	padding-top: calc(80px - (1024px - 100vw) * 0.0781 );
	}
	.pt_pc70 {
	padding-top: calc(70px - (1024px - 100vw) * 0.0684 );
	}
	.pt_pc60 {
	padding-top: calc(60px - (1024px - 100vw) * 0.0586 );
	}
	.pt_pc50 {
	padding-top: calc(50px - (1024px - 100vw) * 0.0488 );
	}
	.pt_pc45 {
		padding-top: calc(45px - (1024px - 100vw) * 0.0439 );
	}
	.pt_pc40 {
		padding-top: calc(40px - (1024px - 100vw) * 0.0391 );
	}
	.pt_pc35 {
		padding-top: calc(35px - (1024px - 100vw) * 0.0342 );
	}
	.pt_pc30 {
		padding-top: calc(30px - (1024px - 100vw) * 0.0293 );
	}
	.pt_pc25 {
		padding-top: calc(25px - (1024px - 100vw) * 0.0244 );
	}
}

/*----------------
 パディング：下
----------------*/
/* 5px */
.pb5 {
	padding-bottom: 5px!important;
}
/* 10px */
.pb10 {
	padding-bottom: 10px!important;
}
/* 15px */
.pb15 {
	padding-bottom: 15px!important;
}
/* 20px */
.pb20 {
	padding-bottom: 20px!important;
}
/* 25px */
.pb25 {
	padding-bottom: 25px!important;
}
/* 30px */
.pb30 {
	padding-bottom: 30px!important;
}
/* 35px */
.pb35 {
	padding-bottom: 35px!important;
}
/* 40px */
.pb40 {
	padding-bottom: 40px!important;
}
/* 45px */
.pb45 {
	padding-bottom: 45px!important;
}
/* 50px */
.pb50 {
	padding-bottom: 50px!important;
}
/* 55px */
.pb55 {
	padding-bottom: 55px!important;
}
/* 60px */
.pb60 {
	padding-bottom: 60px!important;
}
/* 65px */
.pb65 {
	padding-bottom: 65px!important;
}
/* 70px */
.pb70 {
	padding-bottom: 70px!important;
}
/*----------------
 パディング：下（pc基準でレスポンシブ）
----------------*/
.pb_pc80 {
	padding-bottom: 80px;
}
.pb_pc70 {
	padding-bottom: 70px;
}
.pb_pc60 {
	padding-bottom: 60px;
}
.pb_pc50 {
	padding-bottom: 50px;
}
.pb_pc45 {
	padding-bottom: 45px;
}
.pb_pc40 {
	padding-bottom: 40px;
}
.pb_pc35 {
	padding-bottom: 35px;
}
.pb_pc30 {
	padding-bottom: 30px;
}
.pb_pc25 {
	padding-bottom: 25px;
}
@media screen and (max-width: 1024px) {
	.pb_pc80 {
	padding-bottom: calc(80px - (1024px - 100vw) * 0.0781 );
	}
	.pb_pc70 {
	padding-bottom: calc(70px - (1024px - 100vw) * 0.0684 );
	}
	.pb_pc60 {
	padding-bottom: calc(60px - (1024px - 100vw) * 0.0586 );
	}
	.pb_pc50 {
	padding-bottom: calc(50px - (1024px - 100vw) * 0.0488 );
	}
	.pb_pc45 {
		padding-bottom: calc(45px - (1024px - 100vw) * 0.0439 );
	}
	.pb_pc40 {
		padding-bottom: calc(40px - (1024px - 100vw) * 0.0391 );
	}
	.pb_pc35 {
		padding-bottom: calc(35px - (1024px - 100vw) * 0.0342 );
	}
	.pb_pc30 {
		padding-bottom: calc(30px - (1024px - 100vw) * 0.0293 );
	}
	.pb_pc25 {
		padding-bottom: calc(25px - (1024px - 100vw) * 0.0244 );
	}
}

/* allsize end */
/*===========================================
 以下、メディアクエリ
===========================================*/
/*===========================
 【1024px以下】
 ★タブレット横以下に適用されるCSS
===========================*/
@media screen and (max-width:1024px){
    .cont {
        padding-left :15px;
        padding-right :15px;
    }
	/* 1024down end */
}
/*===========================
【1023px以下】
 ★PC未満に適用されるCSS
===========================*/
@media screen and (max-width:1023px){
	/* メニューバー */
    .cont_pc_miman {
        padding-left: 15px;
        padding-right: 15px;
    }
	.sp_mail {
		right: 125px;
	}
	.sp_tel {
		right: 80px;
	}
	.header_link_sp, .link_img {
		display: block;
		position: fixed;
		top: 0px;
		height: 57px;
		z-index: 99;
		text-decoration: none;
		color: #ffffff;
	}
	.sp_mail img, .sp_tel img, .sp_insta img, .sp_facebook img {
		height: 28px!important;
		margin-top: 8.5px;
	}
	header {
		padding-top: 57px;
	}

	.header_link_sp img {
		height: 38px;
		width: auto!important;
		line-height: 45px;
	}
	
	/* ロゴ部のリンク */
	.header_link_sp {
		display:block;
		position: fixed;
		left:8px;
		top:3px;
		height: 38px;
		z-index: 99;
	}
	
	.header_link_sp a {
		text-decoration: none;
		color: #ffffff;
	}
	.header_link_sp span {
		font-size: 20px;
		line-height: 45px;
	}
	.header_link_sp img {
		width: 100%;
	}

	/*---------------
	 スマホメニュー ドアタイプ
	 ※展開時にロゴが消える仕様にする場合、drawer-menuとclose-menuのtopを0に変更し、heightを100vhに変更
	 　header_link_spにtransitionを付与し、また、.checked:checked  ~ .header_link_spに対してopacityを0でふわっと消える
	----------------*/
    #header_sp {
    background-color: #000000;
    position: fixed;
    top: 0;
    z-index: 99;
    height: 57px;
    width: 100%;
    border-bottom: 1px solid gray;
    }
    .drawer-menu p {
        transform: translateX(-800px)
    }
    .check:checked ~ .drawer-menu p {
        color: #fff;
        display: block;
        position: absolute;
        top:30px;
        left:30px;
        font-size: 20px;
        border-bottom: 1px solid #fff;
        -webkit-transition-delay: .6s;
        transition-delay: .6s;
        transform: translateX(0);
        transition-property: all;
		-webkit-transition-property: all;
        transition-duration: .5s;
        -webkit-transition-duration: .5s;
    }
    .drawer-menu {
    	overflow-y: scroll;
        box-sizing: border-box;
        position: fixed;
        top: 57px;
        right: 0;
        width: 300px;
        height: calc(100vh - 57px);
        padding: 100px 0;
        background: #222;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: perspective(500px) rotateY(-90deg);
        transform: perspective(500px) rotateY(-90deg);
        transform-style: preserve-3d;
        transition-property: rotate,perspective,opacity,transform;
        opacity: 0;
    }

    .drawer-menu li {
        text-align: center;
    }
    .drawer-menu li a {
        display: block;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        color: #fff;
        -webkit-transition: all .8s;
        transition: all .8s;
        border-bottom: 1px solid #666666;
        text-decoration: none;
    }
    .drawer-menu li:first-child {
        border-top: 1px solid #666666;
    }
    .drawer-menu li a:hover {
        color: #1a1e24;
        background: #fff;
    }

    .check {
        display: none;
    }

    .menu-btn {
        position: fixed;
        display: block;
        top: 0;
        right: 0;
        width: 60px;
        height: 55px;
        font-size: 10px;
        text-align: center;
        cursor: pointer;
        background-color: #313131;
        z-index: 101;
    }

    .bar {
        position: absolute;
        top: 10px;
        left: 10px;
        display: block;
        width: 40px;
        height: 1px;
        background: #fff;
        -webkit-transition: all .5s;
        transition: all .5s;
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
        z-index: 4;
    }

    .bar.middle {
        top: 20px;
        opacity: 1;
        z-index: 4;
    }

    .bar.bottom {
        top: 30px;
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        z-index: 4;
    }

    .menu-btn__text {
        position: absolute;
        bottom: 0px;
        left: 0;
        right: 0;
        margin: auto;
        color: #fff;
        -webkit-transition: all .5s;
        transition: all .5s;
        display: block;
        visibility: visible;
        opacity: 1;
        z-index: 4;
    }

    .close-menu {
        position: fixed;
        top: 57px;
        right: 300px;
        width: 100%;
        height: calc(100vh - 57px);
        background: rgba(0,0,0,0);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        visibility: hidden;
        opacity: 0;
        z-index: 4;
        -webkit-transition-property: rotate,perspective,opacity,transform;
        transition-property: rotate,perspective,opacity,transform;
    }

    .check:checked ~ .drawer-menu {
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
        z-index: 100;
        -webkit-backface-visibility:visible;
        backface-visibility:visible;
        -webkit-transition-duration: .6s;
        transition-duration: .6s;
    }

    .check:checked ~ .contents {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        transform: translateX(-300px);
    }

    .check:checked ~ .menu-btn .menu-btn__text {
        visibility: hidden;
        opacity: 0;
    }

    .check:checked ~ .menu-btn .bar.top {
        width: 56px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .check:checked ~ .menu-btn .bar.middle {
        opacity: 0;
    }

    .check:checked ~ .menu-btn .bar.bottom {
        width: 56px;
        top: 50px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .check:checked ~ .close-menu {
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
        background: rgba(0,0,0,.5);
        visibility: visible;
        opacity: 1;
        z-index: 100;
    }

	/*----------------
	 スマホメニュー ドアタイプここまで
	----------------*/
}

/*===========================
【800px以下】
★タブレット以下に適用されるCSS
===========================*/
@media screen and (max-width:800px){
	/* 800down end */
}
/*===========================
【767px以下】
★タブレット未満に適用されるCSS
===========================*/
@media screen and (max-width:767px){
	.cont_tb_miman {
		padding-left: 15px;
		padding-right: 15px;
	}
	/* 767down end */
}
/*===========================
 【666px以下】
 ★iPhone6以降の横未満に適用されるCSS
===========================*/
@media screen and (max-width:666px) {
	/* 666down end */
}
/*===========================
 【567px以下】
★iPhone5横未満まで適用されるCSS
===========================*/
@media screen and (max-width:567px){
	/* 567down end */
}
/*===========================
 【414px以下】
★iPhone6PLUS縦まで適用されるCSS
===========================*/
@media screen and (max-width:414px){
	/* 414down end */
}
/*===========================
 【375px以下】
★iPhone6,7縦まで適用されるCSS
===========================*/
@media screen and (max-width:375px){
	/* 375down end */
}
/*===========================
 【360px以下】
 ★Xperia AX SO-01E以下に適用されるCSS
===========================*/
@media screen and (max-width:360px){
	/* 360down end */
}
/*===========================
 【359px以下】
 ★iphone初期にのみ適用されるCSS
===========================*/
@media screen and (max-width:359px){
	/* 359down end */
}
/*===========================
 【568px以上】
 ★iPhone5横以上から表示されるCSS
===========================*/
@media screen and (min-width:568px) {
	/* 568over end */
}
/*===========================
 【667px以上】
 ★iPhone6以降の横以上に適用されるCSS
===========================*/
@media screen and (min-width:667px){
	/* 667over end */
}
/*===========================
【768px以上】 
★タブレット(最小)以上に適用されるCSS
===========================*/
@media screen and (min-width:768px){
   .flex_tb_over {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
	/* 768over end */
}
/*===========================
【801px以上】 
★タブレット縦(最大)より大きい場合に適用されるCSS
===========================*/
@media screen and (min-width:801px){
	/* 801over end */
}
/*===========================
【667px】～【800px】  
★iPhone6以降の横以上かつ、タブレット縦以下まで表示されるCSS
===========================*/
@media screen and (min-width:667px) and (max-width:800px){
	/* 667~800 end */
}
/*===========================
 【667px】～【1023px】
 ★iphone6横～PC未満まで適用されるCSS
===========================*/
@media screen and (min-width:667px) and (max-width:1023px){
	/* 667~1023 over end */
}
/*===========================
 【415px】～【800px】 
 ★スマホ縦より大、かつ、タブレット以下まで表示されるCSS
===========================*/
@media screen and (min-width:415px) and (max-width:800px){
	/* 415~800 end */
}
/*===========================
 【768px】～【1023px】 
 ★タブレット以上、かつ、PC以下に適用されるCSS
===========================*/
@media screen and (min-width:768px) and (max-width:1023px){
	/* 768~1023 end */
}
/*===========================
 【1024px以上】
 ★PC以上に適用されるCSS
===========================*/
@media screen and (min-width:1024px){
	.flex_pc_over {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
	}
	/* 1024over end */
}
/*===========================
 【1280px以上】
 ★PC(1280px）以上に適用されるCSS
===========================*/
@media screen and (min-width:1280px){
	/* 1280over end */
}
/*===========================
 【1400px以上】
 ★PC(1400px）以上に適用されるCSS
===========================*/
@media screen and (min-width:1400px){
	/* 1400over end */
}

/*======================================================*/
/* これより下は編集しないこと							   */
/*======================================================*/
/*===========================
 ★表示切替
===========================*/
/*----------------
 360px以下のみ表示
----------------*/
@media screen and (min-width:361px){
	.disp_360ika {
		display: none!important;
	}
}
/*----------------
 450px以下のみ表示
----------------*/
@media screen and (min-width:451px){
	.disp_450ika {
		display: none!important;
	}
}
/*----------------
 タブレット未満で表示
----------------*/
@media screen and (min-width:768px){
	.disp_tb_miman {
		display: none!important;
	}
}

/*----------------
 タブレット以下で表示
----------------*/
@media screen and (min-width:835px){
	.disp_tb_ika {
		display: none!important;
	}
}
/*----------------
 タブレット縦以上で表示 
----------------*/
@media screen and (max-width:767px){
	.disp_tb_over {
		display: none!important;
	}
}
/*----------------
 タブレット縦を超す幅で表示 
----------------*/
@media screen and (max-width:834px){
	.disp_tb_835over {
		display: none!important;
	}
}
/*----------------
 タブレットのみで表示
----------------*/
@media screen and (min-width:835px) and (max-width:767px) {
    .disp_tb_only {
        display: none!important;        
    }
}
/*----------------
 PC未満で表示 
----------------*/
@media screen and (min-width:1024px){
	.disp_pc_miman {
		display: none!important;
	}
}

/*----------------
 pc以上で表示 
----------------*/
@media screen and (max-width:1023px){
	.disp_pc_over {
		display: none!important;
	}
}