/* =============================================================
		各デバイスごと
		============================================================= */
		@media (max-width: 991.98px) {
			body, html {
				font-size: calc(var(--vk-size-text) * .8);
			}
		}

		/* 1200px以上
		----------------------------*/
		@media (min-width: 1200px){

			/* ==========================================
			全ページ共通部分
			========================================== */
			/*  ナビ
			--------------------------------------*/
			/* 最大幅 */
			.global-nav-list {
				max-width: 1180px;
			}

			/*  コンテンツ
			--------------------------------------*/
			/* 最大幅 */
			.content-in {
				max-width: 1180px;
				padding: 0;
			}	
		}


		/* 1199px以下（小型PC　1024pxにも対応するため変更。元は991px以下）
		----------------------------*/
		@media (max-width: 1199px){

			/* ==========================================
			全ページ共通部分
			========================================== */	
			/* 最大幅 */
			.global-nav-list {
				max-width: 1140px;
			}
			/* ロゴ
			--------------------------------------*/
			/* センター表示に */
			.site-header--layout--nav-float .site-header-logo {
				padding-top: 1.5rem;
				margin-bottom: 1.4rem;
			}
			/* 大きさ */
			.site-header--layout--nav-float .site-header-logo img {
				width: 40%;
			}

			/* コンテンツ
			-------------------------------------------*/
			/* 大枠
			----------------------------*/
			.main-section {
				margin-bottom: 0;
			}

			/* フッター
			--------------------------------------*/
			/* 大枠
			--------------*/
			.site-footer {
				padding-top: 0;
			}
		}/* 1199px以下終わり */


		/* 992px以上
		----------------------------*/
		@media (min-width: 992px){
			/* =============================================================
			全ページ共通部分
			============================================================= */
			/* 最大幅 */
			.global-nav-list {
				max-width: 720px;
			}
			/* ヘッダー
			-------------------------------------------*/
			/*  ロゴ・ナビ共通
			----------------------------*/
			/* 位置をセンターに（lightning更新上書き） */
			.site-header--layout--nav-float .site-header-logo a {
				width: auto;
			}

			/* グローバルナビゲーション
			-------------------------------------------*/
			/* 位置をセンター寄せに（lightning更新上書き）*/
			.site-header-container .global-nav--layout--float-right,
			.site-header-container .global-nav-list {
				margin: 0 auto;
			}

		}/* 992px以上終わり */


		/* 991px以下
		----------------------------*/
		@media (max-width: 991px){
			/* ==========================================
			全ページ共通部分
			========================================== */	
			/*  コンテンツ
			--------------------------------------*/
			/* 最大幅 */
			.content-in {
				max-width: 960px;
				padding: 0;
			}	
			/* フッター
			--------------------------------------*/
			/* フッターウィジェット
			----------------------------*/	
			/* 3カラム目 リスト
			--------------*/
			/* 運営会社のロゴ　サイズ調整 */
			.site-footer-content .col-lg-4:last-child .widget .m-company a img {
				width: 26%;
			}
			/* グループ会社を横幅いっぱいに */
			.site-footer-content .col-lg-4:last-child,
			.site-footer-content .col-md-6:last-child {
				flex: 0 0 100%;
				max-width: 100%;
				margin-top: 2rem;
			}
			.site-footer-content .col-lg-4:last-child .widget li,
			.site-footer-content .col-md-6:last-child .widget li {
				width: 31%;
			}

		} /* 991以下終わり */

		/* 768px以下
		----------------------------*/
		@media (max-width: 768px){
			/* ==========================================
			全ページ共通部分
			========================================== */
			/*  コンテンツ
			--------------------------------------*/
			/* 最大幅 */
			.content-in {
				max-width: 720px;
				padding: 0;
			}	
			/* ロゴ
			--------------------------------------*/
			/* センター表示に */
			.site-header--layout--nav-float .site-header-logo {
				padding-top: 1.2rem;
				margin-bottom: 1.1rem;
			}
			/* 大きさ */
			.site-header--layout--nav-float .site-header-logo img {
				width: 40%;
			}

			/*  グローバルナビゲーション
			-------------------------------------------*/
			/* タブレット以下のメニューを縦並びに */
			.vk-menu-acc {
				display: block;
			}

			/* ページヘッダー
			--------------------------------------*/
			/* マージン調整 */
			.page-header {
				min-height: auto;
			}
			.page-header-inner {
				margin: 2rem auto;
			}
			/* タイトルの大きさ */	
			h1.page-header-title {
				font-size: 1.4rem;
			}

			/* 完全データ入稿ページ
			--------------------------------------*/
			/* li */
			.print-size ul.wrapper li{
				width:45%;
			}
			.print-size .example .tab_contents ul li{
				width:45%;
			}
			.print-size .position ul li{
				width:45%;
			}



		} /* 767以下終わり */



		/* 768px以上
		----------------------------*/
		@media (min-width: 768px){


		} /* 767以上終わり */


		/* 575px以上
		----------------------------*/
		@media (max-width: 575px){

			/* ==========================================
			全ページ共通部分
			========================================== */
			/*  コンテンツ
			--------------------------------------*/
			/* 最大幅 */
			.content-in {
				max-width: 540px;
				padding: 0;
			}	
		}


		/* 575px以下
		----------------------------*/
		@media (max-width: 575px){

			/* ==========================================
			全ページ共通部分
			========================================== */
			/*  コンテンツ
			--------------------------------------*/
			/* 最大幅 */
			.no-sidebar .content-in {
				max-width: 450px;
				padding: 0;
			}	
			/* ページヘッダー
			--------------------------------------*/
			/* マージン調整 */
			.page-header-inner {
				margin: 1rem auto;
			}

			/* ロゴ
			--------------------------------------*/
			/* 大きさ */
			.site-header--layout--nav-float .site-header-logo img {
				width: 65%;
			}

			/* コンテンツ
			--------------------------------------*/
			/* バナー・ボタンSP用（S用P表示、PC用非表示）
			----------------------------*/
			.sp {
				display: block;
			}
			.pc {
				display: none;
			}

			/* フッター
			--------------------------------------*/
			/* 大枠
			--------------*/
			/* マージンを変更 */
			.site-footer-content {
				padding-top: 2rem;
			}
			/* 3カラム目 リスト
			--------------*/
			/* 横幅　マージンを変更 */
			.site-footer-content .col-lg-4:nth-child(2),
			.site-footer-content .col-md-6:nth-child(2) {
				margin-top: 2rem;
			}
			/* 運営会社のロゴ　サイズ調整 */
			.site-footer-content .col-lg-4:last-child .widget .m-company a img {
				width: 40%;
			}
			/* グループ会社を横幅2列に */
			.site-footer-content .col-lg-4:last-child .widget li,
			.site-footer-content .col-md-6:last-child .widget li {
				width: 47%;
			}


			/* =============================================================
			会社情報
			============================================================= */
			/* 会社概要
			-------------------------------------------*/
			/* 定義リスト
			----------------------------*/
			/* リスト 縦並びに */
			.company dl {
				flex-flow: column;
			}
			/* マージンとボーダー削除 */
			.company dt,
			.company dd {
				margin: 0;
				border-bottom: 0;
				padding: 0;
			}
			/* タイトル　横幅を100%に 背景追加してセンター寄せ　マージン調整 */
			.company dt {
				width: 100%;
				background-color: #ced9f3;
				text-align: center;
				padding: 0.5rem;
				margin: 1rem 0 0;
			}
			/* 詳細　横幅を100%に　マージン調整 */
			.company dd {
				width: 100%;	
				margin: 0.5rem 0 1rem;
			}

			/* 写真部分
			----------------------------*/
			/* sp用表示、上マージン */
			.company .block1 .pic.sp {
				display: block;
				margin-top: 1rem;
			}
			/* テキスト横幅100%に */
			.company .block1 li.txt,
			.company .block1 li.txt dt,
			.company .block1 li.txt dd {
				width: 100%;
			}
			/* pc用、非表示 */
			.company .block1 li.pic.pc {
				display: none;
			}

		}/* 575px以下終わり */













		/*===============834px以下===================*/
		@media screen and (max-width: 834px){

			.about-price{
				padding:0.8rem 1rem;
				margin:1rem;
			}

			.about-price li:first-child{
				padding:1rem 2rem;
			}

			/*　　プリントサイズ　　*/
			.kandata-div{
				display:block;

			}

			.article .kandata-div ul{
				margin-bottom:2rem;
				padding-left:0;
			}

			.kandata-div-li{
				text-align:center;
			}

			.kandata-div ul{
				margin-bottom:2rem;
			}



			/*　　デザインテンプレート　　*/

			.design-box p:first-child{
				font-size:1em;
			}

			.design-box ul{
				display:block;
				text-align:center;
				padding-left:0;
			}


			.article .design-box li{
				margin:1rem 0;
			}

			.p-padleft{
				padding-left:0;
			}




			/*   プリント位置を指定したい場合　　*/

			.article .print-shitei-list ul{
				margin-bottom:2rem;
				padding-left:0;
			}

			.print-shitei-list{
				display:block;
			}

			.img-center{
				text-align:center;
			}


		}

		/*=================480px以下====================*/
		@media screen and (max-width: 480px){
			/* プリントタイプ　枠 */
			.print-size ul.wrapper li{
				width:45%;
				flex:none;
			}



			/*　価格について　*/
			.about-price{
				margin:0;
				padding:1rem 0.2rem;
			}

			.about-price ul{
				padding-left:0;
			}

			.kandata-div2{
				display:block;
			}

			.kandata-div2 ul{
				margin-bottom:2rem;
			}

			/*　プリント位置　*/
			.print-ichi-dl{
				display:block;
			}

			/*　エプロンページへのバナー */
			.pc-btn{
				display:none;
			}

			.sp-btn{
				display:block;
				margin-bottom:2rem;
			}


		}