/* =============================================================
各デバイスごと
============================================================= */
@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;
	}
	/*  コンテンツ
	--------------------------------------*/
	/* 最大幅 */
	.content-in {
		max-width: 960px;
		padding: 0;
	}	
	/* ヘッダー
	-------------------------------------------*/
	/*  ロゴ・ナビ共通
	----------------------------*/
	/* 位置をセンターに（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){
	/* ==========================================
	全ページ共通部分
	========================================== */	
	/* フッター
	--------------------------------------*/
	/* フッターウィジェット
	----------------------------*/	
	/* 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){

	/* ==========================================
	全ページ共通部分
	========================================== */}	
/* ロゴ
--------------------------------------*/
/* センター表示に */
.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;
}

} /* 767以下終わり */



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

	/* ==========================================
	全ページ共通部分
	========================================== */
	/*  コンテンツ
	--------------------------------------*/
	/* 最大幅 */
	.content-in {
		max-width: 720px;
		padding: 0;
	}	
} /* 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;
	}


}