@charset "utf-8";
.colo_B20D0D {color: #B20D0D !important;}
.colo_B20D0D a {color: #B20D0D !important;}

/*==============================
/***  メインコンテンツ  ***/
/*=============================*/
/*=== ご注文方法 ===*/
.flow01 img { margin: 0 auto;}

.flow01_bk {
    background:url("../img/sub/flow_bk.png") repeat-y center; 
}

.flow01_01 {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 4em 6% 2em;
    width: 88%;
    position: relative;
}
.flow01_02 {
    width: 90%;
    padding: 0 5%;
}
.flow01_03 {
    width: 90%;
    padding: 0 5%;
}
.flow01_04 {
    position: absolute;
    top: -8%;
    left:0;
    background: #B40F0F;
    border-radius: 50px;
    padding: 0.7em 5%;
    width: 70%;
    margin: 0 10%;
}

/*=== 選ばれる理由 ===*/
.reas01 img,
.reas02 img { margin: 0 auto;}

.reas02_01 { background: url("../img/sub/reas_bk01.jpg") no-repeat bottom; background-size: cover; }
.reas02_02 { background: url("../img/sub/reas_bk02.jpg") no-repeat bottom; background-size: cover;  }
.reas02_03 { background: url("../img/sub/reas_bk03.jpg") no-repeat bottom; background-size: cover;  }
.reas02_04 { background: url("../img/sub/reas_bk04.jpg") no-repeat bottom; background-size: cover;  }
.reas02_05 { background: url("../img/sub/reas_bk05.jpg") no-repeat bottom; background-size: cover;  }
.reas02_06 { background: url("../img/sub/reas_bk06.jpg") no-repeat bottom; background-size: cover;  }
.reas02_07 { background: url("../img/sub/reas_bk07.jpg") no-repeat bottom; background-size: cover;  }
.reas02_08 { background: url("../img/sub/reas_bk08.jpg") no-repeat bottom; background-size: cover;  }

.reas03_01 {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 4em 10% 2em;
    width: 80%;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
    position: relative;
}
.reas03_02 {
    position: absolute;
    top: -2em;
    left:0;
    width: 100%;
}
.reas03_03 {
    width: 100%;
    padding-right: 0;
}
.reas03_04 {
    width: 100%;
    padding-left: 0;
}
.reas03_05 {
    width: 50%;
}

.reas03_06L { width: 100%; }
.reas03_06R { width: 100%; }


/*===================
　　ライブ　パフォーマンス
===================*/
.perf02 img { margin: 0 auto;}

.perf01_bnr img{
	width:94%;
	margin:0 3%;
}

.perf02_01 {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 4em 10% 2em;
    width: 80%;
    position: relative;
}
.perf02_02 {
    position: absolute;
    top: -7em;
    left:0;
    width: 100%;
}
.perf02_03 img { margin: 0;}
.perf02_04L { width: 100%; }
.perf02_04R { width: 100%; }


/*コミコミプラン*/

.back_B40F0F{
	background:#B40F0F;
}

.colo_B40F0F{color:#B40F0F !important;}
.colo_B40F0F a{color:#B40F0F !important;}

.komi01bg{
	background: url(../img/sub/komi_01_bg.jpg) no-repeat;
	background-size: cover;
}
.komi02bg{
	background: url(../img/sub/komi_02_bg.jpg) no-repeat;
	background-size: cover;
}
.block_1600{
	width:90%;
	max-width: 1600px;
	margin:0 auto;
}

.komi02_01img{
	width:45%;
	margin:1em auto 1.5em;
}
.komi02_01>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}

.komi02_01>ul>li{
	width:80%;
	margin:1em auto;
	border:#B40F0F 4px solid;
	box-sizing: border-box;
	background: rgba(255,255,255,0.6);
	border-radius: 20px;
	padding:1.5em 2em;
}

.komi03_01bg{
	background: url(../img/komikomi/komi_03_bg.png) repeat;
}

.komi03_01>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}

.komi03_01>ul>li{
	width:48%;
	margin:1em 1% 0;
}

.bord_F9B7B7_4t{
	border-top:#F9B7B7 4px solid;
}

.komi03_02{/*1140 720*/
	width:100%;
	margin:0 auto;
	
}
.komi03_02>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	justify-content: center;
}


.komi03_02>ul>li{/*193 720*/
	width:31%;
	margin:0 1%;
}

.back_F85F13{
	background:#F85F13;
}

/*コミコミプランのよくある質問*/
.komi_qa .qa01_00>ul>li{
	padding:1.5em 0;
}

.komi_qa .qa01_01 h3{
	display: inline-block;
	padding:0.7em 0;
	margin:1em 0 0;
	border-radius: 50px;
}

.komi_qa .qa01_01>div>ul>li{
	background:#FFFFFF;
	border-radius: 15px;
	margin:1em 0;

}

.komi_qa .qa01_01>div>ul>li>a{
	display: block;
	width:100%;
	padding:1em 5%;
	box-sizing: border-box;
	text-decoration: none;
	cursor: pointer;
}
.komi_qa .qa01_01>div>ul>li a dl dt{
	width:100%;
	padding:0;
	float: left;
	font-weight: bold;
}
.komi_qa .qa01_01>div>ul>li a dl dd{
	width:93%;
	margin:0.2em 6% 0 1%;
	float: left;
	font-weight: bold;
}

.komi_qa .qa01_01>div>ul>li>ul>li{
	background:#F9B7B7;
	border-radius: 0 0 15px 15px;
}

.komi_qa .qa01_01>div>ul>li>ul>li>dl{
	width:93%;
	margin:0 2% 0 7%;
	padding:1em 0;
}

.komi_qa .qa01_01>div>ul>li>ul>li>dl>dt{
	width:100%;
	float: left;
	font-weight: bold;
}
.komi_qa .qa01_01>div>ul>li>ul>li>dl>dd{
	width:95%;
	margin:0 5% 0 0;
	float: left;
}


.komi_qa .child {
    display: none;
}
.komi_qa .menu{
	position: relative;
}
.komi_qa .menu:after {
	position: absolute;
	content: '';
	background:url(../img/icon/icon_sita.png) no-repeat;
	background-size: contain;
	width:10px;
	height:9px;
	top: 50%;
    right: 1%;
    transform: translate(-50%,-50%);
}

.komi_qa .menu.active:after {
	position: absolute;
	content: '';
	background:url(../img/icon/icon_ue.png) no-repeat;
	background-size: contain;
	width:10px;
	height:9px;
	top: 50%;
    right: 1%;
    transform: translate(-50%,-50%);
}

/*=======================
　　スイーツ特集
=========================*/
.swee01_01>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	justify-content: center;
}
.swee01_01>ul>li{/*1140 298*/
	width:80%;
	margin:1em 10%;
}

/*=======================
　　お問い合わせ・お見積り
=========================*/
/*メールフォーム*/
*:focus {
outline: none;
}

.mail01_01 {
	font-size: 110%;
}
.mail01_01 .disp_p_none {
    display: none;
}    

.mail01_01 dl{
	padding:0.4em 0;
}

.mail01_01 dt{
	width:98%;
	padding:0 0 0 1%;
	margin:0.6em 0;
	float:none;
	font-weight:bold;
}

.mail01_01 dd{
	width:98%;
	margin:0 1%;
	float:none;
}
.mail01_01 img[src$=".svg"] {
    width: 60px;
    height: auto;
}


#mail_calender img {
    display: inline-block;
    cursor: pointer;
    margin-left: 1.5em!important;
    vertical-align: middle;
}

input::placeholder {
  color: #CCCCCC;
}

/* IE */
input:-ms-input-placeholder {
  color: #CCCCCC;
}

/* Edge */
input::-ms-input-placeholder {
  color: #CCCCCC;
}

input.text_min,
input.text_middle,
input.text_middle2,
input.text,
select.text,
select.text_min,
select.text_middle,
select.text_middle2,
textarea.text{
	border:#DDDDDD solid 4px;
    border-radius: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding:1em;
	margin:0.6em 0;
	width:100%;
	font-size: 110%;
}
textarea.text{
    border-radius: 10px;
}

input.text_middle,
select.text_middle{
	width:80%;
}

input.text_middle2,
select.text_middle2{
	width:50%;
}

input.text_min,
select.text_min{
	width:35%;
}


select.text_middle_hiyou{
	border:#DDDDDD solid 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50px;
	padding:1em;
	margin:0.6em 0;
	width:100%;
	font-size: 105%;
}

select.text_middle_hiyou{
	width:100%;
}


.mail01_02 input,
.mail01_02_hiyou input{
	width:auto;
	max-width: 100%;
	margin:0 auto;
}

.mail01_02 ul {
    list-style: disc;
    list-style-position: outside;
    margin-left: 3%;
    width: 97%;
}

input[type=checkbox] {
margin:0.5em;
  transform: scale(1.5);
}
input[type=radio] {
	margin:0.5em;
	transform: scale(1.5);
}

/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 768px) {
/*=== ご注文方法 ===*/
.flow01_02 {
    width: 60%;
    padding: 0 0 0 5%;
}
.flow01_03 {
    width: 35%;
    padding: 0;
}
.flow01_04 {
    position: absolute;
    top: -15%;
    left:0;
    background: #B40F0F;
    border-radius: 50px;
    padding: 0.7em 5%;
    width: 40%;
    margin: 0 25%;
}

/*=== 選ばれる理由 ===*/
.reas03_03 {
    width: 48%;
    padding-right: 2%;
}
.reas03_04 {
    width: 48%;
    padding-left: 2%;
}
.reas03_06L { width: 52.7777%; }
.reas03_06R { width: 47.2222%; }

/*===================
　　ライブ　パフォーマンス
===================*/
.perf02_04L { width: 36.8055%; }
.perf02_04R { width: 63.1944%; }

/*======================
	コミコミプラン
========================*/
.komi02_01>ul>li{
	width:23%;
	margin:1.5em 1%;
}
.komi03_01>ul>li{
	width:23%;
	margin:1em 1% 0;
}
.komi03_02{/*1140 720*/
	width:63.15789%;
	margin:0 auto;
	
}
.komi03_02>ul>li{/*193 720*/
	width:26.805555%;
	margin:0 2%;
}
	
/*======================
	コミコミプランのよくある質問
========================*/

.komi_qa .qa01_01>div>ul>li a dl dt{
	width:10%;
	padding:0;
}
.komi_qa .qa01_01>div>ul>li a dl dd{
	width:85%;
	margin:0.2em 3% 0 1%;
}

.komi_qa .qa01_01>div>ul>li>ul>li>dl>dt{
	width:5%;
	padding:0;
}
.komi_qa .qa01_01>div>ul>li>ul>li>dl>dd{
	width:88%;
	margin:0 5% 0 2%;
}

.komi_qa .menu:after {
	position: absolute;
	content: '';
	background:url(../img/icon/icon_sita.png) no-repeat;
	background-size: contain;
	width:10px;
	height:9px;
	top: 50%;
    right: 1%;
    transform: translate(-50%,-50%);
}
.komi_qa .menu.active:after {
	position: absolute;
	content: '';
	background:url(../img/icon/icon_ue.png) no-repeat;
	background-size: contain;
	width:10px;
	height:9px;
	top: 50%;
    right: 1%;
    transform: translate(-50%,-50%);
}

/*=======================
　　スイーツ特集
=========================*/
	
.swee01_01>ul>li{/*1140 298*/
	width:26.140350877%;
	margin:1em 2.4%;
}

/*=======================
　　お問い合わせ・お見積り
=========================*/
/*メールフォーム*/

.mail01_01 dl{
	padding:0.5em 0;
}

.mail01_01 dt{
	padding:0;
	font-weight: bold;
	margin:1.5em 0 0.8em;
	width:25%;
	float:left;
	text-align: center;

}
.mail01_01 dd{
	width:73%;
	margin:0.5em 1%;
	float:left;
}

input.text,
select.text,
textarea.text{
	width:90%;
}

.mail01_02{
	width:73%;
	margin:0 0 0 26%;
}
.mail01_02 input{
	width:auto;
	margin:0 auto;
}

input.text_middle,
select.text_middle{
	width:70%;
}

input.text_middle2,
select.text_middle2{
	width:45%;
}

input.text_min,
select.text_min{
	width:25%;
}
    
}

/*=================================================================================*/
/** 1140px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1140px) {
    /**** メインコンテンツ　****/


}