/*----- reset -----*/
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
}
*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html,
body{
    height: 100%;
}
html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}
body.modal-open { 
    padding-right: 0 !important; 
}
@-ms-viewport {
    width: device-width;
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

[tabindex="-1"]:focus {
    outline: 0 !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

blockquote {
    margin: 0 0 1rem;
}

dfn {
    font-style: italic;
}

b,
strong {
    font-weight: bolder;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

a {
    color: #006ab6;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:hover {
    color: #0056b3;
    text-decoration: underline;
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
    outline: 0;
}
:focus {
    outline: 0;
}
img {
    vertical-align: middle;
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

table {
    border-collapse: collapse;
}

label {
    display: inline-block;
    margin-bottom: 5px;
}

button {
    border-radius: 0;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}


/*----- common -----*/

body {
    margin: 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック" , "MS Gothic", "Noto Sans CJK JP", TakaoPGothic, sans-serif;
    font-size: 87.5%;
    line-height: 1.5;
    color: #4d4d4d;
    background-color: #ffffff;
    word-break: break-all;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    background-color: #fff !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    outline: none !important;
    transition: background-color 5000s ease-in-out 0s;
}

img {
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    -webkit-animation: smooth_image 1.2s;
    -moz-animation: smooth_image 1.2s;
    animation: smooth_image 1.2s;
}


/* ==================================================
accessibility model change
================================================== */
.wrap_mc_pc,
.wrap_mc_sp {
	display: none;
}
.disp_pc .wrap_mc_sp,
.disp_pc .wrap_mc_sp #tmp_switch_sp_style {
	display: block;
}
.disp_pc #hnavi_s,
.disp_pc #tmp_sma_lmenu,
.disp_pc #tmp_sma_rmenu {
	display:none;
}
#tmp_switch_sp_style{
	background-color: #ffffff;
	border: 1px solid #221815;
	display: block;
	padding: 8px 10px;
	color: #222222;
	font-size: 93.7%;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
}
/* ==================================================
SmartPhone
================================================== */
#tmp_sma_menu{
	display: none;
}

/* ==================================================
skip
================================================== */
.skip {
	width:1px;
	color:#000000;
	font-size:0.1%;
	line-height:0.1;
	background-color:#FFFFFF;
	position:absolute;
	left:-3000px;
	z-index:9999;
}
a.skip {
	color:#003377;
	background-color:#FFFFFF;
	text-align:center;
	padding:2px 0;
	top:auto;
}
a.skip:active {
	display:block;
	width:99.99%;
	font-size:100%;
	line-height:1.6;
	top:0;
	left:0;
}
a.skip:focus {
	display:block;
	width:99.99%;
	font-size:100%;
	line-height:1.6;
	top:0;
	left:0;
}

/* ==================================================
Layout
================================================== */
/*wrapper*/

#wrapper {
    height: auto;
    margin: 0 auto -130px;
    padding-bottom: 130px;
    min-height: 100%;
    min-width: 1030px;
    background: #f6f6f6;
}
.container:before,
.container:after{
    content: "";
    display: table;
}
.container:after{
    clear: both;
}
.container{
    margin: 0 auto;
    width: 1030px;
}

/*----- Header -----*/
#header:before,
#header:after{
    content: '';
    display: table;
}
#header:after{
    clear: both;
}
#header {
    position: relative;
    z-index: 100;
    clear: both;
    height: 130px;
    color: inherit;
    background-color: #ffffff;
}

#logo {
    margin-top: 40px;
    float: left;
}

#logo h1,
#logo p {
    margin: 0;
    display: block;
    width: 165px;
    height: 50px;
    background: url(../img/header/logo.png) no-repeat scroll;
}

#logo a {
    display: block;
    width: 165px;
    height: 50px;
}

#logo h1 span,
#logo p span {
    display: block;
    width: 165px;
    height: 50px;
    position: relative;
    z-index: -1;
    overflow: hidden;
    text-indent: -1987em;
}
.header-aside{
    float: right;
    max-width: 794px;
}
.top-setting:before,
.top-setting:after,
.setting-list:before,
.setting-list:after{
    content: '';
    display: table;
}
.setting-list:after,
.top-setting:after{
    clear: both;
}
.top-setting{
    margin-bottom: 40px;
    padding: 11px 0 9px 11px;
    float: right;
    width: 486px;
    color: #ffffff;
    background-color: #006ab6;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}
.setting-list{
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}
.setting-list li{
    padding: 0 8px;
    display: inline;
    float: left;
}
.setting-list li a{
    color: #ffffff;
    
}
.setting-list .active a,
.setting-list li a:hover,
.setting-list li a:focus{
    text-decoration: underline;
}
.setting-list .fa-user-plus,
.setting-list .fa-shopping-cart{
    font-size: 100%;
}
.setting-list .fa-user-circle,
.setting-list .fa-question-circle{
    font-size: 114.2%;
}
.setting-list .setting-text{
    font-size: 85.7%;
}
.gnavi:before,
.gnavi:after,
.gnavi ul:before,
.gnavi ul:after{
    content: '';
    display: table;
}
.gnavi ul:after,
.gnavi:after{
    clear: both;
}
.gnavi{
    padding-right: 15px;
    margin-bottom: 15px;
    clear: both;
}
.gnavi ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.gnavi > ul > li{
    position: relative;
    float: left;
    display: inline;
    padding: 0 25px 10px;
}
.gnavi > ul > li:last-child{
    padding-right: 0;
}
.gnavi > ul > li > a{
    position: relative;
    padding-bottom: 5px;
    font-size: 114.2%;
    color: #4d4d4d;
    background-color: transparent;
}
.gnavi > ul > li > a:after {
    position: absolute;
    top: auto;
    right: 50%;
    left: 50%;
    bottom: 0;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    content: '';
    display: inline-block;
    border-bottom: 4px solid transparent;
}
.gnavi ul .active a,
.gnavi ul li a:hover,
.gnavi ul li a:focus{
    color: #006ab6;
    text-decoration: none;
}
.gnavi > ul > .active > a:after,
.gnavi > ul > li > a:hover:after,
.gnavi > ul > li > a:focus:after {
    position: absolute;
    top: auto;
    right: 0;
    left: 0;
    bottom: 0;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    content: '';
    display: inline-block;
    border-bottom: 4px solid #006ab6;
}

.gnavi ul li a .fa-minus,
.gnavi ul li a .fa-plus{
    display: none;
}
.gnavi .dropdownmenu{
    position: absolute;
    top: 28px;
    left: 12px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0;
    margin: 0;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.gnavi .dropdownmenu>li>a {
    display: block;
    padding: 7px 15px;
    clear: both;
    font-size: 100%;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.gnavi .dropdownmenu>li>a:hover,
.gnavi .dropdownmenu>li>a:focus{
    color: #006ab6;
    background-color: #f5f5f5;
}
/*.gnavi ul li:hover .dropdownmenu,
.gnavi ul li:focus .dropdownmenu{
    display: block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}*/
#tmp_hnavi_s{
    display: none;
}
/*----- Content -----*/

#main-content {
    padding-bottom: 20px;
    background-color: #f6f6f6;
}
.heading_title{
    font-size: 150%;
    color: #eb0707;
    border-bottom: 2px solid #eb0707;
}
/*----- banner heading -----*/
#banner-child{
    clear: both;
}
#banner-child,
#banner-child .container{
    position: relative;
}
.banner-bg-one{
    height: 321px;
    background: url("../img/front/bg_banner_01.png") repeat-x left top scroll;
}

.banner-bg-tab,
.banner-bg-two,
.banner-bg-three,
.banner-bg-four,
.banner-bg-five{
    height: 320px;
}
.banner-bg-tab{
    background: url("../img/front/bg_banner_tab.jpg") no-repeat center top scroll;
    background-size: cover;
}
.banner-bg-two{
    background: url("../img/front/bg_banner_02.jpg") no-repeat center top scroll;
    background-size: cover;
}
.banner-bg-three{
    background: url("../img/front/bg_banner_03.jpg") no-repeat center top scroll;
    background-size: cover;
}
.banner-bg-four{
    background: url("../img/front/bg_banner_04.jpg") no-repeat center top scroll;
    background-size: cover;
}
.banner-bg-five{
    background: url("../img/front/bg_banner_05.jpg") no-repeat center top scroll;
    background-size: cover;
}
#banner-child .banner-caption{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    padding: 35px 0 22px;
    background-image: linear-gradient(to left, rgba(0, 106, 182, 0.3), rgba(0, 106, 182, 1));
}
#banner-child .banner-caption h1,
#banner-child .banner-caption h2{
    margin: 0;
    padding-left: 24px;
    color: #ffffff;
    line-height: 1.4;
    font-size: 228.5%;
}
.avatar-image{
    position: absolute;
    right: 16px;
    top: 11px;
    height: 300px;
    overflow: hidden;
    z-index: 20;
}
.avatar-image img{
    height: 300px;
    width: auto;
}
/*----- Footer -----*/
.pnavi{
    padding: 0 0 16px;
    text-align: right;
    color: #ffffff;
    background-color: #f6f6f6;
    min-width: 1030px;
}
.pnavi a .fa-arrow-up{
    margin-left: 10px;
}
.section-pagination .pnavi,
.request-action .pnavi{
    position: absolute;
    right: 0;
    top: 11px;
    padding-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    min-width: inherit;
}
.pnavi a{
    font-weight: bold;
}
#footer {
    padding: 18px 0;
    min-width: 1030px;
    color: #fff;
    background-color: #006ab6;
    min-height: 130px
}
.footer-top:before,
.footer-top:after,
.footer-bottom:before,
.footer-bottom:after,
.fnavi:before,
.fnavi:after{
    content: '';
    display: table;
}
.footer-top:after,
.footer-bottom:after,
.fnavi:after{
    clear: both;
}
.fnavi{
    list-style: none;
    padding: 0;
    margin: 0 0 40px;
    border-left: 1px solid #ffffff;
}
.fnavi li{
    padding: 2px 16px;
    float: left;
    border-right: 1px solid #ffffff;
    line-height: 1.3;
}
.fnavi li a{
    color: #ffffff;
    font-size: 85.7%;
    
}
.fnavi .active a,
.fnavi li a:hover,
.fnavi li a:focus{
    text-decoration: underline;
}
.footer-bottom{
    text-align: right;
}
.footer-bottom .copyright{
    font-size: 65.2%;
}
.footer-bottom .prohibited-text{
    font-size: 71.4%;
}
.footer-bottom p{
    margin: 0;
}
/* ==================================================
section pagination
================================================== */
.section-pagination{
    position: relative;
    margin: 32px 0 20px;
    text-align: center;
}
.section-pagination .pagination{
    margin: 0;
    display: inline-block;
}
.section-pagination .pagination .fas{
    font-size: 85.7%;
}
.section-pagination .pagination>li{
    display: inline-block;
    vertical-align: top;
}
.section-pagination .pagination>li>a,
.section-pagination .pagination>li>span{
    color: #1b6fb7;
    padding: 10px 16px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-color: #e6e6e6;
}
.section-pagination .pagination>.active>a,
.section-pagination .pagination>.active>a:focus,
.section-pagination .pagination>.active>a:hover,
.section-pagination .pagination>.active>span,
.section-pagination .pagination>.active>span:focus,
.section-pagination .pagination>.active>span:hover{
    color: #ffffff;
    background-color: #006ab6;
    border-color: #006ab6;
}
/* ==================================================
banner-heading
================================================== */
.banner-heading {
    position: relative;
    background-color: #006ab6;
    color: #ffffff;
    padding: 60px 0 0;
    overflow: hidden;
    clear: both;
}
.banner-heading h1,
.banner-heading h2 {
    margin: 0;
    line-height: 1.4;
    font-size: 228.5%;
    padding-left: 20px;
}
.banner-heading-inner {
    padding: 38px 0 18px;
    background-color: #015a9c;
    color: #ffffff;
}
.banner-heading .container {
    position: relative;
    z-index: 1;;
}
.banner-heading .container:after {
    content:"";
    position: absolute;
    right: 50px;;
    bottom: -18px;
    width: 255px;
    height: 160px;
    z-index: -1;;
    background: transparent url('../img/img-banner-heading.png') no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
/* ==================================================
smooth-image
================================================== */
@-webkit-keyframes smooth_image {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes smooth_image {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes smooth_image {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* ==================================================
Start image_PC-01
================================================== */
#main-visual:before,
#main-visual:after{
    content: "";
    display: table;
}
#main-visual:after{
    clear: both;
}
#main-visual{
    overflow: hidden;
    min-height: 434px;
    clear: both;
}
#main-visual .slick_control{
    position: absolute;
    right: 0;
    bottom: 15px;
    z-index: 0;
    text-align: right;
}
#main-visual .slick-dots{
    padding-right: 5px;
}
#main-visual .slick-dots,
#main-visual .btn_ctl{
    display: inline-block;
    vertical-align: middle;
}
#main-visual .btn_slides{
    position: relative;
    margin-right: 10px;
    padding: 3px 5px 3px 5px;
    line-height: 1;
    font-weight: bold;
    color: #00809b;
    background-color: #ffffff;
    text-transform: uppercase;
    border: 0;
    cursor: pointer;
    min-width: 80px;
    text-align: center;
}
#main-visual .btn_slides a{
    text-decoration: none;
    line-height: 1;
    display: inline-block;
    color: #00809b;
    background-color: #ffffff;
}
#main-visual .btn_slides a span{
    padding: 2px 0 0 5px;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}
#main-visual .btn_slides.stop span,
#main-visual .btn_slides.start span {
    color: #00809b;
    background: transparent;
}
#main-visual .btn_slides span{
    z-index: 10;
    text-indent: initial;
}

#main-visual .main-visual-gallery {
    position: relative;
    color: inherit;
    background-color: #ffffff;
}
#main-visual .slick-list{
    overflow: visible;
}
#main-visual .gallery-slide{
    position: relative;
}
#main-visual .gallery-slide img{
    margin: 0 auto;
    display: block;
    width: 100%;
    height: auto;
}
#main-visual .visual_caption p,
#main-visual .visual_caption_catch p{
    font-size: 228.5%;
    line-height: 1.3;
}
#main-visual .slick-current,
#main-visual .slick-active{
    position: relative;
    z-index: 50;
}
#main-visual .slick-current img,
#main-visual .slick-active img{
    opacity: 1;
}
#main-visual .slick-prev,
#main-visual .slick-next {
    position: absolute;
    top: 50%;
    z-index: 100;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    border: none;
}
#main-visual .slick-prev{
    left: 10px;
}
#main-visual .slick-next{
    right: 10px;
}
#main-visual .slick-next:focus,
#main-visual .slick-prev:focus{
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
#main-visual .slick-dots{
    border-color: #ffffff;
}
#main-visual .slick-dots li{
    width: 18px;
    height: 18px;
}
#main-visual .slick-dots li a {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    width: 18px;
    height: 18px;
    padding: 0;
    cursor: pointer;
    border: 0;
    outline: none;
    color: #00809b;
    background-color: #ffffff;
    border: 3px solid #ffffff;
    text-indent: -1987em;
}
#main-visual .slick-dots li a:hover,
#main-visual .slick-dots li :focus,
#main-visual .slick-dots .slick-active a{
    color: #ffffff;
    background-color: #00809b;
}
#main-visual .slick-dots li a:hover,
#main-visual .slick-dots li :focus{
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
#main-visual .slick-dots li a span{
    width: 12px;
    height: 12px;
    padding: 0;
    display: block;
    position: relative;
    z-index: -1;
    text-indent: -9999px;
}
#main-visual .btn_slides a:before{
    content: '';
    vertical-align: middle;
    border-color: transparent transparent transparent #00809b;
}
/* ==================================================
End Slick Main Visual PC
================================================== */
.section-nutrition{
    padding: 45px 0 31px;
    color: #ffffff;
    background-color: #006ab6;
}
.section-nutrition h2.nutrition-title,
.section-nutrition .nutrition-paragraph{
    text-align: center;
    line-height: 1.5;
}
.nutrition-title,
.section-nutrition h2.nutrition-title{
    margin: 0 0 11px;
    font-size: 200%;
}
.section-nutrition .nutrition-paragraph{
    font-size: 114.2%;
}
.nutrition-list:before,
.nutrition-list:after{
    content: "";
    display: table;
}
.nutrition-list:after{
    clear: both;
}
.nutrition-list{
    list-style: none;
    padding: 0 50px;
    margin: 0;
}
.nutrition-list li{
    padding: 29px 0;
    float: left;
    width: 33.32%;
    text-align: center;
}
.nutrition-list li a{
    width: 240px;
    height: 240px;
    margin: 0 auto;
    display: block;
}
.nutrition-list li a:hover,
.nutrition-list li a:focus{
    text-decoration: underline;
    color: #ffffff;
}
.nutrition-list li .nutrition-parent{
    position: relative;
    padding: 58px 10px 50px;
    width: 240px;
    height: 240px;
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    border: 5px solid #ffffff;
    color: #ffffff;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.nutrition-list li a .fa-angle-down{
    position: absolute;
    bottom: 6px;
    left: 50%;
    margin-left: -8px;
    color: #ffffff;
    font-size: 200%;
    line-height: 1;
}
.nutrition-list .nutrition-large,
.nutrition-list .nutrition-small{
    display: block;
}
.nutrition-list .nutrition-large{
    font-size: 150%;
}
.section-news{
    padding: 32px 0 39px;
    color: #4d4d4d;
    background-color: #ffffff;
}
h2.news-title,
.news-title{
    margin: 0 0 23px;
    text-align: center;
    font-size: 150%;
    line-height: 1.5;
    color: #006ab6;
    text-transform: uppercase;
}
.news-list{
    margin: 0 0 27px;
    padding: 0 143px;
    list-style: none;
}
.news-list li{
    padding: 5px 0;
    overflow: hidden;
}
.news-list li a{
    color: #4d4d4d;
    text-decoration: none;
    display: block;
}
.news-list li a:hover,
.news-list li a:focus{
    color: #006ab6;
    text-decoration: underline;
}
.news-list li .news-date{
    float: left;
    padding-right: 5px;
    font-size: 107.1%;
    width: 100px;
}
.news-list li .news-info{
    overflow: hidden;
}
.news-action{
    text-align: center;
}
.news-action .btn-new-info{
    position: relative;
    padding: 12px 42px 10px;
    display: inline-block;
    border: 1px solid #cccccc;
    color: #006ab6;
}
.news-action .btn-new-info,
.news-action .btn-new-info:hover,
.news-action .btn-new-info:focus{
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.news-action .btn-new-info:hover,
.news-action .btn-new-info:focus{
    color: #0991fb;
    border-color: #0991fb;
}
.news-action .btn-new-info .fa-chevron-right{
    position: absolute;
    right: 13px;
    top: 16px;
    font-size: 75%;
}
.section-services{
    padding: 35px 0 16px;
    overflow: hidden;
    color: #096caf;
    background-color: #f6f6f6;
}
.services-title,
h2.services-title{
    margin: 0 0 27px;
    text-align: center;
    font-size: 171.4%;
    color: #0367b2;
    line-height: 1.5;
}
.services-list:before,
.services-list:after{
    content: '';
    display: table;
}
.services-list:after{
    clear: both;
}
.services-list{
    list-style: none;
    padding: 0;
    margin: 0 -4px;
}
.services-list .services-item{
    padding: 0 4px;
    float: left;
/*    width: 20%; */
    width: 16.667%;
}
.services-list .services-inner{
    position: relative;
    padding: 10px;
    height: 164px;
    width: 194px;
    border: 1px solid #e6e6e6;
    background-color: #ffffff;
    display: table-cell;
    vertical-align: middle;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.services-list .services-inner a,
.services-list .services-inner a:hover,
.services-list .services-inner a:focus{
    color: #006ab6;
}
.services-list .services-inner .fa-angle-down{
    position: absolute;
    bottom: 3px;
    left: 50%;
    margin-left: -6px;
    color: #006bb6;
    font-size: 150%;
    line-height: 1;
}
.services-list .services-item:hover .services-inner,
.services-list .services-item:focus .services-inner{
    border-color: #408fc8;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.services-list .services-icon,
.services-list .services-text{
    display: block;
    font-size: 98%;
}
.services-list .services-icon{
    margin-bottom: 15px;
    min-height: 60px;
}
.services-list .icons-customer{
    margin-top: 10px;
}
.services-list .icons-recipe{
    margin-top: 12px;
}
.services-list .icons-nutrition{
    margin-top: 6px;
}

/* ==================================================
End image_PC-01
================================================== */

/* ==================================================
Start image_PC-02
================================================== */
.section-meguby{
    padding: 40px 0 0;
    color: inherit;
    background-color: #f6f6f6;
}
.meguby-tabs .nav-tabs>li>a{
    position: relative;
    padding: 15px 36px 12px 20px;
    min-width: 241px;
    font-size: 114.2%;
}
.meguby-tabs .nav-tabs>li>a .fas{
    position: absolute;
    right: 18px;
    top: 50%;
    margin-top: -4px;
    font-size: 85.7%; 
}
.meguby-tabs .nav-tabs>li>a .fa-chevron-down{
    margin-top: -4px;
}
.meguby-tabs .nav-tabs>li>a .fa-chevron-up{
    margin-top: -5px;
}
.meguby-tabs .nav-tabs>li>a,
.meguby-tabs .tab-content{
    color: inherit;
    background-color: #ffffff;
}
.meguby-tabs .tab-content{
    padding: 40px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
.meguby-tabs .nav-tabs>li>a{
    border: 1px solid #e6e6e6;
    color: #006bb4;
}
.meguby-tabs .nav-tabs>li.active>a,
.meguby-tabs .nav-tabs>li.active>a:focus,
.meguby-tabs .nav-tabs>li.active>a:hover{
    color: #4c4c4c;
    border-color: #e6e6e6;
    border-bottom: 1px solid #ffffff;
}
.nav-tabs.tabs-bottom{
    border-bottom: 0;
    border-top: 1px solid #e6e6e6;
}
.nav-tabs.tabs-bottom>li{
    margin-top: -1px;
    margin-bottom: 0;
}
.nav-tabs.tabs-bottom>li>a{
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
}
.meguby-tabs .nav-tabs.tabs-bottom>li.active>a,
.meguby-tabs .nav-tabs.tabs-bottom>li.active>a:focus,
.meguby-tabs .nav-tabs.tabs-bottom>li.active>a:hover{
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #e6e6e6;
}
.health-descript:before,
.health-descript:after{
    content: '';
    display: table;
}
.health-descript:after{
    clear: both;
}
.health-descript{
    margin-bottom: 42px;
}
.health-descript .health-descript-ttl{
    padding-right: 40px;
    float: left;
    width: 300px;
}
.health-descript .health-descript-ttl h3{
    margin: 0;
    font-size: 171.4%;
    line-height: 1.4;
}
.health-descript .health-descript-cnt{
    overflow: hidden;
    text-align: justify;
    font-size: 112.2%;
    line-height: 1.6;
}
.health-descript p{
    margin-bottom: 0;
}
.health-descript h4,
.health-descript .health-heading{
    margin: 0 0 15px;
    font-weight: bold;
    font-size: 128.5%;
}
/* ===== 2019/08/14 Add Start H.Yoshida ===== */
.personal-profile-list{
    font-size: 100.0%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.personal-profile-list .profile-item{
    overflow: hidden;
}
.personal-profile-list .history-year{
    float: left;
    width: 65px;
    text-align: left;
    padding: 0 0 5px 0;
}
.personal-profile-list .history-year:first-child .history-year{
    padding-top: 25px;
}
.personal-profile-list .history-age{
    float: left;
    width: 58px;
    text-align: left;
    padding: 0 10px 0 0;    
}
.personal-profile-list .history-detail{
    overflow: hidden;
    padding: 0 0 5px 0;
}
.personal-profile-list .paragraph-history{
    margin-bottom: 0;
}
/* ===== 2019/08/14 Add End H.Yoshida ===== */

#main-content dt{
    margin-bottom: 15px;
    padding: 7px 8px;
    font-weight: normal;
    background-color: #f2f2f2;
}
#main-content dd{
    margin-bottom: 18px;
}
/* ==================================================
End image_PC-02
================================================== */

/* ==================================================
Start image_PC-03
================================================== */
#main-content {
    background-color: #f6f6f6;
}
#tmp_lft_sidebar {
    padding-top: 40px;
}
#tmp_lft_sidebar .sidebar {
    width: 30%;
    max-width: 300px;
    float: left;
}
.tabs-lft {
    margin-bottom: 33px;
}
.tabs-lft ul li {
    display: block;
    margin-right: 3px;
    margin-bottom: 3px;
    position: relative;
}
.tabs-lft ul li a {
    color: #006ab6;
    background-color: #ffffff;
    padding: 19px 15px 15px 21px;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    letter-spacing: 2px;
}
.tabs-lft ul li a:hover,
.tabs-lft ul li a:focus,
.tabs-lft ul li a:active {
    background-color: #005a9b;
    color: #ffffff;
}
.tabs-lft ul li i {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.tabs-lft ul li.active {
    margin-right: -1px;
}
.tabs-lft ul li.active a {
    color: #4d4d4d;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
}
.tabs-lft ul li.active a:hover,
.tabs-lft ul li.active a:focus,
.tabs-lft ul li.active a:active {
    color: #4d4d4d;
    background: #ffffff;
}
.tabs-lft ul li.active i {
    right: 21px;
    color: #9fa0a0;
}
.sidebar-info ul {
    list-style: none;
    padding-left: 13px;
}
.sidebar-info ul i {
    display: block;
    width: 20px;
    height: 20px;
    padding-top: 3px;
    float: left;
}
.sidebar-info ul .info-ttl a:hover,
.sidebar-info ul .info-ttl a:focus,
.sidebar-info ul .info-ttl a:active {
    text-decoration: none;
    color: #4d4d4d;
}
.sidebar-info ul span {
    padding-left: 20px;
    padding-right: 10px;
    position: relative;
    display: block;
    line-height: 1.6;
}
.dot-list {
    margin-bottom: 37px;
}
.info-list ul {
    padding-left: 12px;
}
.info-list li {
    margin-bottom: 22px;
}
.info-list li .info-ttl {
    margin-bottom: 3px;
}
.info-list li p {
    padding-right: 15px;
}
.info-list i,
.info-list span {
    font-size: 114.2%;
}
.info-list ul li:first-child span {
    padding-right: 45px;
}
#tmp_lft_sidebar .wrapper-content {
    margin-left: 300px;
}
.wrapper-content ul {
    padding: 0;
    list-style: none;
}
.product-page .modal-content {
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 17px 25px;
}
.product-page .modal-content h4 {
    font-size: 200%;
    font-weight: 900;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 9px;
    margin-bottom: 30px;
}
.product-page .modal-content .comment-detail {
    margin-bottom: 30px;
}
.product-page .form-action {
    padding: 20px 20px 0;
    text-align: center;
}
.product-page .form-action .btn-reset {
    padding: 8px 25px 7px 12px;
    position: relative;
    min-width: 160px;
    font-size: 128.5%;
    color: #1672bb;
    border-color: #cccccc;
    background-color: #ffffff;
}
.btn-reset, 
.btn-reset:hover, 
.btn-reset:focus {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/***********  img_PC-03   **********/
.wrapper-content .tab-pane {
    padding: 19px 40px;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: #ffffff;
    min-height: 250px;
}
.wrapper-content .tab-pane.first-tab {
    border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    -webkit-border-top-left-radius: 0;
}
.wrapper-content .tab-pane h2 {
    padding-bottom: 8px;
    margin-bottom: 41px;
    border-bottom: 1px solid #e6e6e6;
}
.wrapper-content .tab-pane h5 {
    font-size: 135%;
    padding-bottom: 6px;
    margin-top: 45px;
}
.product-list-item {
    padding: 0;
    list-style: none;
}
.product-list h3 {
    margin-bottom: 15px;
}
.wrapper-content .tab-pane .product-list {
    margin-bottom: 30px;
}
.wrapper-content .tab-pane .product-item {
    margin-bottom: 10px;
}
.product-block {
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 19px 10px 20px 19px;
}
.product-block .product-img {
    display: block;
    width: 150px;
    height: auto;
}
.product-block .media-body {
    position: relative;
    padding-bottom: 45px;
}
.product-block .product-cnt {
    padding-left: 11px;
    color: #4d4d4d;
}
.product-block .product-detail {
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
}
.product-block .product-ttl {
    display: inline-block;
    color: #4d4d4d;
    font-size: 142.8%;
    margin-bottom: 14px;
}
.product-block .product-ttl:hover,
.product-block .product-ttl:focus,
.product-block .product-ttl:active {
    text-decoration: none;
    color: #006ab6;
}
.product-block .product-price {
    font-size: 107.1%;
    display: block;
}
.product-block .product-action {
    padding: 0;
    margin: 0 0px 0 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.product-block .product-action li {
    display: block;
    width: 50%;
    float: left;
    padding: 0 5px;
}
.product-block .product-action li a {
    border: 1px solid #e6e6e6;
    display: block;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 11px 15px 6px;
    font-size: 107.1%;
    color: #006ab6;
    position: relative;
}
.product-block .product-action li a:hover,
.product-block .product-action li a:focus,
.product-block .product-action li a:active {
    border-color: #0991fb;
    color: #0991fb;
    text-decoration: none;
}
/* ===== 2019/09/10 H.Yoshida Add Start ===== */
.product-block .product-action li a.reorder {
    padding-left: 50px;
}
.product-block .product-action li a.reorder i {
    position: absolute;
    left: 15px;
    top: 14px;
    float: right;
}
/* ===== 2019/09/10 H.Yoshida Add End ===== */
.product-block .product-action li a.add_cart {
    padding-left: 50px;
}
.product-block .product-action li a.add_cart i {
    position: absolute;
    left: 15px;
    top: 14px;
}
.product-block .product-action li a.view_detail {
    padding-left: 22px;
}
.product-block .product-action li a.view_detail i {
    position: absolute;
    right: 10px;
    top: 14px;
}
.product-block .product-detail p {
    font-size: 107.1%;
    letter-spacing: 1.5px;
    line-height: 1.7;
    margin-bottom: 15px;
}
.product-block .product-detail .product-detail-desc {
    padding-top: 20px;
}
.product-detail .product-detail-block {
    margin-bottom: 23px;
}
.product-detail .product-detail-slider {
    width: 350px;
    float: left;
}
.product-detail .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    z-index: 2;
    font-size: 250%;
}
.product-detail .slick-prev {
    left: 10px;
}
.product-detail .slick-next {
    right: 10px;
}
.product-detail .slider {
    margin-bottom: 10px;
}
.product-detail img {
    -webkit-animation: unset;
    -moz-animation: unset;
    animation: unset;
}
.product-detail .slider-nav-thumbnails .slick-slide {
    padding: 0 5px;
}
.product-detail .product-detail-cnt {
    margin-left: 350px;
    padding-left: 20px;
    padding-right: 7px;
    font-size: 107.1%;
}
.product-detail .product-detail-cnt dt {
    font-weight: 400;
    background-color: #f2f2f2;
    padding: 4px 0px 3px 7px;
}
.product-detail .product-detail-cnt dd {
    padding: 9px 5px 0;
}
.product-detail .product-detail-cnt dd span {
    display: block;
    margin-bottom: 5px;
    line-height: 1.5;
}
.product-detail .product-detail-cnt dd a {
    display: block;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 10px 15px;
    text-decoration: none;
}
.product-detail .product-detail-cnt dd i {
    margin-right: 16px;
}
.product-detail .product-detail-cnt dd a:hover,
.fav-item .product-detail .product-detail-cnt dd a {

    background-color: #005a9b;
    color: #ffffff;

}
.product-detail h4 {
    font-weight: 900;
    font-size: 142.8%;
    margin-bottom: 15px;
}
.product-detail a.view-detail {
    position: relative;
    display: inline-block;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 9px 55px 8px 20px;
    font-size: 107.1%;
    color: #006ab6;
}
.product-detail a.view-detail i {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.product-detail a.view-detail:hover,
.product-detail a.view-detail:focus,
.product-detail a.view-detail:active {
    border-color: #0991fb;
    color: #0991fb;
    text-decoration: none;
}
/*********** END img_PC-03  **********/

/************* img_PC-05 *************/
.nutrients_item .nutrients_btn {
    display: block;
    width: 100%;
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 9px 40px 9px 20px;
}
.nutrients_item .nutrients_btn i {
    position: absolute;
    right: 18px;
    top: 14px;
}
.nutrients_item .nutrients_btn:hover,
.nutrients_item .nutrients_btn:focus,
.nutrients_item .nutrients_btn:active {
    border-color: #0991fb;
    color: #0991fb;
    text-decoration: none;
}
.nutrients_item {
    margin-bottom: 3px;
}
.nutrients_detail {
    display: none;
}
.nutrients_detail.active {
    display: block;
}
.nutrients_detail h3 {
    font-weight: 900;
/*    color:#006ab6;*/
    margin-bottom: 20px;
}
.nutrients_detail p {
    font-size: 121.4%;
    line-height: 1.55;
    margin-bottom: 25px;
}
.nutrients_detail h4 {
    font-weight: 900;
    margin-bottom: 15px;
}
/* ===== 2019/08/15 Add Start H.Yoshida ===== */
.nutrients_detail h4:before {
    content:'◆ ';
}
.nutrients_detail h5 {
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 15px;
}
.nutrients_detail .pos {
    position: relative;
    float: right;
}
.nutrients_detail .pos_b_left {
    position: relative;
    float: left;
    border: solid 5px #f0f0f0;
    width: 30%;
    height: auto;
    margin: 6px 6px 3px 0;
}
.nutrients_detail .pos_b_right {
    position: relative;
    float: right;
    border: solid 5px #f0f0f0;
    width: 30%;
    height: auto;
    margin: 6px 0 3px 6px;
}
.nutrients_detail .pos_b_normal {
    position: relative;
    border: solid 5px #f0f0f0;
    margin: 6px 0 3px 6px;
}
.nutrients_detail_frame {
    border: 1px;
    border-style: dotted;
    border-color: #ffa500;
    padding: 15px;
    margin-bottom: 25px;
    background-color: #ffff99;
}
.nutrients_detail_frame p {
    font-size: 106.4%;
    color: #a0522d;
    line-height: 1.55;
    margin-bottom: 25px;
}
.nutrients_detail_frame p:last-child {
    margin-bottom: 0;
}
/* ===== 2019/08/14 Add End H.Yoshida ===== */
/*********** END img_PC-05 ***********/

/************* img_PC-12 *************/
.my-page .tab-pane {
    padding-right: 20px;
}
.my-page-heading {
    font-size: 16px;
    padding: 0px 21px;
    margin-bottom: 35px;
}
.my-page-heading span {
    color: #006aba;
}
.history_cnt {
    margin-bottom: 40px;
}
.my-page h3 {
    margin-top: 23px;
    margin-bottom: 33px;
}
.my-page-desc {
    font-size: 114.2%;
    line-height: 1.6;
    margin-bottom: 15px;
}
.my-page-desc .color-orange {
    color: #fd6d0d;
}
.wrapper-content ul.my-page-rank {
    margin-top: 20px;
    margin-bottom: 17px;
    padding-right: 20px;
}
.my-page-rank li {
    border-bottom: 1px solid #e6e6e6;
    padding: 14px 22px 12px;
    font-size: 114.2%;
}
.my-page-rank .rank-ttl {
    display: inline-block;
    width: 165px;
}
.history_cnt a.view-detail {
    position: relative;
    display: inline-block;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 9px 70px 8px 20px;
    font-size: 107.1%;
    color: #006ab6;
}
.history_cnt a.view-detail:hover,
.history_cnt a.view-detail:focus,
.history_cnt a.view-detail:active {
    border-color: #0991fb;
    color: #0991fb;
    text-decoration: none;
}
.history_cnt a.view-detail i {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.history-list {
    padding-right: 18px;
}
.history-list h2 {
    margin-bottom: 36px;
}
.history-list-desc {
    font-size: 114.2%;
    margin-bottom: 15px;
}
.history-item {
    padding: 18px 17px 0;
    margin-bottom: 10px;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.history-item-heading {
    position: relative;
    padding-bottom: 15px;
}
.history-item.active .history-item-heading i {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.history-item-heading:hover {
    cursor: pointer;
}
.history-colum {
    width: 215px;
    float: left;
}
.history-colum p {
    margin-bottom: 2px;
}
.history-colum span {
    display: inline-block;
    width: 100px;
    font-weight: 900;
}
.history-item-heading i {
    position: absolute;
    top: 12px;
    right: 0;
    color: #016bb7;
    font-size: 128.5%;
}
.history-item-detail {
    display: none;
}
.history-item-detail h3 {
    border-top: 1px solid #e6e6e6;
    margin-top: 0;
    margin-bottom: 18px;
    padding-top: 22px;
}
/* ===== 2019/09/10 H.Yoshida Add Start ===== */
.history-item-detail .head{
    font-size: 170%;
    border-top: 1px solid #e6e6e6;
    margin-top: 0;
    margin-bottom: 18px;
    padding-top: 22px;
}
.history-item-detail .head a.reorder {
    padding-left: 50px;
    border: 1px solid #e6e6e6;
    display: inline-block;
    min-width: 125px;
    height: 45px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 11px 15px 6px;
    font-size: 68.1%;
    color: #006ab6;
    position: relative;
    margin: 0 20px 20px 0;
    float: right;
}
/* ===== 2019/09/10 H.Yoshida Add End ===== */
.history-item-detail .history-table {
    width: 100%;
}
.history-item-detail .history-table tr {
    border-bottom: 1px solid #e6e6e6;
}
.history-item-detail .history-table td:first-child {
    padding: 6px 10px 2px;
}
.history-item-detail .history-table th:last-child {
    padding-right: 15px;
}
.history-item-detail .history-table td:last-child {
    padding-right: 10px;
}
.history-item-detail .history-subtotal,
.history-item-detail .history-total {
    text-align: right;
    padding: 10px 10px 0;
    border-bottom: 1px solid #e6e6e6;
}
.history-item-detail .history-subtotal p,
.history-item-detail .history-total p {
    margin-bottom: 2px;
}
.history-item-detail .history-subtotal span,
.history-item-detail .history-total span {
    display: inline-block; 
    width: 110px;
}
.history-item-detail .history-total {
    margin-bottom: 10px;
    border-bottom: none;
}
.history-point p {
    margin-bottom: 0;
}
.history-point span {
    display: inline-block;
    font-weight: 900;
    padding-left: 10px;
    width: 125px;
}
.history-item-detail .history-addressee {
    padding-bottom: 15px;
}
.history-item-detail .history-addressee h3 {
    border-top: none;
    margin-top: 28px;
    margin-bottom: 10px;
    padding-top: 0;
}
.history-item-detail .history-addressee p {
    margin-bottom: 1px;
}
.history-item-detail .history-addressee span {
    display: inline-block;
    font-weight: 900;
    padding-left: 10px;
    width: 100px;
}
.address_change_cnt {
    padding-right: 35px;
}
.address_change_cnt h2 {
    margin-bottom: 36px;
}
.address_change_cnt a.view_popup {
    position: relative;
    display: inline-block;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 10px 30px 8px 48px;
    font-size: 107.1%;
    color: #006ab6;
}
.address_change_cnt a.view_popup:hover,
.address_change_cnt a.view_popup:focus,
.address_change_cnt a.view_popup:active {
    border-color: #0991fb;
    color: #0991fb;
    text-decoration: none;
}
.address_change_cnt a.view_popup i {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.address-cnt-table {
    width: 100%;
    margin-top: 22px;
}
.address-cnt-table tr {
    border-bottom: 1px solid #e6e6e6;
}
.address-cnt-table td {
    padding: 17px 0 9px;
}
.address-cnt-table td:first-child {
    width: 5%;
    text-align: center;
}
.address-cnt-table .address-info {
    width: 55%;
    float: left;
}
.address-cnt-table .address-action {
    width: 45%;
    float: right;
    text-align: right;
}
.address-cnt-table .address-info {
    padding: 0 30px;
}
.address-cnt-table .address-info span {
    display: block;
}
.address-cnt-table .address-action a {
    display: inline-block;
    width: 100px;
    height: 42px;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    margin-left: 12px;
    text-align: center;
    line-height: 42px;
}
.address-cnt-table .address-action a i {
    margin-right: 20px;
    font-size: 114.2%;
}
.address-cnt-table .address-action a:hover,
.address-cnt-table .address-action a:focus,
.address-cnt-table .address-action a:active {
    border-color: #0991fb;
    color: #0991fb;
    text-decoration: none;
}
/* ===== 2019/09/02 H.Yoshida Add Start ===== */
.card_update_cnt {
    padding-right: 35px;
}
.card_update_cnt h2 {
    margin-bottom: 36px;
}
.card_update_cnt a.view_popup {
    position: relative;
    display: inline-block;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 10px 30px 8px 48px;
    font-size: 107.1%;
    color: #006ab6;
}
.card_update_cnt a.view_popup:hover,
.card_update_cnt a.view_popup:focus,
.card_update_cnt a.view_popup:active {
    border-color: #0991fb;
    color: #0991fb;
    text-decoration: none;
}
.card_update_cnt a.view_popup i {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.card-cnt-table {
    width: 100%;
    margin-top: 22px;
}
.card-cnt-table tr {
    border-bottom: 1px solid #e6e6e6;
}
.card-cnt-table td {
    padding: 17px 0 9px;
}
.card-cnt-table td:first-child {
    width: 5%;
    text-align: center;
}
.card-cnt-table .card-info {
    width: 55%;
    float: left;
}
.card-cnt-table .card-action {
    width: 45%;
    float: right;
    text-align: right;
}
.card-cnt-table .card-info {
    padding: 0 30px;
}
.card-cnt-table .card-info span {
    display: block;
}
.card-cnt-table .card-action a {
    display: inline-block;
    width: 100px;
    height: 42px;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    margin-left: 12px;
    text-align: center;
    line-height: 42px;
}
.card-cnt-table .card-action a i {
    margin-right: 20px;
    font-size: 114.2%;
}
.card-cnt-table .card-action a:hover,
.card-cnt-table .card-action a:focus,
.card-cnt-table .card-action a:active {
    border-color: #0991fb;
    color: #0991fb;
    text-decoration: none;
}
/* ===== 2019/09/02 H.Yoshida Add End ===== */

.point-history-cnt h2 {
    margin-bottom: 36px;
}
.point-history-cnt h4 {
    font-size: 134.2%;
    font-weight: 900;
    color: #fd6d0d;
    margin-bottom: 12px;
}

.point-history-cnt {
    padding-right: 18px;
}
.point-history-cnt .my-page-desc {
    margin-bottom: 26px;
}
/* ===== 2019/08/26 Add Start H.Yoshida ===== */
.point-history-cnt .delivery-box-left {
    margin: 10px 0 10px 0;
    width: 420px;
}
.point-history-cnt .delivery-box-right {
    margin: 0 0 10px 0;
    width: 200px;
    float: right;
}
.point-history-cnt .info-header {
    font-size: 114.2%;
    font-weight: 600;
    width: 100%;
    padding: 8px;
    border: 1px solid #e6e6e6;
    background: #f0f8ff;
}
.point-history-cnt .info-table {
    font-size: 114.2%;
    width: 100%;
    margin-bottom: 26px;
}
.point-history-cnt .info-table th {
    padding: 8px;
}
.point-history-cnt .info-table td:first-child {
    padding: 8px 0 8px 8px;
    width: 27%;
    border: 1px solid #e6e6e6;
}
.point-history-cnt .info-table td {
    padding: 8px 0 8px 8px;
    border: 1px solid #e6e6e6;
}

/* ===== 2019/08/26 Add End H.Yoshida ===== */

.point-table {
    width: 100%;
}
.point-table thead,
.point-table tr {
    border-bottom: 1px solid #e6e6e6;
}
.point-table th {
    line-height: 1 !important;
    padding: 9px 10px 5px !important;
}
.point-table td {
    padding: 9px 8px 10px !important;
}
.advanced-table {
    margin-bottom: 16px;
}
.advanced-table .img-left {
    float: left;
    margin-right: 20px;
}
.advanced-table td {
    padding: 0 10px 0 0 !important;
    vertical-align: middle;
    text-align: right;
}
.advanced-table td:first-child {
    padding: 20px 5px 11px 20px !important;
    text-align: left;
}
.advanced-table td:last-child {
    padding-right: 20px !important;
}
.advanced-table .edition-desc {
    padding: 18px 0;
    display: block;
}
.edition-delete {
    display: inline-block;
    width: 100px;
    height: 42px;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    margin-left: 12px;
    text-align: center;
    line-height: 42px;
}
.edition-delete i {
    margin-right: 20px;
    font-size: 114.2%;
}
.edition-delete:hover,
.edition-delete:focus,
.edition-delete:active {
    border-color: #0991fb;
    color: #0991fb;
    text-decoration: none;
}
.order-number {
    width: 60px;
    height: 40px;
    display: inline-block;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-right: 10px;
}
#easy_order .my-page-desc {
    text-align: right;
    margin-bottom: 32px;
}
/* ===== 2019/09/10 H.Yoshida Add Start ===== */
.head a.reorder {
    padding-left: 50px;
    border: 1px solid #e6e6e6;
    display: inline-block;
    min-width: 125px;
    height: 45px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 11px 15px 6px;
    font-size: 107.1%;
    color: #006ab6;
    position: relative;
    margin-right: 20px;
}
.head a.reorder:hover,
.head a.reorder:focus,
.head a.reorder:active {
    border-color: #0991fb;
    color: #0991fb;
    text-decoration: none;
}
.head a.reorder i {
    position: absolute;
    left: 15px;
    top: 14px;
}
/* ===== 2019/09/10 H.Yoshida Add End ===== */
.my-page-desc a.add_cart {
    padding-left: 50px;
    border: 1px solid #e6e6e6;
    display: inline-block;
    min-width: 175px;
    height: 45px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 11px 15px 6px;
    font-size: 107.1%;
    color: #006ab6;
    position: relative;
    margin-right: 20px;
}
.my-page-desc a.add_cart:hover,
.my-page-desc a.add_cart:focus,
.my-page-desc a.add_cart:active {
    border-color: #0991fb;
    color: #0991fb;
    text-decoration: none;
}
.my-page-desc a.add_cart i {
    position: absolute;
    left: 15px;
    top: 14px;
}
#delivery_model .modal-dialog {
    width: 700px;
}
#delivery_model .modal-content {
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 17px 25px;
}
#delivery_model .modal-content h4 {
    font-size: 200%;
    font-weight: 900;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 9px;
    margin-bottom: 39px;
}
#delivery_model .control-label {
    margin-bottom: 6px;
    display: block;
    clear: both;
    font-size: 114.2%;
}
#delivery_model .row-input .col-input {
    margin-right: 15px;
}
#delivery_model .row-input .col-input label {
    padding-left: 5px;
}
#delivery_model .btn-confirmation {
    margin-left: 22px;
}
#delivery_model .form-action {
    padding: 19px 0 0 0;
    text-align: center;
}
/* ===== 2019/09/02 H.Yoshida Add Start ===== */
#card_model .modal-dialog {
    width: 500px;
}
#card_model .modal-content {
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 17px 25px;
}
#card_model .modal-content h4 {
    font-size: 200%;
    font-weight: 900;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 9px;
    margin-bottom: 39px;
}
#card_model .control-label {
    margin-bottom: 6px;
    display: block;
    clear: both;
    font-size: 114.2%;
}
#card_model .row-input .col-input {
    margin-right: 15px;
}
#card_model .row-input .col-input label {
    padding-left: 5px;
}
#card_model .btn-confirmation {
    margin-left: 22px;
}
#card_model .form-action {
    padding: 19px 0 0 0;
    text-align: center;
}
/* ===== 2019/09/02 H.Yoshida Add Start ===== */

/* ==================================================
End image_PC-03
================================================== */

/* ==================================================
Start image_PC-04
================================================== */
.paragraph-feedback-title,
h2.paragraph-feedback-title{
    padding: 0 10px 0 20px;
    margin: 0 0 27px;
    font-size: 114.2%;
    line-height: 1.5;
}
#banner-child{
    clear: both;
}
#banner-child,
#banner-child .container{
    position: relative;
}
.section-meguby{
    padding: 40px 0 20px;
    color: inherit;
    background-color: #f6f6f6;
}
.section-customer{
    padding-top: 40px;
}
.accordion{
    clear: both;
    overflow: hidden;
}
.accordion .accordion-item{
    margin-bottom: 7px;
    padding: 20px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: inherit;
    background-color: #ffffff;
}
.accordion-news .accordion-item {
    padding: 20px 40px;
}
.accordion .accordion-inner{
    padding: 20px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: inherit;
    background-color: #ffffff;
}
.accordion .accordion-title{
    position: relative;
}
.accordion .accordion-title .accordion-news-title {
    padding-left: 20px;
    font-size: 150%;
    margin-bottom: 20px;
    cursor: pointer;
}
.accordion .accordion-title .accordion-news-ttl {
    position: relative;
    display: block;
    width: auto;
    margin-left: 180px;
    padding-right: 40px;
}
.accordion .accordion-title .accordion-news-title:after {
    display: block;
    content: "";
    clear: both;
}
.accordion .accordion-title .accordion-news-title .accordion-news-time {
    display: block;
    float: left;
    width: 180px;
}
.accordion .accordion-title .fa-chevron-circle-up,
.accordion .accordion-title .fa-chevron-circle-down{
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
    color: #0869b6;
    font-size: 114.2%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.accordion .accordion-item.active .fa-chevron-circle-up,
.accordion .accordion-item.active .fa-chevron-circle-down{
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.accordion .accordion-content{
    display: none;
    padding-top: 37px;
    margin-top: 20px;
    border-top: 1px solid #e6e6e6;
}
/*.accordion .accordion-item .always-open{
    display: block;
}*/
.media-customer{
    padding: 0 36px 0 0;
    cursor: pointer;
}
.media-customer .media-heading{
    margin: 0 0 7px;
    font-size: 114.2%;
    font-weight: 500;
    line-height: 1.4;
}
/* ===== 2019/08/26 H.Yoshida Start ===== */
.media-customer .media-heading-left{
    margin: 0 0 7px;
    font-size: 114.2%;
    font-weight: 500;
    line-height: 1.4;
    width: 16%;
    float: left;
}
.media-customer .media-heading-right{
    margin: 0 0 7px;
    font-size: 114.2%;
    font-weight: 500;
    line-height: 1.4;
}
/* ===== 2019/08/26 H.Yoshida End ===== */
.media-customer .media-left{
    padding: 0 20px 0 0;
    width: 70px;
    float: left;
    display: block;
}
.media-customer-talk .media-left{
    width: 140px;
}
.media-customer .media-body{
    width: auto;
    display: block;
    overflow: hidden;
}
.media-customer .media-image{
    display: block;
    width: 50px;
}
.media-customer-talk .media-image{
    display: block;
    width: 120px;
}
.media-customer .media-image .media-object{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 50px;
    height: 50px;
}
.media-customer-talk .media-image .media-object{
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    width: 100%;
    height: auto;
}
.media-customer-talk .media-body{
    padding-top: 10px;
}
.media-customer-talk .talk-heading{
    margin: 0 0 17px;
    font-size: 135.7%;
    font-weight: 500;
    line-height: 1.6;
}
.paragraph-talk{
    font-size: 114.2%
}
.media-customer-talk .talk-heading span{
    display: block;
}
.media-customer-talk .recipe-heading{
    margin: 0 0 12px;
    font-size: 114.2%;
    font-weight: 500;
}
.paragraph-serving{
    padding: 6px 10px 5px 13px;
    margin-bottom: 12px;
    color: inherit;
    background-color: #f2f2f2;
}
.media-customer-talk .talk-heading p{
    margin-bottom: 5px;
}
.media-customer .media-paragraph{
    margin-bottom: 0;
    color: #b1b1b1;
}
.paragraph-noticeable{
    margin-bottom: 22px;
}
.paragraph-feedback{
    margin-bottom: 15px;
    padding: 7px 8px;
    background-color: #f2f2f2;
}
.block-text{
    display: block;
}

.media-customer-detail .media-right{
    padding: 0 30px 0 40px;
    width: 270px;
}
.media-customer-detail .media-image-detail{
    display: block;
    width: 200px;
}
.media-customer-asked .media-right{
    padding: 0 0 0 20px;
}
.asked-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.communication{
    margin-bottom: 15px;
    overflow: hidden;
    clear: both;
}
.communication .communication-label{
    padding: 0 10px 0 12px;
    float: left;
    width: 79px;
    font-size: 114.3%;
    font-weight: bold;
}
.paragraph-asked-talk{
    margin-bottom: 34px;
    font-size: 114.2%;
    padding: 0 86px 0 0;
}
.accordion-dialogue .accordion-content{
    padding-left: 136px;
    padding-right: 50px;
}
.accordion-news .accordion-content {
    margin-top: 37px;
    padding: 50px 0;
    font-size: 114.2%;
}
.accordion-news .paragraph-news-heading {
    text-align: center;
    margin-bottom: 30px;
}
.accordion-news .paragraph-news-cnt {
    text-indent: 15px;
    line-height: 1.6;
}
.accordion-news .paragraph-news-sign {
    text-align: right;
}
.accordion-news .paragraph-news-sign span {
    display: block;
    margin-top: 30px;
}
.communication-border{
    padding: 13px 10px 9px 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #cccccc;
}
.media-customer-asked .communication-label p,
.communication .communication-content p{
	margin-bottom: 0;
}
.communication .communication-content{
    overflow: hidden;
}
.communication .communication-content p{
    margin-bottom: 0;
    font-size: 120%;
}
.media-customer-asked{
    margin: 0 0 20px;
}
.media-customer-asked .media-image-asked{
    display: block;
    width: 400px;
}
.media-customer-asked .media-image-asked .media-object{
    width: 100%;
    height: auto;
}
.material-row:before,
.material-row:after{
    display: table;
    content: "";
}
.material-row:after{
    clear: both;
}
.material-row{
    padding: 20px 0;
}
.material-row .material-label{
    padding: 0 10px 0 20px;
    float: left;
    width: 320px;
    font-size: 128.5%;
}
.material-row .material-article{
    overflow: hidden;
}
.material-article .cook-menu{
    overflow: hidden;
}
.material-article .cook-menu ol,
.material-article .cook-menu ul{
    margin-bottom: 0;
}
.material-article .cook-menu ol li{
    padding: 15px 0;
}
.material-article .cook-menu ol li:first-child{
    padding-top: 0;
}
.material-article .cook-menu ol li:last-child{
    padding-bottom: 0;
}
.material-article .cook-image{
    margin-left: 15px;
    float: right;
    width: 360px;
}
.cook-list{
    margin-bottom: 30px;
}
.cook-list p{
    margin-bottom: 2px;
}
/* ==================================================
End image_PC-04
================================================== */

/* ==================================================
Start image_PC-06
================================================== */
.address-consultation {
    list-style: none;
    padding: 0;
    margin: 0;
}

.address-consultation li {
    padding: 9px 0;
}
.address-consultation li:first-child{
    padding-top: 0;
}
.address-consultation li:last-child{
    padding-bottom: 0;
}
.address-consultation li .address-detail{
    font-size: 107.1%;
}
.address-icons, .address-label, .reception-day, .address-number {
    display: inline-block;
    vertical-align: middle;
}

.address-icons {
    padding-right: 5px;
    display: inline-block;
    width: 42px;
    font-size: 187.4%;
    line-height: 1;
}

.address-icons .fas {
    color: #076aae;
}

.address-number {
    margin-right: 28px;
    font-size: 148.5%;
    line-height: 1;
}

/*form*/

.radio-regular .radio-regular-input {
    opacity: 0;
    position: absolute;
}

.radio-regular .radio-regular-input+.radio-regular-label {
    position: relative;
    padding-left: 36px;
    margin-bottom: 0;
    font-weight: normal;
    display: block;
    font-size: 100%;
    min-height: 26px;
    line-height: 26px;
    cursor: pointer;
    outline: 0;
}

.radio-regular .radio-regular-input+.radio-regular-label::before {
    top: 1px;
    right: auto;
    bottom: auto;
    left: 0;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    content: '';
    background: #fff;
    border: 1px solid #595959;
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 9px;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
}

.radio-regular .radio-regular-input:checked+.radio-regular-label::before {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    background-color: #ffffff;
    box-shadow: inset 0 0 0 0.3rem #046cb5;
}

.radio-regular .radio-regular-input :focus+.radio-regular-label::before {
    outline: 0;
    border-color: #595959;
}

.radio-regular .radio-regular-input+.radio-regular-label:empty::before {
    margin-right: 0;
}
.form-action{
    padding: 19px 0 0 300px;
    border-top: 1px solid #e5e5e5;
}
.btn-confirmation {
    padding: 8px 25px 7px 12px;
    position: relative;
    min-width: 160px;
    font-size: 128.5%;
    color: #1672bb;
    border-color: #cccccc;
    background-color: #ffffff;
}
.btn-confirmation .fa-chevron-right{
    position: absolute;
    right: 13px;
    top: 50%;
    margin-top: -6px;
    font-size: 66.6%;
    color: #1672bb;
}
.btn-confirmation:hover,
.btn-confirmation:focus{
    color: #1672bb;
    border-color: #1672bb;
}
.btn-confirmation,
.btn-confirmation:hover,
.btn-confirmation:focus{
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.form-group:before,
.form-group:after,
.row-input:before,
.row-input:after,
.input-item:before,
.input-item:after{
    content: "";
    display: table;
}
.form-group:after,
.row-input:after,
.input-item:after{
    clear: both;
}
.form-title{
    width: 300px;
    float: left;
    padding-right: 10px;
}
.form-title h3{
    margin-top: 0;
    font-weight: normal;
    font-size: 171.4%;
    display: inline-block;
}
.form-aside{
    padding-top: 0;
    overflow: hidden;
}
.control-label{
    margin-bottom: 6px;
    display: block;
    clear: both;
    font-size: 114.2%;
}
.control-label-large{
    font-weight: normal;
    font-size: 171.4%;
    line-height: 1;
}
.required,
.arbitrarily{
    margin-left: 14px;
    padding: 3px 5px 1px;
    text-align: center;
    display: inline-block;
    min-width: 59px;
    line-height: 1.1;
    color: #ffffff;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-weight: normal;
}
.required{
    background-color: #ff6600;
}
.arbitrarily{
    background-color: #999999;
}
.row-input{
    margin-bottom: 29px;
}
.row-input .col-input{
    float: left;
}
.width-input110,
.width-input131,
.width-input160,
.width-input170,
.width-input200,
.width-input256,
.width-input410{
    display: inline-block;
}
.width-input110{
    width: 110px;
}
.width-input131{
    width: 131px;
}
.width-input160{
    width: 160px;
}
.width-input170{
    width: 170px;
}
.width-input200{
    width: 200px;
}
.width-input256{
    width: 256px;
}
.width-input410{
    width: 410px;
}
.label-name{
    padding-right: 5px;
    display: inline-block;
}
.label-name{
    margin: 0;
    font-weight: normal;
}
.form-control{
    height: 41px;
    border-color: #999999;
}
.form-control:focus{
    border-color: #66afe9;
}
.paragraph-confirmation{
    margin: 7px 0 4px;
    color: #ff7012;
    font-size: 85.7%;
}
.contact-page .paragraph-confirmation.text-fill {
    font-size: 100%;
    margin: 0 0 5px;
    line-height: 1.4;
}
.radio-list{
    clear: both;
    padding-bottom: 5px;
}
.radio-list .radio-regular{
    padding-right: 32px;
    display: inline-block;
}
.select-row:before,
.select-row:after{
    content: "";
    display: table;
}
.select-row:after{
    clear: both;
}
.select-row .select-col,
.select-row .select-col .form-control{
    display: inline-block
}
.select-row .select-col{
    padding-right: 15px;
}
.select-col .select-label{
    margin: 0;
    padding: 0 5px 0 7px;
    font-weight: normal;
}
.select-col .select-year{
    width: 131px;
}
.select-col .select-month,
.select-col .select-day{
    width: 71px;
}
.unit-gloss{
    padding: 0 7px;
    width: 68px;
    display: inline-block;
}
.bottom-line{
    padding-bottom: 25px;
    border-bottom: 1px solid #d2d2d2;
}
.explication-text{
    margin: 7px 0 4px;
    font-size: 100%;
}
.apply-from{
    margin-bottom: 20px;
}
.apply-from p{
    margin-bottom: 2px;
}
/* ==================================================
End image_PC-06
================================================== */

/* ==================================================
Start image_PC-09
================================================== */
.section-recommend {
	padding: 40px 0 0;
}
.recommend-list{
	list-style: none;
	margin: 0 -5px;
	padding: 0;
	overflow: hidden;
}
.recommend-list li {
	display: inline-block;
	float: left;
	width: 50%;
	padding: 0 5px;
	margin: 0 0 10px;
}
.recommend-list li:nth-child(2n+1) {
	clear: left;
}
.recommend-list .post-inner {
	background-color: #ffffff;
	border: 1px solid #e6e6e6;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	padding: 40px;
}
.media-recommend {
	margin: 0 0 16px;
}
.media-recommend .media-left {
	width: 138px;
	padding: 0 18px 0 0;
}
.media-recommend .media-left .media-image {
	display: block;
	width: 120px;
}
.media-recommend .media-job,
.media-recommend .media-author {
	display: block;
	line-height: 1.2;
	margin: 0 0 10px;
}
.media-recommend .media-job {
	font-size: 142.8%;
}
.media-recommend .media-author {
	font-size: 128.5%;
}
.media-recommend .media-signature {
	display: block;
}
.recommend-list .post-media {
	display: table;
	width: 100%;
	margin: 0 0 16px;
}
.recommend-list .post-content p {
	margin: 0;
	font-size: 114.3%;
	line-height: 1.6;
    text-align: justify;
}
.recommend-list .post-content p .txt-block {
	display: block;
}
/* ==================================================
End image_PC-09
================================================== */


/* ==================================================
Start image_PC-10
================================================== */
.section-recruitment {
    padding: 40px 0 0;
    margin: 0 0 10px;
}
.section-recruitment .recruitment-cnt {
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 40px;
}
.section-recruitment h2 {
    font-size: 200%;
    margin: 0 0 42px;
    padding: 0 0 10px;
    border-bottom: 1px solid #e5e5e5;
}
.recruitment-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.recruitment-list li {
    display: block;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
}
.recruitment-list .recruitment-inner {
    padding: 12px 0;
    line-height: 1.6;
}
.recruitment-list .recruitment-inner .recruitment-ttl {
    width: 130px;
    float: left;
    padding: 0 20px;
    font-size: 114.3%;
}
.recruitment-list .recruitment-inner .recruitment-info {
    margin: 0 0 0 130px;
    padding-left: 9px;
    font-size: 114.3%;
    display: block;
}
.section-request {
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 40px;
    margin: 0 0 40px;
}
.section-request h2 {
    font-size: 200%;
    margin: 0 0 36px;
    padding: 0 10px 10px;
    border-bottom: 1px solid #e5e5e5;
}
.section-request .request-cnt {
    padding: 0 0 0 10px;
}
.section-request .request-cnt p {
    line-height: 1.6;
    font-size: 114.3%;
    margin: 0;
}
.section-request .request-file {
    padding: 32px 5px 0;
    margin: 0 0 20px;
}
.request-file-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.request-file-list li {
    display: block;
    margin: 0 0 15px;
}
.request-file-list li i {
    float: left;
}
.request-file-list .file-txt {
    display: block;
    padding: 0 0 0 28px;
}
.section-request .request-envelope {
    border: 1px solid #e6e6e6;
    display: table;
    min-width: 462px;
    margin: 0 0 20px;
}
.section-request .request-envelope .envelope-inner {
    padding: 18px 22px;
    line-height: 1.6;
}
.section-request .request-envelope .envelope-icon {
    display: table-cell;
    vertical-align: middle;
    width: 130px;
    padding-right: 10px;
}
.section-request .request-envelope .envelope-icon i {
    font-size: 171.4%;
    float: left;
}
.section-request .request-envelope .envelope-icon span {
    display: block;
    padding: 0 0 0 36px;
    font-size: 114.3%;
}
.section-request .request-envelope .envelope-txt {
    display: table-cell;
    vertical-align: middle;
    font-size: 114.3%;
}
.section-request .request-envelope .envelope-txt span {
    display: block;
}
.section-request .request-note {
    margin: 0 0 26px;
}
.section-request .request-contact span {
    display: block;
}
.request-action {
    position: relative;
    margin: 0;
    padding-bottom: 16px;
}
.request-action-list {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: inline-block;
}
.request-action-list li {
    display: inline-block;
    float: left;
    padding-right: 16px;
}
.request-action-list li a {
    position: relative;
    display: block;
    background-color: #ffffff;
    padding: 8px 28px 8px 18px;
    border: 1px solid #cccccc;
    font-size: 114.3%;
    min-width: 224px;
    text-align: left;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.request-action-list li a i {
    font-size: 75%;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.request-action-list li a:hover,
.request-action-list li a:focus,
.request-action-list li a:active {
    border-color: #0991fb;
    color: #0991fb;
}
/* ==================================================
End image_PC-10
================================================== */

/* ==================================================
Start image_PC-11
================================================== */
.section-profile{
    padding-top: 40px;
}
.box-info{
    padding: 44px 40px 40px 40px;
    margin-bottom: 9px;
    overflow: hidden;
    clear: both;
    color: inherit;
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.box-info-title,
h2.box-info-title{
    margin: 0 0 40px;
    padding-bottom: 8px;
    border-bottom: 1px solid #cccccc;
    font-size: 200%;
}
.media-profile .media-left{
    padding: 0 40px 0 0;
    width: 340px;
}
.media-company .media-left{
    width: 300px;
}
.media-profile .media-image-profile{
    display: block;
    width: 300px;
}
.media-company .media-image-profile{
    display: block;
    width: 260px;
}
.media-profile .media-object{
    width: 100%;
    height: auto;
}
.media-profile .paragraph-president{
    margin-bottom: 27px;
    font-size: 113.2%;
}
.company-info-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.company-info-list .company-info-item{
    padding: 13px 0 15px;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}
.company-info-list .company-info-address{
    padding-bottom: 7px;
}
.company-info-list .company-label{
    float: left;
    width: 141px;
    padding: 0 10px 0 20px;
}
.company-info-list .company-label p,
.company-info-list .company-detail p{
    margin-bottom: 0;
}
.company-info-list .paragraph-address,
.company-info-list p.paragraph-address{
    margin-bottom: 15px;
}
.company-info-list .company-detail{
    overflow: hidden;
}
.btn-marker{
    padding: 11px 10px 9px 12px;
    color: #0269b6;
    background-color: #fff;
    border-color: #cccccc;
    min-width: 122px;
}
.btn-marker:hover,
.btn-marker:focus {
    color: #006ab6;
    border-color: #006ab6;
}
.btn-marker .fa-map-marker-alt{
    margin-right: 11px;
    color: #006ab6;
}
.btn-marker,
.btn-marker:hover,
.btn-marker:focus {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.company-profile-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.company-profile-list .profile-item{
    overflow: hidden;
}
.company-profile-list{
    font-size: 107.1%;
}
.company-profile-list .history-year{
    padding: 25px 5px 5px;
    float: left;
    width: 100px;
    text-align: center;
    border-right: 1px solid #e5e5e5;
}
.company-profile-list .history-year:first-child .history-year{
    padding-top: 25px;
}
.company-profile-list .history-detail{
    overflow: hidden;
    padding: 15px 0 15px 23px;
}
.company-profile-list .paragraph-history{
    margin-bottom: 0;
}
#mapModal #location-map iframe {
    width: 100%;
}
/* ==================================================
End image_PC-11
================================================== */

/* ==================================================
Start image_PC-17
================================================== */
.section-infor-cart{
    padding-left: 20px;
    margin: 40px 0 30px;
}
.section-infor-cart p{
    font-size: 114.2%;
    color: #4d4d4d;
    margin-bottom: 4px;
}
.section-content{
    padding: 20px 40px 40px;
    border: 1px solid #cccccc;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #ffffff;
}
.section-content .part-title{
    border-bottom: 1px solid #cccccc;
}
.part-title h2{
    font-size: 200%;
    color: #4e4e4e;
}
.section-content .the-cart-cnt{
    padding-top: 40px;
}
.section-content .notification-txt{
    font-size: 114.2%;
    color: #4e4e4e;
    margin-bottom: 30px;
}
.section-content .confirmation-txt{
    margin-bottom: 18px;
}
.section-content .notification-txt span{
    color: #fe6601;
}
.the-cart-cnt .table tbody .media{
    max-width: 400px;
    text-align: left;
    padding: 17px 10px 10px 20px;
}
.notification-txt{
    margin-bottom: 25px;
}
.table .media .item-img{
    float: left;
    width: 80px;
}
.table .media .item-txt{
    display: table-cell;
    height: 80px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
    padding-left: 20px;
}
.the-cart-cnt .item-submit{
    display: inline-block;
    vertical-align: middle;
    width: 47px;
    height: 42px;
    background-color: #ffffff;
    text-align: center;
    font-size: 142.8%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    margin-left: 4px;
    color: #0064ac;
}
.the-cart-cnt .item-price{
    display: inline-block;
}
.the-cart-cnt .item-delete{
    display: inline-block;
    background-color: #ffffff;
    color: #0064ac;
    border: 1px solid #cccccc;
    padding: 9px 18px 9px 18px;
    margin-left: 22px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
}
.the-cart-cnt .fa-trash-alt{
    display: inline-block;
    margin-right: 15px;
}
.the-cart-cnt .btn:hover{
    border-color: #0991fb;
    color: #0991fb;
    transition: 0.5s all;
}
.section-content:before,
.section-content:after{
    content: "";
    display: table;
    clear: both;
}
.the-cart-total{
    color: #4c4c4c;
}
.the-cart-total .item-ttl{
    min-width: 135px;
    display: inline-block;
    font-weight: bold;
    text-align: right;
    padding-right: 20px;
}
.total-wrap{
    text-align: right;
}
.total-left .item-ttl{
    width: 180px;
}
.the-cart-cnt .total-left .total-wrap{
    text-align: left;
}
.the-cart-total .item-des{
    min-width: 113px;
    display: inline-block;
    padding-right: 20px;
    text-align: right;
}
.the-cart-total .item-des span,
.the-cart-total .item-ttl span{
    display: block;
}
.the-cart-cnt .total-left{
    margin: 40px 0 26px;
}
.the-cart-cnt .total-left p{
    text-align: left;
}
.total-number{
    padding: 6px 0 0 0;
    border-top: 1px solid #cccccc;
    margin-top:2px;
    text-align: right;
}
.comback-page{
    color: #4c4c4c;
}
.comback-page p{
    font-size: 114.3%;
    margin-bottom: 15px;
}
.comback-page ul{
    margin: 0 -10px;
    padding: 0;
    list-style: none;
}
.comback-page ul li{
    float: left;
    padding: 0 10px;
}
.comback-page ul li a{
    display: table-cell;
    vertical-align: middle;
    color: #006ab6;
    border: 1px solid #cccccc;
    font-size: 114.3%;
    min-width: 160px;
    height: 42px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.comback-page ul li a .fa-chevron-right{
    font-size: 11px;
    margin-left: 20px;
}
.comback-page ul li a .fa-chevron-left{
    font-size: 11px;
    margin-right: 16px;
}
.comback-page ul li .next-page{
    text-align: right;
    padding-right: 12px;
}
.comback-page ul li .prev-page{
    padding-left: 13px;
}
.comback-page ul li a:hover{
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    border: 1px solid #006ab6;
    color: #0991fb;
}
.comback-page .completion-btn{
    background-color: #ff6600;
    color: #ffffff;
    min-width: 190px;
    padding: 0 0 0 13px;
    border: 1px solid  #ff6600;
}
.comback-page .completion-btn .fa-yen-sign{
    position: relative;
    top: 2px;
    font-size: 121.4%;
    margin-right: 15px;
}
.comback-page .completion-btn:hover{
    background-color: #ffffff;
    color: #ff6600;
    border: 1px solid #ff6600;
}
.infor-cart .list-show-info .product-txt{
    padding-right: 10px;
    width: 43%;
}
.infor-cart .list-show-info .quantity-txt{
    width: 19.5%;
    white-space: nowrap;
}
.infor-cart .list-show-info .unit-price{
    padding-right: 17px;
    width: 13%;
}
.infor-cart .list-show-info .quantity-txt span{
    display: inline-block;
    margin-right: 9px;
}
.infor-cart .list-show-info .subtotal-txt{
    width: 21.5%;
}
.infor-cart .list-show-info ul .subtotal-txt span{
    display: inline-block;
}
.infor-cart .item-delete{
    margin-left: 3px;
}
.infor-cart .list-show-info .item-number{
    margin-right: 5px;
}
.infor-cart .list-show-info .price-heading{
    padding-right: 5px;
}
.infor-cart .list-show-cnt .quantity-txt .item-number{
    width: 31px;
    border: none;
}
.infor-cart .list-show-info .list-show-title .quantity-txt{
    text-align: center;
}
/* ==================================================
begin img_PC-18
================================================== */
.section-steps-purchase{
    margin: 40px 20px 25px;
}
.section-steps-purchase ul{
    margin: 0 ;
    padding: 0;
    list-style: none;
}
.section-steps-purchase ul li{
    position: relative;
    float: left;
    margin: 0 20px 10px 0;
    color: #4e4e4e;
}
.section-steps-purchase ul li:last-child{
    margin-right: 0;
}
.section-steps-purchase .steps-inner{
    position: relative;
    padding-right: 51px
}
.section-steps-purchase ul li a{
    display: block;
    color: #4e4e4e;
}
.section-steps-purchase ul li a:focus,
.section-steps-purchase ul li a:hover{
    text-decoration: none;
    color: #ff5d00;
}
.section-steps-purchase ul li .fa-arrow-down{
    display: none;
}
.comback-page ul:before,
.comback-page ul:after,
.section-steps-purchase ul:before,
.section-steps-purchase ul:after{
    content: "";
    display: table;
    clear: both;
}
.section-steps-purchase ul li.active span{
    color: #ff5d00;
}
.section-steps-purchase ul li .fas{
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 35px;
    color: #9e9e9e;
}
.section-steps-purchase ul li span{
    display: block;
    font-weight: bold;
    font-size: 114.2%;
}
.specify-payment,
.delivery-address{
    padding-top: 37px;
}
.delivery-address .notification-txt p{
    margin-bottom: 3px;
}
.delivery-address .notification-txt a.btn-light{
    display: inline-block;
    margin-top: 11px;
    font-size: 100.2%;
    min-width: 258px;
    height: 42px;
    padding: 10px 5px 5px 5px;
    color: #0067b9;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}
.delivery-address button .fa-plus{
    font-size: 120.5%;
    margin-right: 15px;
}
.delivery-address .notification-txt a.btn-light:hover{
    border-color: #0991fb;
    color: #0991fb;
    transition: 0.3s all;
}

.delivery-address .address-list button{
    width: 99px;
    height: 42px;
    background-color: #ffffff;
    color: #0064ac;
    border: 1px solid #cccccc;
    margin-left: 13px;
    font-size: 114.2%;
}
.delivery-address .address-list button:hover{
    border-color: #0991fb;
    color: #0991fb;
    transition: 0.3s all;
}
.delivery-address .table span{
    display: inherit;
}
.delivery-address .fa-plus,
.delivery-address .fa-pen,
.delivery-address .fa-trash-alt{
    display: inline-block;
    margin-right: 15px;
}
.delivery-address .button-submit{
    float: left;
    width: 260px;
    text-align: right;
    padding-top: 15px;
}
.section-content .comback-page ul li .next-page{
    text-align: left;
    padding-left: 20px;
}
.section-content .comback-page  a .fa-chevron-right{
    float: right;
    margin-top: 5px;
}
.address-list{
    padding: 10px 0  18px;
}
.address-list .list-address-cnt{
    padding: 0;
    margin: 0;
    list-style: none;
}
.address-list ul li p{
    float: left;
}
.address-list ul li .addressee-txt span{
    display: block;
}
.address-list  .choice-txt{
    width: 7.5%;  
    padding-left: 7px;
}
.address-list  .choice-txt input[type="radio"]{
    width: 16px;
    height: 16px;
}
.address-list .address-type{
    width: 12.5%; 
}
.address-list .addressee-txt{
      width: 50%; 
}
.address-list .delivery-address-title p{
    float: left;
    font-weight: bold;
    margin: 0 0 1px;
}
.address-list .delivery-address-title{
    border-bottom: 1px solid #cccccc;
}
.address-list ul li{
    border-bottom: 1px solid #cccccc;
}
.address-list ul li p{
    margin: 0;
    min-height: 82px;
}
.address-list ul li:before,
.address-list ul li:after{
    content: "";
    display: table;
    clear: both;
}
.list_show_address:before,
.list_show_address:after{
    content: "";
    display: table;
    clear: both;
}
.address-list ul li .choice-txt{
    padding: 32px 13px 20px;
    font-size: 142.8%;
}
.address-list ul li .address-type{
    padding: 35px 5px 22px 0; 
}
.address-list ul li .addressee-txt{
    padding: 20px 5px 20px 0;
}
/* ==================================================
img_PC-19
================================================== */
.specify-payment-list{
    margin-bottom: 35px;
}
.specify-payment-cnt .payment-part-title{
    float: left;
    font-size: 171.4%;
}
.specify-payment-cnt .payment-part-title h3{
    margin: 5px 0 0;
}
.specify-payment-cnt .payment-part-cnt{
    padding-left: 300px;
}
.specify-payment-cnt .payment-part-cnt .title-suggest{
    font-size: 114.2%;
    padding-top: 5px;
    margin-bottom: 23px;
}
.payment-part-cnt .credit-card{
    padding: 20px;
    margin-bottom: 10px;
    border: 1px solid #cccccc;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.credit-card .credit-card-radio label{
    font-size: 142.8%;
    width: 100%;
    padding: 0 0 10px 0;
    font-weight: normal;
    border-bottom: 1px solid #cccccc;
}
.credit-card .credit-card-radio input[type="radio"]{
    position: relative;
    top: -3px;
    width: 17px;
    height: 17px;
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;
}
.credit-card .list-payment{
    list-style: none;
    margin: 0 -5px;
    padding: 15px 0 5px;
}
.credit-card .list-payment:before,
.credit-card .list-payment:after{
    content: "";
    display: table;
    clear: both;
}
.credit-card .list-payment li{
    padding: 0 5px;
    display: inline-block;
    width: 100%;
}
.credit-card ul{
    padding: 0 0 0 25px;
}
.credit-card ul li p{
    margin: 0 0 16px 0;
}
.credit-card ul li:last-child p{
    margin: 0;
}
.credit-card .list-careful {
    padding: 10px 10px 2px 20px;
    margin-bottom: 25px;
    border: 1px solid #ff6600;
}
.credit-card .list-careful .careful-ttl{
    margin-bottom: 5px;
    font-size: 114.2%;
    color: #ff6600;
}
.credit-card .list-careful ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.credit-card .list-careful ul p{
    position: relative;
    margin: 0 0 2px;
}
.credit-card .list-careful ul p:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    margin-right: 5px;
    background:  transparent url(../img/images/icon-circle-black.png) no-repeat;
}
.payment-part-cnt .credit-card .row{
    margin: 0;
}
.form-payment{
    margin-top: 38px;
}
#card-name,
#creditnumber{
    height: 40px;
    width: 410px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.delivery-time .select-time,
.delivery-time .select-date,
.select-year,
.select-month{
    width: auto;
    display: inline-block;
    margin-right: 8px;
}
.form-payment .select-year,
.form-payment .select-month{
    margin-right: 15px;
}
.form-payment .form-group{
    margin-bottom: 20px;
}
.form-payment .select-year label,
.form-payment .select-month label{
    font-weight: normal;    
    font-size: 114.2%;
}
.delivery-time .select-date select,
.delivery-time .select-time select,
.select-month select,
.select-year select{
    display: inline-block;
    margin-right: 9px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.delivery-time .select-date select,
.delivery-time .select-time select{
    margin-left: 5px;
}
.select-month select{
    width: 80px;
    height: 40px;
}
.select-year select{
    width: 120px;
    height: 40px;
}
.form-payment .row{
    margin: 0;
}
#security-code,
#security_code {
    height: 40px;
    width: 100px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-payment label{
    font-size: 114.2%;
}
.form-payment .row label{
    font-size: 100%;
}
.form-payment .checkbox{
    margin-top: 20px;
}
.form-payment .checkbox input[type=checkbox]{
    height: 20px;
    width: 20px;
    margin: 1px -30px 1px;
    padding: 0;
    border: none;
    background-color: #fff;
}
.form-payment .checkbox label{
    padding-left: 30px;
}
.delivery-time .row{
    margin: 0;
}
.delivery-time label{
    font-size: 114.2%;
    font-weight: normal;
}
.select-date select{
    width: 190px;
    height: 40px;
}
.select-time select{
    width: 120px;
    height: 40px;
}
.payment-part-cnt .other-inquiries,
.payment-part-cnt .point-use{
    padding-top: 5px;
}
.payment-part-cnt .other-inquiries p,
.payment-part-cnt .point-use p{
    font-size: 114.2%;
    line-height: 1.7;
}
.payment-part-cnt .point-use p span{
    color: #fe6809;
}
.use-points {
    padding: 10px 0 0 30px;
}
.use-points label{
    font-size: 114.2%;
    font-weight: normal;
}
.use-points input{
    width: 130px;
    height: 40px;
    display: inline;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.point-use .not-use-points label{
    font-size: 142.8%;
    width: 100%;
    font-weight: normal;
    margin: 0;
}
.point-use .not-use-points{
    border: 1px solid #cccccc;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;   
    padding: 15px 20px 15px;
}
.point-use .not-use-points input[type="radio"]{
    position: relative;
    top: -3px;
    width: 17px;
    height: 17px;
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;
}
.payment-part-cnt .other-inquiries textarea{
    height: 80px;
}
.payment-part-cnt .other-inquiries span{
    display: block;
    color: #fe6809;
    font-size: 114.2%;
    margin-top: 10px;
}
.section-content .completion-btn ul li .next-page{
    text-align: left;
    padding-left: 20px;
}
#payment-error-button {
    text-align: left;
    display: none;
}
/* ==================================================
begin img_PC-21
================================================== */
.list-show-info{
    margin-bottom: 7px;
}
.list-show-info .list-show-title{
    border-bottom: 1px solid #cccccc;
}
.list-show-info .list-show-title {
    font-weight: bold;
    margin: 0 0 1px;
}
.list-show-info .list-show-title .subtotal-txt,
.list-show-info .list-show-title .quantity-txt,
.list-show-info .list-show-title .unit-price,
.list-show-info .list-show-title .product-txt{
    display: inline-block;
    margin-bottom: 0
}
.list-show-info .list-show-cnt .subtotal-txt,
.list-show-info .list-show-cnt .quantity-txt,
.list-show-info .list-show-cnt .unit-price,
.list-show-info .list-show-cnt .product-txt{
    display: inline-block;
    vertical-align: middle;
}
.list-show-info .product-txt{
    width: 58%;
}
.list-show-info .list-show-title .product-txt{
    padding-left: 10px;
}
.list-show-info .unit-price{
    width: 15.5%;
    text-align: right;
    padding-right: 8px;
}
.list-show-info .quantity-txt{
    width: 11.5%;
    text-align: right;
    padding-right: 27px;
}
.infor-cart .list-show-info .quantity-txt{
    text-align: left
}
.infor-cart .list-show-info .quantity-txt{
    padding-right: 0;
}
.list-show-info .subtotal-txt{
    width: 13%;
    text-align: right;
}
.list-show-info .list-show-title  .subtotal-txt{
    padding-right: 13px;
}
.list-show-info ul.list-show-cnt{
    margin: 0;
    padding: 0;
    list-style: none;
}
.list-show-info ul p{
  display: inline-block;
  margin-bottom: 0;
}
.list-show-info ul li:before,
.list-show-info ul li:after{
    content: "";
    display: table;
    clear: both;
}
.list-show-info ul li{
    padding: 20px 0px 20px 20px;
    border-bottom: 1px solid #cccccc;
}
.list-show-info ul li .product-txt .item-img{
    float: left;    
    margin-right: 20px;
}
.list-show-info ul li .product-txt .item-txt{
    margin-top: 18px;
    display: block;
}
.list-show-info ul li .subtotal-txt span,
.list-show-info ul li .quantity-txt span,
.list-show-info ul li .unit-price span{
    padding-top: 30px;
    display: block;
}
.list-order-info {
    margin-bottom: 35px;
}
.list-order-info .order-ttl{
    float: left;
    width: 300px;
    padding-right: 20px;
}
.list-order-info .order-ttl h3{
    font-size: 171.4%;
    margin-top: 4px;
}
.list-order-info .order-cnt{
    padding-left: 300px;
}
.list-order-info .order-cnt ul{
    padding: 5px 0 0;
    margin: 0 ;
    list-style: none;
}
.list-order-info .order-cnt ul li{
    margin-bottom: 1px;
}
.list-order-info .order-cnt ul p{
    margin-bottom: 0;
}
.list-order-info .order-cnt .ttl-txt{
    display: inline-block;
}
.list-order-info .order-cnt .ttl-txt{
    float: left;
    font-weight: bold;
}
.list-order-info .order-cnt .txt-cnt{
    display: block;
    padding-left: 150px;
}
.delivery-method{
    margin: 0;
}
.other-inquiries .order-ttl p{
    margin: 0;
}
.addressee{
    margin-bottom: 30px;
}
.addressee .order-cnt .txt-cnt{
    padding-left: 90px;
}
.the-order-info{
    margin-bottom: 21px;
    padding-bottom: 6px;
    border-bottom: 1px solid #cccccc;
}
/* ==================================================
begin img_PC-22
================================================== */
.order-complete{
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}
.order-complete h3{
    margin: 38px 0 37px;
}
.order-complete p{
    font-size: 114.2%;
    margin-bottom: 30px;
    line-height: 1.6;
}
.top-page{
    text-align: center;
    margin-top: 15px;
}
.top-page a{
    display: inline-block;
    font-size: 114.2%;
    min-width: 180px;
    height: 42px;
    border: 1px solid #cccccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 9px 10px 9px;
}
.top-page a .fa-chevron-right {
    font-size: 11px;
    margin-left: 30px;
}
.top-page a:hover{
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    border: 1px solid #006ab6;
    color: #0991fb;
}
/* ==================================================
End image_PC-17
================================================== */
.purchase-info{
    margin-bottom: 14px;
    font-size: 114.2%;
}
.purchase-info .purchase-item{
    margin-bottom: 5px;
}
.purchase-info .purchase-tel-link{
    color: #4d4d4d;
}
.purchase-info .purchase-tel-link:hover,
.purchase-info .purchase-tel-link:focus{
    text-decoration: none;
}
/* ==================================================
Start image_PC-24
================================================== */
.section-provision {
    padding: 40px 0 0;
}
.section-provision .provision-inner {
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 40px;
} 
.section-provision h2 {
    font-size: 200%;
    margin: 0 0 42px;
    padding: 0 0 10px;
    border-bottom: 1px solid #e5e5e5;
}
.section-provision h3 {
    font-size: 171.4%;
    margin: 0 0 22px;
}
.section-provision p {
    margin: 0;
}
.section-provision p,
.section-provision ol,
.section-provision ul{
    font-size: 114.3%;
    line-height: 1.6; 
}
.section-provision ol,
.section-provision ul{
    padding-left: 33px;
}
.section-provision .provision-cnt {
    padding: 0 0 35px;
    margin: 0 0 20px;
    border-bottom: 1px solid #e5e5e5;
}
.action-wrap .action-list {
    padding: 0;
}
.action-list {
    list-style: none;
    padding: 0;
    margin: 0 -10px;
    overflow: hidden;
}
.action-list li {
    float: left;
    padding: 0 10px;
    display: block;
}
.action-list li a {
    position: relative;
    display: block;
    background-color: #ffffff;
    padding: 8px 38px;
    border: 1px solid #cccccc;
    font-size: 114.3%;
    min-width: 160px;
    text-align: left;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.action-list li a i {
    font-size: 75%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.action-list li a.btn-prev i {
    left: 15px;
}
.action-list li a.btn-next {
   padding: 8px 46px 8px 16px;
   min-width: 210px;
}
.action-list li a.btn-next i {
    right: 15px;
}
.action-list li a:hover,
.action-list li a:focus,
.action-list li a:active {
    border-color: #0991fb;
    color: #0991fb;
}
/* ==================================================
End image_PC-24
================================================== */
.section-consultation{
    padding-top: 40px;
}
.section-consultation .form-action {
    padding-top: 38px;
}
.section-consultation .btn-confirmation {
    min-width: 222px;
    text-align: left;
    padding: 12px 25px 9px 18px;
    font-size: 100%;
}
.contact-page .form-title .required {
    position: relative;
    top: -3px;
    padding: 3px 5px;
}
/* ==================================================
Start image_PC-26
================================================== */
.section-client {
    padding: 40px 0 0;
}
.section-client .client-inner {
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	padding: 40px;
}
.section-client h2 {
    font-size: 200%;
    margin: 0 0 36px;
    padding: 0 0 10px;
    border-bottom: 1px solid #e5e5e5;
}
.section-client p {
    font-size: 114.3%;
    line-height: 1.6;
    margin: 0;
}
.section-client .client-cnt {
    padding: 0 0 10px;
    margin: 0 0 20px;
    border-bottom: 1px solid #e5e5e5;
}
.client-infor {
    padding: 44px 0 0;
}
.client-infor-list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.client-infor-list li {
    display: block;
    overflow: hidden;
}
.box-infor .infor-left {
    width: 300px;
    float: left;
    padding-right: 30px;
}
.box-infor .infor-left h3 {
    margin: 0;
    font-size: 171.4%;
    line-height: 1.5;
}
.box-infor .infor-body {
    margin: 0 0 0 300px;
    padding: 12px 0 0;
}
.box-infor .infor-body h4 {
    margin: 0 0 7px;
    font-size: 114.3%;
    font-weight: bold;
}
.box-infor .infor-body p {
    margin: 0 0 25px;
}
.section-client .client-action {
    padding-left: 120px;
}
/* ==================================================
End image_PC-26
================================================== */

/* ==================================================
Start image_PC-28
================================================== */
.section-login {
    padding: 40px 0 0;
}
.section-login .login-inner {
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	padding: 40px;
}
.section-login h2 {
    font-size: 200%;
    margin: 0 0 40px;
    padding: 0 0 10px;
    border-bottom: 1px solid #e5e5e5;
}
.section-login p {
    font-size: 114.3%;
    margin: 0;
    line-height: 1.6;
}
.login-cnt ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.login-cnt ul li {
    display: block;
    overflow: hidden;
    margin: 0 0 45px;
}
.login-cnt ul li:last-child {
    margin: 0;
}
.login-cnt .box-login .login-left {
    width: 300px;
    float: left;
    padding-right: 30px;
}
.login-cnt .box-login .login-left h3 {
    margin: 0;
    font-size: 171.4%;
    line-height: 1.5;
}
.login-cnt .box-login .login-left h3 span{
    display: block;
}
.login-cnt .box-login .login-body {
    margin: 0 0 0 300px;
}
.frm-login {
    padding: 5px 0 0;
}
.frm-login label {
    font-size: 114.3%;
}
.frm-login .form-control {
    min-height: 40px;
    width: 67%;
    font-size: 114.3%;
}
.frm-login .checkbox {
    margin: 0 0 30px;
}
.frm-login .checkbox label {
    padding-left: 35px;
}
.frm-login .checkbox input[type=checkbox] {
    height: 20px;
    width: 20px;
    margin-left: -35px;
}
.frm-login .btn-login,
.register-action .btn-register {
    position: relative;
    display: inline-block;
    background-color: #ffffff;
    padding: 12px 28px 8px 18px;
    border: 1px solid #cccccc;
    min-width: 160px;
    text-align: left;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.frm-login .login-action {
    padding: 12px 0 0;
    margin: 0 0 37px;
}
.frm-login .login-action .btn-login {
    color: #006ab6;
}
.frm-login .btn-login i,
.register-action .btn-register i {
    font-size: 75%;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.register-action {
    padding: 32px 0 0;
}
.register-action .btn-register {
    font-size: 114.3%;
    min-width: 210px;
}
.frm-login .btn-login:hover,
.register-action .btn-register:hover,
.frm-login .btn-login:focus,
.register-action .btn-register:focus,
.frm-login .btn-login:active,
.register-action .btn-register:active {
    border-color: #0991fb;
    color: #0991fb;
}
/* ==================================================
End image_PC-28
================================================== */

/* ==================================================
Start plain_common
================================================== */
.section-plain {
    padding: 40px 0 0;
    margin: 0 0 10px;
}
.section-plain .plain-cnt {
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 40px;
}
.section-plain h2 {
    font-size: 200%;
    margin: 0 0 42px;
    padding: 0 0 10px;
    border-bottom: 1px solid #e5e5e5;
}
.section-plain .plain-cnt p {
    line-height: 1.6;
    font-size: 114.3%;
    margin: 0;
}
.plain-img {
    margin: 0 0 20px 0;
}
.section-plain-h {
    padding: 0 0 20px 0;
    margin: 0 0 10px;
}
.section-plain-h .plain-cnt {
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 40px;
}
.section-plain-h h2 {
    font-size: 200%;
    margin: 0 0 42px;
    padding: 0 0 10px;
    border-bottom: 1px solid #e5e5e5;
}
.section-plain-h .plain-cnt p {
    line-height: 1.6;
    font-size: 114.3%;
    margin: 0;
}
/* ==================================================
End plain_common
================================================== */

/* ==================================================
Start guide
================================================== */
.step-img {
    position: relative;
    margin: 10px 0 10px 0;
}
.shop-img {
    position: relative;
    margin: 5px 0 25px 0;
    border: solid 2px #f0f0f0;
    box-shadow: 4px 4px 8px #808080;
}
/* ==================================================
End guide
================================================== */
.iroiro-img{
    float: right;
    margin:0 0 20px 10px;
}
.qa-list{
    list-style: none;
    font-size: 114.3%;
    padding: 5px 0;
    margin: 20px 0;
    border-bottom: 1px dotted #c0c0c0;
}
.qa-list .qa-item{
    overflow: hidden;
}
.qa-list .qa-img{
    float: left;
    text-align: left;
    padding: 0 0 5px 0;
    margin: 5px 10px 5px 10px;
}
.qa-list .answer-detail{
    overflow: hidden;
    padding: 0 0 5px 0;
}
.qa-list .paragraph-question{
    font-weight: 600;
    font-size: 114.3%;
    margin-bottom: 0;
}
.qa-list .paragraph-answer{
    margin-bottom: 0;
}
/* ===== カレンダー ===== */
.calendarbox {
    width: 420px;
    height: 220px;
}
.rightbox{
    text-align: left;
    width: 200px;
    height: 200px;
    border: 1px solid #87cefa;
    padding: 3px;
}
.leftbox{
    text-align: left;
    width: 200px;
    height: 200px;
    float: right;
    border: 1px solid #87cefa;
    padding: 3px;
}

.calendar-title {
    font-weight: 600;
    font-size: 114.3%;
    color: #ffffff;
    text-align: center;
    background-color: #1e90ff;
}
.calendar-table {
    margin: 0 auto;
}
.calendar-table .is-today {
    font-weight: 600;
}
.calendar-table .calendar-h {
    text-align: left;
}
.calendar-table td {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.calendar-table th {
    text-align: center;
}

/* ポップアップウインドウの設定 */