/*=================================================================================
 *  フェードイン設定
 ==================================================================================*/
/* 画面外にいる状態 */
.fadein {
    opacity : 0;
    transform : translate(0, 70px);
    transition : all 1000ms;
    }

/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }


/* <section class="effect2">で囲われてる部分にある.fadeinを左から順に時間差で表示する
/* 2つ目の要素に200msのdelayをかける */
#effect2 > div .fadein:nth-of-type(2) {
    -moz-transition-delay:200ms;
    -webkit-transition-delay:200ms;
    -o-transition-delay:200ms;
    -ms-transition-delay:200ms;
    }
/* 3つ目の要素に400msのdelayをかける */
#effect2 > div .fadein:nth-of-type(3) {
    -moz-transition-delay:400ms;
    -webkit-transition-delay:400ms;
    -o-transition-delay:400ms;
    -ms-transition-delay:400ms;
    }
/* 4つ目の要素に400msのdelayをかける */
#effect2 > div .fadein:nth-of-type(4) {
    -moz-transition-delay:600ms;
    -webkit-transition-delay:600ms;
    -o-transition-delay:600ms;
    -ms-transition-delay:600ms;
    }
/* 5つ目の要素に400msのdelayをかける */
#effect2 > div .fadein:nth-of-type(5) {
    -moz-transition-delay:800ms;
    -webkit-transition-delay:800ms;
    -o-transition-delay:800ms;
    -ms-transition-delay:800ms;
    }
/* 6つ目の要素に400msのdelayをかける */
#effect2 > div .fadein:nth-of-type(6) {
    -moz-transition-delay:1000ms;
    -webkit-transition-delay:1000ms;
    -o-transition-delay:1000ms;
    -ms-transition-delay:1000ms;
    }
/* 7つ目の要素に200msのdelayをかける */
#effect2 > div .fadein:nth-of-type(7) {
    -moz-transition-delay:1200ms;
    -webkit-transition-delay:1200ms;
    -o-transition-delay:1200ms;
    -ms-transition-delay:1200ms;
    }
/* 8つ目の要素に400msのdelayをかける */
#effect2 > div .fadein:nth-of-type(8) {
    -moz-transition-delay:1400ms;
    -webkit-transition-delay:1400ms;
    -o-transition-delay:1400ms;
    -ms-transition-delay:1400ms;
    }
/* 9つ目の要素に400msのdelayをかける */
#effect2 > div .fadein:nth-of-type(9) {
    -moz-transition-delay:1600ms;
    -webkit-transition-delay:1600ms;
    -o-transition-delay:1600ms;
    -ms-transition-delay:1600ms;
    }
/* 10つ目の要素に400msのdelayをかける */
#effect2 > div .fadein:nth-of-type(10) {
    -moz-transition-delay:1800ms;
    -webkit-transition-delay:1800ms;
    -o-transition-delay:1800ms;
    -ms-transition-delay:1800ms;
    }
/* 11つ目の要素に400msのdelayをかける */
#effect2 > div .fadein:nth-of-type(11) {
    -moz-transition-delay:2000ms;
    -webkit-transition-delay:2000ms;
    -o-transition-delay:2000ms;
    -ms-transition-delay:2000ms;
    }


/*=================================================================================
 *  タイトルロゴ設定
 ==================================================================================*/

	/*-- イメージの大きさ --*
	.title-image img {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}



/*================================================
 *  おもなサービス　吹き出し
 ================================================*/


	/* できること 横線 */
	hr {
	   border-width: 1px 0px 0px 0px; /* 太さ */
	   border-style: solid; /* 線種 */
		border-color:#9B5120;  /* 線色 */
	   height: 1px;         /* 高さ(※古いIE用) */
		margin-top:10px;
	}



/*================================================
 *  デザインサンプル　チラシサンプルの影
 ================================================*/

	/* チラシサンプルの並び方と大きさ・余白は
	  ウインドウサイズによって違うので
	  サイズ別設定に記入
	  パソコン幅：３つ横並び
	  タブレット：３つ横並び
	  スマートフォン：１つ縦並び */
	
	.shadow img {
		width: 100%;
		max-width: 400px;
	}
	.shadow{
		max-width: 325px;
		position: relative;
		display: block;
		z-index: 1;
	}
	.shadow:before{
		content: "";
		position: absolute;
		bottom: 6px;
		left: 12px;
		width: 50%;
		box-shadow: 0 0 5px 8px rgba(0,0,0,0.4);
		z-index: -1;
		transform:rotate(-5deg)
	}
	.shadow:after{
		content: "";
		position: absolute;
		bottom: 6px;
		right: 12px;
		width: 50%;
		box-shadow: 0 0 5px 8px rgba(0,0,0,0.4);
		z-index: -1;
		transform:rotate(5deg)
	}





/********* レスポンシブ設定 ********************************************************************************************************************/
/********* スマートフォン 780px以下 　、 タブレット 781-900px・901-1104　、 パソコン 1105-　　最大1200px ********************************************/


/*==================================================================================================================
 *  画面幅400以下　スマートフォン向けデザイン
 ==================================================================================================================*/

/*** メニュー部分はスマートフォン用 *********/
/*********** スマートフォン用  ****************************************/

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

		/*-- メニュー非表示設定 --*/
			.menu-box_pc{
				display: none;
			}
			.menu-box_tablet{
				display: none;
			}
			.menu-box_phone {
				display: block;
			}
		
		/*-- タイトルロゴ非表示設定 --*/
			.top-logo-phone {
				display: block;
			}
			.top-logo-pc {
				display: none;
			}

		/*-- おもなサービス非表示設定 --*/
			.service-under900{
				display: block;
			}
			.service-over900{
				display: none;
			}
		
			/*--　STEP流れ 非表示設定 --*/
			.step-phone {
				display: block;
			}
			.step-pc {
				display: none;
			}
			.icon-wrap {
				display: none;
			}
		
		.menubar {
			width: 100%;
		}
		
	/************** タイトルロゴ設定　[スマートフォン用] ********************************/

			.title-image {
				background-image:url(../images/yerrow-b.gif);
				position: relative;
				width: 90%;
				height: 100%;
				margin: 25px auto;
				margin-bottom: 45px;
			}
		
	/************** 文字設定　[タブレット共通] ********************************/

			/* サブタイトル設定 */
			h1 {
				clear:both;
				font-size:38px;
				color:#655845;
				text-align:center;
				line-height: 0.8em;
				margin-top: 50px;
				margin-bottom: 30px;
			}
			h1 span {
				font-size: 14px;
				font-weight: 500;
				margin-bottom: 30px;
			}

			/* キャプション */
			.caption {
				text-align: left;
				font-size: 16px;
				width: 90%;
				margin: 0 auto;
				text-align: center;
			}
		
	
	/************** 背景　[タブレット共通] ********************************/

			#paper01 {
				padding-top: 3px;
				border-radius: 30px;/*角の丸み*/
			}
			#paper02 {
				margin-bottom: -50px;
				border-radius: 30px;/*角の丸み*/
			}
		
			#paper03 {
				padding-bottom: -250px;
				padding-left: 25px;
				padding-right: 25px;
				border-radius: 30px;/*角の丸み*/
			}
			#paper04 {
				padding: 0 0;
				border-radius: 30px;/*角の丸み*/
			}
			#paper06{
				padding-left: 20px;
				padding-right: 20px;
				border-radius: 30px;/*角の丸み*/
			}
		
		
	/************** おもなサービス 吹き出し　[スマートフォン under900] ********************************/

		/* 吹き出しの並び方 */
			.service_flex1 {
				display: flex;
				flex-direction: column;
				text-align: center;
				margin-top: 30px;
			}
			.service_flex1 img{
				max-width: 100%;
				height: auto;
				margin-top: -30px;
				margin-bottom: 30px;
			}
			.service_flex2 {
				display: flex;
				flex-direction: column-reverse;
				text-align: center;
			}
			.service_flex2 img{
				max-width: 100%;
				height: auto;
				margin-top: -35px;
			}
			.service_flex3 {
				display: flex;
				flex-direction: column;
				text-align: center;
				margin-top: 30px;
				margin-bottom: 0px;
			}
			.service_flex3 img{
				max-width: 100%;
				height: auto;
				margin-top: -25px;
			}

		/* 吹き出しの大きさ等 */

			#service h3 {
				margin-bottom:0.25em;
				font-size:20px;
				line-height:1.3;
				color:rgba(0,83,200,1.00);
				font-weight:bold;
				margin: 0 auto;
				margin-top: 20px;
				margin-bottom: 10px;
				max-width: 240px;
			}
			#service h3 span {
				color:#6699FF;
				font-size: 16px;
				font-weight: bold;
			}

			.fukidashi01 {
				background-image: url(../images/01-01-service/fukidashi_phone1.png);
				background-size:100% 100%;
				background-repeat: no-repeat;
				padding-left: 20px;
				padding-right: 15px;
				padding-top: 10px;
				padding-bottom: 80px;
				width: 90%;
				margin: 0 auto;
			}

			.fukidashi_inner01{
				font-size:15px;
				line-height:1.5;
				color:black;
				font-weight:normal;
				width: 80%;
				margin: 0 auto;
			}

			.fukidashi02 {
				background-image: url(../images/01-01-service/fukidashi-phone2.png);
				background-size:100% 100%;
				background-repeat: no-repeat;
				width:90%;
				height: 120%;
				padding-top:20px;
				padding-bottom: 30px;
				padding-right: 10px;
				padding-left: 20px;
				margin: 0 auto;
			}
			.fukidashi_inner02{
				width: 80%;
				font-size:15px;
				line-height:1.5;
				color:black;
				font-weight:normal;
				margin-left: 30px;
			}
			.fukidashi03 {
				background-image: url(../images/01-01-service/fukidashi-phone3.png);
				background-size:100% 100%;
				background-repeat: no-repeat;
				width:80%;
				margin: 0 auto;
				padding-bottom: 20px;
				padding-left: 20px;
				padding-top: 15px;
				padding-right: 20px;
			}
			.fukidashi_inner03{
				max-width: 70%;
				font-size:15px;
				line-height:1.5;
				color:black;
				font-weight:normal;
				margin: 0 auto;
			}


	/************** できること　[スマートフォン under900] ********************************/

		/* できること の並び方・余白設定 
			パソコン・タブレット用
			横並び3つ */
		/*
			#possible {
				margin-bottom: 100px;
			}*/
		
		.service-under900 {
			margin-top: -30px;
		}

			#service h4{
				font-size: 27px;
				line-height: 1.3em;
				margin-bottom: -10px;
			}

			.dekiru {
				display: flex;
				flex-direction: column; /* たて並び */
				width: 80%;
				margin: 0 auto;
			}

			.dekiru_title {
				font-family: 'M PLUS Rounded 1c', sans-serif;
				/*font-family: 'M PLUS 1p', sans-serif;
				font-family: 'M PLUS Rounded 1c', sans-serif;
				font-family: 'Kosugi Maru', sans-serif; */
				font-size: 23px;
				text-align: center;
				line-height: 1.2em;
				color:#3B3B3B;
				padding: 0 10px;
				margin-top: -20px;
			}

			.dekiru_text {
				flex: 1; /*大きさ均等*/
				text-align: justify;  /*文字の均等割付*/
				text-justify: inter-ideograph;
				background-color:#FFDB4F;
				padding: 30px 30px;
				margin-top: 30px;
			}

			/*#service h3 {
			margin-bottom:0.25em;
			font-size:23px;
			line-height:1.3;
			color:rgba(0,83,200,1.00);
			font-weight:bold;
			margin-top: 15px;
			margin-bottom: 10px;
		}*/
		
		
	/************** デザインサンプル　[タブレット共通] ********************************/
	
		/* キャプション設定 */
		.chirashi-caption {
			display: flex;
			flex-direction: column;
			width: 100%;
			margin: 0 auto;
		}
		.cap-text {
			width: 100%;
		}

		/* チラシサンプル　吹き出し */
		.balloon1 {
		  position: relative;
		  display: inline-block;
		  margin: 0;
		  padding: 10px 10px;
		  width: 100%;
		  color: #555;
		  font-size: 14px;
		  background: #e0edff;
		  border-radius: 15px;
		  margin: 20px 0px 20px -10px;
		}

		.balloon1:before {
		  content: "";
		  position: absolute;
		  top: 100%;
		  left: 50%;
		  margin-left: -15px;
		  border: 15px solid transparent;
		  border-top: 15px solid #e0edff;
		}

		.balloon1 p {
		  margin: 0;
		  padding: 0;
		}
		
		/* チラシサンプル　イラスト */
		.chirashi-img {
			display: block;
			margin: 0px auto;
		}
		.chirashi_saru {
			display: block;
			height: 120px;
			margin: 0 auto;
			margin-bottom: 20px;
		}
		.chirashi-box {
			margin-left: 20px;
		}
		
		
		/* チラシサンプルの並び方・余白設定 
		タブレット用
		横並び3つ */
	
		.chirashi_sumple {
			display: flex;
			flex-direction: row; /* 右方向に横並び */
			flex-wrap: wrap;
			justify-content:center;
		}

		.chirashi {
			flex-basis: 250px;
			flex-grow: 1;
			padding: 0px 10px;
			margin: 0 auto;
			margin-bottom: 30px;
		}

		.chirashi img {
			width: 100%;
			margin: 0 auto;
		}

		.chirashi_text {
			min-width: 200px;
			max-width: 340px;
		}
	
		
	/************** ご注文の流れ　[スマートフォン under780] ********************************/
	
		/* 流れアイコン flexboxで横並び、はみ出したら折り返し */
		/*.icon-wrap {
			margin: 0 auto;
		}
		.nagare_icon {
			display: flex;
			flex-direction: row; /* 右方向に横並び *
			flex-wrap: wrap;
			justify-content: center;
			min-width: 500px;
			margin-bottom:40px;
			margin-top: 50px;
		}
		.item {
			padding: 0px 0px;
			margin: 0px 0px;
		}
		.label_back {
			width:150px;
			height: 210px;
			margin-right: 00px;
			margin-bottom: 50px;
		}
		.no img{
			position: absolute;
			max-width: 150px;
			max-height:45px;
			margin-top:5px;
			text-align: center;
		}
		.label {
			width:130px;
			height: 180px;
			margin-top: 0px;
			padding:10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*
		}
		.label_right {
			height: 180px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 50px;
			padding:10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*
		}
		.label_text{
			text-align: center;
			line-height: 1.3em;
		}

		.label_image{
			background-color: none;
			width: 130px;
			height: 110px;
			margin: 0 auto;
			margin-top: 22px;
			margin-bottom: -3px;
			text-align: center;
		}

		.label_space {
			width:25px;
			height: 110px;
			padding-top:100px;
			padding-left: 5px;
			padding-bottom: 5px;
		}

		/* 三角形 *
		.triangle {
			width: 0;
			height: 0;
			border-top: 30px solid transparent;    /*線で三角形をつくる*
			border-right: 20px solid transparent;
			border-bottom: 30px solid transparent;
			border-left: 20px solid #F8AD04;
		}*/
		
	/* ご注文の流れ STEP　配置設定*/
		.flex_no {
			display: flex;
			flex-direction: column; /* 下方向にたて並び */
			margin-bottom: 0px;
		}
		.step-flex-text {
			display: flex;
			flex-direction: column;
			font-size: 15.5px;
		}
		
		/* 流れのタイトル文字 */
			.step_logo {
				height:34px;
				margin-left: -15px;
				margin-right:20px;
				padding:auto auto;
			}

			.step {
				letter-spacing: 0.03em;
				background-color:#7D4903;
				color:white;
				padding-left: 10px;
				font-weight: normal;
				font-size: 14.5pt;
				margin-bottom: 10px;
				background-color:#7F5E30;
				border-radius: 5px; /*角の丸み*/
			}	
		.step img {
			width: 20%;
			margin-left: 0px;
			margin-right: 10px;
			
		}

		.nagare_image{
			/* border: thin solid gray; */
			width: 75%;
			/* height: 200px; */
			margin: 0 auto;
		}
		.nagare_image img {
			margin-right: 0px;
		}

		.flex_text{
			width: 100%;
			margin-bottom: -10px;
			padding-bottom: 0px;
		}
		.flex_text li {
			margin-bottom: 40px;
		}

		.no_image{
			margin-right: 10px;
		}
		.no_image img {
			width: 85px;
		}

	/* ご注文の流れ STEP　文字設定*/
		/* asterisk コメマークつきのリスト */
			ul.asterisk li {
				text-indent:-1em;
				margin-top: 10px;
				margin-left: 1em;
				font-size: 12pt;
				font-weight: 600;
				line-height: 1.3em;
			}
			ul.asterisk li a {
				text-decoration: none;
			}

		/* asteriskリンクの色 */
			.asterisk a {
			color: blue;
			text-decoration: underline;
			}
			.asterisk a:hover {
				color: red;
				text-decoration: underline;
			}
			.asterisk a:blue {
				color: red;
				text-decoration: underline;
			}

		/* asterisk2 コメマークつきのリスト */
			ul.asterisk2 li {
				text-indent:-1em;
				margin-top: 10px;
				margin-left: 1em;
				font-size: 11.5pt;
				font-weight: 500;
				line-height: 1.3em;
			}
		
		
	/************ 料金表　[タブレット under900] ******************************/

		/* 料金表 横並び2つ */

		.ryoukin_center{
			display: flex;
			flex-direction:column; /* 右方向に横並び */
			margin: 0 auto;
		}

		.ryoukin_svg {
			display: flex;
			flex-direction:row; /* 右方向に横並び */
			flex-wrap:wrap;
			justify-content: center;
			align-items: center;
			width: 100%;
		}
		.single {
			padding-top: 0px;
			padding-bottom: 0px;
			margin-top: 0px;
			margin-bottom: 0px;
			width: 100%;
		}
		.double {
			width: 100%;
			margin-top: 0px;
			margin-bottom: 0px;
		}
		
		.ryoukin_bun {
			width: 100%;
			margin: 0 auto;
			margin-top: 20px;
		}
		

		.small{
			width:100%;
			font-size: 14px;
			margin: 0 auto;
			margin-top: 0px;
			margin-bottom: -20px;
			/*margin-left: 115px;*/
		}
		#price {
			margin-top: 140px;
		}
		
		
	/*********** ボタンデザイン(ショッピングカートボタン) 　[タブレット・パソコン共通] **********************/
		#paper05 {
			padding: 30px 8px;
		}
		.cart_center {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
		}
		.cart_button {
			position: relative;
		}
		.cart_button img {
			width: 100%;
			padding: 0 auto;
		}
		.cart_button .active {
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
			transition: 0.5s;
		}
		.cart_button:hover .active {
			opacity: 1;
		}
		
		
	/************ Q & A 　[タブレット・パソコン共通] ******************************/
		.boxQA {
			position: relative;
			margin: 2em 0;
			padding: 0.5em 0.5em;
			background:rgba(242,217,173,1.00);/*A文章部分背景色*/
			border-radius: 10px;
		}

		.boxQA .box-title {
			position: relative;
			background: #fff;/*Q文章部分背景色*/
			padding: 10px 5px 10px 40px;
			color: #454545;/*Q文章文字色*/
			border-radius: 10px;
		}
		.boxQA .box-title:before {
			content: "Q";
			display: inline-block;
			line-height: 40px;
			position: absolute;
			padding: 0em;
			color: white;/*Q文字色*/
			background:#85C5FF;/*Q背景色*/
			font-weight: bold;
			width: 40px;
			text-align: center;
			height: 40px;
			line-height: 40px;
			left: -1.2em;
			top: 25px;
			-moz-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			border: solid 3px white; 
			border-radius: 50%;
		}
		.boxQA .box-title:after {
			content: "A";
			display: inline-block;
			line-height: 40px;
			position: absolute;
			padding: 0em;
			color: white;/*A文字色*/
			background:#FFAF91;/*A背景色*/
			font-weight: bold;
			width: 40px;
			text-align: center;
			height: 40px;
			line-height: 40px;
			left: -1.2em;
			bottom: -80px;
			-moz-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			border: solid 3px white; 
			border-radius: 50%;
		}

		.boxQA p {
			padding: 20px 20px 15px 40px;
			margin: 0;
		}

		.boxQA ul {
			padding: 0 1em;
			position: relative;
		}
		.boxQA ul li {
			line-height: 1.5;
			padding: 0.5em 0 0.5em 4.2em;
			list-style-type: none!important;
		}
		.boxQA ul li:before {
			font-family: "FontAwesome";
			content: "\f138";/*アイコン種類*/
			position: absolute;
			left : 3.5em;
			color: #FFAB8B; /*Aのリストのアイコンの色*/
		}



	/*********** ボタンデザイン(Q&Aボタン) 　[タブレット・パソコン共通] **********************/
		.btn01 a{
			display:block;
			/*
			width:250px;
			height:50px;
			*/
			line-height: 25px;
			color: #FFF;
			text-decoration: none;
			text-align: center;
			background-color:#401802;
			border-radius: 50px; 
			-webkit-transition: all 0.5s;
			transition: all 0.5s;
			font-weight: bold;
			padding:5px 30px;
			font-size: 20px;
			cursor: pointer;
			/*
			margin-left: 25px;
			*/
			margin: 0 10px;
			box-shadow:2px 2px 2px #555;
			border: 1px solid rgba(0,0,0,1.00);
			border-top-color: white;
			border-left-color: white;
			*/

		}
		.btn01 a:hover {
			background-color: orangered;
		}

		/*ボタンをセンター揃えにする*/
		.button_center {
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
	/************ お問い合わせ　[スマホ under430] ******************************/
		.toiawase{
			display: block;
			width: 90%;
			border-collapse: collapse;
		}
		
		.toiawase tbody{
			display: block;
		}
		
		.toiawase tbody tr{
			display: block;
			margin-bottom: 1.5em;
		}

		.toiawase tbody td{
			display: list-item;
			border: none;
			list-style-type: none;
			margin-left: 20px;
			padding: 0;
		}
		.toiawase th {
			display: block;
			vertical-align:top;
		}
		.sub1 {
			font-size: 16px;
			white-space: nowrap;
			font-weight: 500;
			margin-right: 0px;
			margin-bottom: 0px;
			width: 200px;
		}
		
		.sub1 span {
			font-size: 12px;
			background-color: tomato;
			color: white;
			font-weight: bold;
			padding: 4px;
			border-radius: 3px;/*角の丸み*/
			margin-right:8px;
			vertical-align: 0.2em;
			height: 18px;
		}
		.sub2 {
			font-size: 14px;
			font-weight: 600;
			margin-bottom: 0px;
		}
		#toiawase_name {
			width: 80%;
			padding: 5px;
		}
		#toiawase_mail {
			width: 80%;
			padding: 5px;
		}
		textarea{
			font-size: 14px;
			font-weight: 400;
			height:150px;
			width: 100%;
			padding: 5px;
		}
		
		.form_back {
			background-color: white;
			width: 330px;
			min-width: 280px;
			margin: auto;
			margin-left: -15px;
			padding-top: 20px;
			min-height: 500px;
		}



	/************ お問い合わせ　[タブレット under900] ******************************
		.toiawase {
			width: 100%;
			border-collapse: collapse;
		}
		.toiawase td {
			display: block;
			vertical-align:top;
			min-width: 100%;
		}
		.toiawase th {
			display: block;
			width: 68%;
			text-align: left;
		}
		.sub1 {
			font-size: 16px;
			white-space: nowrap;
			font-weight: 500;
			margin-right: 0px;
			margin-bottom: 	5px;
			width: 100%;
		}
		.sub1 span {
			font-size: 12px;
			background-color: tomato;
			color: white;
			font-weight: bold;
			padding: 4px;
			border-radius: 3px;/*角の丸み*
			margin-right:8px;
			vertical-align: 0.2em;
			height: 18px;
		}
		.sub2 {
			font-size: 18px;
			font-weight: 600;
			margin-bottom: 30px;
			width: 100%;
		}
		.text_input input {
			font-size:18px;
			padding: 4px;
			width: 100%;
		}
		textarea{
			font-size: 20px;
			font-weight: 400;
			height:150px;
			min-width: 300px;
		}
		#toiawase_name {
			min-width: 280px;
		}
		#toiawase_mail {
			min-width: 280px;
		}


	/*********** ボタンデザイン(お問い合わせフォーム送信用) 　[タブレット・パソコン共通] **********************/
		.submit-button {
			 display:block;
			/*
			width:250px;
			height:50px;
			*/
			line-height: 25px;
			color: #FFF;
			text-decoration: none;
			text-align: center;
			background-color:#401802;
			border-radius: 50px; 
			-webkit-transition: all 0.5s;
			transition: all 0.5s;
			font-weight: bold;
			padding:5px 30px;
			font-size: 20px;
			cursor: pointer;
			/*
			margin-left: 25px;
			*/
			margin: 0 10px;
			box-shadow:2px 2px 2px #555;
			border: 1px solid rgba(0,0,0,1.00);
			border-top-color: white;
			border-left-color: white;
			*/
		}
		.submit-button:hover {
			 background-color: orangered; 
		}
		
		
	}



/*==================================================================================================================
 *  画面幅400px以上781以下　スマートフォン向けデザイン
 ==================================================================================================================*/

/*** メニュー部分はスマートフォン用、内容はunder900、スマートフォン用。共用部分に注意 *********/
/*********** スマートフォン用  ****************************************/

	@media screen and (min-width:431px) and (max-width:780px) {

		/*-- メニュー非表示設定 --*/
			.menu-box_pc{
				display: none;
			}
			.menu-box_tablet{
				display: none;
			}
			.menu-box_phone {
				display: block;
			}
		
		/*-- タイトルロゴ非表示設定 --*/
			.top-logo-phone {
				display: block;
			}
			.top-logo-pc {
				display: none;
			}

		/*-- おもなサービス非表示設定 --*/
			.service-under900{
				display: block;
			}
			.service-over900{
				display: none;
			}
		
			/*--　STEP流れ 非表示設定 --*/
			.step-phone {
				display: block;
				padding-bottom: 0px;
			}
			.step-pc {
				display: none;
			}
			.icon-wrap {
				display: none;
			}
		
		
	/************** タイトルロゴ設定　[スマートフォン用] ********************************/

			.title-image {
				background-image:url(../images/yerrow-b.gif);
				position: relative;
				width: 90%;
				height: 100%;
				margin: 0 auto;
				margin-top: 20px;
				margin-bottom: 45px;
			}
		
	/************** 文字設定　[タブレット共通] ********************************/

			/* サブタイトル設定 */
			h1 {
				clear:both;
				font-size:38px;
				color:#655845;
				text-align:center;
				line-height: 0.6em;
				margin-top: 50px;
				margin-bottom: 30px;
			}
			h1 span {
				font-size: 14px;
				font-weight: 500;
				margin-bottom: 30px;
			}

			/* キャプション */
			.caption {
				text-align: left;
				font-size: 16px;
				width: 90%;
				margin: 0 auto;
				text-align: center;
			}
		
	
	/************** 背景　[タブレット共通] ********************************/

			#paper01 {
				padding-top: 3px;
				border-radius: 30px;/*角の丸み*/
			}
		
			#paper03 {
				padding-bottom: -250px;
				padding-left: 25px;
				padding-right: 25px;
				border-radius: 30px;/*角の丸み*/
			}
			#paper06{
				padding-left: 20px;
				padding-right: 20px;
				border-radius: 30px;/*角の丸み*/
			}
		
		
	/************** おもなサービス 吹き出し　[スマートフォン under900] ********************************/

		/* 吹き出しの並び方 */
			.service_flex1 {
				display: flex;
				flex-direction: column;
				text-align: center;
				margin-top: 30px;
			}
			.service_flex1 img{
				max-width: 80%;
				height: auto;
				margin-top: -30px;
				margin-bottom: 30px;
			}
			.service_flex2 {
				display: flex;
				flex-direction: column-reverse;
				text-align: center;
			}
			.service_flex2 img{
				max-width: 80%;
				height: auto;
				margin-top: -35px;
			}
			.service_flex3 {
				display: flex;
				flex-direction: column;
				text-align: center;
				margin-top: 30px;
				margin-bottom: 0px;
			}
			.service_flex3 img{
				max-width: 90%;
				height: auto;
				margin-top: -25px;
			}

		/* 吹き出しの大きさ等 */

			#service h3 {
				margin-bottom:0.25em;
				font-size:19px;
				line-height:1.3;
				color:rgba(0,83,200,1.00);
				font-weight:bold;
				margin-top: 15px;
				margin-bottom: 10px;
			}
			#service h3 span {
				color:#6699FF;
				font-size: 16px;
				font-weight: bold;
			}

			.fukidashi01 {
				background-image: url(../images/01-01-service/fukidashi_phone1.png);
				background-size:100% 100%;
				background-repeat: no-repeat;
				padding-left: 20px;
				padding-right: 15px;
				padding-top: 10px;
				padding-bottom: 80px;
				width: 85%;
				margin: 0 auto;
			}

			.fukidashi_inner01{
				font-size:15px;
				line-height:1.5;
				color:black;
				font-weight:normal;
				width: 80%;
				margin: 0 auto;
			}

			.fukidashi02 {
				background-image: url(../images/01-01-service/fukidashi-phone2.png);
				background-size:100% 100%;
				background-repeat: no-repeat;
				width:80%;
				height: 120%;
				padding-top:20px;
				padding-bottom: 30px;
				padding-right: 10px;
				padding-left: 20px;
				margin: 0 auto;
			}
			.fukidashi_inner02{
				width: 80%;
				font-size:16px;
				line-height:1.5;
				color:black;
				font-weight:normal;
				margin-left: 30px;
			}
			.fukidashi03 {
				background-image: url(../images/01-01-service/fukidashi-phone3.png);
				background-size:100% 100%;
				background-repeat: no-repeat;
				width:80%;
				margin: 0 auto;
				padding-bottom: 20px;
				padding-left: 20px;
				padding-top: 15px;
				padding-right: 20px;
			}
			.fukidashi_inner03{
				max-width: 70%;
				font-size:16px;
				line-height:1.5;
				color:black;
				font-weight:normal;
				margin: 0 auto;
			}


	/************** できること　[スマートフォン under900] ********************************/

		/* できること の並び方・余白設定 
			パソコン・タブレット用
			横並び3つ */
		/*
			#possible {
				margin-bottom: 100px;
			}*/
		
		.service-under900 {
			margin-top: -30px;
		}

			#service h4{
				font-size: 27px;
				line-height: 1.3em;
				margin-bottom: -10px;
			}

			.dekiru {
				display: flex;
				flex-direction: column; /* たて並び */
				width: 80%;
				margin: 0 auto;
			}

			.dekiru_title {
				font-family: 'M PLUS Rounded 1c', sans-serif;
				/*font-family: 'M PLUS 1p', sans-serif;
				font-family: 'M PLUS Rounded 1c', sans-serif;
				font-family: 'Kosugi Maru', sans-serif; */
				font-size: 23px;
				text-align: center;
				line-height: 1.2em;
				color:#3B3B3B;
				padding: 0 10px;
				margin-top: -20px;
			}

			.dekiru_text {
				flex: 1; /*大きさ均等*/
				text-align: justify;  /*文字の均等割付*/
				text-justify: inter-ideograph;
				background-color:#FFDB4F;
				padding: 30px 30px;
				margin-top: 30px;
			}

			#service h3 {
			margin-bottom:0.25em;
			font-size:23px;
			line-height:1.3;
			color:rgba(0,83,200,1.00);
			font-weight:bold;
			margin-top: 15px;
			margin-bottom: 10px;
		}
		
		
	/************** デザインサンプル　[タブレット共通] ********************************/
	
		/* キャプション設定 */
		.chirashi-caption {
			display: flex;
			flex-direction: column;
			width: 100%;
		}
		.cap-text {
			width: 100%;
			margin-right: 0px;
		}

		/* チラシサンプル　吹き出し */
		.balloon1 {
		  position: relative;
		  display: inline-block;
		  margin: 1.5em 0;
		  padding: 15px 10px;
		  max-width: 270px;
		  min-height: 50px;
		  color: #555;
		  font-size: 14px;
		  background: #e0edff;
		  border-radius: 15px;
		  margin:auto 0px;
		  margin-right: 20px;
		}

		.balloon1:before {
		  content: "";
		  position: absolute;
		  top: 50%;
		  left: 100%;
		  margin-left: -15px;
		  border: 15px solid transparent;
		  border-top: 15px solid #e0edff;
		}

		.balloon1 p {
		  margin: 0;
		  padding: 0;
		}
		
		/* チラシサンプル　イラスト */
		.chirashi-img {
			display: flex;
			flex-direction: row;
			margin: 0px auto;
		}
		.chirashi_saru {
			display: block;
			height: 120px;
			margin: 20px auto;
		}
		
		
		/* チラシサンプルの並び方・余白設定 
		タブレット用
		横並び3つ */
	
		.chirashi_sumple {
			display: flex;
			flex-direction: row; /* 右方向に横並び */
			flex-wrap: wrap;
			justify-content:center;
		}

		.chirashi {
			flex-basis: 250px;
			flex-grow: 1;
			padding: 0px 10px;
			margin: 0 auto;
			padding: 0 1%;
			margin-bottom: 30px;
		}
		.chirashi06 {
			flex-basis: 250px;
			flex-grow: 1;
			margin: auto 0;
			padding: 0 1%;
		}

		.chirashi img {
			width: 100%;
			margin: 0 auto;
		}

		.chirashi_text {
			min-width: 200px;
			max-width: 340px;
		}
	
		
	/************** ご注文の流れ　[スマートフォン under780] ********************************/
	
		/* 流れアイコン flexboxで横並び、はみ出したら折り返し */
		/*.icon-wrap {
			margin: 0 auto;
		}
		.nagare_icon {
			display: flex;
			flex-direction: row; /* 右方向に横並び *
			flex-wrap: wrap;
			justify-content: center;
			min-width: 500px;
			margin-bottom:40px;
			margin-top: 50px;
		}
		.item {
			padding: 0px 0px;
			margin: 0px 0px;
		}
		.label_back {
			width:150px;
			height: 210px;
			margin-right: 00px;
			margin-bottom: 50px;
		}
		.no img{
			position: absolute;
			max-width: 150px;
			max-height:45px;
			margin-top:5px;
			text-align: center;
		}
		.label {
			width:130px;
			height: 180px;
			margin-top: 0px;
			padding:10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*
		}
		.label_right {
			height: 180px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 50px;
			padding:10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*
		}
		.label_text{
			text-align: center;
			line-height: 1.3em;
		}

		.label_image{
			background-color: none;
			width: 130px;
			height: 110px;
			margin: 0 auto;
			margin-top: 22px;
			margin-bottom: -3px;
			text-align: center;
		}

		.label_space {
			width:25px;
			height: 110px;
			padding-top:100px;
			padding-left: 5px;
			padding-bottom: 5px;
		}

		/* 三角形 *
		.triangle {
			width: 0;
			height: 0;
			border-top: 30px solid transparent;    /*線で三角形をつくる*
			border-right: 20px solid transparent;
			border-bottom: 30px solid transparent;
			border-left: 20px solid #F8AD04;
		}*/
		
	/* ご注文の流れ STEP　配置設定*/
		.flex_no {
			display: flex;
			flex-direction: column; /* 下方向にたて並び */
			margin-bottom: 0px;
			padding-bottom: 0px;
		}
		.step-flex-text {
			display: flex;
			flex-direction: column;
			font-size: 15.5px;
			margin-bottom: 0px;
		}
		.step-flex-text ul {
			margin-bottom: 40px;
		}
		.step {
			font-size: 16.5px;
		}
		.step img {
			width: 20%;
			
		}

		.nagare_image{
			/* border: thin solid gray; */
			width: 75%;
			/* height: 200px; */
			margin: 0 auto;
		}
		.nagare_image img {
			margin-right: 0px;
		}

		.flex_text{
			width: 100%;
		}

		.no_image{
			margin-right: 10px;
		}
		.no_image img {
			width: 85px;
		}

	/* ご注文の流れ STEP　文字設定*/
		/* asterisk コメマークつきのリスト */
			ul.asterisk li {
				text-indent:-1em;
				margin-top: 10px;
				margin-left: 1em;
				font-size: 12pt;
				font-weight: 600;
				line-height: 1.3em;
			}
			ul.asterisk li a {
				text-decoration: none;
			}

		/* asteriskリンクの色 */
			.asterisk a {
			color: blue;
			text-decoration: underline;
			}
			.asterisk a:hover {
				color: red;
				text-decoration: underline;
			}
			.asterisk a:blue {
				color: red;
				text-decoration: underline;
			}

		/* asterisk2 コメマークつきのリスト */
			ul.asterisk2 li {
				text-indent:-1em;
				margin-top: 10px;
				margin-left: 1em;
				font-size: 11.5pt;
				font-weight: 500;
				line-height: 1.3em;
			}

		/* 流れのタイトル文字 */
			.step_logo {
				height:34px;
				margin-left: -15px;
				margin-right:20px;
				padding:auto auto;
			}

			.step {
				font-size: 18pt;
				letter-spacing: 0.03em;

				background-color:#7D4903;
				color:white;
				padding-left: 10px;
				font-weight: normal;
				font-size: 16pt;
				margin-bottom: 10px;
				background-color:#7F5E30;
				border-radius: 5px; /*角の丸み*/
			}	
		
		
	/************ 料金表　[タブレット under900] ******************************/

		/* 料金表 横並び2つ */

		.ryoukin_center{
			display: flex;
			flex-direction:column; /* 右方向に横並び */
			margin: 0 auto;
		}

		.ryoukin_svg {
			display: flex;
			flex-direction:row; /* 右方向に横並び */
			flex-wrap:wrap;
			justify-content: center;
			align-items: center;
			width: 100%;
		}
		.single {
			padding-top: 0px;
			padding-bottom: 0px;
			margin-top: 0px;
			margin-bottom: 0px;
			width: 85%;
		}
		.double {
			width: 85%;
			margin-top: 20px;
			margin-bottom: 50px;
		}
		
		.ryoukin_bun {
			width: 80%;
			margin: 0 auto;
			margin-top: 0px;
			margin-bottom: 30px;
		}

		.small{
			width:100%;
			font-size: 14px;
			margin: 0 auto;
			margin-top: -30px;
			/*margin-left: 115px;*/
		}
		
		
	/*********** ボタンデザイン(ショッピングカートボタン) 　[タブレット・パソコン共通] **********************/

		.cart_center {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
		}
		.cart_button {
			position: relative;
		}
		.cart_button img {
			width: 100%;
			padding: 0 auto;
		}
		.cart_button .active {
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
			transition: 0.5s;
		}
		.cart_button:hover .active {
			opacity: 1;
		}
		
		
	/************ Q & A 　[タブレット・パソコン共通] ******************************/
		.boxQA {
			position: relative;
			margin: 2em 0;
			padding: 0.5em 0.5em;
			background:rgba(242,217,173,1.00);/*A文章部分背景色*/
			border-radius: 10px;
		}

		.boxQA .box-title {
			position: relative;
			background: #fff;/*Q文章部分背景色*/
			padding: 10px 5px 10px 40px;
			color: #454545;/*Q文章文字色*/
			border-radius: 10px;
		}
		.boxQA .box-title:before {
			content: "Q";
			display: inline-block;
			line-height: 40px;
			position: absolute;
			padding: 0em;
			color: white;/*Q文字色*/
			background:#85C5FF;/*Q背景色*/
			font-weight: bold;
			width: 40px;
			text-align: center;
			height: 40px;
			line-height: 40px;
			left: -1.2em;
			top: 25px;
			-moz-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			border: solid 3px white; 
			border-radius: 50%;
		}
		.boxQA .box-title:after {
			content: "A";
			display: inline-block;
			line-height: 40px;
			position: absolute;
			padding: 0em;
			color: white;/*A文字色*/
			background:#FFAF91;/*A背景色*/
			font-weight: bold;
			width: 40px;
			text-align: center;
			height: 40px;
			line-height: 40px;
			left: -1.2em;
			bottom: -80px;
			-moz-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			border: solid 3px white; 
			border-radius: 50%;
		}

		.boxQA p {
			padding: 20px 20px 15px 40px;
			margin: 0;
		}

		.boxQA ul {
			padding: 0 1em;
			position: relative;
		}
		.boxQA ul li {
			line-height: 1.5;
			padding: 0.5em 0 0.5em 4.2em;
			list-style-type: none!important;
		}
		.boxQA ul li:before {
			font-family: "FontAwesome";
			content: "\f138";/*アイコン種類*/
			position: absolute;
			left : 3.5em;
			color: #FFAB8B; /*Aのリストのアイコンの色*/
		}



	/*********** ボタンデザイン(Q&Aボタン) 　[タブレット・パソコン共通] **********************/
		.btn01 a{
			display:block;
			/*
			width:250px;
			height:50px;
			*/
			line-height: 25px;
			color: #FFF;
			text-decoration: none;
			text-align: center;
			background-color:#401802;
			border-radius: 50px; 
			-webkit-transition: all 0.5s;
			transition: all 0.5s;
			font-weight: bold;
			padding:5px 30px;
			font-size: 20px;
			cursor: pointer;
			/*
			margin-left: 25px;
			*/
			margin: 0 10px;
			box-shadow:2px 2px 2px #555;
			border: 1px solid rgba(0,0,0,1.00);
			border-top-color: white;
			border-left-color: white;
			*/

		}
		.btn01 a:hover {
			background-color: orangered;
		}

		/*ボタンをセンター揃えにする*/
		.button_center {
			display: flex;
			justify-content: center;
			align-items: center;
		}


	/************ お問い合わせ　[タブレット under900] ******************************/
		.toiawase {
			width: 100%;
			border-collapse: collapse;
		}
		.toiawase td {
			display: block;
			vertical-align:top;
			min-width: 100%;
		}
		.toiawase th {
			display: block;
			width: 100%;
			text-align: left;
		}
		.sub1 {
			font-size: 16px;
			white-space: nowrap;
			font-weight: 500;
			margin-right: 0px;
			margin-bottom: 	5px;
			width: 100%;
		}
		.sub1 span {
			font-size: 12px;
			background-color: tomato;
			color: white;
			font-weight: bold;
			padding: 4px;
			border-radius: 3px;/*角の丸み*/
			margin-right:8px;
			vertical-align: 0.2em;
			height: 18px;
		}
		.sub2 {
			font-size: 18px;
			font-weight: 600;
			margin-bottom: 30px;
			width: 100%;
		}
		.text_input input {
			font-size:18px;
			padding: 4px;
			width: 100%;
		}
		textarea{
			font-size: 20px;
			font-weight: 400;
			width:100%;
			height:150px;
		}
		
		.form_back {
			background-color: white;
			min-width: 300px;
			width: 100%;
			margin: auto;
			padding-top: 30px;
		}


	/*********** ボタンデザイン(お問い合わせフォーム送信用) 　[タブレット・パソコン共通] **********************/
		.submit-button {
			 display:block;
			/*
			width:250px;
			height:50px;
			*/
			line-height: 25px;
			color: #FFF;
			text-decoration: none;
			text-align: center;
			background-color:#401802;
			border-radius: 50px; 
			-webkit-transition: all 0.5s;
			transition: all 0.5s;
			font-weight: bold;
			padding:5px 30px;
			font-size: 20px;
			cursor: pointer;
			/*
			margin-left: 25px;
			*/
			margin: 0 10px;
			box-shadow:2px 2px 2px #555;
			border: 1px solid rgba(0,0,0,1.00);
			border-top-color: white;
			border-left-color: white;
			*/
		}
		.submit-button:hover {
			 background-color: orangered; 
		}


	}


/*===================================================================================================================
 *  画面幅781px以上900以下　タブレット・スマホ向けデザイン under900
 ==================================================================================================================*/

/*** メニュー部分はタブレット用、内容はスマホ用が混じる。共用部分に注意 ****/
/**** タブレット under900 ****************************************/

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

			/*-- メニュー非表示設定 --*/
			.menu-box_pc{
				display: none;
			}
			.menu-box_tablet{
				display: block;
			}
			.menu-box_phone {
				display: none;
			}
			/*トグルボタン非表示*/
			.headC {
				display: none;
			}
		
			/*-- タイトルロゴ非表示設定 --*/
			.top-logo-phone {
				display: none;
			}
			.top-logo-pc {
				display: block;
			}
		

			/*-- おもなサービス非表示設定 under900 --*/
			.service-under900{
				display: block;
			}
			.service-over900{
				display: none;
			}
		
			/*--　STEP流れ 非表示設定 --*/
			.step-phone {
				display: block;
			}
			.step-pc {
				display: none;
			}


	/************** タイトルロゴ設定　[タブレット共通] ********************************/

			.title-image {
				background-image:url(../images/yerrow-b.gif);
				position: relative;
				width: 100%;
				height: 100%;
				margin: 0 auto;
				margin-top: 80px;
				margin-bottom: 80px;
				margin-right: 30px;
				margin-left: 30px;
				padding: 0 0;
				
			}

	/************** メニューバー　[タブレット共通] ********************************/
			.headA {
				line-height: 25px;
			}
			.headB {
				text-align: center;
			}
			.headB li {
				margin-left: 10px;
				line-height: 20px;
			}


	/************** 背景　[タブレット共通] ********************************/

			#paper01 {
				padding-top: 50px;
			}
		
			#paper03 {
				padding-bottom: 0px;
				margin-bottom: 0px;
			}


	/************** 文字設定　[タブレット共通] ********************************/

			/* サブタイトル設定 */
			h1 {
				clear:both;
				font-size:40px;
				color:#655845;
				text-align:center;
				line-height: 0.6em;
				margin-top: 50px;
				margin-bottom: 30px;
			}
			h1 span {
				font-size: 16px;
				font-weight: 500;
				margin-bottom: 30px;
			}

			/* キャプション */
			.caption {
				text-align: center;
				font-size: 17px;
			}
			h4 {
				line-height: 1.2em;
			}


	/************** おもなサービス 吹き出し　[タブレット under900] ********************************/

		/* 吹き出しの並び方 */
			.service_flex1 {
				display: flex;
				flex-direction: column;
				text-align: center;
				margin-top: 60px;
				margin-bottom: 30px;
			}
			.service_flex1 img{
				max-width: 100%;
				height: auto;
				margin-top: -20px;
				margin-bottom: 30px;
			}
			.service_flex2 {
				display: flex;
				flex-direction: column-reverse;
				text-align: center;
				padding-left: 0px;
				margin-left: 0px;
				margin-bottom: 0px;
			}
			.service_flex2 img{
				max-width: 70%;
				height: auto;
				margin-top: -35px;
			}
			.service_flex3 {
				display: flex;
				flex-direction: column;
				text-align: center;
				margin-top: 30px;
				margin-bottom: 0px;
			}
			.service_flex3 img{
				max-width: 78%;
				height: auto;
				margin-top: -25px;
			}

		/* 吹き出しの大きさ等 */

			#service h3 {
				margin-bottom:0.25em;
				font-size:20px;
				line-height:1.3;
				color:rgba(0,83,200,1.00);
				font-weight:bold;
				margin-top: 15px;
				margin-bottom: 10px;
			}
			#service h3 span {
				color:#6699FF;
				font-size: 16px;
				font-weight: bold;
			}

			.fukidashi01 {
				background-image: url(../images/01-01-service/fukidashi_phone1.png);
				background-size:100% 100%;
				background-repeat: no-repeat;
				width: 80%;
				height: 300px;
				margin: 0 auto;
				padding-left: 50px;
				padding-right: 20px;
				padding-top: 20px;
			}

			.fukidashi_inner01{
				max-width: 580px;
				font-size:16px;
				line-height:1.5;
				color:black;
				font-weight:normal;
			}

			.fukidashi02 {
				background-image: url(../images/01-01-service/fukidashi-phone2.png);
				background-size:100% 100%;
				background-repeat: no-repeat;
				width:70%;
				height: 230px;
				padding-top:20px;
				margin: 0 auto;
			}
			.fukidashi_inner02{
				max-width: 580px;
				font-size:16px;
				line-height:1.5;
				color:black;
				font-weight:normal;
			}
			.fukidashi03 {
				background-image: url(../images/01-01-service/fukidashi-phone3.png);
				background-size:100% 100%;
				background-repeat: no-repeat;
				width:70%;
				height: 250px;
				margin: 0 auto;
				padding-top: 20px;
				padding-right: 20px;
			}
			.fukidashi_inner03{
				max-width: 580px;
				font-size:16px;
				line-height:1.5;
				color:black;
				font-weight:normal;
			}


	/************** できること　[タブレット under900] ********************************/

		/* できること の並び方・余白設定 
			パソコン・タブレット用
			横並び3つ */
		/*
			#possible {
				margin-bottom: 100px;
			}*/

			#service h4{
				font-size: 30px;
			}

			.dekiru {
				display: flex;
				flex-direction: row; /* 右方向に横並び */
				padding: 0 5px;
			}

			.dekiru_title {
				font-family: 'M PLUS Rounded 1c', sans-serif;
				/*font-family: 'M PLUS 1p', sans-serif;
				font-family: 'M PLUS Rounded 1c', sans-serif;
				font-family: 'Kosugi Maru', sans-serif; */
				font-size: 20px;
				text-align: center;
				line-height: 1.5em;
				color:#3B3B3B; */
			}

			.dekiru_text {
				flex: 1; /*大きさ均等*/
				text-align: justify;  /*文字の均等割付*/
				text-justify: inter-ideograph;
				background-color:#FFDB4F;
				padding: 0 20px;
				margin-right: 10px;
				margin-left: 10px;
			}

			.dekiru_text_center {
				flex: 1;
				text-align: justify;  /*文字の均等割付*/
				text-justify: inter-ideograph;
				margin-left: 25px;   /*センターのみ左右に余白*/
				margin-right: 25px;
				background-color:#FFDB4F;
				padding: 0 20px 20px 20px;
			}

			.dekiru_number {
				font-family: 'Srisakdi', cursive;
				/* font-family: 'Courgette', cursive; */
				font-size: 45px;
				text-align: center;
				margin-top: 10px;
				color:#9B5120;
			}

			#service h3 {
			margin-bottom:0.25em;
			font-size:23px;
			line-height:1.3;
			color:rgba(0,83,200,1.00);
			font-weight:bold;
			margin-top: 15px;
			margin-bottom: 10px;
		}


	/************** デザインサンプル　[タブレット under900] ********************************/

		/* キャプション設定 */
		.chirashi-caption {
			display: flex;
			width: 95%;
			margin: 0;
		}
		.cap-text {
			max-width: 450px;
			margin-right: 30px;
		}

		/* チラシサンプル　吹き出し */
		.balloon1 {
		  position: relative;
		  display: inline-block;
		  margin: 1.5em 0;
		  padding: 15px 10px;
		  min-width: 270px;
		  max-width: 100%;
		  color: #555;
		  font-size: 14px;
		  background: #e0edff;
		  border-radius: 15px;
		  margin-top: 0px;
		}

		.balloon1:before {
		  content: "";
		  position: absolute;
		  top: 100%;
		  left: 50%;
		  margin-left: -15px;
		  border: 15px solid transparent;
		  border-top: 15px solid #e0edff;
		}

		.balloon1 p {
		  margin: 0;
		  padding: 0;
		}
		
		/* チラシサンプル　イラスト */
		.chirashi-img {
			display: block;
			min-width: 140px;
		  	max-width: 350px;
			margin-top: 0px;
			padding-top: 0px;
		}
		.chirashi_saru {
			display: block;
			height: 130px;
			margin: 0 auto;
			margin-bottom: 20px;
		}
		
		/* チラシサンプルの並び方・余白設定 
			タブレット用
			横並び3つ */

		.chirashi_sumple {
			display: flex;
			flex-direction: row; /* 右方向に横並び */
			flex-wrap: wrap;
			justify-content:space-around;
			align-content: space-between;
		}

		.chirashi {
			flex-basis: 250px;
			flex-grow: 1;
			margin-right: 10px;
			margin-left: 10px;
		}
		.chirashi06 {
			flex-basis: 250px;
			flex-grow: 1;
			margin: auto 10px;
		}

		.chirashi img {
			width: 100%;
		}

		.chirashi_text {
			min-width: 300px;
			max-width: 340px;
		}



	/************** ご注文の流れ　[タブレット under900] ********************************/
	
		/* 流れアイコン flexboxで横並び、はみ出したら折り返し */
		.icon-wrap {
			margin: 0 auto;
		}
		.nagare_icon {
			display: flex;
			flex-direction: row; /* 右方向に横並び */
			flex-wrap: wrap;
			justify-content: center;
			min-width: 500px;
			margin-bottom:40px;
			margin-top: 50px;
		}
		.item {
			padding: 0px 0px;
			margin: 0px 0px;
		}
		.label_back {
			width:150px;
			height: 210px;
			margin-right: 00px;
			margin-bottom: 50px;
		}
		.no img{
			position: absolute;
			max-width: 150px;
			max-height:45px;
			margin-top:5px;
			text-align: center;
		}
		.label {
			width:130px;
			height: 180px;
			margin-top: 0px;
			padding:10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*/
		}
		.label_right {
			height: 180px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 50px;
			padding:10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*/
		}
		.label_text{
			text-align: center;
			line-height: 1.3em;
		}

		.label_image{
			background-color: none;
			width: 130px;
			height: 110px;
			margin: 0 auto;
			margin-top: 22px;
			margin-bottom: -3px;
			text-align: center;
		}

		.label_space {
			width:25px;
			height: 110px;
			padding-top:100px;
			padding-left: 5px;
			padding-bottom: 5px;
		}

		/* 三角形 */
		.triangle {
			width: 0;
			height: 0;
			border-top: 30px solid transparent;    /*線で三角形をつくる*/
			border-right: 20px solid transparent;
			border-bottom: 30px solid transparent;
			border-left: 20px solid #F8AD04;
		}
		
	/* ご注文の流れ STEP　配置設定*/
		.flex_no {
			display: flex;
			flex-direction: column; /* 下方向にたて並び */
			margin-bottom: 40px;
		}
		.step-flex-text {
			display: flex;
			flex-direction: row;
		}

		.nagare_image{
			/* border: thin solid gray; */
			width: 410px;
			/* height: 200px; */
		}
		.nagare_image img {
			margin-right: 30px;
		}

		.flex_text{
			width: 670px;
		}

		.no_image{
			margin-right: 10px;
		}
		.no_image img {
			width: 85px;
		}

	/* ご注文の流れ STEP　文字設定*/
		/* asterisk コメマークつきのリスト */
			ul.asterisk li {
				text-indent:-1em;
				margin-top: 10px;
				margin-left: 1em;
				font-size: 12pt;
				font-weight: 600;
				line-height: 1.3em;
			}
			ul.asterisk li a {
				text-decoration: none;
			}

		/* asteriskリンクの色 */
			.asterisk a {
			color: blue;
			text-decoration: underline;
			}
			.asterisk a:hover {
				color: red;
				text-decoration: underline;
			}
			.asterisk a:blue {
				color: red;
				text-decoration: underline;
			}

		/* asterisk2 コメマークつきのリスト */
			ul.asterisk2 li {
				text-indent:-1em;
				margin-top: 10px;
				margin-left: 1em;
				font-size: 11.5pt;
				font-weight: 500;
				line-height: 1.3em;
			}

		/* 流れのタイトル文字 */
			.step_logo {
				height:34px;
				margin-left: -15px;
				margin-right:20px;
				padding:auto auto;
			}

			.step {
				font-size: 18pt;
				letter-spacing: 0.03em;

				background-color:#7D4903;
				color:white;
				padding-left: 10px;
				font-weight: normal;
				font-size: 16pt;
				margin-bottom: 10px;
				background-color:#7F5E30;
				border-radius: 5px; /*角の丸み*/
			}


	/************ 料金表　[タブレット under900] ******************************/

		/* 料金表 横並び2つ */

		.ryoukin_center{
			display: flex;
			flex-direction:column; /* 縦並び */
			margin: 0 auto;
		}

		.ryoukin_svg {
			display: flex;
			flex-direction:row; /* 右方向に横並び */
			flex-wrap:wrap;
			justify-content: center;
			align-items: center;
		}
		
		.ryoukin_svg .single{
			margin-top: 10px;
			margin-right: 20px;
			height:595px;
		}

		.ryoukin_svg .double{
			margin-top: 10px;
			margin-right: 20px;
			height:600px;
		}
		
		.ryoukin_bun {
			width: 60%;
			margin: 0 auto;
			margin-top: 20px;
		}

		.small{
			width:600px;
			font-size: 15px;
			margin: 0 auto;
			/*margin-left: 115px;*/
		}


	/*********** ボタンデザイン(ショッピングカートボタン) 　[タブレット・パソコン共通] **********************/
		.cart_center {
			/*display: flex;*/
			width: 65%;
			margin: 0 auto;
			justify-content: center;
			align-items: center;
		}
		.cart_button {
			position: relative;
		}
		.cart_button .active {
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
			transition: 0.5s; // ゆっくり
		}
		.cart_button:hover .active {
			opacity: 1;
		}


	/************ Q & A 　[タブレット・パソコン共通] ******************************/
		.boxQA {
			position: relative;
			margin: 2em auto;
			padding: 0.5em 0.5em;
			background:rgba(242,217,173,1.00);/*A文章部分背景色*/
			border-radius: 10px;
		}

		.boxQA .box-title {
			position: relative;
			background: #fff;/*Q文章部分背景色*/
			padding: 10px 5px 10px 40px;
			color: #454545;/*Q文章文字色*/
			border-radius: 10px;
		}
		.boxQA .box-title:before {
			content: "Q";
			display: inline-block;
			line-height: 40px;
			position: absolute;
			padding: 0em;
			color: white;/*Q文字色*/
			background:#85C5FF;/*Q背景色*/
			font-weight: bold;
			width: 40px;
			text-align: center;
			height: 40px;
			line-height: 40px;
			left: -1.2em;
			top: 25px;
			-moz-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			border: solid 3px white; 
			border-radius: 50%;
		}
		.boxQA .box-title:after {
			content: "A";
			display: inline-block;
			line-height: 40px;
			position: absolute;
			padding: 0em;
			color: white;/*A文字色*/
			background:#FFAF91;/*A背景色*/
			font-weight: bold;
			width: 40px;
			text-align: center;
			height: 40px;
			line-height: 40px;
			left: -1.2em;
			bottom: -80px;
			-moz-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			border: solid 3px white; 
			border-radius: 50%;
		}

		.boxQA p {
			padding: 20px 20px 15px 40px;
			margin: 0;
		}

		.boxQA ul {
			padding: 0 1em;
			position: relative;
		}
		.boxQA ul li {
			line-height: 1.5;
			padding: 0.5em 0 0.5em 4.2em;
			list-style-type: none!important;
		}
		.boxQA ul li:before {
			font-family: "FontAwesome";
			content: "\f138";/*アイコン種類*/
			position: absolute;
			left : 3.5em;
			color: #FFAB8B; /*Aのリストのアイコンの色*/
		}



	/*********** ボタンデザイン(Q&Aボタン) 　[タブレット・パソコン共通] **********************/
		.btn01 a{
			display:block;
			width:100%;
			height:50px;
			line-height: 50px;
			color: #FFF;
			text-decoration: none;
			text-align: center;
			background-color:#401802;
			border-radius: 50px; 
			-webkit-transition: all 0.5s;
			transition: all 0.5s;
			font-weight: bold;
			padding-left: 30px;
			padding-right: 30px;
			font-size: 23px;
			cursor: pointer;
			box-shadow:2px 2px 2px #555;
			border: 1px solid rgba(0,0,0,1.00);
			border-top-color: white;
			border-left-color: white;

		}
		.btn01 a:hover {
			background-color: orangered;
		}

		/*ボタンをセンター揃えにする*/
		.button_center {
			/*display: flex;*/
			width: 60%;
			justify-content: center;
			align-items: center;
			margin: 0 auto;
		}


	/************ お問い合わせ　[タブレット under900] ******************************/
		.toiawase_form{

		}
		.toiawase {
			min-width: 100px;
		}
		.toiawase td {
			vertical-align:top;
			width: 200px;;
		}
		.toiawase th {
			width: 400px;
			text-align: left;
		}
		.sub1 {
			width: 40%;
			font-size: 16px;
			white-space: nowrap;
			font-weight: 500;
			margin-right: 0px;
			margin-bottom: 	40px;
		}
		.sub1 span {
			font-size: 12px;
			background-color: tomato;
			color: white;
			font-weight: bold;
			padding: 4px;
			border-radius: 3px;/*角の丸み*/
			margin-right:8px;
			vertical-align: 0.2em;
			height: 18px;
		}
		.sub2 {
			width: 100%;
			font-size: 18px;
			font-weight: 600;
		}
		.text_input input {
			font-size:18px;
			padding: 4px;
			width: 100%;
		}
		textarea{
			font-size: 20px;
			font-weight: 400;
			width:100%;
			height:150px;
		}
		
		.form_back {
			background-color: white;
			max-width: 800px;
			margin: auto;
			padding-top: 40px;
		}


	/*********** ボタンデザイン(お問い合わせフォーム送信用) 　[タブレット・パソコン共通] **********************/
		.submit-button {
			 display:block;
			/*
			width:250px;
			height:50px;
			*/
			line-height: 25px;
			color: #FFF;
			text-decoration: none;
			text-align: center;
			background-color:#401802;
			border-radius: 50px; 
			-webkit-transition: all 0.5s;
			transition: all 0.5s;
			font-weight: bold;
			padding:10px 20px;
			font-size: 23px;
			cursor: pointer;
			width: 400px;
			/*
			margin-left: 25px;
			*/
			margin: 0 10px;
			box-shadow:2px 2px 2px #555;
			border: 1px solid rgba(0,0,0,1.00);
			border-top-color: white;
			border-left-color: white;
			*/
		}
		.submit-button 
		.submit-button:hover {
			 background-color: orangered; 
		}
	}



/*===================================================================================================================
 *  画面幅901px以上1104以下　タブレット向けデザイン over900
 ==================================================================================================================*/

/*** メニュー部分はタブレット用、内容はスマホ用が混じる。共用部分に注意 ****/
/**** タブレット over900 ****************************************/

	@media screen and (min-width: 901px) and (max-width:1104px) {
	
		/*-- メニュー非表示設定 --*/
		.menu-box_pc{
			display: none;
		}
		.menu-box_tablet{
			display: block;
		}
		.menu-box_phone {
			display: none;
		}
		/*トグルボタン非表示*/
		.headC {
			display: none;
		}
		
		/*-- タイトルロゴ非表示設定 --*/
			.top-logo-phone {
				display: none;
			}
			.top-logo-pc {
				display: block;
			}

		/*-- おもなサービス非表示設定 over900 --*/
		.service-under900{
			display: none;
		}
		.service-over900{
			display: block;
		}
		
		/*--　STEP流れ 非表示設定 --*/
		.step-phone {
			display: none;
		}
		.step-pc {
			display: block;
		}

	
	/************** タイトルロゴ設定　[タブレット共通] ********************************/

		.title-image {
				background-image:url(../images/yerrow-b.gif);
				position: relative;
				width: 85%;
				height: 100%;
				margin: 0 auto;
				margin-top: 80px;
				margin-bottom: 80px;
				
				padding: 0 0;
				
			}

	
	/************** メニューバー　[タブレット共通] ********************************/
		.headA {
			line-height: 25px;
		}
		.headB {
			text-align: center;
		}
		.headB li {
			margin-left: 10px;
			line-height: 20px;
		}


	/************** 背景　[タブレット共通] ********************************/
	
		#paper01 {
			padding-top: 70px;
		}


	/************** 文字設定　[タブレット共通] ********************************/

		/* サブタイトル設定 */
		h1 {
			clear:both;
			font-size:40px;
			color:#655845;
			text-align:center;
			line-height: 0.6em;
			margin-top: 50px;
			margin-bottom: 30px;
		}
		h1 span {
			font-size: 16px;
			font-weight: 500;
			margin-bottom: 30px;
		}

		/* キャプション */
		.caption {
			text-align: center;
			font-size: 17px;
		}
	
	
	/************** おもなサービス 吹き出し　[タブレット over900] ********************************/
	
	/* 吹き出しの並び方 */
		.service_flex1 {
			display: flex;
			flex-direction: row;
			margin-top: 80px;
			margin-bottom: 30px;
		}
		.service_flex1 img{
			max-width: 100%;
			height: auto;
		}
		.service_flex2 {
			display: flex;
			flex-direction:row;
			padding-left: 0px;
			margin-left: 0px;
			margin-bottom: 0px;
		}
		.service_flex2 img{
			max-width: 100%;
			height: auto;
		}
		.service_flex3 {
			display: flex;
			flex-direction: row;
			margin-top: 30px;
			margin-bottom: 0px;
		}
		.service_flex3 img{
			max-width: 100%;
			height: auto;
			margin-top: 30px;
		}

	/* 吹き出しの大きさ等 */
	
		#service h3 {
			margin-bottom:0.25em;
			font-size:20px;
			line-height:1.3;
			color:rgba(0,83,200,1.00);
			font-weight:bold;
			margin-top: 15px;
			margin-bottom: 10px;
		}
		#service h3 span {
				color:#6699FF;
				font-size: 16px;
				font-weight: bold;
			}
	
		.fukidashi01 {
			background-image: url(../images/01-01-service/fukidashi_p3.png);

			background-size:100% 100%;
			background-repeat: no-repeat;
			padding-left: 65px;
			padding-right: 80px;
			padding-top: 40px;
			padding-bottom: 70px;
		}

		.fukidashi_inner01{
			max-width: 380px;
			font-size:16px;
			line-height:1.5;
			color:black;
			font-weight:normal;
		}

		.fukidashi02 {
			background-image: url(../images/01-01-service/fukidashi_p2.png);
			background-size:100% 85%;
			background-repeat: no-repeat;
			padding-left: 85px;
			padding-right: 20px;
			padding-bottom: 30px;
			padding-top:50px;
		}
		.fukidashi_inner02{
			max-width: 300px;
			font-size:16px;
			line-height:1.5;
			color:black;
			font-weight:normal;
		}
		.fukidashi03 {
			background-image: url(../images/01-01-service/fukidashi_p3.png);
			background-size:100% 100%;
			background-repeat: no-repeat;
			padding-top: 30px;
			padding-left: 80px;
			padding-right: 70px;
			padding-bottom: 0px;
		}
		.fukidashi_inner03{
			max-width: 310px;
			font-size:16px;
			line-height:1.5;
			color:black;
			font-weight:normal;
		}
	
	
	/************** できること　[タブレット over900] ********************************/

		
		
		/* できること の並び方・余白設定 
			パソコン・タブレット用
			横並び3つ */
		
		/*
		#possible {
			margin-bottom: 100px;
		}*/
	
		#service h4{
			font-size: 30px;
		}

		.dekiru {
			display: flex;
			flex-direction: row; /* 右方向に横並び */
			padding: 0 5px;
		}
	
		.dekiru_title {
			font-family: 'M PLUS Rounded 1c', sans-serif;
			/*font-family: 'M PLUS 1p', sans-serif;
			font-family: 'M PLUS Rounded 1c', sans-serif;
			font-family: 'Kosugi Maru', sans-serif; */
			font-size: 23px;
			text-align: center;
			line-height: 1.5em;
			color:#3B3B3B; */
		}

		.dekiru_text {
			flex: 1; /*大きさ均等*/
			text-align: justify;  /*文字の均等割付*/
			text-justify: inter-ideograph;
			background-color:#FFDB4F;
			padding: 0 20px;
		}

		.dekiru_text_center {
			flex: 1;
			text-align: justify;  /*文字の均等割付*/
			text-justify: inter-ideograph;
			margin-left: 25px;   /*センターのみ左右に余白*/
			margin-right: 25px;
			background-color:#FFDB4F;
			padding: 0 20px 20px 20px;
		}

		.dekiru_number {
			font-family: 'Srisakdi', cursive;
			/* font-family: 'Courgette', cursive; */
			font-size: 45px;
			text-align: center;
			margin-top: 10px;
			color:#9B5120;
		}
	
		#service h3 {
			margin-bottom:0.25em;
			font-size:23px;
			line-height:1.3;
			color:rgba(0,83,200,1.00);
			font-weight:bold;
			margin-top: 15px;
			margin-bottom: 10px;
		}
	
	
	/************** デザインサンプル　[タブレット共通] ********************************/
	
		/* キャプション設定 */
		.chirashi-caption {
			display: flex;
			width: 80%;
			margin: 0 auto;
		}
		.cap-text {
			max-width: 450px;
			margin-right: 30px;
		}

		/* チラシサンプル　吹き出し */
		.balloon1 {
		  position: relative;
		  display: inline-block;
		  margin: 1.5em 0;
		  padding: 15px 10px;
		  min-width: 270px;
		  max-width: 100%;
		  color: #555;
		  font-size: 14px;
		  background: #e0edff;
		  border-radius: 15px;
		  margin-top: 0px;
		}

		.balloon1:before {
		  content: "";
		  position: absolute;
		  top: 100%;
		  left: 50%;
		  margin-left: -15px;
		  border: 15px solid transparent;
		  border-top: 15px solid #e0edff;
		}

		.balloon1 p {
		  margin: 0;
		  padding: 0;
		}
		
		/* チラシサンプル　イラスト */
		.chirashi-img {
			display: block;
			min-width: 140px;
		  	max-width: 350px;
			margin-top: 0px;
			padding-top: 0px;
		}
		.chirashi_saru {
			display: block;
			height: 130px;
			margin: 0 auto;
			margin-bottom: 20px;
		}
		
		/* チラシサンプルの並び方・余白設定 
			タブレット用
			横並び3つ */

		.chirashi_sumple {
			display: flex;
			flex-direction: row; /* 右方向に横並び */
			flex-wrap: wrap;
			justify-content:space-around;
			align-content: space-between;
		}

		.chirashi {
			flex-basis: 250px;
			flex-grow: 1;
			margin-right: 10px;
			margin-left: 10px;
		}
		.chirashi06 {
			flex-basis: 250px;
			flex-grow: 1;
			margin: auto 10px;
		}

		.chirashi img {
			width: 100%;
		}

		.chirashi_text {
			min-width: 300px;
			max-width: 340px;
		}
		
	
	/************** ご注文の流れ　[タブレット over900] ********************************/
	
		/* 流れアイコン flexboxで横並び、はみ出したら折り返し */
		.icon-wrap {
			margin: 0 auto;
		}
		.nagare_icon {
			display: flex;
			flex-direction: row; /* 右方向に横並び */
			flex-wrap: wrap;
			min-width: 500px;
			margin-bottom:40px;
			margin-top: 50px;
		}
		.item {
			padding: 0px 0px;
			margin: 0px 0px;
		}
		.label_back {
			width:150px;
			height: 210px;
			margin-right: 00px;
			margin-bottom: 50px;
		}
		.no img{
			position: absolute;
			max-width: 150px;
			max-height:45px;
			margin-top:5px;
			text-align: center;
		}
		.label {
			width:130px;
			height: 180px;
			margin-top: 0px;
			padding:10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*/
		}
		.label_right {
			height: 180px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 50px;
			padding:10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*/
		}
		.label_text{
			text-align: center;
			line-height: 1.3em;
		}

		.label_image{
			background-color: none;
			width: 130px;
			height: 110px;
			margin: 0 auto;
			margin-top: 22px;
			margin-bottom: -3px;
			text-align: center;
		}

		.label_space {
			width:25px;
			height: 110px;
			padding-top:100px;
			padding-left: 5px;
			padding-bottom: 5px;
		}

		/* 三角形 */
		.triangle {
			width: 0;
			height: 0;
			border-top: 30px solid transparent;    /*線で三角形をつくる*/
			border-right: 20px solid transparent;
			border-bottom: 30px solid transparent;
			border-left: 20px solid #F8AD04;
		}
		
	/* ご注文の流れ STEP　配置設定*/
		.flex_no {
			display: flex;
			flex-direction: row; /* 右方向に横並び */
			margin-bottom: 40px;
		}

		.nagare_image{
			/* border: thin solid gray; */
			width: 410px;
			/* height: 200px; */
		}
		.nagare_image img {
			margin-right: 30px;
		}

		.flex_text{
			width: 670px;
		}

		.no_image{
			margin-right: 10px;
		}
		.no_image img {
			width: 85px;
		}

	/* ご注文の流れ STEP　文字設定*/
		/* asterisk コメマークつきのリスト */
			ul.asterisk li {
				text-indent:-1em;
				margin-top: 10px;
				margin-left: 1em;
				font-size: 12pt;
				font-weight: 600;
				line-height: 1.3em;
			}
			ul.asterisk li a {
				text-decoration: none;
			}

		/* asteriskリンクの色 */
			.asterisk a {
			color: blue;
			text-decoration: underline;
			}
			.asterisk a:hover {
				color: red;
				text-decoration: underline;
			}
			.asterisk a:blue {
				color: red;
				text-decoration: underline;
			}

		/* asterisk2 コメマークつきのリスト */
			ul.asterisk2 li {
				text-indent:-1em;
				margin-top: 10px;
				margin-left: 1em;
				font-size: 11.5pt;
				font-weight: 500;
				line-height: 1.3em;
			}

		/* 流れのタイトル文字 */
			.step_logo {
				height:34px;
				margin-left: -15px;
				margin-right:20px;
				padding:auto auto;
			}

			.step {
				font-size: 18pt;
				letter-spacing: 0.03em;

				background-color:#7D4903;
				color:white;
				padding-left: 10px;
				font-weight: normal;
				font-size: 16pt;
				margin-bottom: 10px;
				background-color:#7F5E30;
				border-radius: 5px; /*角の丸み*/
			}
	
	
	/************ 料金表　[タブレット共通] ******************************/

		/* 料金表 横並び2つ */

			.ryoukin_center{
				display: flex;
				flex-direction:column; /* 縦並び */
				margin: 0 auto;
			}

			.ryoukin_svg {
				display: flex;
				flex-direction:row; /* 右方向に横並び */
				flex-wrap:wrap;
				justify-content: center;
				align-items: center;
			}
		
			.ryoukin_svg .single{
				margin-top: 10px;
				margin-right: 20px;
				height:595px;
			}
		
			.ryoukin_svg .double{
				margin-top: 10px;
				margin-right: 20px;
				height:600px;
			}
		
			.ryoukin_bun{
				width: 50%;
				margin: 0 auto;
				margin-top: 20px;
			}

			.small{
				width:600px;
				font-size: 15px;
				margin: 0 auto;
				/*margin-left: 115px;*/
			}
	
	
		/*********** ボタンデザイン(ショッピングカートボタン) 　[パソコン] **********************/
		.cart_center {
			display:flex;
			justify-content: center;
			align-items: center;
		}
		.cart_button {
			position: relative;
			width: 600px;
		}
		.cart_button .active {
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
			transition: 0.5s;
		}
		.cart_button:hover .active {
			opacity: 1;
		}
	
	
	/************ Q & A 　[タブレット・パソコン共通] ******************************/
		.boxQA {
			position: relative;
			margin: 2em 0;
			padding: 0.5em 0.5em;
			background:rgba(242,217,173,1.00);/*A文章部分背景色*/
			border-radius: 10px;
		}

		.boxQA .box-title {
			position: relative;
			background: #fff;/*Q文章部分背景色*/
			padding: 10px 5px 10px 40px;
			color: #454545;/*Q文章文字色*/
			border-radius: 10px;
		}
		.boxQA .box-title:before {
			content: "Q";
			display: inline-block;
			line-height: 40px;
			position: absolute;
			padding: 0em;
			color: white;/*Q文字色*/
			background:#85C5FF;/*Q背景色*/
			font-weight: bold;
			width: 40px;
			text-align: center;
			height: 40px;
			line-height: 40px;
			left: -1.2em;
			top: 25px;
			-moz-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			border: solid 3px white; 
			border-radius: 50%;
		}
		.boxQA .box-title:after {
			content: "A";
			display: inline-block;
			line-height: 40px;
			position: absolute;
			padding: 0em;
			color: white;/*A文字色*/
			background:#FFAF91;/*A背景色*/
			font-weight: bold;
			width: 40px;
			text-align: center;
			height: 40px;
			line-height: 40px;
			left: -1.2em;
			bottom: -80px;
			-moz-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			border: solid 3px white; 
			border-radius: 50%;
		}

		.boxQA p {
			padding: 20px 20px 15px 40px;
			margin: 0;
		}

		.boxQA ul {
		  padding: 0 1em;
		  position: relative;
		}
		.boxQA ul li {
		  line-height: 1.5;
		  padding: 0.5em 0 0.5em 4.2em;
		  list-style-type: none!important;
		}
		.boxQA ul li:before {
		  font-family: "FontAwesome";
		  content: "\f138";/*アイコン種類*/
		  position: absolute;
		  left : 3.5em;
		  color: #FFAB8B; /*Aのリストのアイコンの色*/
		}
	
	
	
	/*********** ボタンデザイン(Q&Aボタン) 　[タブレット・パソコン共通] **********************/
		.btn01 a{
			display:block;
			width:250px;
			height:50px;
			line-height: 50px;
			color: #FFF;
			text-decoration: none;
			text-align: center;
			background-color:#401802;
			border-radius: 50px; 
			-webkit-transition: all 0.5s;
			transition: all 0.5s;
			font-weight: bold;
			padding-left: 40px;
			padding-right: 40px;
			font-size: 23px;
			cursor: pointer;
			margin-left: 25px;
			box-shadow:2px 2px 2px #555;
			border: 1px solid rgba(0,0,0,1.00);
			border-top-color: white;
			border-left-color: white;

		}
		.btn01 a:hover {
			background-color: orangered;
		}

		/*ボタンをセンター揃えにする*/
		.button_center {
			display: flex;
			justify-content: center;
			align-items: center;
		}


	/************ お問い合わせ　[タブレット共通] ******************************/
		.toiawase_form{

		}
		.toiawase {
			max-width: 770px;
			min-width: 300px;
		}
		.toiawase td {
			vertical-align:top;
			min-width: 200px;
		}
		.toiawase th {
			width: 100%;
			text-align: left;
		}
		.sub1 {
			font-size: 16px;
			white-space: nowrap;
			font-weight: 500;
			margin-right: 0px;
			margin-bottom: 	40px;
		}
		.sub1 span {
			font-size: 12px;
			background-color: tomato;
			color: white;
			font-weight: bold;
			padding: 4px;
			border-radius: 3px;/*角の丸み*/
			margin-right:8px;
			vertical-align: 0.2em;
			height: 18px;
		}
		.sub2 {
			font-size: 18px;
			font-weight: 600;
		}
		.text_input input {
			font-size:18px;
			padding: 4px;
			width: 100%;
		}
		textarea{
		font-size: 20px;
		font-weight: 400;
		width:100%;
		height:150px;
		}
		
		.form_back {
			background-color: white;
			max-width: 750px;
			margin: auto;
			padding-top: 40px;
		}
	

	/*********** ボタンデザイン(お問い合わせフォーム送信用) 　[タブレット・パソコン共通] **********************/
		.submit-button {
			 display:block;
			 height:50px;
			 line-height: 40px;
			 color: #FFF;
			 text-decoration: none;
			 text-align: center;
			 background-color:#401802;
			 border-radius: 50px; 
			 -webkit-transition: all 0.5s;
			 transition: all 0.5s;
			 font-size: 20px;
			 font-weight: bold;
			 padding-left: 40px;
			 padding-right: 40px;
			 font-size: 25px;
			 cursor: pointer;
			 margin-left: 25px;
		}
		.submit-button:hover {
			 background-color: orangered; 
		}
	
	}


/*==================================================================================================================
 *  パソコンメニュー用　画面幅1105px以上 最大1200px
 ==================================================================================================================*/

/*** メニュー部分はパソコン用、内容はover900用。共用部分に注意 *********/
/*********** パソコン用  ****************************************/

	@media print,screen and (min-width:1105px) {
	
		/*-- メニュー非表示設定 --*/
		.menu-box_pc {
			display: block;	
		}
		.menu-box_tablet{
			display: none;
		}
		.menu-box_phone {
			display: none;
		}
		/*トグルボタン非表示*/
		.headC {
		display: none;
		}
		
		/*-- タイトルロゴ非表示設定 --*/
			.top-logo-phone {
				display: none;
			}
			.top-logo-pc {
				display: block;
			}

		/*-- おもなサービス非表示設定 over900 共用 --*/
		.service-under900{
			display: none;
		}
		.service-over900{
			display: block;
		}
		
		/*--　STEP流れ 非表示設定 --*/
		.step-phone {
			display: none;
		}
		.step-pc {
			display: block;
		}
	
	
	/************** タイトルロゴ設定　[パソコン] ********************************/

		.title-image {
				background-image:url(../images/yerrow-b.gif);
				position: relative;
				width: 75%;
				height: 100%;
				margin: 0 auto;
				margin-top: 100px;
				margin-bottom: 80px;
				padding: 0 0;
				
			}
	
	
	/************** おもなサービス　[パソコン] ********************************/
	
		/* 吹き出しの並び方 */
			.service_flex1 {
				display: flex;
				flex-direction: row;
				margin-top: 80px;
				margin-bottom: 60px;
			}
			.service_flex1 img{
				max-width: 100%;
				height: auto;
			}
			.service_flex2 {
				display: flex;
				flex-direction:row;
				padding-left: 0px;
				margin-left: 0px;
				margin-bottom: 0px;
			}
			.service_flex2 img{
				max-width: 100%;
				height: auto;
			}
			.service_flex3 {
				display: flex;
				flex-direction: row;
				margin-top: 40px;
				margin-bottom: 60px;
			}
			.service_flex3 img{
				max-width: 100%;
				height: auto;
				margin-top: 50px;
			}

		/* 吹き出しの大きさ等 */
			#service h3 {
				margin-bottom:0.25em;
				font-size:23px;
				line-height:1.3;
				color:rgba(0,83,200,1.00);
				font-weight:bold;
				margin-top: 15px;
				margin-bottom: 10px;
			}
			#service h3 span {
				color:#6699FF;
				font-size: 16px;
				font-weight: bold;
			}

			.fukidashi01 {
				background-image: url(../images/01-01-service/fukidashi_p3.png);
				background-size:100% 100%;
				background-repeat: no-repeat;
				padding-left: 85px;
				padding-right: 80px;
				padding-top: 30px;
				padding-bottom: 70px;
			}

			.fukidashi_inner01{
				max-width:370px;
				font-size:18px;
				line-height:1.5;
				color:black;
				font-weight:normal;
			}

			.fukidashi02 {
				background-image: url(../images/01-01-service/fukidashi_p2.png);
				background-size:100% 85%;
				background-repeat: no-repeat;
				padding-left: 100px;
				padding-right: 50px;
				padding-bottom: 30px;
				padding-top:50px;
			}
			.fukidashi_inner02{
				max-width:300px;
				font-size:17px;
				line-height:1.5;
				color:black;
				font-weight:normal;
			}
			.fukidashi03 {
				background-image: url(../images/01-01-service/fukidashi_p3.png);
				background-size:100% 100%;
				background-repeat: no-repeat;
				padding-top: 40px;
				padding-left: 80px;
				padding-right: 70px;
				padding-bottom: 10px;
			}
			.fukidashi_inner03{
				max-width:320px;
				font-size:18px;
				line-height:1.5;
				color:black;
				font-weight:normal;
			}
	

	/************** できること　[パソコン] ********************************/

		/* できること の並び方・余白設定 
			パソコン・タブレット用
			横並び3つ */
			#possible {
				margin-bottom: 100px;
			}

			.dekiru {
				display: flex;
				flex-direction: row; /* 右方向に横並び */
				padding: 0 30px;
			}

			.dekiru_text {
				flex: 1; /*大きさ均等*/
				text-align: justify;  /*文字の均等割付*/
				text-justify: inter-ideograph;
				background-color:#FFDB4F;
				padding: 0 20px;
			}

			.dekiru_text_center {
				flex: 1;
				text-align: justify;  /*文字の均等割付*/
				text-justify: inter-ideograph;
				margin-left: 60px;   /*センターのみ左右に余白*/
				margin-right: 60px;
				background-color:#FFDB4F;
				padding: 0 20px 20px 20px;
			}

			.dekiru_number {
				font-family: 'Srisakdi', cursive;
				/* font-family: 'Courgette', cursive; */
				font-size: 45px;
				text-align: center;
				margin-top: 10px;
				color:#9B5120;
			}

			.dekiru_title {
				font-family: 'M PLUS Rounded 1c', sans-serif;
				/*font-family: 'M PLUS 1p', sans-serif;
				font-family: 'M PLUS Rounded 1c', sans-serif;
				font-family: 'Kosugi Maru', sans-serif; */
				font-size: 26px;
				text-align: center;
				line-height: 1.5em;
				color:#3B3B3B; */
			}

			#service h3 {
			margin-bottom:0.25em;
			font-size:23px;
			line-height:1.3;
			color:rgba(0,83,200,1.00);
			font-weight:bold;
			margin-top: 15px;
			margin-bottom: 10px;
		}
	
	
	/************** デザインサンプル　[パソコン] ********************************/
		
		/* キャプション設定 */
		.chirashi-caption {
			display: flex;
			max-width: 820px;
			margin: 0 auto;
		}
		.cap-text {
			width: 460px;
			margin-right: 30px;
		}

		/* チラシサンプル　吹き出し */
		.balloon1 {
		  position: relative;
		  display: inline-block;
		  margin: 1.5em 0;
		  padding: 15px 10px;
		  min-width: 140px;
		  max-width: 100%;
		  color: #555;
		  font-size: 16px;
		  background: #e0edff;
		  border-radius: 15px;
		  margin-top: 0px;
		}

		.balloon1:before {
		  content: "";
		  position: absolute;
		  top: 100%;
		  left: 50%;
		  margin-left: -15px;
		  border: 15px solid transparent;
		  border-top: 15px solid #e0edff;
		}

		.balloon1 p {
		  margin: 0;
		  padding: 0;
		}
		
		/* チラシサンプル　イラスト */
		.chirashi-img {
			display: block;
			min-width: 140px;
		  	max-width: 350px;
			margin-top: 0px;
			padding-top: 0px;
		}
		.chirashi_saru {
			display: block;
			height: 130px;
			margin: 0 auto;
			margin-bottom: 20px;
		}
		
		
		/* チラシサンプルの並び方・余白設定 
		パソコン用
		横並び3つ */
	
		.chirashi_sumple {
			display: flex;
			flex-direction: row; /* 右方向に横並び */
			flex-wrap: wrap;
			justify-content:space-around;
			align-content: space-between;
		}
		
		.chirashi06 {
			flex-basis: 100px;
			flex-grow:1;
			min-width: 300px;
			margin: auto 10px;
		}

		.chirashi {
			flex-basis: 100px;
			flex-grow:1;
			min-width: 300px;
			margin-right: 10px;
			margin-left: 10px;
		}

		.chirashi img {
			width: 100%;
		}

		.chirashi_text {
			min-width: 300px;
			max-width: 340px;
		}
	
	
	/************** ご注文の流れ　[パソコン] ********************************/
	
		/* 流れアイコン flexboxで横並び、はみ出したら折り返し */
		.icon-wrap {
			margin: 0 auto;
		}
		.nagare_icon {
			display: flex;
			flex-direction: row; /* 右方向に横並び */
			flex-wrap: wrap;
			min-width: 500px;
			margin-bottom:40px;
			margin-top: 50px;
		}
		.item {
			padding: 0px 0px;
			margin: 0px 0px;
		}
		.label_back {
			width:150px;
			height: 210px;
			margin-right: 00px;
			margin-bottom: 50px;
		}
		.no img{
			position: absolute;
			max-width: 150px;
			max-height:45px;
			margin-top:5px;
			text-align: center;
		}
		.label {
			width:130px;
			height: 180px;
			margin-top: 0px;
			padding:10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*/
		}
		.label_right {
			height: 180px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 50px;
			padding:10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*/
		}
		.label_text{
			text-align: center;
			line-height: 1.3em;
		}

		.label_image{
			background-color: none;
			width: 130px;
			height: 110px;
			margin: 0 auto;
			margin-top: 22px;
			margin-bottom: -3px;
			text-align: center;
		}

		.label_space {
			width:25px;
			height: 110px;
			padding-top:100px;
			padding-left: 5px;
			padding-bottom: 5px;
		}

		/* 三角形 */
		.triangle {
			width: 0;
			height: 0;
			border-top: 30px solid transparent;    /*線で三角形をつくる*/
			border-right: 20px solid transparent;
			border-bottom: 30px solid transparent;
			border-left: 20px solid #F8AD04;
		}
		
	/* ご注文の流れ STEP　配置設定*/
		.flex_no {
			display: flex;
			flex-direction: row; /* 右方向に横並び */
			margin-bottom: 40px;
		}

		.nagare_image{
			/* border: thin solid gray; */
			width: 410px;
			/* height: 200px; */
		}
		.nagare_image img {
			margin-right: 30px;
		}

		.flex_text{
			width: 670px;
		}

		.no_image{
			margin-right: 10px;
		}
		.no_image img {
			width: 85px;
		}

	/* ご注文の流れ STEP　文字設定*/
		/* asterisk コメマークつきのリスト */
			ul.asterisk li {
				text-indent:-1em;
				margin-top: 10px;
				margin-left: 1em;
				font-size: 12pt;
				font-weight: 600;
				line-height: 1.3em;
			}
			ul.asterisk li a {
				text-decoration: none;
			}

		/* asteriskリンクの色 */
			.asterisk a {
			color: blue;
			text-decoration: underline;
			}
			.asterisk a:hover {
				color: red;
				text-decoration: underline;
			}
			.asterisk a:blue {
				color: red;
				text-decoration: underline;
			}

		/* asterisk2 コメマークつきのリスト */
			ul.asterisk2 li {
				text-indent:-1em;
				margin-top: 10px;
				margin-left: 1em;
				font-size: 11.5pt;
				font-weight: 500;
				line-height: 1.3em;
			}

		/* 流れのタイトル文字 */
			.step_logo {
				height:34px;
				margin-left: -15px;
				margin-right:20px;
				padding:auto auto;
			}

			.step {
				font-size: 18pt;
				letter-spacing: 0.03em;

				background-color:#7D4903;
				color:white;
				padding-left: 10px;
				font-weight: normal;
				font-size: 16pt;
				margin-bottom: 10px;
				background-color:#7F5E30;
				border-radius: 5px; /*角の丸み*/
			}
	
	
	
	/************ 料金表　[パソコン] ******************************/

		/* 料金表 横並び2つ */

			.ryoukin_center{
				display: flex;
				flex-direction:column; /* 縦並び */
				margin: 0 auto;
				margin:0 auto;
			}

			.ryoukin_svg {
				display: flex;
				flex-direction:row; /* 右方向に横並び */
				margin: 0 auto;
			}

			.ryoukin_svg .single{
				margin-top: 15px;
				margin-right: 20px;
				height:595px;
			}
		
			.ryoukin_svg .double{
				margin-top: 10px;
				margin-right: 20px;
				height:600px;
			}
		
		.ryoukin_bun {
			width: 40%;
			text-align: right;
			margin: 0 auto;
			margin-top: 20px;
		}

			.small{
				width:600px;
				font-size: 15px;
				margin: 0 auto;
				/*margin-left: 115px;*/
			}
	
	/*********** ボタンデザイン(ショッピングカートボタン) 　[パソコン] **********************/
		.cart_center {
			display:flex;
			justify-content: center;
			align-items: center;
		}
		.cart_button {
			position: relative;
			width: 600px;
		}
		.cart_button .active {
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
			transition: 0.5s;
		}
		.cart_button:hover .active {
			opacity: 1;
		}


	/************ Q & A 　[パソコン] ******************************/
		.boxQA {
			position: relative;
			margin: 2em 0;
			padding: 0.5em 0.5em;
			background:rgba(242,217,173,1.00);/*A文章部分背景色*/
			border-radius: 10px;
		}

		.boxQA .box-title {
			position: relative;
			background: #fff;/*Q文章部分背景色*/
			padding: 10px 5px 10px 40px;
			color: #454545;/*Q文章文字色*/
			border-radius: 10px;
		}
		.boxQA .box-title:before {
			content: "Q";
			display: inline-block;
			line-height: 40px;
			position: absolute;
			padding: 0em;
			color: white;/*Q文字色*/
			background:#85C5FF;/*Q背景色*/
			font-weight: bold;
			width: 40px;
			text-align: center;
			height: 40px;
			line-height: 40px;
			left: -1.2em;
			top: 25px;
			-moz-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			border: solid 3px white; 
			border-radius: 50%;
		}
		.boxQA .box-title:after {
			content: "A";
			display: inline-block;
			line-height: 40px;
			position: absolute;
			padding: 0em;
			color: white;/*A文字色*/
			background:#FFAF91;/*A背景色*/
			font-weight: bold;
			width: 40px;
			text-align: center;
			height: 40px;
			line-height: 40px;
			left: -1.2em;
			bottom: -80px;
			-moz-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			border: solid 3px white; 
			border-radius: 50%;
		}

		.boxQA p {
			padding: 20px 20px 15px 40px;
			margin: 0;
		}

		.boxQA ul {
		  padding: 0 1em;
		  position: relative;
		}
		.boxQA ul li {
		  line-height: 1.5;
		  padding: 0.5em 0 0.5em 4.2em;
		  list-style-type: none!important;
		}
		.boxQA ul li:before {
		  font-family: "FontAwesome";
		  content: "\f138";/*アイコン種類*/
		  position: absolute;
		  left : 3.5em;
		  color: #FFAB8B; /*Aのリストのアイコンの色*/
		}
	
	
	
	/*********** ボタンデザイン(Q&Aボタン) 　[パソコン] **********************/
		.btn01 a{
			 display:block;
			 width:250px;
			 height:50px;
			 line-height: 50px;
			 color: #FFF;
			 text-decoration: none;
			 text-align: center;
			 background-color:#401802;
			 border-radius: 50px; 
			 -webkit-transition: all 0.5s;
			 transition: all 0.5s;
			 font-weight: bold;
			 padding-left: 40px;
			 padding-right: 40px;
			 font-size: 23px;
			 cursor: pointer;
			 margin-left: 25px;
			box-shadow:2px 2px 2px #555;
			border: 1px solid rgba(0,0,0,1.00);
			border-top-color: white;
			border-left-color: white;

		}
		.btn01 a:hover {
			 background-color: orangered;
		}

		/*ボタンをセンター揃えにする*/
		.button_center {
			display: flex;
			justify-content: center;
			align-items: center;
		}


	/************ お問い合わせ　[パソコン] ******************************/
		.toiawase_form{

		}
		.toiawase {
			max-width: 1200px;
		}
		.toiawase td {
			vertical-align:top;
			min-width: 250px;
		}
		.toiawase th {
			max-width: 850px;
			text-align: left;
		}
		.sub1 {
			min-width: 220px;
			font-size: 21px;
			font-weight: 500;
			margin-right: 20px;
			margin-bottom: 	30px;
			width: 70px;
			padding-right: 0px;
		}
		.sub1 span {
			font-size: 12px;
			background-color: tomato;
			color: white;
			font-weight: bold;
			padding: 4px;
			border-radius: 3px;/*角の丸み*/
			margin-right:0px;
			vertical-align: 0.2em;
			height: 18px;
		}
		.sub2 {
			min-width: 600px;
			font-size: 24px;
			font-weight: 600;
		}
		.text_input input {
			font-size:18px;
			padding: 4px;
			width: 340px;
		}
		textarea{
		font-size: 20px;
		font-weight: 400;
		width:100%;
		height:150px;
		}
		
		.form_back {
			background-color: white;
			max-width: 800px;
			margin: auto;
			padding-top: 40px;
		}


	/*********** ボタンデザイン(お問い合わせフォーム送信用) 　[タブレット・パソコン共通] **********************/
		.submit-button {
			display:block;
			height:50px;
			line-height: 50px;
			color: #FFF;
			text-decoration: none;
			text-align: center;
			background-color:#401802;
			border-radius: 50px; 
			-webkit-transition: all 0.5s;
			transition: all 0.5s;
			font-weight: bold;
			padding-left: 40px;
			padding-right: 40px;
			font-size: 23px;
			cursor: pointer;
			margin-left: 25px;
			box-shadow:2px 2px 2px #555;
			border: 1px solid rgba(0,0,0,1.00);
			border-top-color: white;
			border-left-color: white;
		}
		.submit-button:hover {
			 background-color: orangered; 
		}


	}